/*================ Common Start ==============================*/
html {
    height: 100%;
}
body {
    font-size: 13px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.body-wrapper {
    background: #eaeaea;
}
.body-text {
    padding: 30px 30px 60px;
    background: #fff;
}
a {
    -o-transition:.5s !important;
    -ms-transition:.5s !important;
    -moz-transition:.5s !important;
    -webkit-transition:.5s !important;
    transition:.5s !important;
}
a {
    color: #337ab7;
}
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: 0;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.break-all {
    word-break: break-all;    
}
.mask {
    display: none;
}
.show-me {
    display: block;
}
.relative {
    position: relative;
}
.img-border {
    border: 1px solid rgba(0,0,0,.125);
}
.form-control:focus {
    color: #333;
}
.form-control-sm {
    height: 30px;
    padding: 6px 8px;
}
label.required:after {
    content: "*";
    color: #d43c3c;
}
div.required:after {
    content: "*";
    color: #d43c3c;
    position: absolute;
    top: 7px;
    right: 12px;
    font-size: 20px;
}
label {
    font-weight: bold;
}
.badge-inclusion,
.badge-addon {
    color: #333;
    font-weight: 400;
    margin-right: 5px;
    margin-bottom: 5px;
}
.label-booking-status {
    margin: 9px 0 0 20px;
    font-size: 16px;
}
.split .label-booking-status {
    margin: 0 0 0 20px;
    font-size: 16px;
    border-left: 1px solid #8f9aa5;
    padding-left: 20px;
}
.edit-box .split .booking-id {
    padding: 0 10px 0 0;
}
.badge-inclusion {
    background-color: #c5ddf3;
}
.badge-addon {
    background-color: #fff3a5;
}
.badge-blue {
    color: #fff;
    background-color: #337ab7;
}
.border-bottom {
    border-bottom: 1px solid #ddd;
}
td {
    font-size: 13px;
    padding: 5px;
}
#heading_new td {
    padding: inherit;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.modal-title {
    font-size: 1.6em;
}
.modal-title .text-blue {
    color: #48abcf;
}
#ui-datepicker-div .ui-state-highlight {
    background: #fff !important;    
}
#ui-datepicker-div .ui-state-hover {
    color: #383838 !important;
    background: #ffc600 !important;
}
#ui-datepicker-div .ui-state-active {
    color: #fff !important;
    background: #44a9d8 !important;
}
.form-text {
    display: block;
    margin-top: .25rem;
}
thead.thead-dark {
    background: #5b6875;
    color: #fff;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    margin-left: -8px;
    margin-top: -8px;
}
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-header {
    font-size: 16px;
    padding: .75rem 1.25rem;
    margin-top: 0;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-body {
    padding: 1.25rem;
}
.card-title {
    margin-bottom: 15px;
}
.card-text {
    font-size: 13px;
    margin-bottom: 10px;
}
.card + .card {
    margin-top: 15px;
}
.height-180 {
    height: 180px !important;
}
.width-50 {
    width: 50px;
}
/*================ Common End ==============================*/
/*================ All tables Start ==============================*/
.table-content {
    width: 100%;
    max-width: 100%;
}
.table-content>tbody>tr>td, .table-content>tbody>tr>th, .table-content>tfoot>tr>td, .table-content>tfoot>tr>th, .table-content>thead>tr>td, .table-content>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}
.search-booking-pagination select {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.search-booking-pagination span,
.search-booking-pagination a {
    padding: 7px 20px 6px;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px; 
}
.search-booking-pagination span{
    background-color: #fff;
    border-color: #ccc;
}
.search-booking-pagination a {
    background: #2a5192;
    color: #fff;
}
.search-booking-pagination a:hover {
    background: #ffc600;
    color: #383838;
}
.search-booking-pagination a span {
    padding: 0;
    background: none;
    border: 0;
}
/*================ All tables End ==============================*/
/*================ Background Start ==============================*/
.bg-white {
    background: #fff;
}
.bg-light-grey {
    background: #f2f2f2;
}
.bg-grey {
    background: #d9d9d9;
}
/*================ Background End ==============================*/
/*================ Text Start ==============================*/
h1, h2, h3, h4, h5, h6 {
    color: #3a2f49;
}
h1 {
    font-size: 2.1em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.3em;
}
p {
    margin: 0 0 25px;
}
.lowercase {
    text-transform: lowercase;
}
.bold {
    font-weight: bold;
}
.grey,
.text-grey {
    color: #666;
}
.red {
    color: #d43c3c !important;
}
.blue {
    color: #428dce;
}
.green {
    color: #37a334;
}
/*================ Text End ==============================*/
/*================ Padding Start ==============================*/
.padding-0 {
    padding: 0 !important;
}
.padding {
    padding: 10px; 
}
.padding-top,
.padding-vertical {
    padding-top: 10px;
}
.padding-right,
.padding-horizontal {
    padding-right: 10px; 
}
.padding-bottom,
.padding-vertical {
    padding-bottom: 10px; 
}
.padding-left,
.padding-horizontal {
    padding-left: 10px; 
}
.padding-top-5 {
    padding-top: 5px;
}
.padding-top-8 {
    padding-top: 8px;
}
.padding-top-9 {
    padding-top: 9px;
}
.padding-top-20 {
    padding-top: 20px;
}
.padding-bottom-5 {
    padding-bottom: 5px;
}
.padding-bottom-25 {
    padding-bottom: 25px;
}
.padding-left-0 {
    padding-left: 0;
}
.padding-right-30 {
    padding-right: 30px;
}
.padding-vertical-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.padding-horizontal-20 {
    padding-left: 20px;
    padding-right: 20px;
}
/*================ Padding End ==============================*/
/*================ Margin Start ==============================*/
.margin-0 {
    margin: 0;
}
.margin {
    margin: 10px;
}
.margin-top,
.margin-vertical {
    margin-top: 10px;
}
.margin-right,
.margin-horizontal {
    margin-right: 10px;
}
.margin-bottom,
.margin-vertical {
    margin-bottom: 10px;
}
.margin-left,
.margin-horizontal {
    margin-left: 10px;
}
.margin-top-5 {
    margin-top: 5px;
}
.margin-top-20 {
    margin-top: 20px;
}
/*================ Margin End ==============================*/
/*================ Row Custom Start ==============================*/
.row.m0 {
    margin-right: 0;
    margin-left: 0;
}
.row.m0 > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.row.m5 {
    margin-right: -5px;
    margin-left: -5px;
}
.row.m5 > [class*="col-"],
.row.m5 > [class*="col"] {
    padding-right: 5px;
    padding-left: 5px;
}
/*================ Row Custom End ==============================*/
/*================ Buttons Start ==============================*/
.btn {
    padding: 7px 20px 6px;
    text-transform: uppercase;
}
.btn:hover,
.btn:focus,
a.btn:hover,
a.btn:not([href]):not([tabindex]):focus,
a.btn:not([href]):not([tabindex]):hover {
    background: #ffc600;
    color: #383838;
    border-color: transparent;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.25);
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.25);
}
.btn-grey:disabled:hover {
    background: #343a40;
    color: #fff;
}
.btn-sm {
    padding: 4px 20px 3px;
    font-size: 1em;
}
.btn-xs {
    padding: 2px 8px 1px;
    font-size: .8em !important;
}
.btn-lg {
    padding: 10px 36px 8px;
    font-size: 1em;
}
.btn-curve {
    border-radius: 25px;
    -webkit-border-radius: 25px;
}
.btn i {
    padding-right: 6px;
}
.btn i.fa-right {
    padding-left: 6px;
    padding-right: 0;
}
.btn-no-margin {
    margin: 0;
}
.btn-transparent {
    background: transparent;
    box-shadow: none;
    color: #666;
}
.btn-transparent:hover,
.btn-transparent:active,
.btn-transparent:focus {
    background: transparent;
    box-shadow: none;
    color: #000;
}
.btn-white,
a.btn-white:not([href]):not([tabindex]),
.btn-white:active,
.btn-white:focus {
    background: #fff;
    color: #000;
}
.btn-grey,
a.btn-grey:not([href]):not([tabindex]),
.btn-grey:active,
.btn-grey:focus {
    background: #343a40;
    color: #fff;
}
.btn-light-grey,
a.btn-light-grey:not([href]):not([tabindex]),
.btn-light-grey:active,
.btn-light-grey:focus {
    background: #e4e4e4;
    color: #000;
}
.btn-blue,
a.btn-blue:not([href]):not([tabindex]),
.btn-blue:active,
.btn-blue:focus {
    background: #2a5192;
    color: #fff;
}
.btn-green,
a.btn-green:not([href]):not([tabindex]),
.btn-green:active,
.btn-green:focus {
    background: #449d44;
    color: #fff;
}
/*================ Buttons End ==============================*/
/*================ Row Custom Start ==============================*/
.row.m0 {
    margin-right: 0;
    margin-left: 0;
}
.row.m0 > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.row.m5 {
    margin-right: -5px;
    margin-left: -5px;
}
.row.m5 > [class*="col-"],
.row.m5 > [class*="col"] {
    padding-right: 5px;
    padding-left: 5px;
}
/*================ Row Custom End ==============================*/
/*================ Welcome Start ==============================*/
.welcome-to-guest h2 {
    margin: 0 0 8px;
    font-size: 16px;
    color: #48abcf;
}
.welcome-to-guest h2 span {
    font-size: 14px;
    color: #333;
}
.welcome-to-guest h3 {
    font-size: 13px;
    margin: 10px 0 5px;
    color: #666;
}
.guest-links {
    font-size: 14px;
    text-align: right;
}
.guest-links a {
    margin-left: 15px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
}
.guest-links a:last-child {
    border: 0;
}
/*================ Welcome End ==============================*/
/*================ Navbar Start ==============================*/
.navbar {
    background: #fff;
    padding-top: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    margin: 0;
    border: 0;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
}
.navbar-brand {
    display: inline-block;
    padding: 15px 0;
    margin-right: 20px;
    height: auto;
}
.navbar-brand > img {
    width: 70px;
}
.navbar-default .navbar-nav {
    list-style: none;
}
.navbar-default .navbar-nav .dropdown {
    margin-right: 1px;
}
.navbar-default .navbar-nav .dropdown > a {
    color: #000;
    padding: 32px 18px 30px;
    display: block;
}
.navbar-default .navbar-nav .dropdown:hover > a {
    color: #fff;
    background: #5cc499;
}
.navbar-default .navbar-nav .dropdown.active > a {
    color: #fff;
    background: #48abcf;
}
.navbar-default .dropdown-menu {
    font-size: inherit;
    border: 0;
    min-width: 176px;
    background: #5cc499;
}
.navbar-default .dropdown-menu>li>a {
    padding: 6px 20px;
    color: #fff;
    border-bottom: 1px dashed rgba(255,255,255,.3);
}
.navbar-default .dropdown-menu>li>a:hover {
    background: #ffc600;
    color: #383838;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #fff;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #383838;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
}
.navbar-expand-md .navbar-toggler {
    display: none;
}
/*================ Navbar End ==============================*/
/*================ Header Start ==============================*/
#header {
    background: #43a5db;
    background: -moz-linear-gradient(-45deg, #43a5db 0%, #5dc596 100%);
    background: -webkit-linear-gradient(-45deg, #43a5db 0%,#5dc596 100%);
    background: linear-gradient(135deg, #43a5db 0%,#5dc596 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43a5db', endColorstr='#5dc596',GradientType=1 );
    color: #fff;
    padding: 20px 0;
}
#header h1 {
    color: #fff;
    margin-top: 0;
}
#header .breadcrumb {
    background: none;
    padding: 0;
    margin: 10px 0 0;
}
#header .breadcrumb-item+.breadcrumb-item::before {
    color: rgba(0,0,0,.5);
}
#header a {
    color: #fff;
}
#header a:hover {
    color: rgba(255,255,255,1);
}
.breadcrumb-item.active {
    color: #000;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #868e96;
    content: "/";
}
/*================ Header End ==============================*/
/*================ Footer Start ==============================*/
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    font-family: 'Roboto Regular', Arial, sans-serif;
    background: #fff;
    text-transform: uppercase;
    font-size: .75em;
    letter-spacing: 1px;
    padding: 15px;
    box-shadow: 0 -3px 10px 0 rgba(0,0,0,.1);
}
footer a {
    color: inherit;
}
.footer-btn-group {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 20px;
}
/*================ Footer End ==============================*/
.available-room-form .ownerForm {
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 10px 10px 5px;
    margin-bottom: 15px;
}
#guestmasterDv {
    margin-bottom: 20px;
}
#guest-row {
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 10px;
}
.available-room-form .ownerForm.guestlist {
    border: 0;
    padding: 0 0 10px;
    margin: 0;
}
.available-room-form hr {
    border-top: 1px solid rgba(0,0,0,.1);
    margin: 0 0 10px;
}
.available-room-form .ownerForm .guest-details a,
.available-room-form .ownerForm.guestlist:first-child .guest-details a {
    display: inline-block;
    margin: 31px 4px 0;
    font-size: 18px;
}
.available-room-form .ownerForm.guestlist .guest-details a {
    margin: 8px 4px 0;
}

.order-snapshot{
    background-color: #c3d3e1;
    padding: 8px;
    margin-bottom: 10px;
}
    
.order-heading{
     margin: -10px -10px 0;
}
.Hddroom-type-details {
    background: #f2f2f2;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px;
    padding: 10px 10px 0;
    position: relative;
}
.Hddroom-type-details .remove-room {
    position: absolute;
    top: -6px;
    right: -6px;
}
.Hddroom-type-details .remove-room a {
    background: #d43c3c;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 11px;
    padding-top: 2px;
    font-weight: normal;
}
.Hddroom-type-details .btn {
    margin-top: 24px;
}
.available-room-form .form-control[readonly] {
    background-color: #fff;
}
.property .actions {
    float: right;
    margin-top: 10px;
}
.property .actions a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px 0 0;
    font-size: 14px;
}
.property .room-type .actions a {
    color: #000;
}
.property .actions a i {
    font-size: 16px;
}
.roomTypeForm .room-res-id {
    text-align: right;
    padding-right: 10px;
} 
.roomTypeForm .room-res-id h4{
    font-size: 14px;
    margin: 10px 0 0;
    color: #000;
} 
.roomTypeForm .room-res-id h4 em {
    font-size: 13px;
    color: #333;
    padding-left: 10px;
} 
.HddaddHotel {
    background: #b2bdc7;
    color: #323d48;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}
.HddaddHotel .remove-room {
    position: absolute;
    top: -6px;
    right: -6px;
}
.HddaddHotel .remove-room a {
    background: #d43c3c;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 14px;
    padding-top: 2px;
    font-weight: normal;
}
.HddaddHotel .btn {
    margin-top: 24px;
}
.available-room-form .room-type-details .addons {
    margin-top: 10px;
}
.available-room-form .room-type-details .inclusions {
    margin-top: 10px;
}
.available-room-form .room-type-details .inclusions:empty {
    margin-top: 0;
}
.padding-top-label {
    padding-top: 7px;    
}
#addons ul {
    padding: 0;
}
#addons li {
    list-style: none;
    width: 33%;
    float: left;
}
#addons li label {
    font-weight: normal;
}
.addons:empty {
    display: none;
}
.guest-stay-details {
    text-align: left;
    overflow-y: auto;
    height: 108px;
}
.guest-stay-details div {
    padding: 2px 0;
    border-bottom: 1px dotted #ddd;
}
.guest-stay-details div:last-child {
    border-bottom: 0;
}
.guest-stay-details div p {
    margin-bottom: 0 !important;
}
.guest-stay-details div .small {
    font-size: 80% !important;
}
.padding-rate {
    padding-top: 25px;
}
/*================ Payment Page Start ==============================*/
#booking-details {
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 15px 15px 0;
}
#booking-details.report {
    padding: 20px 15px 5px;
}
#booking-details .head {
/*    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;*/
}
#booking-details hr {
    margin: 10px 0;
}
#booking-details h2 {
    font-size: 2em;
    margin: 0;
}
#booking-details h3 {
    margin-bottom: 10px;
}
#booking-details h5 {
    font-size: 13px;
    font-style: italic; 
    color: #666;
    line-height: 1.5;
    margin: 0 0 10px;
}
#booking-details .guest-details a {
    display: inline-block;
    margin: 34px 4px 0;
    font-size: 20px;
}
.property.no-border {
    border: 0;
}
.property th {
    font-size: 14px;
}
.property td {
    font-size: 13px;
}
.property .property-head {
    background: #5b6875;
    text-align: left;
    padding: 10px 15px;
}
.property .property-head h2 {
    color: #fff;
    margin: 0;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 18px;
}
.property .property-head a {
    padding: 0 5px;
    color: #fff;
}
.edit-box .group-id {
    float: right;
    padding: 5px 10px 0 0;
    color: #fff;
    font-weight: bold;
}
.edit-box .booking-id {
    padding: 8px 10px 0 0;
}
.property-head .group-id {
    float: right;
    color: #fff;
    font-weight: bold;
    margin: 0;
}
.property .add-room-type {
    font-size: 14px;
}
.property .room-type {
    margin: 10px;
}
.property .room-type-select {
    margin: 10px;
    border: 1px solid #d3dae2;
}
.property .room-type-select .room-head {
    padding: 7px 15px;
}
.property .room-head {
    background: #c4d3e0;
    text-align: left;
    padding: 8px 15px;
}
.property .room-type-select select {
    width: 250px;
    background: #e2eaf3;
    border: 0;
}
.property .room-head h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 15px;
}
.property .room-head a {
    padding: 0 5px;
    color: #333;
}
.property .room-details {
    font-size: 13px;
}
.property .room-details2 {
    padding: 10px 15px;
}
.property .room-details h4,
.property .room-details h5 {
    margin: 0;
}
.property .room-details h4 {
    font-size: 18px;
}
.property .room-details h5 {
    font-size: 16px;
}
.property .room-details hr {
    margin: 10px 0;
}
.property .room-details .addons {
    overflow: hidden;
    overflow-y: auto;
    max-height: 58px;
    margin-bottom: 10px;
}
.property .room-details .addons:empty {
    height: 0;
    margin: 0;
}
.property .room-details .addons + select {
    width: 75%;
}
.modal-body #addons {
    position: relative;
    padding: 15px;
    height: 400px;
    overflow: hidden;
    overflow-y: auto;
}
#addons .addon-label {
    padding: 0;
    margin: 0 0 10px;
    width:100%;
}
#addons .addon-name {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px;
    font-weight: normal;
    position: relative;
    min-height: 60px;
}
#addons .addon-name h3 {
    margin: 0 0 5px;
    font-size: 15px;
    line-height: 1.3em;
}
#addons .addon-name h3 span {
    float: right;
}
#addons .addon-name .addon-type {
    padding-right: 26px;
    display: block;
}
#addons .addon-name i {
    position: absolute;
    font-size: 24px;
    top: 28px;
    right: 8px;
    color: #f0f0f0;
}
#addons .addon-label input:checked + .addon-name {
    background: #c4d3e0;
}
#addons .addon-label input:checked + .addon-name i {
    color: #5b6875;
}
.property .room-details .divider {
    border-right: 1px solid #ddd;
    height: 100%;
}
.property .tab-content .table {
    margin: 0;
}
.property .tab-content td {
    padding: 5px;
    vertical-align: middle;
    border: 0;
}
.property .tab-content label {
    font-weight: normal;
}
.property .tab-content .form-check-label {
    font-size: 13px;
    margin-right: 10px;
}
.property .tab-content .form-check-inline {
    margin-right: 0;
}
.property .guest-list a {
    padding: 0 2px;
}
.property .payment-details th {
    background: #c4d3e0;
}
.property .payment-details table {
    margin-bottom: 10px;
}
.property .payment-details td {
    padding: 0.5rem 0.75rem;
}
.property .payment-details > .table > tbody > tr.amenities td {
    border-bottom: 6px solid #c4d3e0;
    background: #f1f4f7;
}
.property .payment-details tr td.vab {
    vertical-align: bottom;
}
.property .payment-details h3 {
    font-size: 1.3em;
    text-transform: capitalize;
    margin: 5px 0 10px;
}
.property .payment-details h4 {
    font-size: 1.1em;
    margin: 0 0 10px;
}
.property .payment-details h4.amount {
    font-size: 1.4em;
    margin: 0 0 10px;
}
.property .payment-details h5 {
    font-size: 1.1em;
}
.property .payment-details p {
    font-size: 12px;
    margin-bottom: 5px;
}
.property .payment-details p:last-child {
    margin-bottom: 0;
}
.property .property-total-price {
    padding: 0 !important;
}
.property .property-total-price table {
    border-bottom: 6px solid #c4d3e0;
    margin: 0;
}
.property .property-total-price td {
    border: 0;
    font-size: 14px;
    font-weight: 500;
}
.property .property-total-price tr:nth-child(even) td {
    background: #f1f4f7;
}
.add-property-btn {
    background: #428dce;
    color: #fff;
    text-transform: capitalize;
    font-size: 18px;
    padding: 10px;
    margin: 0 0 10px;
}
.add-property-btn a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px 0 0;
    font-size: 14px;
}
.total-price {
    border: 1px solid #ddd;
    border-top: 10px solid #c4d3e0;
    border-bottom: 10px solid #c4d3e0;
}
.total-price td {
    padding: 11px 8px !important;
    font-size: 14px;
    font-weight: 500;
}
.total-price.order td {
    padding: 10px 8px !important;
}
.total-price.report td {
    padding: 7px 8px 6px !important;
}
.total-price h4 {
    margin: 0;
    font-size: 16px;
}
.total-price table {
    margin: 0;
}
.total-price tr:nth-child(even) td {
    background: #f1f4f7;
}
#ui-datepicker-div {
    z-index: 9999 !important;
}
.payment-amount .input-group-addon {
    color: #449d44;
}
#booking-details.payment .bg-light-grey {
    height: 187px;
}
#booking-details.payment {
    padding: 0;
    background: #5cc699;
}
#booking-details.payment h2 {
    font-size: 22px;
    color: #fff;
}
#booking-details.payment h3 {
    margin: 0;
}
#booking-details.payment h5 {
    line-height: 1.1em;
    color: #fff;
}
#booking-details.payment .form-group {
    margin-bottom: 10px;
}
#booking-details.payment .edit-amount input {
    font-size: 21px;
    color: #2ea572;
    line-height: 1em;
    text-align: right;
    padding-left: 6px;
    padding-right: 6px;
}
#booking-details.payment .input-group-addon:first-child {
    padding-left: 7px;
    padding-right: 7px;
}
.or-release {
    margin: 0 auto;
    width: 200px;
}
/*================ Payment Page End ==============================*/
/*================ Guest Details Page Start ==============================*/
.ownerFulldataForm .form-group {
    margin-bottom: 10px;
}
.ownerFulldataForm h4 {
    font-size: 1.2em;
}
.ownerFulldataForm p {
    font-size: 1em;
    margin-bottom: 10px;
}
.ownerFulldataForm hr {
    margin: 15px 0 10px;
}
.ownerFulldataForm .address {
    height: 69px;
}
.guest-id {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
/*.guest-id #seriesNo:empty {
    min-width: 60px;
    display: inline-block;
}*/
/*================ Guest Details Page Start ==============================*/
/*================ Order Print and email Page Start ==============================*/
#order-owner {
    border: 1px solid #ddd;
    border-bottom: 0;
    padding: 10px;
    padding-bottom: 0;
}
#order-owner .left-box {
    border: 1px solid #43a5db;
    border-top: 8px solid #43a5db;
}
#order-owner .right-box {
    border: 1px solid #5dc596;
    border-top: 8px solid #5dc596;
}
#order-owner .left-box,
#order-owner .right-box {
    min-height: 128px;    
    background: #f2f2f2;
}
#order-owner .hold-till {
    padding: 2px 10px;
    font-size: 16px;
    margin: 0;
}
#order-owner .hold-till span {
    font-size: 13px;
    color: #666;
}
#order-owner .hold-till .balance-info {
    font-size: 13px;
    display: block;
    color: #333;
    padding-top: 5px;
}
#order-owner h2 {
    color: #428dce;
    width: 100%;
    margin: 0 0 6px;
}
#order-owner hr {
    border-color: #ddd;
    margin: 8px 0;
}
#order-owner h3 {
    margin: 0 0 6px;
    font-size: 16px;
}
#order-owner .order-guest-org-name {
    text-transform: capitalize;
}
#order-owner i {
    padding-right: 10px;
}
#order-owner p {
    margin-bottom: 4px;
    font-size: 12px;
}
.order-body {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 10px;
}
.company-header {
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 15px 15px 5px;
    font-size: 14px;
}
.company-header h2 {
    color: #000;
    font-size: 20px;
    margin: 0 0 5px;
}
.company-header .row {
    margin-bottom: 5px;
}
.company-header p {
    margin: 0;
}
.company-header i {
    margin-top: 3px;
}
/*================ Order Print and email Page End ==============================*/
/*================ Guest Details Start ==============================*/
h4 {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.guest {
    position: relative;
}
.guest .upload-photo-id {
    border: 1px solid #ddd;
    background: #f2f2f2;
    text-align: center;
    border-radius: 6px 6px 0 0;
    position: relative;
    overflow: hidden;
    height: 81px;
}
.guest .upload-photo-id img {
    width: 100%;
}
.guest .upload-photo-id > a {
    display: block;
}
.guest .upload-photo-id > a .fa {
    font-size: 30px;
    padding: 23px 0 0;
    color: #666;
}
.guest .guest-country {
    position: absolute;
    top: 5px;
    right: 5px;
}
.guest .upload-id-link {
    position: absolute;
    opacity: 0;
    bottom: -10px;
    width: 100%;
        -o-transition:.5s !important;
    -ms-transition:.5s !important;
    -moz-transition:.5s !important;
    -webkit-transition:.5s !important;
    transition:.5s !important;
}
.guest .upload-photo-id:hover .upload-id-link {
    opacity: 1;
    bottom: 0px;
}
.guest .upload-id-link iframe {
    height: 25px;
    width: 100%;
    background: rgba(0,0,0,.5);
}
.guest .upload-id-link:hover iframe {
    background: rgba(0,0,0,.7);
}

.guest .guest-selection {
/*    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;*/
}
.guest input {
    display: none;
}
.guest label {
    font-weight: normal;
    font-size: 13px;
    color: #fff;
    background-color: #949494;
    padding: 8px 4px;
    margin: 0;
    display: block;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
.checkbox.vip,
.checkbox.blackkisted {
    margin: 0;
}
.checkbox.vip label {
    border-radius: 0 0 0 6px;
    margin-right: 1px;
}
.checkbox.blackkisted label {
    border-radius: 0 0 6px 0;
}
.checkbox.vip input:checked + label {
    background-color: #449d44;
/*    border-color: #419641;*/
}
.checkbox.blackkisted input:checked + label {
    background-color: #c9302c;
/*    border-color: #c12e2a;*/
}
/*================ Guest Details End ==============================*/
/*================ Guest List Start ==============================*/
.available-room-form .eachguestrow {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.available-room-form .guest-index {
    padding-top: 9px;
    font-weight: bold;
    padding-right: 20px;
    text-align: right;
}
.available-room-form .ownerForm.guestlist:first-child .guest-index {
    padding-top: 30px;
}
.available-room-form .eachguestrow label.first-name,
.guest-fname input {
   margin-left: 20px;
}
.room-type-details .tab-content {
    padding-top: 10px;
}
.room-type-details .tab-content textarea {
    width: 100%;
    height: 55px;
    border: 1px solid #ddd;
    padding: 3px 8px;
}
.form-control.data-filled {
    padding: 0;
    background: none !important;
    border: 0;
    box-shadow: none;
}
.available-room-form .room-type .room-type-details hr {
    margin: 10px 0 5px;    
}
.available-room-form .room-type .room-type-details h2 {
    font-size: 16px;
    background: none;
    color: #333;
    padding: 0;
    margin: 0;   
}
.available-room-form .room-type .room-type-details h2 a,
.available-room-form .room-type .room-type-details h2 span {
    margin-top: 8px;
    display: inline-block;
}
/*================ Guest List End ==============================*/
/*================ Guest Profile Start ==============================*/
#guestProfileModal h5 em {
    font-size: .75em;
    color: #333;
}
#guestProfileModal #guestHistory {
    margin-bottom: 20px;
}
.profile-section {
    border: 1px solid #ddd;
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.profile-section h3 {
    font-size: 1.1em;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 6px;
    margin-bottom: 15px;
    text-align: center;
}
.profile-section h3 span {
    font-size: .75em;
}
.profile-section .c100 {
    margin: 0 auto;
    float: none;
    font-size: 80px;
}

/*================ Guest Profile End ==============================*/
/*================ Matrix Table Start ==============================*/
.matrix-box {
    border: 1px solid #ddd;
    padding: 10px;   
}
.matrix-box .table-head-inside {
    border-top-color: #5a6875;
    border-bottom-color: #5a6875;
}
.matrixTbl th {
    text-align: center;
}
.matrixTbl th.room-name,
.matrixTbl td.room-name {
    text-align: left;
    padding-left: 10px;
    width: auto;
    color: #333;
    background: #dfdfdf;
}
.matrixTbl .propName h2 {
    text-transform: capitalize;
    margin: 0;
    color: #fff;
    font-size: 16px;
    line-height: 1em;
    text-align: left;
}
.matrix-box ul.token-input-list-facebook {
    border: 1px solid #ddd;
    padding: 2px 0;
    font-size: 14px;
    border-radius: 4px;
    display: inline-block;
    width: auto;
    min-width: 230px;
}
.matrix-box ul.token-input-list-facebook li input {
    width: 225px !important;
}
.matrix-box li.token-input-token-facebook {
    padding: 3px 8px;
}
.matrix-box li.token-input-token-facebook p {
    font-size: 14px;
}
div.token-input-dropdown-facebook li {
    font-size: 14px !important;
    padding: 6px 10px !important;
}
.print-export-divider {
    border-left: 1px solid #ccc;
    height: 24px;
    width: 20px;
    margin-left: 20px;    
    display: inline-block;
    vertical-align: middle;
}
/*================ Matrix Table End ==============================*/
/*================ Form Style Start ==============================*/
.form-blue-box,
.form-grey-box {
    border: 1px solid transparent;
    border-radius: 6px;
    margin-bottom: 15px;
}
.form-blue-box:last-child,
.form-grey-box:last-child {
    margin-bottom: 0;
}
.form-blue-box {
    border-color: #428dce;
}
.form-grey-box {
    border-color: #ddd;
}
.form-blue-box h4,
.form-grey-box h4 {
    padding: 10px;
    margin: 0;
    border-radius: 5px 5px 0 0;
}
.form-blue-box h4 {
    background: #428dce;
    color: #fff;
}
.form-grey-box h4 {
    background: #ddd;
    color: #333;
}
.form-blue-box .guest-id {
    color: #fff;
}
/*================ Form Style End ==============================*/
/*================ Form Style End ==============================*/
.payment-details .room-number {
    width: 30px;
    height: 30px;
    background: #ffc600;
    color: #383838;
    text-align: center;
    padding-top: 6px;
    margin-left: 10px;
    border-radius: 50%;
}
/*================ Form Style End ==============================*/
/*================ All properties Start ==============================*/
#allProperties {
    border: 1px solid #ddd;
}
#allProperties .select-all {
    background: #f1f4f7;
    padding: 10px 20px;
    color: #333;
    font-size: 16px;
}
#allProperties .select-all .label-order-no {
    color: rgba(0,0,0,.3);
}
#allProperties .property-head {
    padding: 10px;
}
#allProperties .ui-menu-item {
    padding: 8px;
    border: 0;
    border-bottom: 1px solid #ddd;
}
#allProperties .ui-state-focus {
    background: #f2f2f2;
    margin: 0;
}
#allProperties #demo_drop1 .btn {
    border-radius: 0;
}

/*================ All properties End ==============================*/
/*================ Alert & notification Start ==============================*/
.modal .btn-help {
    float: right;
    font-size: 20px;
    margin-right: 10px;
}
.alert-notifications-list h2 {
    margin-top: 0;
}
.enabled-channels {
    vertical-align: middle;
}
.alert-notifications-list i,
.icon-16 i {
    font-size: 16px;
}
.enabled-channels i {
    font-size: 18px;
    margin: 0 5px;
}
.enabled-channels i.disabled {
    color: #ccc;
}
.activate {
    position: relative;
    display: inline;
}
.activate input[type="checkbox"] {
    display: none;
}
.activate input[type="checkbox"] + label:before {
  content: '\f00d';
  font-family: FontAwesome;
  color: #d43c3c;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  position: absolute;
  left: -10px;
  top: 0;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
    cursor: pointer;
}
.activate input[type="checkbox"]:checked + label:before {
  content: '\f00c';
  color: #24b976;
}
.activate label {
    margin: 0;
}
.recurrence-end label {
    padding: 0 0 10px 10px !important;
}
.recurrence-end input[type="radio"] {
    top: 5px;
}
.recurrence-start .recurrence-label,
.recurrence-end .recurrence-label {
    float: left;
    padding-top: 8px;
    width: 70px;
    font-weight: bold;
}
.recurrence-start .date,
.recurrence-end .date {
    width: 150px;
}

/*================ Alert & notification End ==============================*/
/*================ List heading Start ==============================*/
#list-heading {
    background: url(../images/bg-listing-icon.gif) repeat-x #ededed;
    border: 1px solid #dfdfdf;
    margin-bottom: 10px;
    color: #393939;
}
.list-heading-title {
    float: left;
    padding: 13px 20px 0;
}
#list-heading-actions {
    width: auto;
    font-size: 10px;
    color: #3561b3;
    text-transform: uppercase;
    float: right;
}
#list-heading-actions li {
    background: #fff;
    border-left: 1px solid #dfdfdf;
    list-style: none;
    float: right;
    text-align: center;
    cursor: pointer;
}
#list-heading-actions li a {
    display: block;
    padding: 10px 20px;
    color: #3561b3;
    text-align: center;
    text-decoration: none;
}
#list-heading-actions li a span {
    display: block;
    text-align: center;
}
/*================ List heading End ==============================*/
/*================ Media query Start ==============================*/

@media screen and (min-width: 992px) {
    .modal-dialog {
        margin-bottom: 80px;
    }
}
@media screen and (max-width: 991px) {
    .container {
        width: 100%;
    }
    footer .row div {
        padding: 5px;
        text-align: center !important;
    }
    .btn {
        padding: 7px 15px 6px;
    }
    .modal-dialog {
        margin-bottom: 110px;
    }
}
@media screen and (min-width: 768px) {
    .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
    }
}
@media (max-width: 767px) {
    .footer-btns a {
        width: 100%;
        margin-bottom: 10px;
    }
}
/*================ Media query End ==============================*/

.herchy-class .select2-container .select2-selection--single{
    height: 32px !important;
}

.herchy-class .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #757575 !important;;
    line-height: 32px !important;;
}


.report-export-generating, .report-export-download a {
	display: inline-block;
    padding: 5px 20px;
    margin: 10px;
    border-radius: 4px;
}
.report-export-generating {
    background: #eee;
    color: #000 !important;
	position: relative;
    padding-right: 40px;
}
.report-export-download a {
	background:  #cce0f5 url(../images/download-1.png) no-repeat right 15px center;
	padding-right: 40px;
    color: #000 !important;    
}

.report-export-generating .report-export-loader {
	border: 2px solid #c1c1c1;
    border-radius: 50%;
    border-top: 2px solid #3498db;
    width: 16px;
    height: 16px;
    -webkit-animation: report-export-generating-spin 2s linear infinite;
    animation: report-export-generating-spin 2s linear infinite;
	position: absolute;
    right: 15px;
    top: 5px;
  }
  
  /* Safari */
  @-webkit-keyframes report-export-generating-spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes report-export-generating-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }

  .sauser-report{
    float: left;
    width: 48%;
  }

  /*================ pages copied from admine start ==============================*/
#heading_new #listing-icons li {
    height: 60px;
}
  /*================ pages copied from admine end ==============================*/

.super-set-tab{
    padding: 0 0 0 0 !important
}