@import url(../fonts/open_sans_300i_400i_700i_300_400_700.css);
body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.bg-image {
    background-image: url(/assets/images/sporthalle.glas.jpg);
}

.bg-color {
    background-color: #f8f8f8;
}

.v-bg-gray {
    background-color: #f9f9f9;
}

.v-inline-table-btn-group {
    float: left !important;
}

body p {
    font-weight: 400;
    color: #666;
}

* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

tbody th {
    font-weight: normal;
}

.swal-modal {
    border-radius: 5px !important;
}

.swal-icon {
    border-radius: 50% !important;
}

.swal-icon--success__line {
    border-radius: 2px !important;
}

.swal-icon--success__ring {
    border-radius: 50% !important;
}

.swal-footer {
    text-align: center;
}

table th {
    color: #666;
}

.btn-default {
    color: #666 !important;
}

.font-color-table {
    color: #333333;
}

.text-primary {
    color: #428bca !important;
}

.text-v-green {
    color: #3AA94C;
}

.text-v-blue {
    color: #0088cc !important;
}

.text-v-orange {
    color: #FF8929;
}

.v-warning {
    color: #FD6D00;
}

.v-notice {
    color: #666666;
}

.text-warning {
    color: #f0ad4e;
}

.text-success {
    color: #449d44;
}

.text-danger {
    color: #A94442;
}

.text-v-green-override {
    color: #3AA94C !important;
}

.text-v-orange-override {
    color: #FF8929 !important;
}

.row-margin-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.well-white {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: white;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.ui-datepicker {
    background: rgba(255,255,255,1) !important;
}

.v-updates {
    color: #0088CC;
}

.font-bold {
    font-weight: bold !important;
}

.font-big {
    font-size: 14px;
}

.font-bigger {
    font-size: 16px;
}


.font-white {
    color: white !important;
}

.v-borderless {
    border: 0px !important;
}

.v-shadowless {
    box-shadow: none !important;
}

.v-icons {
    display: inline-block !important;
    width:1.25em !important;
    text-align:center !important;
}

.v-darkblue {
    background-color: #005580;
}

.v-darkgreen {
    background-color: #009017;
}


.v-blue {
    background-color: #0088CC;
}

.v-green {
    background-color: #3AA94C;
}

.text-green {
    color: #3AA94C;
}

.text-red {
    color: #A94442;
}

.loginbox {
    margin-top: 10px;
    width: 320px;
}

/* Workaround to avoid dropzone.css re-formatting of checkboxes */
.checkbox > i {
    box-sizing: content-box !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.container {
    background-color: white;
    margin-top: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

.v-content-container {
    padding-left: 10px;
    padding-right: 10px;
}

a {
    color: #3AA94C;
}


.a-holidays:hover {
    text-decoration: underline;
}

.action-link {
    color: #2da5da !important;
}

.action-link:hover {
    text-decoration: underline;
}


.custom-colors, .custom-colors:hover, .custom-colors:active {
    text-decoration: underline;
    color: #2da5da;
    cursor: pointer;
    font-size: 13px;
}

.custom-colors:hover {
    text-decoration: underline;
}

.element-primary {
    background-color: #428bca;
    color: white;
    border-color: #428bca;
}

@media screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) and (orientation:portrait){
    #view-reports {
        display: none;
    }
    #view-settings {
        display: none;
    }
}

/* dynamic width for whole container/page*/
/*
*/@media (max-width: 1200px) {
    .container {
        width: 98% !important;
    }
}

.v-form .toggle i:after {
    content: 'Nein';
}

.v-form .toggle input:checked + i:after {
    content: 'Ja';
}


.v-logo-footer {
    width: auto;
    height: 18px;
}

.fa {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}


.v-form-partial {
    padding-left: 10px;
    padding-right: 10px;
}

.table-group-customers {
    margin-right: 10px;
}

.v-form-button {
    padding: 8px 9px !important;
    min-width: 27px;
}

.v-form-btn {
    padding: 6px 12px;
}

.v-form-button-block {
    padding: 8px 0px !important;
}

.v-form-box * {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
}

.v-white {
    color: white !important;
}

.v-profile-img-button {
    margin-bottom: 5px !important;
}

.v-fc-inline-datepicker {
    font-weight: bold;
    width: 100px;
    border-style: solid;
    cursor: default;
    border-color: #E5E5E5;
    transition: border-color 0.3s ease 0s;
    border-radius: 0px;
    background: none repeat scroll 0% 0% #FFF;
    color: #404040;
    -moz-appearance: none;
    box-sizing: border-box;
    padding: 3px 8px;
    outline: medium none;
    border-width: 2px;
}


.daily-accounting-datepicker {
    border: 2px solid #e5e5e5;
    box-shadow: none;
}

.exceedance-warning a {
    font-weight: bold;
    color: #a94442;
}

.exceedance-warning a:hover {
    font-weight: bold;
    color: #c77270;
}

/* to top */

.totop {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 104400;
    background: #009017 !important;
}

.totop a, .totop a:visited{
    display: block;
    width: 30px;
    height: 30px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.totop a:hover {
    color: #eee;
    text-decoration: none;
}


.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #E1F2E4;
}

.table-filter {
    vertical-align: middle !important;
}


.ui-datepicker {
    display: none;
    padding: 10px 12px;
    background: rgba(255,255,255,1);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    font: 13px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #666;
}


.status-new {
    color: #0088CC;
    font-weight: bold;
}

.status-reserved {
    color: #0088CC;
    font-weight: bold;
}

.status-freebie {
    color: #0088CC;
    font-weight: bold;
}

.status-storno {
    color: #FF8929;
    font-weight: bold;
}

.status-confirmed {
    color: #009017;
    font-weight: bold;
}

.status-waitlist {
    color: #0088CC;
    font-weight: bold;
}

.status-recommendation {
    color: #1c4693;
    font-weight: bold;
}

.status-whilebooking {
    color: #510393;
    font-weight: bold;
}


.bill-cancelled {
    color: #666;
    font-weight: bold;
}

.bill-new {
    color: #0088CC;
    /*    background-color: #d9edf7 !important;*/
    vertical-align: middle !important;
    font-weight: bold;
}

.bill-check {
    color: #FF8929;
    /*    background-color: #fcefdd !important;*/
    vertical-align: middle !important;
    font-weight: bold;
}

.bill-payed {
    color: #009017;
    /*    background-color: #eaf6ea !important;*/
    vertical-align: middle !important;
    font-weight: bold;
}

.bill-alarm {
    color: white;
    font-weight: bold;
    background-color: #d9534f !important;
    vertical-align: middle !important;
}

.v-table {
    vertical-align: middle !important;
}

.th-center {
    text-align: center;
}

.th-right {
    text-align: center;
}

.minicolors-theme-bootstrap .minicolors-swatch {
    top: 5px !important;
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #3AA94C;
    cursor: default;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #E1F2E4;
    color: #3AA94C;
}


/* Side notes for calling out things
-------------------------------------------------- */

/* Base styles (regardless of theme) */
.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
.bs-callout h4 {
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}

/* Themes for different contexts */
.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}
.bs-callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}
.bs-callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}

bs-callout-danger h4 {
    color: #B94A48;
}

.bs-callout-warning h4 {
    color: #C09853;
}

.bs-callout-info h4 {
    color: #3A87AD;
}

.venue-select {
    display: inline;
    width: auto;
    font-weight: bold;
}

.header-select {
    display: inline;
    width: auto;
    font-weight: bold;
}

.margin-5-left {
    margin-left: 5px;
}
.course-select {
    display: inline;
    width: auto;
    font-weight: bold;
}

.venue-images {
    padding: 15px 30px 15px 30px !important;
}

.venue-image-actions {
    padding: 15px;
}

.inventory-item-images {
    padding: 15px 30px 15px 30px !important;
}

.inventory-item-image-actions {
    padding: 15px;
}

.invoice_percentages {
    max-width: 50px !important;
}

.invoice_icon_column {
    width: 15px !important;
}

/* datatables css changes */
div.dataTables_info {
    top:10px !important;
}

.pagination {
    margin-top: 5px;
    margin-bottom: 5px;
}

.dataTable > thead {
    background-color: #e6f7e8 !important;
    /* #e6f7e8 - light green for header */
    /* #f4fafd - light blue for header */
}


.dataTable .table-checkbox {
    width: 40px !important;
}

.dataTable .table-date {
    width: 100px !important;
}

.dataTable .table-datetime {
    width: 150px !important;
}

.dataTable .table-date-from-to {
    width: 200px !important;
}

.dataTable .table-courses-datetime {
    width: 210px !important;
}

.dataTable .table-courses-seats {
    width: 90px !important;
}

.dataTable .table-courses-settings-trainer {
    width: 250px !important;
}

.dataTable .table-facility-extras-price-type {
    width: 120px !important;
}

.dataTable .table-facility-extras-price {
    width: 90px !important;
}

.dataTable .table-facility-extras-online {
    width: 70px !important;
}

.dataTable .table-facility-extras-venues {
    width: 120px !important;
}

.dataTable .table-facility-extras-action {
    width: 220px !important;
}

.dataTable .table-group-members {
    width: 90px !important;
}

.dataTable .table-journal-action {
    width: 100px !important;
}

.dataTable .table-journal-typ {
    width: 100px !important;
}

.dataTable .table-journal-customer {
    width: 300px !important;
}

.dataTable .table-coaches-action {
    width: 100px !important;
}

.dataTable .table-coaches-name {
    width: 240px !important;
}

.dataTable .table-coaches-email {
    width: 240px !important;
}

.dataTable .table-course-trainer {
    width: 300px !important;
}

.dataTable .table-group-action {
    width: 290px !important;
}

.dataTable .table-settings-staff-action {
    width: 220px !important;
}

.dataTable .table-settings-price {
    width: 200px !important;
}

.dataTable .table-settings-courses-action {
    width: 200px !important;
}

.dataTable .table-time-from-to {
    width: 130px !important;
}

.dataTable .table-time-from-to-dailyaccounting {
    width: 110px !important;
    white-space: nowrap;
}

.dataTable .table-external-actions {
    width: 120px !important;
}

.dataTable .table-date-weekday {
    width: 50px !important;
}

.dataTable .table-price-from-to {
    width: 120px !important;
}

.dataTable .table-price-type {
    width: 170px !important;
}

.dataTable .table-price-group {
    width: 170px !important;
}

.dataTable .table-venues-price {
    width: 90px !important;
}

.dataTable .table-venues-actions {
    width: 220px !important;
}

.dataTable .table-timeframe-date {
    width: 150px !important;
}

.dataTable .table-timeframes-actions {
    width: 220px !important;
}

.dataTable .table-venues-venue {
    width: 170px !important;
}

.dataTable .table-timeframe-bookings-venue {
    width: 220px !important;
}

.dataTable .table-timeframe-bookings-booking {
    width: 180px !important;
}

.dataTable .table-timeframe-bookings-status {
    width: 220px !important;
}

.dataTable .table-timeframe-bookings-actions {
    width: 170px !important;
}

.dataTable .table-customer-bookings-actions {
    width: 200px !important;
}

.dataTable .table-customers-type {
    width: 100px !important;
}

.dataTable .table-customers-custNr {
    width: 120px !important;
}

.dataTable .table-customers-phone {
    width: 180px !important;
}

.dataTable .table-customers-zvr {
    width: 170px !important;
}

.dataTable .table-categories-number-of-courses {
    width: 170px !important;
}

.dataTable .table-categories-actions {
    width: 200px !important;
}

table .btn-group  {
    white-space: nowrap;
}

table .btn-group .btn {
    float: none;
    display: inline-block;
}

.dataTable .table-venues-bookings {
    width: 190px !important;
}

.dataTable .table-venues-status {
    width: 140px !important;
}

.dataTable .table-customers-actions {
    width: 210px !important;
}

.dataTable .table-group-customers-actions {
    width: 100px !important;
}

.dataTable .table-invoice-actions {
    width: 200px !important;
}

.dataTable .table-invoice-number {
    width: 100px !important;
}

.dataTable .table-invoice-price {
    width: 90px !important;
}

.dataTable .table-invoice-paymenttype {
    width: 120px !important;
}

.dataTable .table-customer-invoices-actions {
    width: 200px !important;
}

.dataTable .table-customer-courses-action {
    width: 220px !important;
}

.dataTable .table-courses-coursetime {

}

.dataTable .table-courses-actions {
    width: 200px !important;
}

.dataTable .table-courselist-actions {
    width: 290px !important;
}

.dataTable .table-courses-status {
    width: 100px !important;
}

.dataTable .table-courses-participants {
    width: 100px !important;
}

.dataTable .table-courses-price {
    width: 70px !important;
}

.dataTable .table-courses-waitlist {
    width: 55px !important;
}

.dataTable .table-journal-title {
    width: 250px !important;
}

.dataTable .table-document-size {
    width: 100px !important;
}

.dataTable .table-document-action {
    width: 150px !important;
}

.dataTable .table-subscriptions-status {
    width: 123px !important;
}

.dataTable .table-subscriptions-actions {
    width: 210px !important;
}

.dataTable .table-settings-members-status {
    width: 100px !important;
}

.dataTable .table-settings-members-actions {
    width: 210px !important;
}

.dataTable .table-settings-membertypes-actions {
    width: 210px !important;
}


.dataTable .table-member-types {
    width: 200px !important;
}


.dataTable .table-vat {
    width: 80px !important;
}


.dataTable .table-member-fee {
    width: 120px !important;
}

.dataTable .table-announcements-action {
    width: 120px !important;
}

.dataTable .table-announcements-type {
    width: 140px !important;
}

.dataTable .table-announcements-title {
    width: 300px !important;
}

.dataTable .table-announcements-date {
    width: 200px !important;
}


.dataTable .table-announcements-active {
    width: 80px !important;
}

.dataTable .table-customer-balance-datetime {
    width: 160px !important;
}

.dataTable .table-customer-balance-change {
    width: 100px !important;
}

.dataTable .table-customer-balance-newbalance {
    width: 150px !important;
}

.dataTable .table-customer-balance-username {
    width: 300px !important;
}

.dataTable .table-outstandings-type {
    width: 150px !important;
}

.dataTable .table-outstandings-actions {
    width: 160px !important;
}

.dataTable .table-subscription-schedule {
    width: 150px !important;
}

.dataTable .table-onlinepayments-status {
    width: 120px !important;
}
.dataTable .table-onlinepayments-actions {
    width: 120px !important;
}

.dataTable .table-cashouts-reference {
    width: 120px !important;
}
.dateTable .table-cashouts-price {
    width: 120px !important;
}
.dataTable .table-cashouts-status {
    width: 120px !important;
}
.dataTable .table-cashouts-actions {
    width: 120px !important;
}

.dataTables_info{
    color: #666;
}

.dataTable .normalWrap {
    white-space: normal;
}

table#table-dailyaccounting.table-bordered>tfoot>tr>td {
    border: 0px solid transparent !important;
}

.dataTable .table-dailyaccounting-actions {
    width: 120px !important;
}

.dataTable .table-dailyaccounting-linewrap {
    white-space: normal !important;
}

.dataTable .table-accountingrun-type {
    width: 80px !important;
}

.dataTable .table-accountingrun-status {
    width: 150px !important;
}

.dataTable .table-accountingrun-numinvoices {
    width: 90px !important;
}

.dataTable .table-accountingrun-actions {
    width: 110px !important;
}

.dataTable .table-invoiceexports-type {
    width: 150px !important;
}

.dataTable .table-invoiceexports-numinvoices {
    width: 180px !important;
}

.dataTable .table-operators-type {
    width: 160px !important;
}

.dataTable .table-operators-action {
    width: 210px !important;
}

.dataTable .table-coursebookingparticipants-date {
    width: 130px !important;
}

.dataTable .table-coursebookingparticipants-gender {
    width: 150px !important;
}

.dataTable .table-coursebookingparticipants-status {
    width: 80px !important;
}

.dataTable .table-coursebookingparticipants-actions {
    width: 250px !important;
}

.dataTable .table-subscription-preview-date {
    width: 250px !important;
}

.dataTable .table-preview-booking-price {
    width: 150px !important;
}

.dataTable .table-inventory-amount {
    width: 100px !important;
}

.dataTable .table-inventory-price {
    width: 100px !important;
}

.dataTable .table-inventory-pricetype {
    width: 140px !important;
}

.dataTable .table-inventory-action {
    width: 110px !important;
}

.dataTable .table-customer-cleanreservations-actions {
    width: 120px !important;
}

.dataTable .table-inventory-bookings-appointment {
    width: 200px !important;
}

.dataTable .table-inventory-bookings-status {
    width: 120px !important;
}

.dataTable .table-inventory-bookings-action {
    width: 210px !important;
}

.dataTable .table-sharedbooking-setups-code {
    width: 200px !important;
}

.dataTable .table-sharedbooking-prices-price {
    width: 120px !important;
}

.dataTable .table-sharedbooking-bookingsets-grouping {
    width: 115px !important;
}

.dataTable .table-sharedbooking-setups-seats {
    width: 100px !important;
}

.dataTable .table-sharedbooking-setups-exclusive {
    width: 70px !important;
}

.dataTable .table-sharedbooking-setups-color {
    width: 80px !important;
}

.dataTable .table-sharedbooking-setups-action {
    width: 220px !important;
}

.dataTable .table-sharedbookings-bookingtime {
    width: 200px !important;
}

.dataTable .table-sharedbookings-seats {
    width: 90px !important;
}
.dataTable .table-sharedbookings-price {
    width: 90px !important;
}

.dataTable .table-sharedbookings-status {
    width: 140px !important;
}

.dataTable .table-shoppingcart-action {
    width:
}

.dataTable .table-sharedbookings-action {
    width: 100px !important;
}

.dataTable .table-sharedbookings-booking-length {
    width: 90px !important;
}

.dataTable .table-sharedbookings-start-time {
    width: 150px !important;
}

.dataTable .table-sharedbookings-actions {
    width: 240px !important;
}

.dataTable .table-sharedbooking-prices-price {
    width: 240px !important;
}

.dataTable .table-sharedbooking-prices-price-condition {
    width: 240px !important;
}

.dataTable .table-sharedbooking-prices-price-type {
    width: 240px !important;
}

.dataTable .table-sharedbooking-prices-actions {
    width: 240px !important;
}

.dataTable .table-todo-assigned {
    width: 280px !important;
}

.dataTable .table-todo-status {
    width: 150px !important;
}

.dataTable .table-todo-action {
    width: 200px !important;
}

.dataTable .table-booking-inventory-amount {
    width: 100px !important;
}

.dataTable .table-booking-inventory-price {
    width: 120px !important;
}

.dataTable .table-booking-inventory-action {
    width: 230px !important;
}

.dataTable .table-linkedbookings-action {
    width: 230px !important;
}

.dataTable .table-accounting-balances-money {
    width: 130px !important;
}

.dataTable .table-accounting-balances-action {
    width: 200px !important;
}

.dataTable .table-shoppingcart-position {
    width: 50px !important;
}

.dataTable .table-shoppingcart-price {
    width: 120px !important;
}

.dataTable .table-shoppingcart-action {
    width: 170px !important;
}

.dataTable .table-shoppingcarts-datetime {
    width: 150px !important;
}

.dataTable .table-shoppingcarts-price {
    width: 80px !important;
}

.dataTable .table-shoppingcarts-status {
    width: 210px !important;
}

.dataTable .table-shoppingcarts-action {
    width: 210px !important;
}

.dataTable .table-settings-rooms-actions {
    width: 160px !important;
}

.dataTable .table-portaluser-timestamp {
    width: 160px !important;
}

.dataTable .table-portaluser-action {
    width: 220px !important;
}

.dataTable .table-blockedemails-action {
    width: 150px !important;
}

.dataTable .table-room-bookings-status {
    width: 140px !important;
}

.dataTable .table-room-bookings-action {
    width: 220px !important;
}

.dataTable .table-roomguests-age {
    width: 80px !important;
}

.dataTable .table-roomguests-action {
    width: 180px !important;
}

.dataTable .table-topupcard-bookings-price {
    width: 80px !important;
}

.dataTable .table-topupcard-bookings-status {
    width: 140px !important;
}

.dataTable .table-topupcard-bookings-action {
    width: 180px !important;
}

.dataTable .table-settings-inventory-courses-restrictions {
    width: 180px !important;
}

.dataTable .table-settings-inventory-courses-action {
    width: 150px !important;
}


.v-colorblock {
    width: 28px;
    height: 28px;
    border: 1px solid #999999;
}

.well {
    background-color: #3AA94C;
    color: white;
}


weekplan > a:link {color: #000000; text-decoration: none !important;
                   font-size: 20px;font-weight:bold;color:white !important;
}

.zvr-modal {
    padding-bottom: 0px !important;
}

.alertify-logs {
    top: 0px;
}

.alertify-logs {
    pointer-events: none;
}

.alertify-log {
    pointer-events: all;
}

.inline-headline {
    margin-bottom: 0px !important;
}


/* shadow for all icons */
.sky-mega-menu i {
    -webkit-text-shadow: .1em .1em .1em #CCC;
    -moz-text-shadow: .1em .1em .1em #CCC;
    text-shadow: .1em .1em .1em #CCC;
}

.sky-mega-menu .right {
    float: right;
    border-right-width: 0;
    border-left-width: 1px;
}

.is-disabled { opacity: .4; pointer-events: none; }


.form-disabled { opacity: .7; pointer-events: none;}

.disabled-btn {
    color: green !important;
    background-color: #ebebeb !important;
    border-color: #adadad !important;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.new-contact-button {
    margin-top: 19px !important;
    margin-left: 5px !important;
}


.tt-query,
.tt-hint {
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}



.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    min-width: 150px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #B2DDB9;

}

.tt-suggestion p {
    margin: 0;
}


.twitter-typeahead {
    width: 100%;
}

.tt-dropdown-menu {
    width: 100%;
}
.tt-hint {
    width: 100%;
}

/* if a button is underneath */
.datepicker {
    position: relative;
    z-index: 900;
}


.img-thumbnail {
    border: 5px solid #3AA94C;
}

.calendar-opacity {
    opacity: 0.7;
}

.calendar-holiday {
    background-color: #e60000 !important;
}

.calendar-holiday-name {
    color: white !important;
    font-size: 13px;
    font-weight: bold;
}

.calendar-locktime {
    background-color: #ddd !important;
    opacity: 0.8 !important;
}


.calendar-locktime-name {
    color: #000000 !important;
    font-size: 13px;
    font-weight: bold;
}

.calendar-legend {
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.calendar-legend-single {
    color: #FFFFFF;
    background-color: #6abe78;
}
.calendar-legend-subscription {
    color: #FFFFFF;
    background-color: #3fa5d8;
}
.calendar-legend-reserved-single {
    color: white;
    background-color: #B2DDB9;
}
.calendar-legend-reserved-subscription {
    color: white;
    background-color: #8BCDEF;
}
.calendar-legend-timeframe {
    color: #0D0D0D;
    background-color: #EDEDED;
}
.calendar-legend-closed {
    color: #0D0D0D;
    background-color: darkgrey !important;
}
.calendar-legend-course {
    color: #FFFFFF;
    background-color: #ffa65d;
}
.calendar-legend-holiday {
    color: #FFFFFF;
    background-color: #e60000 !important;
    opacity: 0.4;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
    z-index: 1;
}

.venue-booking-created {
    font-size: 13px;
    color: #595959;
}

.course-booking-created {
    font-size: 13px;
    color: #595959;
}

.label-created {
    font-size: 12px;
    font-weight: normal;
    color: #595959;
}

.label-filter {
    font-size: 12px;
    font-weight: normal;
    color: #595959;
}

.badge-new-bookings {
    background-color: #0088CC !important;
    color: white;
    /*border-radius: 10px !important;*/
    padding: 3px 7px !important;
    z-index: 99999;
    display: inline;
}

.badge-new-todos {
    background-color: #0088CC !important;
    color: white;
    padding: 3px 7px !important;
    margin-left: 8px;
    z-index: 99999;
    display: inline;
}

.badge-new-todos-actions {
    background-color: #0088CC !important;
    color: white;
    padding: 6px 6px !important;
    margin-left: 15px;
    margin-top: 35px;
    overflow: hidden;
    position: absolute;
    z-index: 999999;
}

.table > thead > tr > th {
    vertical-align: middle;
}

.dataTable th, .dataTable td { white-space: nowrap;};


.lightbox {
    z-index: 1041;
}


.venuzle-new-modal {
    width: 70%;
}

.v-form .select select {
    height: 40px;
}

.v-form .button-blue {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

.v-form fieldset {
    padding: 15px 20px 0px 20px;
    background: rgba(245,245,245,.1);
}

.v-form {
    box-shadow: 0 5px 5px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.05);
    border: 1px solid #e8e8e8;
}

.new-bookings {
    color: #428BCA;
    font-weight: bolder;
}

.urgent-bookings {
    color: #B94A48;
    font-weight: bolder;
}

.urgent-bookings:hover,
.urgent-bookings:focus {
    color: #912624;
}

.form-control-select-70 {
    width:70%;
}


input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #B3B3B3 !important;
}

.padding-5 {
    padding: 5px;
}



.padding-2 {
    padding: 2px !important;
}

.select2-container .select2-choice, .select2-container .select2-choices {
    font-size: 15px !important;
}

.select2-container .select2-choice .select2-arrow b, .select2-container .select2-choice div b {
    background-position: 0 7px !important;
}

.select2-results .fa {
    float: right;
    position: relative;
    line-height: 20px;
}

.select2-results .fa:hover, .select2-results .fa:active, .select2-results .fa:focus {
    color: white;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #0088cc;
    cursor: not-allowed;
    background-color: #0088cc !important;
}

.select2-container.select2-container-disabled .select2-choices {
    cursor: not-allowed;
    background-color: white !important;
    border-color: #cccccc;
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: white !important;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default;
}

.course-tooltip-icon {
    width: 25px !important;
    text-align: center;
}

.v-selected-invoice-position {
    color: #428BCA !important;
}


.customer-details-member {
    padding-top: 20px;
}

.text-light-grey {
    color: #ccc;
}

/* tmp dt css fix*/
.table-responsive {
    overflow-x: inherit;
}


#table-operators.dataTable th, #table-operators.dataTable td {
    white-space: normal !important;
}

/* file upload button, see http://www.abeautifulsite.net/whipping-file-inputs-into-shape-with-bootstrap-3/ */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#cropper-img {
    width: 560px;
    height: 400px;
    margin-bottom: 20px;
}

.is-member-group {
    color: #0088cc !important;
    font-weight: bold;
}

.is-member-group-selected {
    color: #0088cc !important;
    font-weight: bold;
    cursor: not-allowed;
}

.is-member-group:hover {
    color: #0088cc !important;
    font-weight: bold;
    background-color: white !important;
}

/* inside a daterangepicker use FontAwesome fonts */
/* .daterangepicker ~ .glyphicon { */
th > .glyphicon {
    font-family: FontAwesome;
}

.ui-datepicker {
    z-index: 9999 !important; /* more than 1050 to work fine in bootstrap modal dialog */
}
.extended-action-button {
    margin-left: 10px;
}


.a-action-disabled {
    color: #B3B3B3 !important;
    cursor: not-allowed !important;
}

.open .dropdown-toggle.btn-v-lightgreen-white {
    color: #3AA94C;
}

.coursecard {
    padding: 10px;
    margin: 20px;
    border: 1px dotted gray;
}

.coursecard ul {
    list-style: disc !important;
    padding-left: 30px;
}


.invoice_line section {
    margin-bottom: 5px !important;
}

.booking_summary_listitem {
    margin-left: 40px !important;
    list-style: disc;
}

.booking_summary_headline {
    font-size: 125%;
    margin-top: 10px;
    font-weight: bold;
}

.ck-editor__editable {
    min-height: 200px;
}

.underline-hover:hover {
    text-decoration: underline;
}

.pointer {
    cursor: pointer;
}

@media only screen
  and (max-device-width: 736px) {
      .ms-container .ms-selectable li.ms-elem-selectable,
      .ms-container .ms-selection li.ms-elem-selection {
        padding: 10px 10px !important;
    }
}

@media print {
    #mainMenu, .v-footer, .v-hide-print, .fc-button { visibility: hidden; display:none;}
}

/**
 * CSS only loader
 */
 .lds-ripple {
     display: inline-block;
     position: relative;
     width: 64px;
     height: 64px;
     margin: 0 auto;
 }

 .lds-ripple div {
     position: absolute;
     border: 4px solid #5BA355;
     opacity: 1;
     border-radius: 50%;
     animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
 }

 .lds-ripple div:nth-child(2) {
     animation-delay: -0.5s;
 }

 @keyframes lds-ripple {
     0% {
         top: 28px;
         left: 28px;
         width: 0;
         height: 0;
         opacity: 1;
     }
     100% {
         top: -1px;
         left: -1px;
         width: 58px;
         height: 58px;
         opacity: 0;
     }
 }


.v-form .select select#select-venue[multiple] {
    height: 200px;
}

#settings_course_attendance_list_wrapper tbody tr td:first-child, #settings_course_attendance_list_wrapper thead tr th:first-child {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    z-index: 10000;
}

#settings_course_attendance_list_wrapper .table-striped>tbody>tr:nth-of-type(odd) td , #settings_course_attendance_list_wrapper .table-striped>tbody>tr:nth-of-type(odd) th  {
    background-color: #f9f9f9;
}

#settings_course_attendance_list_wrapper .table-striped>tbody>tr:nth-of-type(even) td , #settings_course_attendance_list_wrapper .table-striped>tbody>tr:nth-of-type(even) th  {
    background-color: white;
}

#settings_course_attendance_list_wrapper .dataTable > thead tr th {
    background-color: #e6f7e8 !important;
}