/* SPINNER */

.loader{color:#fff;position:fixed;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;z-index:999999}.loader:after,.loader:before{box-sizing:border-box;display:none}.loader.is-active{background-color:rgba(113,115,117,.85);width:100%;height:100%;left:0;top:0}.loader.is-active:after,.loader.is-active:before{display:block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes blink{0%{opacity:.5}to{opacity:1}}.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}.loader[data-text=""]:before{content:"Loading"}.loader[data-text]:not([data-text=""]):before{content:attr(data-text)}.loader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}.loader-default[data-text]:before{top:calc(50% - 63px)}.loader-default:after{content:"";position:fixed;width:48px;height:48px;border:8px solid #fff;border-left-color:transparent;border-radius:50%;top:calc(50% - 24px);left:calc(50% - 24px);animation:rotation 1s linear infinite}.loader-default[data-half]:after{border-right-color:transparent}.loader-default[data-inverse]:after{animation-direction:reverse}

/* THEME EDITS */

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus {
    background-image: linear-gradient(#656565,#424242),linear-gradient(rgb(84, 84, 84),rgba(255, 255, 255, 0.3));
    border: 0;
    border-radius: 0;
    box-shadow: none;
    float: none;
}

.form-material .has-success .form-control, .form-material .has-success .form-control.focus, .form-material .has-success .form-control:focus {
    background-image: linear-gradient(#1fab16,#1fab16),linear-gradient(#1fab16,#1fab16);
}

.has-success .form-control {
    border-bottom: 1px solid #1fab16;
    background-image: linear-gradient(#1fab16,#1fab16),linear-gradient(#1fab16,#1fab16);
}

.form-material .has-error .form-control, .form-material .has-error .form-control.focus, .form-material .has-error .form-control:focus {
    background-image: linear-gradient(#a94442,#a94442),linear-gradient(#a94442,#a94442);
}

.has-error .form-control {
    border-bottom: 1px solid #a94442;
    background-image: linear-gradient(#a94442,#a94442),linear-gradient(#a94442,#a94442);
}

.alert-success {
    background: #348c2e;
    color: #fff;
    border-color: #348c2e;
}

.alert-danger {
    background: #c54f4b;
    color: #fff;
    border-color: #c54f4b;
}

.table td, .table th {
    vertical-align: baseline;
}

.btn-inverse:hover {
    background-color: #656b76;
    border: 1px solid #656b76;
    color: #fff;
}

.btn {
	outline: none !important;
    box-shadow: none !important;
}

/* CUSTOM CSS */

.form-group label {
    font-weight: bold;
}

.white-box h3 {
    font-weight: bold !important;
}

.white-box h1 {
    font-weight: bold !important;
    font-size: 18px !important;
}

.clear_a {
    color: #424242;
}

.show-only-print {
    display: none !important;
}

.text-important {
    color: #ec0000!important;
    font-weight: bold;
}

.white-box small.subtitle {
    font-size: 14px;
}

.fixedButton {
    position: fixed;
    top: 100px;
    right: 25px;
    z-index: 100;
}

#makeFastReservation {
    -background-color: #03a9f3 !important;
    background-color: #bf2525 !important;
    color: white !important;
    border-color: #bf2525;
    transition: all 1s ease-out;
}

#makeFastReservation:hover {
    background-color: #670b0b !important;
    border-color: #670b0b;
}


@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left !important;
        margin-bottom: 0;
        padding-top: 7px;
    }
}

.fw600 {
    font-weight: 600;
}

.hauto {
	height: auto !important;
}

.modal-fw {
    margin-top: 210px;
    max-width: 100%;
    width: 95%;
}

.modal-full {
	max-width: 100%;
    width: 95%;
}

.modal.fade .modal-dialog {
	transform: translate(0, 0) !important;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 15px !important;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}


.error-box {
    width: auto !important;
}

.big-btn {
    padding: 65px 10px 65px 10px;
}

.pn {
    padding: none !important;
}

.p-l-25 {
    padding-left: 25px;
}

.p-t-5 {
    padding-top: 5px !important;
}

.w10 {
	width: 10px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
	font-size: 15px !important;
}

.lh30 {
	line-height: 30px !important;
}

.checkbox label::before {
    border: 1px solid #686868;
}

.white-box h1.counter {
    font-size: 38px !important;
}

.white-box p.title {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.white-box h3 {
    color: #424242;
    font-weight: 800 !important;
    -text-decoration: underline;
    word-spacing: 2px;
}

.white-box .person_heading {
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

.reservation-normal .white-box .col-md-4 {
    height: 100px;
}

.person_box {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 25px 25px 10px 25px;
    margin-bottom: 30px;
    -webkit-transition: 0.8s;
}

.person_box:hover,
.person_box:focus,
.person_box:active {
    transition: 0.8s;
    -box-shadow: 0px 0px 25px 0px rgb(20, 81, 109), 0 6px 42px 0 rgb(20, 81, 109);
    box-shadow: 0px 0px 12px 0px rgb(138, 130, 130), 0 6px 42px 0 rgb(109, 109, 109);
    outline: #9c9c9c;
}

/* datepicker hover  */
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: #2e9e2c !important;
    border-radius: 0;
    color: #000 !important;
    cursor: pointer;
}

/* disabled datepicker dates */
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: #e8070791 !important;
    border-radius: 0 !important;
    color: #000 !important;
}

/* active date */
.datepicker table tr td.active, 
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
    border-radius: 0;
    background-color: #447d27 !important;
    background-image: none !important;
}

/* date range picker */

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: #2e9e2c !important;
    border-radius: 0;
    color: #000 !important;
    cursor: pointer;
}

.daterangepicker td.in-range {
    background-color: #8cb897 !important;
    border-color: transparent;
    color: #000 !important;
    border-radius: 0 !important;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    background: #e8070791 !important;
    border-radius: 0 !important;
	color: #000 !important;
	text-decoration: none !important;
}

.daterangepicker td.start-date,
.daterangepicker td.end-date {
    border-color: transparent;
    color: #fff !important;
    border-radius: 0 !important;
    background-color: #447d27 !important;
    background-image: none !important;
}

/* Wizard some changes */

.wizard {
    margin-top: 40px;
}

.wizard .wizard-buttons {
    text-align: right;
}

.wizard .wizard-buttons > a {
    border-radius: 0px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.wizard-steps>li.error {
    background: #a94442;
}

.wizard-steps>li.done {
    background: #1ca954;
}


.printableArea, .printableArea .text-muted {
    color: #353535 !important;
}

.printableArea h3 {
    text-decoration: none;
}

.printableArea strong {
    color: #2b2b2b;
}

.printableArea .priceText {
    position: relative;
    min-width: 400px;
    text-align: left;
    margin: 0;
    padding: 40px 15px 15px;
    background-color: #fdfdfd;
    border: 1px solid #DDD;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.printableArea .priceText:after {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 15px;
    font-weight: 700;
    color: #959595;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    content: attr(data-content);
}

.printableArea table#invoiceItemsTable tbody tr td a,
.printableArea table#invoiceItemsTable tbody tr td {
    color: #353535 !important;
}

.printableArea table#invoiceItemsTable thead tr th {
    font-weight: bold;
    text-transform: uppercase;
}

.printableArea table#invoice-summary {
    width: 60mm;
}

.printableArea table#invoice-summary thead > tr > th,
.printableArea table#invoice-summary tbody > tr > td {
    padding: 9px 8px !important;
}

.printableArea .linea-icon {
    font-size: 20px;
    top: 6px;
}

.btn-block+.btn-block {
    margin-top: 0 !important;
}


/* RESERVATIONS */

#receptionResponseContainer .alert {
    text-align: center;
    vertical-align: middle;
	line-height: 27px;
    font-size: 20px;
}


.reservationDetails h5 {
    font-weight: bold;
}


.sweet-alert button.cancel:hover {
    background-color: #575f6b !important;
}

.sweet-alert button.cancel {
    background-color: #2e343e !important;
}

.sidebar .nav-second-level li a {
    padding-left: 32px !important;
}


#invoiceOriginal .pull-left label,
#invoiceOriginal .pull-right label {
	line-height: 2.8;
}


.pro-box {
	height: 100%;
    display: flex;
    flex-direction: column;
}

.pro-col-label {
    padding: 7px;
    width: 85%;
    display: block;
    margin-top: -15px;
    margin-left: 8%;
    border: 1px solid rgba(120,130,140,.13);
    text-transform: uppercase;
}


.pro-box .pro-label {
	padding: 10px;
}

.pro-box .pro-label.label-danger {
	background-color: #de1818;
}

.pro-box .pro-label.label-success {
	background-color: #167f40;
}

.pro-box .caption {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1; /* NEW */
}


.pro-box .caption .pro-price-col-3 {
	display: flex;
    justify-content: space-between;
    color: grey;
    padding-top: 10px;
    padding: 15px 15px;
}

.pro-box .caption .pro-price-col-3 table.table-room-prices > tbody > tr:first-child > td {
	background-color: #4f5467 !important;
    color: white;
}

.room-container,
.hotel-accommodations {
	padding: 0 2px !important;
}

.room-body {
	width: 100%;
	padding: 4px !important;
}

.accommodationType {
	padding: 0;
	background: #c2c2c2;
	padding: 5px 10px !important;
}

.accommodationType h5 {
	font-weight: bold;
    color: #515050;
}

.accommodationTypes { 
	padding: 5px 10px !important;
}

.accommodationTableTitle {
	padding: 0 !important;
}

#hotelInfo > .row > .col-sm-6.white-box {
	padding: 4px;
}

.table-hover tbody tr:hover {
    background-color: #8d8d8d !important;
	color: #fff;
}

.table-hover tbody tr:hover a {
    color: #fff !important;
}

.table-room-guests>tbody>tr>td, .table-room-guests>tbody>tr>th, .table-room-guests>tfoot>tr>td, .table-room-guests>tfoot>tr>th, .table-room-guests>thead>tr>td, .table-room-guests>thead>tr>th {
    padding: 8px 8px;
}

.panel .panel-heading span.room_title {
	font-size: 12px;
}

.reservationTable th {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-weight: bold;
   	text-transform: uppercase;
}

.reservationTable tr td {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}