/* Hide datatables sort icons */
table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc {
    background : none !important;
}

/* Fix toastr alerts margins */
#toast-container.toast-top-right {
    margin-top: 50px;
}

/* Remove unnecessary margins */
.help-block-error {
    margin: 0;
}

/* Fix state select as datatable filter */
.state-select {
    display: inline;
}

/* Booking wizard */
#booking_form .form-wizard .steps .step .desc {
    display: block;
    margin-top: 13px;
}
#fast-checkin {
    float: right;
    margin-right: 100px;
}
#lodging_type_switch .step-default {
    display: flex;
    flex-wrap: wrap;
}
#lodging_type_switch .step-default .option {
    flex-grow: 1;
    margin: 10px;
}
#lodging_type_switch .option:not(.active) {
    cursor: pointer;
}
#lodging_type_switch .option.active {
    cursor: default;
    color: white;
}
.datepicker-days .day.disabled {
    opacity: 0.3;
}

/* Bracelets */
#bracelets-table .expired {
    color: red;
}

/* Autocomplete */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; cursor: pointer; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* Checkin sidebar */
.profile-sidebar {
    position: sticky;
    top: 80px;
}
#submit_checkin {
    width: 100%;
}
.profile-usermenu ul li:nth-last-child(2) {
    border-bottom: none;
}
small i.fa {
    font-size: 13px;
}
.service {
    margin-top: 5px;
    margin-left: 20px;
    font-size: 12px;
}
.service-label {
    color: black;
    font-weight: 600;
    margin-top: 5px;
}

/* Document image preview */
.document-container {
    height: 200px;
}
.document-container .img-responsive {
    display: block;
    width: auto;
    max-height: 100%;
}

/* Client stays list */
.timeline .timeline-item.active .timeline-body {
    background: #F1F8E9;
}
.timeline .timeline-item.active .timeline-body-arrow {
    border-right-color: #F1F8E9;
}
.timeline .timeline-item.active .timeline-icon {
    background: #F1F8E9;
}

/* Lodgings solutions widget */
.tabbable-line.nav-justified {
    padding: 0;
    overflow: hidden;
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
    border: 0px;
}
#tab-auto .solutions-header {
    margin-right: 0px;
    padding: 10px 0px 10px 20px;
    font-weight: 600;
}
#tab-auto .solution {
    border-color: #36c6d3 #36c6d3 #e7ecf1 !important;
    cursor: pointer;
}
#tab-auto .solution.selected {
    box-shadow: inset 0 0 1000px 1000px rgba(56, 154, 251, 0.5);
}
#tab-auto .solution>.list-item-content {
    padding: 0 95px 0 20px !important;
}
#tab-auto .solution .lodging:not(:last-child) {
    margin-bottom: 10px;
}
#tab-auto .mt-element-list .list-default.mt-list-container ul>.mt-list-item>.list-datetime {
    width: 80px !important;
}
#tab-manual .solution.vacant {
    border-color: #36c6d3 #36c6d3 #e7ecf1 !important;
    padding-left: 37px;
}
#tab-manual .solution.occupied {
    border-color: #e7505a #e7505a #e7ecf1 !important;
    padding-left: 10px;
    border-left: 30px solid;
}

/* Stay ~ Add lodgings */
#tab-edit-add-lodgings .reservations-list {
    margin-top: 10px;
}
#tab-edit-add-lodgings .reservations-list tr {
    margin-top: 10px;
    cursor: pointer;
}
#tab-edit-add-lodgings .reservations-list tr.selected {
    box-shadow: inset 0 0 1000px 1000px rgba(56, 154, 251, 0.2)
}
#tab-edit-add-lodgings .submit {
    margin-top: 50px;
}

/* Stay ~ Show */
#groups-select {
    margin: 20px 0;
}

/* Stay ~ Change lodgings */
#tab-edit-change-lodging .reservations-list {
    margin-top: 10px;
}
#tab-edit-change-lodging .reservations-list tr {
    margin-top: 10px;
    cursor: pointer;
}
#tab-edit-change-lodging .reservations-list tr.selected {
    box-shadow: inset 0 0 1000px 1000px rgba(56, 154, 251, 0.2)
}
#tab-edit-change-lodging .submit {
    margin-top: 50px;
}

/* Stay ~ Remove clients */
#tab-edit-remove-clients .clients-list {
    margin-top: 10px;
}
#tab-edit-remove-clients .clients-list tr {
    margin-top: 10px;
    cursor: pointer;
}
#tab-edit-remove-clients .clients-list tr.selected {
    box-shadow: inset 0 0 1000px 1000px rgba(56, 154, 251, 0.2)
}

/* Stay ~ Remove lodgings */
#tab-edit-remove-lodgings .reservations-list {
    margin-top: 10px;
}
#tab-edit-remove-lodgings .reservations-list tr {
    margin-top: 10px;
    cursor: pointer;
}
#tab-edit-remove-lodgings .reservations-list tr.selected {
    box-shadow: inset 0 0 1000px 1000px rgba(56, 154, 251, 0.2)
}

/* Stay ~ Edit  */
.edit-actions > div {
    margin-bottom: 30px;
}
.edit-actions a.active {
    box-shadow: inset rgba(255, 255, 255, 0.5) 0 -30px 0px -20px;
}
.edit-actions .details {
    padding-left: 15px;
}

/* Stay ~ Sidebar */
.profile-sidebar {
    position: sticky;
    top: 80px;
}
#checkout_button {
    width: 100%;
    margin-bottom: 15px;
}
#edit-notes {
    cursor: pointer;
}

/* Forfait */
.forfait-installments-table tr.unpaid td {
    background: #FFCDD2 !important;
    color: black;
}
.forfait-installments-table tr.paid td {
    background: #DCEDC8 !important;
    color: black;
}

#machines-table_wrapper .missing {
	color: #E53935;
}
