.trial-period{font-family:corbel;background-color:#000;color:#fff;height:40px;padding:10px;text-align:center}
.trial-period a{color:red;font-weight:700;margin:10px;text-decoration:underline;text-transform:uppercase}
.search_all {background-color: #f2e752;padding: 4px 30px;margin-top: -1px;border: #f2e752;color: #000;margin-right: 10px;}

table#night_audit tr td:nth-child(3) {width: 40px;}

table#guest_table tr td:last-child {min-width: 50px !important;}

.payment-top .pay-bx label {background-color: unset;font-family: inherit;font-size: 14px;}

#arrivals-box .payment-top {width: 50%;top: -37px;position: absolute;left: 25%;top: -20px;border: solid 1px #ddd;}

div#arrivals-box {position: relative;}

.pay-bx {}

#arrivals-box .payment-top .pay-bx {width: 33%;}

#arrivals-box .payment-top .pay-bx b {margin-right: 15px;}

input.select2-search__field {-webkit-user-modify: read-only;}

span.select2-search.select2-search--inline {margin-right: 0px !important;margin-left: 0px !important;}

input.select2-search__field {width: 1px !important;}
 
span.select2-selection.select2-selection--single {width: 500px !important;}
 
span.select2-selection.select2-selection--multiple {width: 500px;border: solid 1px #ddd !important;}

button.select2-selection__choice__remove {right: 14px !important;left: unset !important;position: absolute;width: 10px;}

button.select2-selection__choice__remove span {margin-right: unset !important;margin-left: 7px;}

a.add_payment {width: auto !important;position: absolute;top: 84px;right: 10px;padding: 6px 10px;height: 35px;}

#payment_booking .modal-header {width: 100%;}

#payment_booking .radio-group input {float: left;width: 30px;height: 17px;margin-top: 2px;}

#payment_booking .radio-group label {float: left;margin-right: 25px;}

#payment_booking .form-group {width: 90%;margin: 0 auto;margin-bottom: 20px;text-align: left;}

#payment_booking .modal-dialog {width: 70% !important;}
 

.disabled_btn{cursor:default;background-color:#ccc}
.disabled_btn:hover{background-color:#ccc}
a.ticket_btn {
    background-color: #000;
    border: unset;
    height: 20px;
    font-size: 12px;
    padding: 0px 20px;
}

a.ticket_btn:active {
    outline: unset;
}

.history { padding: 10px 30px; width: 100%; margin: auto 12%;}


.history .message-box{width:100%;background-color: #CDDAE0;padding: 20px 15px 20px 15px;border-radius:10px;border:solid 1px #ddd;margin: 15px;}
.history .reply-box{background-color: #dae6f173;border-radius:10px;border:solid 1px #ddd;width:100%;margin:0!important;padding: 10px 20px;margin-bottom: 15px;display: block;}
.history .reply-box textarea{height:100px}
.history .reply-box button{float:right}
.history .card.status-block{margin-top:20px}
.card.status-block.staff-b { background-color: #e9e9e9;}
.card.status-block { background-color: #f9f9f9;}
a.ticket_btn.add_ticket  {z-index: 999; position: absolute; right: 6%; }

td.room-block.closed-dt.blocked{text-align:center;font-weight:700;color: #e98484; background-color: #f3e1e1 !important;border: solid 1px #f1c5c5 !important;}


#view_blocked h4.modal-title {
    position: absolute;
    left: 20px;
}
 

#view_blocked .modal-content {
    border-radius: unset;
}


.tooltips{position: absolute;display:inline-block;/* border-bottom:1px dotted #000; */left: 0;top: 0;width: 50px;height: 100%;/* background-color: #000; */z-index: 999;}
.tooltips .tooltiptext{visibility: hidden;width: 200px;background-color: #f7f6e6;color: #000;height: 95px;font-size: 12px;padding:5px 0;border-radius:6px;position: relative;z-index: 99999;top: -95px;text-align: left !important;padding-left: 10px;border: solid 1px #6392bf;}
.tooltips:hover .tooltiptext{visibility:visible}
.tooltips .tooltiptext::after{content:" ";position:absolute;top:100%;left:13%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#000 transparent transparent transparent}

.guest-form .date_cal {
    right: 30px !important;
}
.extra_price {
    width: 60px;
}
#block-date input {
    background-color: unset;
}

#block-date span.input-group-addon {
    margin-right: 10px;
}

#search_form .input-daterange input{background-color:unset;float:left;display:block;font-size:13px;font-family:inherit;height: 31px;border-radius: 5px;/* width: 100px; */}
#search_form .input-daterange{display:flex;float:left;width: 40%;margin-top: -1px;}
#search_form .input-daterange .input-group-addon{margin-left:-13px!important;background-color:#fff;color:#000}
#search_form .input-daterange i.fa.fa-calendar.date_cal { top: 8px; right: 20px;}


#search_form .right-elements.without-left{width: 75%;}
#search_form .date_opt{height:30px;margin-left:0;margin-right:10px}
#search_form button#view_all{height:30px;margin-top:-4px}

td.period.highlight-period{background-color:#7eb7e4!important;color:#fff!important}

#payment_block .rooms_select label {
    font-weight: normal !important;
    text-transform: none !important;
    font-size: 16px !important;
    color: #212529 !important;
}

.reports_right a.button_view {
    width: auto;
    padding: 10px 20px !important;
}


sup {
    font-size: 16px;
    top: -1px;
    color: #f00;
}

/*.main_wrap .side_bar .side_menus ul li:hover{margin-bottom:-4px}*/

select#get_reserv{width:200px!important;margin:0 auto;margin-bottom:20px}

table#occu_table td{padding:5px 10px;border:solid 1px #ccc}
table#occu_table{margin-top:59px;font-family:Poppins;font-size:12px}
table#occu_table tr:first-child td{background-color:#012c68;color:#fff}
table#occu_table td:nth-child(4){width:8%!important}
table#occu_table td:nth-child(6){width:17%!important}
table#occu_table td:nth-child(7){width:10%!important}
table#occu_table td:nth-child(3){width:10%}

div#guest_table_wrapper { width: 100% }
table#guest_table tr td:first-child {  width: 9%; }
table#guest_table tr td:nth-child(2) { width: 12%; }
table#guest_table tr td:nth-child(3) { width: 13%; }
table#guest_table tr td:nth-child(4) { width: 14%; }
table#guest_table tr td:nth-child(5) { width: 10%; }
table#guest_table tr td:nth-child(6) { width: 12%; }
table#guest_table tr td:nth-child(7) { width: 10%; }
table#guest_table tr td:nth-child(8) { width: 10%; }
table#guest_table tr td:nth-child(9) { width: 5%; }
table#guest_table tr td:nth-child(10) { width: 5%; }

.menu_bg ul a { font-size: 17px !important; } 
.menu_bg { padding: 7px !important; }

.search_sugg{ list-style:none;margin-top: 0px;padding: 0;width: 215px;position: absolute;left: 15px;z-index: 99;background-color: #000 !important;top: 34px; position: absolute;}
.search_sugg li{padding: 0px 5px;background: #fff;border-bottom: #bbb9b9 1px solid;text-align: left;width: 100% !important;margin: 0 !important;font-size: 12px; color:#555}
.search_sugg li:hover{background:#005cb9;cursor: pointer; color:#fff}
.search_sugg li b { width: auto !important; display: inline !important; }
.search_sugg li:hover b{color:#fff!important}
.search_sugg li b{color:#000!important}

div.suggesstion-box{position:relative;left:25px}.search_sugg li{border:solid 1px #ccc;background-color:#f6f6f6;text-align:left!important}


ul.age_select{position:relative;max-height:500px!important}
ul.age_select li{position:relative}

i.rem_extra_block{float:right;margin-top:10px}
div#extra_block .col-1,div#extra_block .col-2,div#extra_block .col-3{padding:5px!important}

.add_xtra_sec .radio-group input{float:left;display:inline-block;width:35px;height:16px!important;margin-top:3px}
.add_xtra_sec .radio-group label{float:left;display:inline-block;margin-right:20px}
.add_xtra_sec .radio-group{margin-top:15px;margin-bottom:20px!important}

.reports_right div#tabs ul li{display:block;width:auto;padding-bottom: 0px;padding-top: 0px;transition:ease-in-out .2s;border-bottom: none;border-right: solid 1px #012c68;line-height: 5px;margin-top: 8px;}
.reports_right .right-tabs{margin-right:5%;margin-left:5%}
.reports_right #tabs ul.ui-tabs-nav{display:block;vertical-align:top;width:100%;padding:20px 4%;margin:0;top:86px;left:0;
background:#f2e752;height:72px;border-radius:0;position: unset; overflow: hidden;border: none;}
.reports_right div#tabs{padding:0}
.reports_right div#tabs ul li:last-child{border-right:unset}
div#extras_list_box { scroll-behavior: smooth;  }

#night_audit td { font-size: 12px;}
.radio-group label,.radio-group span{font-weight:400!important}


.split_box{padding:20px 40px 20px 60px;width:100%!important}
a#split_invoice{margin-top:20px;margin-bottom:20px;display:block;position:absolute;top:70px;right:5%}
.split_box h6{margin-bottom:20px}
.split_box a{width:115px!important;padding:9px 43px;margin-right:15px}

.split_box input{margin-bottom:25px}

li.trash-box{border-right:unset!important;list-style:none}
.fa.fa-trash{color:#f66;font-size:25px;cursor:pointer}
.remove_top{position:absolute;right:50px}

.discount-box .form-control{width:20%!important;float:left;margin-right:10px}
.discount-box label{float:left;margin-right:10px;margin-top:10px}

.form-group ul li.child_age b{width:40%}
.form-group ul li.child_age select{max-width:50px!important;border-color:#ddd;padding:5px 3px;font-size:11px!important}
.form-group ul li.child_age{display: inline-block;position: relative;/* height: auto !important; */border-right: unset;}

.form-group ul li.child_age .age_list{display: inline-block;/* position: relative; */width:100%;}

div#stats{display:flow-root}
div#stats h1{width:50%;float:left;font-family: 'corbel';color: #012c68;font-size: 27px;font-weight: 700;margin-top: 15px;line-height: 30px;position: relative;top: 5px;}
div#stats h1 form#search_form{float:right;width:50%;display:block}
div#stats form#search_form{float:right!important;width:50%!important;position: relative;right: 0px;top: 5px;}
div#stats form#search_form .right-elements{float:right;display: flex;position: absolute;width: 252px;top: -75px;left: -35%;}
div#stats form#search_form i.fa.fa-calendar{margin-left:-1px;padding:9px 8px 8px 8px}
div#stats h1 .fa{color:#efe345;font-size:27px;margin-top:1px!important;display:block;float:left;margin-right:10px}

#quote_form .modal-dialog{width: 85% !important; max-width: 100% !important;}
#quote_form div#rooms_select_block{margin-top:50px!important}
#quote_form div#rooms_select_block select{width:95%!important}
.clnt_dtl_rgt.quote-box.row { margin: 0px !important;}

.clnt_dtl_rgt.quote-box.row{margin:0!important}
.quote-box .col-sm-5{border-left:solid 1px #ddd;padding-left:35px}
.quote-box textarea{height:350px;background-color:#f1f1f1;border:solid 1px #eee;overflow-y:scroll}

form#quote_form_sub { display: contents; }
a#copy_text{position:relative;top:37px}

#stats .input-daterange input{background-color:#fff;height:35px!important;font-size:14px}
#stats .input-daterange i.fa.fa-calendar.date_cal{padding:0 10px!important}
#stats .input-daterange span.input-group-addon{margin-left:-33px}
#stats .input-daterange{margin-left:32px}
 
.stat-box{border: solid 1px #e4e4e4;background-color: #f9f9f9;padding:20px;text-align:center;font-family:corbel;margin-top: 20px;}
.stat-box h3{font-weight:600;color: #003279;font-size:22px;margin-bottom: 40px;margin-top: 15px;}
.stat-box span{font-size: 27px;color: #f7de2c;line-height:20px;font-family: poppins;}
.stat-box b{color: #0c3267;font-size: 15px;font-weight:600;}
.stat-box label{color:#777;font-size: 14px;line-height:7px;font-weight:600;}

.quote-box .input-daterange{width:86%;float:left}
.quote-box .input-daterange input#start{margin-right:-13px}


.main_wrap{display:block !important; min-height: calc(100vh - 91px); height: auto !important;}
.main_wrap .side_bar{display: flex;     max-width: 100%; padding: 0px 60px;align-items: center;height: 85px !important;}
.main_wrap .side_bar .side_menus{height: auto; width: 85%;    display: flex; margin-top:0px ;align-items: center;} 
.main_wrap .side_bar .side_menus ul{    display: flex; }
.main_wrap .side_bar .logo{padding: 20px 0px !important;margin-left: -20px;width: 62%;}
.admin_area ul{display: flex; align-items: center;}
.prof_img img{  width: 30px;  height: 30px;}
.admin_area ul li{    padding: 0 15px; position:relative} 
.main_wrap .side_bar .side_menus ul li a{border-bottom:none;font-weight:400;font-size:17px;padding: 30px 30px;font-family: corbel;}
.main_wrap .side_bar .side_menus ul li:hover, .main_wrap .side_bar .side_menus ul li.active{border-bottom:solid 2px #f2e752;}
.main_wrap .side_bar .side_menus .main-nav ul ul{position:absolute;top:100%;background:#fff; opacity: 0;visibility: hidden; display:block !important;z-index: 9;
    width: 250px;}
.main_wrap .side_bar .side_menus .main-nav ul ul li a { padding: 25px 20px;} 
 .submenu:hover .dropdown{opacity:1!important;visibility:visible!important}
 
 .dropdown{transition:ease-in-out .7s;}
 .dropdown li a{padding:0 0}
 .dropdown li a{padding:10px 20px!important;background-color:#ddd01d;color:#000 !important;border-bottom:solid 1px #ddd!important; font-size: 13px !important;}
 .dropdown li a:hover{background-color:#faf06c}
 .main-nav ul{width:100% !important;float:right}
 .main-nav ul li{padding:0 0}
 .main_wrap .side_bar .side_menus .main-nav ul li.submenu i:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #012c68}
 ul.dropdown{width:200px!important}
 
 
 .admin_area ul li ul{position: absolute;top: 45px !important;right: -45px;width:212px!important;display:none;opacity:0;transition:ease-in-out 7s;z-index: 999;}
 .admin_area ul li ul li{width:100%!important}
 .admin_area .dropdown li a{width:100%;display:block; }
 .admin_area ul li:hover ul{display:block;opacity:1}
 .admin_area ul li ul li a{background-color:#f2e752;padding:6px 10px!important}
 
 .admin_area ul li.has-sub:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #012c68;content:"";
 height:0;width:0;position:absolute;right:0px;top:11px;z-index:10}
  .dropdown:before{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom: 6px solid #012c68;content:"";height:0;width:0;position:absolute;right: 50%;top: -3px;z-index:10;}
  
  
  
  .alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}
  .alert-success{color:#3e884f;background-color:#d3e2d6;border-color:rgba(62,136,79,.1)}
  .alert-danger{color:#c43d4b;background-color:#eed3d5;border-color:rgba(196,61,75,.1)}
  .alert-warning{color:#b69329;background-color:#ebe4cf;border-color:rgba(182,147,41,.1)}
  .alert-info{color:#3195a5;background-color:#d0e4e7;border-color:rgba(49,149,165,.1)}

 
 .img-fluid {/* max-width: 200px; *//* height: auto; */}
 li.has-sub label {
     margin-top: 5px;
     min-width: 50px;
     font-family: 'Corbel';
     text-align: right;
     font-size: 18px;
}

ul.personal-info span.title{width:100px!important;font-weight:700;margin-right:10px;line-height:30px;display:inline-block}
.profile-basic{font-size:16px}
ul.personal-info li{padding:10px;border-bottom:solid 1px #efefef}


.main_wrap .rgt_sec{display:flow-root;margin-top:0px;width:100%}
ul.personal-info li:last-child{border-bottom:unset}
.modal-dialog.modal-md { width: 50%;}
button.blck_btn.yellow_btn { background-color: #ffe850;}
label.error { color: #f00; font-size: 12px !important;}

.btn.btn-black.month_view{background-color:#000;color:#fff;font-size:12px;float:left;display:flex!important;margin-right:10px}
.btn.btn-black.weekly_view{background-color:#000;color:#fff;font-size:12px;float:left;display:flex!important;margin-right:10px} 
.btn.btn-black.grey-btn{background-color:#7b775c; cursor:default;}

table.week-calendar td.slotes, table.week-calendar td.room-block { width: 12% !important;}


.month-calendar td.slotes.head{font-weight:400!important;font-size:9px!important}
.month-calendar td{width:35px !important;/* padding:5px!important */}
.month-calendar .bg-gray.booking-slot{width: 100% !important;font-weight:700;padding: 5px !important;text-align:center;border-spacing: 0px !important;margin: 0px !important;}
.month-calendar td.period{min-width:150px!important;font-size:14px!important}

#booking-calendar table td:hover{background-color:#e6d561;cursor:pointer}

#booking-calendar table td.hasBooking:hover {  background-color: unset;}
.clnt_dtl_left img.img-fluid { max-width: 100% !important;}
#booking-calendar table td.selected_date {background-color: #E5EAEE !important;}

#booking-calendar table td.room-block.closed-dt { background-color: #f3f3f3 	; }

.ui-datepicker-calendar td { border: unset !important;  padding: 0px !important; height: unset !important; }
.calendar_btn.hasDatepicker {
    text-align: left !important;
}

 /*

.main_wrap{width:100%!important}.admin_area{width:11%;float:left;display:flex}
.admin_area ul li{margin-left:10px;float:left;margin-top:37px}
.admin_area ul li img{width:34px}

.side_bar{max-width:100%!important}
.logo{width:20%!important;float:left}
.side_menus{margin-top:25px!important;width:60%!important;float:left;height:auto!important}
nav.main-nav{width:100%!important;float:left}
.side_menus ul li{width:19%;float:left}
.side_menus ul li a{border-bottom:unset!important}
*/

footer.page-footer{margin-top: 50px;display: inline-flex;bottom:0;width:100%;background-color:#000;padding:10px;}
footer.page-footer p{color:#fff!important}
.footer-content { width: 100%; }
 .rgt_sec{margin-top:-65px}


div#booking-calendar{/* margin-top:10px; */display:block;}
#booking-calendar table td{height:40px; padding:0px; border: solid 1px #ddd;background-color: #f9f9f9;}
#booking-calendar table{width:100%; margin-bottom:10px }

#booking-calendar td.head{background-color: #CDDAE0;color: #434C51;height:40px;text-transform: uppercase;font-weight: bold;text-align: center;}
#booking-calendar td.slotes.head{background-color: #DDE7F0;color: #6E8289;font-weight:700;text-transform: capitalize;font-size:14px;}
#booking-calendar td.period{background-color: #E7ECF0;color: #84898D;width:230px;font-size: 14px;text-align: center;/* text-transform: uppercase; */}
.calendar-head a.btn.btn-black{background-color:#000;color:#fff;float:right;margin-left:10px;height: 30px;padding: 10px;line-height: 8px;font-size: 12px;text-transform: uppercase;}
a.btn.btn-black:hover{background-color:#b7a10e;color:#fff}



 .calendar-head{background-color:#F9F9F9 !important;display:flex-root;padding:10px; height:55px;}
 .date-sec{float:left;margin-top:5px;    font-weight: bold;}
 
 .booking-slot{width:100%;height: 100%;padding:1px 6px;/* border-radius:3px; */position: absolute;height: 35px;top: 0px;border: solid 1px #999;z-index: 2;
            overflow: hidden;color: #515557;font-size: 12px;font-weight: bold;line-height: 27px;}
 .bg-gray.booking-slot{background-color:#ddd}
 .bg-green{background-color: #95edb4;}
.booking-slot{background-color:#9ec0f1;    margin-top: 2px; font-size: 10px;word-break: break-all;}
 
 .booking-slot.bg-green{background-color:#95edb4!important}
 .booking-slot.bg-lime{background-color:#ff00005e !important}
 .booking-slot.bg-dark-grey{background-color:#a5aaad}
 .booking-slot.bg-blue{background-color:#afd3f5!important}
 .booking-slot.bg-grey{background-color:#8c73ded6!important}
 .booking-slot.bg-yellow{background-color:#ffe779!important}
 .booking-slot.bg-red{background-color:#e89898 !important}
 
 .btn.btn-black.calendar_btn { position: absolute; z-index: 9;width: 30%; text-align: left;}
 
 .booking_bar h3{color:#2d436d!important;line-height:0!important}
 .booking_bar{border-bottom:solid 3px #2d436d;margin-bottom:20px;padding-bottom:0!important}
 a.add_bkng.yellow_btn{background-color:#2d436d;color:#fff;position:relative;bottom:-4px;right:-20px}
 span.bkng_span{color:#2d436d!important;font-weight:700;margin-right:0!important}
 .booking_bar_lft i.fa{color:#f2e752}.booking_bar{background:0 0!important}
 
 
 .buttons_bar{display:block;color:#363a3d;margin-top:-17px;border-bottom:solid 2px #e0e4e7;background:linear-gradient(to top,#e6ebef,#edf2f5)}
 a.button_view{display:inline-block;width:100px;text-align:center;color:#363a3d;padding:10px;font-weight:700;border-left:solid 1px #c2cbd0}
 ul#book_types li{display:inline-block;padding:10px;font-size:12px;width:auto}
 ul#book_types{float:right;margin-right:20px}
 ul#book_types li .bg-box{width:10px;height:10px;background-color:#8d8d8d;float:left;margin-top:5px;margin-right:5px}
 .bg-box.bg-green{background-color:#95edb4!important}
 .bg-box.bg-lime{background-color:#ff00005e!important}
 .bg-box.bg-dark-grey{background-color:#a5aaad}
 .bg-box.bg-blue{background-color:#75b5ef!important}
 .bg-box.bg-grey{background-color:#8c73ded6!important}
 .bg-box.bg-yellow{background-color:#ffe779!important}
 .bg-box.bg-red {background-color: #e89898!important;}
 
 
 .buttons_bar select.arrival_box{width:200px;border:solid 1px #ddd;height:30px;padding:3px;margin-left:50px}
 
 
 
 
 select:focus{outline:0!important}a.calendar_view.button_view{border-left:none}
 
 .calendar_view{float:right;border:solid 1px #a9b4ba;border-radius:5px;height:30px;margin-top: 4px;}
 .calendar_view .btn{background-color:unset!important;color:#a0a5a0!important;border-right:solid 1px #ddd;margin-right:0!important;
        padding: 6px !important; border-radius: unset !important;font-size:11px!important}
 .calendar_view .btn:last-child{border-right:unset!important}
 .calendar_view .btn i.fa{margin-top:3px;margin-right:3px}
 
 
 .calendar-controls{display:inline-block;position:relative;width:auto;text-align:center!important;border: solid 1px #a9b4ba;margin-left: 25%;border-radius:5px;margin-left: 33%;}
 .calendar-controls a.btn{display:inline-block;float:unset!important}
 
 .calendar-controls .cal-btn{color:#748493!important;font-weight:700;margin-left:-4px !important;padding:3px 10px!important;
        border-right:solid 1px #b5b9ba;border-radius:unset!important;text-transform:uppercase;font-size:12px; height:30px;}
 a.btn.cal-btn:hover{background-color:#e9eef1}
 .calendar-controls .cal-btn:first-child{margin-left:0!important}
 .calendar-controls .cal-btn:first-child:hover{border-top-left-radius:10px;border-bottom-left-radius:10px}
 .calendar-controls .cal-btn i{margin-right:5px}
 .calendar-controls .cal-btn:last-child{border-right:unset}
 
 .buttons_bar a:first-child {  border-left: none; }
 
 #booking-calendar table td span{margin:0 auto;text-align:center;display:block}
 table.month-calendar td span{font-size:11px;color:#555}
 a.button_view.sel_view, .a.button_view:hover{background-color:#cddae0}
 
 
 
 
.datepicker table.table-condensed{width:18rem}
.datepicker table.table-condensed td{padding:8px!important}

.input-daterange.input-group span.input-group-addon{padding:7px;background-color:#402c68;color:#fff}

.form-control:focus { box-shadow: unset; }
input.input-sm.form-control { text-align: left;}
 
 .clnt_dtl .modal-dialog .modal-content .clnt_dtl_rgt {  width: 100% !important; }
 /*------------------------------------------------------------------
[14. Select2]
*/
.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {border: 1px solid #ccc;height: 40px;border-radius: 0;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px;right: 7px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #ccc transparent transparent;border-style: solid;border-width: 6px 6px 0;height: 0;left: 50%;margin-left: -10px;margin-top: -2px;position: absolute;top: 50%;width: 0;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #ccc;border-width: 0 6px 6px;}
.select2-container .select2-selection--single .select2-selection__rendered {padding-right:30px;padding-left: 15px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #676767;font-size: 14px;font-weight: normal;line-height: 38px;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #01c0c8;}

/*------------------------------------------------------------------
[15. Nav tabs]
*/


span.extr_name{margin-right:20px;font-weight:700}
.extra_top_area a.yellow_btn{float:right;margin-bottom:10px}
span.extr_name label{font-weight:400;margin-left:5px}

.extra_top_area input[type=radio]{margin-top:18px}
.extra_top_area .extr_name{margin-right:60px!important;line-height:50px;position:relative;right:1px}


.calendar_btn .datepicker.datepicker-inline{position:absolute;background-color:#fff!important;width:300px;height:276px;    z-index: 99;}

#booking-calendar table td.room-block{position:relative}

#tabs ul.ui-tabs-nav{display:block;vertical-align:top;width:280px;padding:20px;margin:0;position:fixed;top:86px;left:0;background:#f2e752;height:calc(100vh - 127px);overflow:auto;border-radius:0}
div#tabs ul li{border-bottom:solid 1px #c4bb48;display:block;width:100%;padding-bottom:5px;padding-top:5px; transition:ease-in-out .2s;}

div#tabs ul li a{display:block;font-weight: normal;font-family: corbel;font-size: 15px;}
div#tabs ul li a i{margin-right:10px}
div#tabs ul li a:hover{font-weight:700}
div#tabs ul li .badge{font-size:12px;color:#666;padding:3px 8px;margin-right:5px;position:absolute;right:0;border-radius:20px;display:inline-block}
.right-tabs { margin-left: 320px;margin-top: 30px;}


.right-tabs{margin-left:320px;margin-top:30px}
.right-tabs label{background-color:#dce6f5;font-size: 15px;font-family: corbel;}
.right-tabs label.active{background-color:#f2e752}

.modal-header{background-color:#f1f1f1}
.modal-content{border:none}
.modal-footer{background-color:#f5f5f5}
.modal-dialog{width:550px!important}

button.close.acco_close{right:0;padding:10px}
h4.modal-title { color: #402c68;width: 40%; float: left;}


.right-elements{margin-left:50px!important;display:block;float: left;}
.ui-buttonset{display:block;margin-right:100px}
input.form-builder{border:solid 1px #ccc;padding:4px 10px}
select.form-builder{height:30px;margin-left:20px;width:150px;border:solid 1px #ccc;border-radius:4px;padding:0 10px}

.calendar_btn{display:contents}
.calendar_btn i.fa{background-color:#ddd;padding:8px;margin-left:10px;z-index:-1}

li.prof_img i{font-size:50px;color:#0b4392;padding:0!important}
li.prof_img{padding:0!important}

div.dataTables_wrapper{margin-top:30px;width:100%;padding:0!important;margin:40px 0 0 0!important}
div.dataTables_wrapper label{background-color:#fff}
thead.thead-light td{background-color:#e7ecf0;margin:0;font-weight:500}
table.dataTable{border-collapse:collapse !important; width:100% !important;}
.page-item.active .page-link{background-color:#f2e752;border-color:#e0d42a}

div#tabs ul li a.active {  font-weight: 600; }
.right-elements.without-left{margin-left:0!important}

.print_opt{width:auto; float: right;/* display: contents; */}
div#arrivals{display:flex}
.btn.print_btn{height:30px!important;line-height:10px;width:100px;background-color:#012c68;border-color:#012c68;transition:ease-in-out .2s}
.btn.print_btn:hover{background-color:#0b4392;border-color:#0b4392}


.caldr_area #search_form input{float:left;margin-right:10px}
.caldr_area #search_form input[type=button]{float:unset;background-color:#012c68;border-color:#012c68;height:32px;line-height:10px;width:100px;margin-top:-2px}
.caldr_area #search_form input[type=button]:hover{background-color:#0b4392;border-color:#0b4392}
.caldr_area #search_form .calendar_btn i{height:31px;position:relative;z-index:99;right:9px;border-top-right-radius:5px;border-bottom-right-radius:5px}


.rgt_sec.guest_list { min-height: calc(100vh - 176px); }

td.actions{text-align:center}
td.actions a{padding:10px;display:contents}
td.actions a i{font-size:15px;margin:4px;color:#000!important;padding:4px;border-radius:5px;width:25px;height:25px;cursor:pointer}
td.actions a i.fa.fa-pencil{background-color:#0d53b55c}
td.actions a i.fa.fa-trash{background-color:#a189896e}
i.fa.fa-search{background-color:#2162bd33}
td.actions a:hover i{color:#fff!important}


table.data-table tbody td{padding:5px 10px!important;line-height:30px!important}
table.data-table tbody tr.even{background-color:#d6cccc36}

table.table.rooms-table input{width:80px}
table.table.rooms-table td:nth-child(2){width:100px}
table.table.rooms-table td:nth-child(3){width:100px}
label#err_rooms{display:block;width:100%;text-align:right}
label.max{margin-left:20px;color:#777;font-size:12px}

.form-group.booking-det-box{border:solid 1px #ccc;padding:10px;background-color:#fafafa;position:relative}
.form-group.booking-det-box a.pro_img.edit_booking{position:absolute;top:0;right:0}
.form-group.booking-det-box a.pro_img.edit_booking img{width:30px}
 
.statmnt_btn{float:left; display: flex;  width: 75%;}
img.loader{width:20px;margin-right:10px;margin-top:10px}

form#form_update_booking{width:100%;display:contents}

.popup-footer{background-color:#f5f5f5;display:block;width:100%;padding:15px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}
button.btn.btn-primary{background-color:#000!important;border:solid 1px #000!important;width:100px;height:40px;line-height:15px;font-family: corbel;}
button.btn.btn-primary:hover{background-color:#999!important;border:solid 1px #999!important}


.logo img{width:250px!important;height:auto;margin:0!important;    max-width: unset;}
.logo{padding:0!important}
form#search_form { width: 100% !important; }
 
 form#form_cancel_booking { width: 80%; }

#add_booking button.close.acco_close {
    position: relative;
    top: -19px;
    right: -12px;
    padding: 5px;
    background: no-repeat;
}

div#add-booking-box{text-align:left;margin:0 auto}
div#add-booking-box .form-group label{text-transform:uppercase;font-weight:700;color:#03326a}


wrapper{width:70%}@media(max-width:992px){.wrapper{width:100%}}
.panel-heading{padding:0;border:0}
.panel-title>a,.panel-title>a:active{display:block;padding:15px;color:#555;font-size:16px;font-weight:700;text-transform:uppercase;
    letter-spacing:1px;word-spacing:3px;text-decoration:none}
.panel-heading a:before{font-family:'FontAwesome';content:"\f107";float:right;transition:all .5s}
.panel-heading.active a:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}

form#reg_booking{padding:10px;border:solid 1px #ddd;border-radius:10px;box-shadow:#ddd 1px 1px 8px}
form#reg_booking h4.panel-title a{font-weight: 700;color:#064086!important;font-size: 12px;}
.panel.panel-default{border-bottom:solid 1px #efefef}
.panel.panel-default:last-child{border:none}
.panel-body .form-group{padding: 0px 15px 10px 15px;}


#add-booking-box h2{font-size:30px;font-family:corbel;margin-left:15px;background-color:#f1f1f1;
    margin:-10px;padding:10px 25px;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:10px;color:#06275a}

#reg_booking select.room_type_id{width:80%!important}

#reg_booking select{width:100% !important; height:35px !important; font-size: 15px !important;}

.form-group ul li .number-block button{border:solid 1px #e8c766;background-color:#e8c766;color:#fff}
.form-group ul li .number-block input{width:50px;margin-left:10px;margin-right:10px;padding-left:18px;height:35px;border:solid 1px #ccc}


.form-group ul li{width:30%;display:inline-block;text-align:center;/* height:100px; */border-right:solid 1px #ddd;}
.form-group ul li b{line-height:40px;color:#676767;font-weight:500;font-size:13px}
.form-group ul li:last-child{border:none}
.form-group ul li:first-child{margin-left:-30px}
.form-group ul li .number-block{text-align:center}

#reg_booking .input-group{width:50%;float: left;}
#reg_booking .input-group input{margin-right: 0px;border-radius: 5px;background: transparent;z-index: 2;cursor: default;}
#reg_booking .input-group input:after{font-family:FontAwesome;content:"\f107";color:#ddd;z-index:999;position:relative;top:0;font-size:20px}
#reg_booking .input-group span{margin-right: 10px;background-color:#fff;color:#000;}

i.fa.fa-calendar.date_cal{position:relative;right:30px;top:12px;z-index: 0;}
input.days{float:left;width:60px}

#reg_booking input.form-control{font-size:14px;height:35px!important;margin-top:0!important;margin-bottom:0!important}

select#card_type { width: 100% !important; height: 35px;}

#reg_booking input[type=radio]{width:16px;height:15px!important;display:inline-block;margin-top:5px!important;margin-left:30px;margin-right:10px}
.form-group.row span{float:left;font-size:16px;margin-right:20px;font-weight:700}

i.fa.fa-calendar.date_pay{position:absolute;top:11px;right:25px}

select.country {
    width: 100% !important;
    height: 35px !important;
}


textarea#notes {
    margin: 0px 15px;
}

/********************Add booking*****************************/


.addGroupReservationPopup .pricing,.newReservationForm .pricing{background-color:#fff;margin: 0px 0px;max-width: 100%;box-sizing:border-box;border-top: solid 1px #efefef;padding-top: 10px;}
.addGroupReservationPopup .pricing h3,.newReservationForm .pricing h3{font-size:1em;font-weight:600;color:#494949;text-transform:uppercase;margin:0 0 20px}
.addGroupReservationPopup .pricing .left,.newReservationForm .pricing .left{float:left;width:auto!important}
.addGroupReservationPopup .pricing .left:after,.newReservationForm .pricing .left:after{clear:both;content:"";display:block}
.addGroupReservationPopup .pricing .right,.newReservationForm .pricing .right{float:right;width:auto!important}
.addGroupReservationPopup .pricing .right:after,.newReservationForm .pricing .right:after{clear:both;content:"";display:block}
.addGroupReservationPopup .pricing .size1,.newReservationForm .pricing .size1{width:60px}
.addGroupReservationPopup .pricing .size2,.newReservationForm .pricing .size2{width:70px}
.addGroupReservationPopup .pricing .size3,.newReservationForm .pricing .size3{width:86px}
.addGroupReservationPopup .pricing .size4,.newReservationForm .pricing .size4{width:120px}
.addGroupReservationPopup .pricing .size5,.newReservationForm .pricing .size5{width:168px}
.addGroupReservationPopup .pricing .size6,.newReservationForm .pricing .size6{width:185px}
.addGroupReservationPopup .pricing .inputRow,.newReservationForm .pricing .inputRow{box-sizing:border-box;margin-bottom:10px}
.addGroupReservationPopup .pricing .inputRow:after,.newReservationForm .pricing .inputRow:after{clear:both;content:"";display:block}
.addGroupReservationPopup .pricing .inputRow .label,.newReservationForm .pricing .inputRow .label{display:block;float:left;height:36px;line-height:36px;color:#555;text-transform:none;margin:0 0 0 12px}
.addGroupReservationPopup .pricing .inputRow .label.icon,.newReservationForm .pricing .inputRow .label.icon{color:#aaa;font-size:1.8em}
.addGroupReservationPopup .pricing .inputRow .label.border,.newReservationForm .pricing .inputRow .label.border{line-height:34px;border-radius:3px;text-align:center;
    border:1px solid #e3e5e5;background:#f8fafa;box-sizing:border-box;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    word-wrap:normal}
.addGroupReservationPopup .pricing .inputRow .label.border em,.newReservationForm .pricing .inputRow .label.border em{font-style:normal}
.addGroupReservationPopup .pricing .inputRow .inputText,.newReservationForm .pricing .inputRow .inputText{display:block;float:left;padding:8px;margin-left:12px;
    border-color:#c9c9c9}.addGroupReservationPopup .pricing .inputRow .inputText:focus,.newReservationForm .pricing .inputRow .inputText:focus{padding:7px;border-color:#19aac7}
.addGroupReservationPopup .pricing .inputRow .inputText:disabled,.newReservationForm .pricing .inputRow .inputText:disabled{border:1px solid #ddd;background:#f8fafa}
.addGroupReservationPopup .pricing .inputRow .inputText.error,.newReservationForm .pricing .inputRow .inputText.error{border:2px solid #e95f61;color:#e95f61;padding:7px}
.addGroupReservationPopup .pricing .inputRow .select,.newReservationForm .pricing .inputRow .select{float:left;margin-left:12px}
.addGroupReservationPopup .pricing .inputRow .select .selectize-input,.newReservationForm .pricing .inputRow .select .selectize-input{padding:8px 10px;border:1px solid #c9c9c9;
    overflow:visible}
.addGroupReservationPopup .pricing .inputRow .container,.newReservationForm .pricing .inputRow .container{float:left;position:relative}
.addGroupReservationPopup .pricing .inputRow .container.percent:after,.newReservationForm .pricing .inputRow .container.percent:after{content:"%";display:block;position:absolute;
    right:25px;top:0;height:36px;line-height:36px;opacity:0.3;z-index:1}
.addGroupReservationPopup .pricing .inputRow .actions,.newReservationForm .pricing .inputRow .actions{height:36px;line-height:36px;float:left;padding-right:6px}
.addGroupReservationPopup .pricing .inputRow .actions a,.newReservationForm .pricing .inputRow .actions a{font-family:rentlio;display:inline-block;color:silver;font-size:17px}
.addGroupReservationPopup .pricing .inputRow .actions a:hover,.newReservationForm .pricing .inputRow .actions a:hover{color:#222}
.addGroupReservationPopup .pricing .inputRow .actions a.delete:before,
.newReservationForm .pricing .inputRow .actions a.delete:before{content:"\E831"}
.addGroupReservationPopup .pricing .priceRow,.newReservationForm .pricing .priceRow{padding:17px 0;border-top:1px solid #c1c4c5;border-bottom:1px solid #c1c4c5;margin:20px 0}
.addGroupReservationPopup .pricing .priceRow:after,.newReservationForm .pricing .priceRow:after{clear:both;content:"";display:block}
.addGroupReservationPopup .pricing .priceRow .right,.newReservationForm .pricing .priceRow .right{text-align:right}
.addGroupReservationPopup .pricing .priceRow.last,.newReservationForm .pricing .priceRow.last{margin-bottom:0}
.addGroupReservationPopup .pricing .priceRow em,.addGroupReservationPopup .pricing .priceRow strong,.newReservationForm .pricing .priceRow em,
.newReservationForm .pricing .priceRow strong{display:inline-block;height:28px;line-height:28px;color:#333;font-style:normal}
.addGroupReservationPopup .pricing .priceRow strong,.newReservationForm .pricing .priceRow strong{font-weight:600;font-size:1.15em}
.addGroupReservationPopup .pricing .priceRow em,.newReservationForm .pricing .priceRow em{min-width:165px;padding-left:5px;box-sizing:border-box;text-align:right;
    font-weight:400;font-size:1.8em}
.addGroupReservationPopup .pricing .priceRow em.small,.newReservationForm .pricing .priceRow em.small{font-size:1.15em}.addGroupReservationPopup .pricing .priceRow.total,
.newReservationForm .pricing .priceRow.total{border-top:2px solid #494c4e;border-bottom:none;margin-top:-1px;margin-bottom:10px}
.addGroupReservationPopup .pricing .priceRow.total em,.addGroupReservationPopup .pricing .priceRow.total strong,.newReservationForm .pricing .priceRow.total em,.newReservationForm .pricing .priceRow.total strong{font-weight:700;font-size:1.8em}.addGroupReservationPopup .pricing .addService,.newReservationForm .pricing .addService{float:right;display:inline-block;position:relative;top:-6px}.addGroupReservationPopup .pricing .servicesList,.newReservationForm .pricing .servicesList{padding-top:10px}.addGroupReservationPopup .pricing .servicesList.empty,.newReservationForm .pricing .servicesList.empty{padding-top:0}.addGroupReservationPopup .pricing .servicesList .header,.newReservationForm .pricing .servicesList .header{font-size:0;text-align:right;padding-bottom:8px}.addGroupReservationPopup .pricing .servicesList .header div,.newReservationForm .pricing .servicesList .header div{display:inline-block;font-size:13px;text-align:left;color:#555}.addGroupReservationPopup .pricing .servicesList .header .price,.newReservationForm .pricing .servicesList .header .price{width:105px}.addGroupReservationPopup .pricing .servicesList .header .amount,.newReservationForm .pricing .servicesList .header .amount{width:98px}.addGroupReservationPopup .pricing .servicesList .header .tax,.newReservationForm .pricing .servicesList .header .tax{width:215px}.addGroupReservationPopup .pricing .servicesList .select.select-error:after,.newReservationForm .pricing .servicesList .select.select-error:after{position:absolute;right:10px;top:35%;content:"\E839";font-family:rentlio;color:#888;margin-top:-.9em;line-height:1}.addGroupReservationPopup .pricing .servicesList .select .error-message,.newReservationForm .pricing .servicesList .select .error-message{color:#e95f61;background-color:#f3f7f8;font-size:12px}.addGroupReservationPopup .pricing .servicesList .select .service.error,.newReservationForm .pricing .servicesList .select .service.error{border:2px solid #e95f61;color:#e95f61;padding:7px}.addGroupReservationPopup .buttons,.newReservationForm .buttons{background-color:#f3f7f8;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:0px 24px 25px;margin-bottom:0px;clear:both}.addGroupReservationPopup .buttons:after,.newReservationForm .buttons:after{clear:both;content:"";display:block}.addGroupReservationPopup .buttons .btn.save,.newReservationForm .buttons .btn.save{font-size:1.5em;white-space:nowrap;font-weight:normal;float:right;padding:15px 45px}.addGroupReservationPopup .buttons .btn.cancel,.newReservationForm .buttons .btn.cancel{font-size:1.2em;white-space:nowrap;font-weight:normal;padding:11px 35px;margin:7px 15px 0 0;float:right;background:#d0d0d0}.addGroupReservationPopup .buttons .mainError,.newReservationForm .buttons .mainError{margin-bottom:30px;background-color:#e95f61;color:#fff;text-align:center}.addGroupReservationPopup .buttons .mainError div,.newReservationForm .buttons .mainError div{padding:5px 10px;border-bottom:1px solid #e33235}.addGroupReservationPopup .buttons .mainError div:last-child,.newReservationForm .buttons .mainError div:last-child{border:0px}.addGroupReservationPopup .buttons .note,.newReservationForm .buttons .note{padding-top:30px;clear:both;text-align:center;color:#999;font-size:0.95em}.addGroupReservationPopup .guestForm,.newReservationForm .guestForm{max-width:660px;box-sizing:border-box}.addGroupReservationPopup .guestForm:after,.newReservationForm .guestForm:after{clear:both;content:"";display:block}
.addGroupReservationPopup .guestForm label,.newReservationForm .guestForm label{font-weight:normal;display:inline-block;max-width:100%;overflow:hidden;
text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
i.fa.fa-calendar.date_extra{position:absolute;right:25px;top: 15px;}

.pricing h4.panel-title, .pricing h3.panel-title{font-size:12px;text-transform:uppercase;font-weight:700;color:#064086!important;margin-left:15px;margin-top:5px}
.pricing .inputRow{padding:0 15px}
.pricing select{height:35px;border-radius:5px;border-color:#ccc;width:70px!important}
.pricing .priceRow{padding:15px!important}

form#reg_booking .form-footer {padding: 10px 2px 20px 10px;text-align: right;position: relative;height: 70px;}

form#reg_booking .form-footer button#cancel_booking{margin-right:10px}


select#ratesheet{width:50%!important;float:left;margin-right:10px}
.refresh.btn.btn-yellow{background-color:#f0ec7e;color:#fff;height: 35px;line-height: 10px !important;font-size: 13px;text-transform: uppercase;font-weight: bold;margin-bottom: 20px;
    margin-left: 25px;}
div#collapseSeven b{color:#929292;margin-right:10px}
div#collapseSeven label{font-weight:400!important;text-transform:unset!important}
input#rate{width:100px;float:right}

div#collapseTwo{padding-bottom:15px}
h4.panel-title{margin-top:10px}

div#room_block {
    display: none;
}
 
i.rem_room_block.fa.fa-trash{color:#f66;font-size:25px;cursor:pointer}
li.trash-box { width: 8% !important; }
.refresh.btn.btn-yellow:hover { background-color: #e8c766; }

label.error{color:red!important;font-size:11px!important;text-transform:unset!important;font-weight:400!important}
label#error_booking_date{margin-left:20px}
i.fa.fa-home{display:initial;padding-right:10px!important}

input.idatepicker{cursor:default;z-index:99;background:0 0!important}
form#reg_booking i.fa.fa-calendar { z-index: -1;}

img.loader{margin-left:20px;display:flex;margin-bottom:20px}
div#rooms_select_block .form-group ul{padding:0!important;margin:0!important;max-height:100px}
.add_new_guest_block{margin-left:15px!important}

div#guest_block h5{font-size:15px;margin-left:15px;margin-bottom:20px;color:#cac421}

div#payment_block h5{font-size:15px;margin-left:15px;margin-bottom:20px;color:#cac421}

#add_booking .modal-header{display:flow-root}
img#save_loader{position:absolute;right:0;top:-25px}
button#cancel_book{margin-right:10px}

ul.info-tabs{display:block}
ul.info-tabs{display:flex;float:right;width:45%}
ul.info-tabs li a{font-size: 17px; color: #000; line-height: 34px; margin-right: 3px;}
ul.info-tabs li{padding:0 15px;position:relative !important;}
ul.info-tabs li.active:after,ul.info-tabs li:hover:after{width: 50px;height: 20px;content: '';font-family:FontAwesome;position:absolute;bottom:-30px;z-index:99;left: -3px;top: 29px;color: #ffe850;font-size:21px;border-bottom: solid 2px;}
.booking-header{padding:14px 10px;background-color:#f1f1f1;width:100%; border-top-left-radius: 6px; border-top-right-radius: 6px;}

ul.info-tabs li.active a, ul.info-tabs li:hover a { color: #ffe850; text-shadow: #bda818 1px 1px 1px; }

#invoice_booking .modal-dialog { width: 100% !important; }

#invoices .logo{float:left;width:50%}#invoices .headerInput{width:50%;text-align:right}#invoices .top{width:100%;display:flex}
#invoices div#invoiceTitleContainer{border-bottom:solid 2px #3a3737;margin-bottom:20px;display:flex;width:100%;margin-top:20px}
#invoices div#invoiceTitleContainer h2{float:left;width:100%;margin-bottom:0}
#invoices div#invoiceTitleContainer .format.screenOnly{width:50%;float:left;font-size:22px;line-height:40px;margin-bottom:0}
#invoices div#invoiceTitleContainer span{font-size:20px;text-align:right;width:50%;display:block;float:left;line-height:40px}

#invoice-info .left{float:left;width:50%}
#invoice-info .left ul li b{display:block;float:left;margin-right:20px;width:100px}
#invoice-info .right{float:left;width:50%;text-align:right;border:solid 1px #ddd;padding:10px}

div#invoice-info{display:flex}div#invoice-info .left{float:left;width:50%}
div#invoice-info .left ul li b{display:block;float:left;margin-right:20px;width:100px}
div#invoice-info .right{float:left;width:50%;text-align:right;border:solid 1px #ddd;padding:10px}
table.invoice_items{width:100%;margin-top:20px!important}
table.invoice_items thead{border-bottom:solid 2px #707070}
table.invoice_items thead tr td{padding:10px;font-size:14px;text-transform:uppercase;font-weight:700;color:#574579}
table.invoice_items tbody tr td{padding:10px;color:#686868}
table.invoice_items tbody tr:last-child{border-bottom:solid 1px #707070;margin-bottom:20px}

table.invoice_items tbody tr.odd{background-color:#f4f4f4}
table.invoice_items tbody tr.rate-data:first-child{border-top:solid 1px #7070770}
table.invoice_items tbody tr.datas:last-child{border-bottom:solid 1px #707070!important}

#invoices .footer{display:flex;width:100%;padding:10px}
#invoices .footer .left{width:50%;float:left}
#invoices .footer .right{float:right;width:50%;padding-left:45px;font-size:11px}
#invoices .footer .right b{margin-right:10px}
#invoice_booking .popup-footer{display:flex;background-color:#fff}
#invoice_booking .popup-footer .update_box{float:right;text-align:right;width:30%}
#invoice_booking a#bkn_download {  margin-left: 20px;}
#invoice_booking button.close.acco_close{right:7px;top:3px;background-color:unset}

#extras_list_box .no,#extras_list_box .yes{width:34px;border:solid 1px #ddd;text-align:center;
float:left;margin-right:10px;text-transform:uppercase;font-size:11px;line-height:20px; cursor:pointer;}

#extras_list_box .yes.active{background-color:#43a243;color:#fff}
img#issue_loader {
    display: block;
    width: 22px;
    float: left;
}
#extras_list_box .no.active{background-color:#e23535;color:#fff}

#add_booking .clnt_dtl_rgt {
    min-height: 250px;
}

div#extras_list_box invoices_list {
    padding: 50px !important;
}

div#extras_list_box invoices_list .extra_top_area {
    padding: 50px;
    display: block;
    height: 92px;
}

.extra_top_area a.top_btns {
    display: block;
    float: left;
    margin-right: 10px;
    width: 115px;
    text-align: center;
    margin-left: 10px;
}

.invoices_list .extra_top_area {
    width: 100%;
    height: 69px;
    text-align: center;
    display: block;
    padding: 10%;
}

.extra_top_area a.top_btns.black_btn {background-color: #ffe850;height: 38px;padding: 7px;color: #000;font-weight: 600;}

#guest_form_booking h4.modal-title { width: 63%; }
#guest_form_booking .modal-dialog {
    width: 700px !important;
}

#guest_form_booking button.close.acco_close {
    background-color: unset;
    top: 0px;
}


a#top_invoice {
    font-size: 14px;
}

a#top_mail {
    font-size: 16px;
}
  
 #add-booking-box a.pro_img.view_booking.yellow_btn {
    position: absolute;
    right: 25px;
    top: 10px;
}




.payment-top {height: 40px;display: flex;padding: 10px;/* border: solid 1px #ddd; */background-color: #f7f7f7;margin-top: 25px;margin-bottom: 10px;}

.payment-top .pay-bx {font-weight: bold;margin-right: 20px;}

.payment-top .pay-bx b {color: #0b197c;font-weight: 500;}

#payment_booking .payment-top {margin: 10px;margin-bottom: 30px !important;}

#payment_booking button#reg_payment_btn {margin-left: 20px;}

#payment_booking button.blck_btn {width: 120px;margin-top: 25px;margin-bottom: -20px;}

.right-elements.year-block {display: flex;}

div#stats form#search_form .right-elements label {display: block;width: 200px;padding-top: 8px;}