@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-Black.eot');
    src: url('../fonts/Spartan-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-Black.woff') format('woff'), url('../fonts/Spartan-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-SemiBold.eot');
    src: url('../fonts/Spartan-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-SemiBold.woff') format('woff'), url('../fonts/Spartan-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-Thin.eot');
    src: url('../fonts/Spartan-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-Thin.woff') format('woff'), url('../fonts/Spartan-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-ExtraBold.eot');
    src: url('../fonts/Spartan-ExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-ExtraBold.woff') format('woff'), url('../fonts/Spartan-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-Medium.eot');
    src: url('../fonts/Spartan-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-Medium.woff') format('woff'), url('../fonts/Spartan-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-Light.eot');
    src: url('../fonts/Spartan-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-Light.woff') format('woff'), url('../fonts/Spartan-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-Regular.eot');
    src: url('../fonts/Spartan-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-Regular.woff') format('woff'), url('../fonts/Spartan-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-Bold.eot');
    src: url('../fonts/Spartan-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-Bold.woff') format('woff'), url('../fonts/Spartan-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-ExtraLight.eot');
    src: url('../fonts/Spartan-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-ExtraLight.woff') format('woff'), url('../fonts/Spartan-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('../fonts/Spartan-Thin_1.eot');
    src: url('../fonts/Spartan-Thin_1.eot?#iefix') format('embedded-opentype'), url('../fonts/Spartan-Thin_1.woff') format('woff'), url('../fonts/Spartan-Thin_1.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Spartan' !important;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
}

.admin {
    text-align: right;
}

.admin ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.admin ul li {
    display: inline;
    padding: 0px 20px;
    font-size: 16px;
    color: #363636;
}

.admin span {
    margin-right: 5px;
}

.edit-navigation {
    padding-top: 10px;
    box-shadow: 5px 0px 24px #ededed;
}

.navbar {
    padding: 0rem 1rem .5rem !important;
}

.navbar-nav .nav-link {
    font-size: 16px;
    color: #363636;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px !important;
}

.main-body {
    padding: 50px 0px;
}

.editheding h1 {
    font-size: 20px;
    font-weight: bolder;
    color: #363636;
}

.from-body {
    border: 1px solid #dad7d7;
    padding: 30px 20px;
}

.back-btn {
    display: inline-block;
}

.preadd-section {
    display: inline-block;
    float: right;
}

.back-btn a {
    background: #474ed5;
    color: #fff !important;
    font-size: 16px;
    text-decoration: none !important;
    padding: 15px 30px;
    border-radius: 4px;
}

.preadd-section a {
    background: #173086;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    text-decoration: none;
    border: none;
    color: #FFFFFF;
    padding: 12px 15px;
    margin-left: 5px;
}

.preadd-section a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0069d9;
    border-color: #0062cc;
}

.fromsection {
    margin: 50px 0px 0px;
}

.from-field {
    margin: 10px 0px;
}

.from-field label {
    font-size: 15px;
    color: #363636;
}

.from-field .form-control {
    box-shadow: 0px 3px 15px 0px #f2f2f2;
    border: 1px solid #f0eeee;
    height: 47px;
    width: 100% !important;
    border-radius: 4px;
    font-size: 14px;
    color: #999999;
}

.active-inactive {
    display: inline-block;
}

.active-inactive label {
    font-size: 14px;
    color: #363636;
}

.Impact {
    display: inline-block;
    padding: 0px 20px;
}

.Impact p {
    font-size: 15px;
    color: #363636;
    margin-bottom: 5px;
}

.active-inactive p {
    font-size: 15px;
    color: #363636;
    margin-bottom: 5px;
}

.Impact label {
    font-size: 14px;
    color: #363636;
}

.comment-box {
    height: 140px !important;
}

.table {
    border: 1px solid #dad7d7;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff !important;
}

.table th {
    font-size: 14px;
    color: #363636;
    text-align: center;
    font-weight: normal !important;
}

.table td {
    font-size: 14px;
    color: #999999;
    text-align: center;
}

.from-field p {
    font-size: 14px;
    color: #363636;
    margin-bottom: 7px;
}

.hr {
    border-bottom: 1px solid #dad7d7;
    height: 1px;
}

.lo-mapping {
    padding: 30px 0px 10px;
}

.loStatement {
    margin: 45px 0px 15px;
}

.loStatement .lostatmentbtn {
    color: #fff;
    background-color: #474ed5;
    border-color: #474ed5;
    width: 100%;
    font-size: 16px;
    height: 47px;
}

.updatesection .btn-warning {
    font-size: 16px;
    color: #363636;
    padding: 10px 20px;
}

.updatesection .btn-danger {
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
}

.updatesection .btn-success {
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
}

.new-hr {
    margin: 25px 0px;
}

.correct {
    margin: 15px 0px;
}

.correct p {
    font-size: 15px;
    color: #363636;
    margin-bottom: 5px;
}

.correct label {
    font-size: 15px;
    color: #363636;
}

.rationale {
    height: 225px !important;
}

.addbtn {
    margin-top: 22px;
}

.addbtn .lostatmentbtn {
    color: #fff;
    background-color: #474ed5;
    border-color: #474ed5;
    font-size: 16px;
    padding: 10px 40px;
    height: 47px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #363636 !important;
    text-decoration: none;
    background: #fcb514 !important;
}

.navbar-toggler {
    background: #fcb514 !important;
    line-height: 28px !important;
}

.form-control:focus {
    border-color: #fcb514 !important;
    box-shadow: none !important;
}

.dropdown-item {
    text-transform: uppercase;
    font-size: 12px !important;
    padding: 5px 10px !important;
}


/*new-css-book-apge*/

.topheader {
    background: #171A3D;
    padding: 15px 0px;
}

.logo-section ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.logo-section li {
    display: inline;
    border-right: 1px solid rgba(255, 255, 255, 0.09);
    padding: 20px 25px;
    vertical-align: middle;
}

.logo-section li:last-child {
    border: none;
}

.icon {
    display: inline-block;
}

.icon-text {
    display: inline-block;
    margin-left: 10px;
}

.icon-text h3 {
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.icon-text p {
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 11px;
    color: #FFFFFF;
    margin: 0px;
}

.from-fieldnav {
    margin: 10px 0px;
    display: inherit !important;
}

.from-fieldnav .form-control {
    display: inline;
    background: none;
    color: #fff;
    border: none;
}

.from-fieldnav label {
    color: #fff;
}

.temp {
    font-weight: bold !important;
    font-size: 25px !important;
    line-height: 32px !important;
    color: #FFFFFF !important;
    vertical-align: bottom;
}

.price {
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 32px !important;
    color: #FFFFFF !important;
}

.logo-section {
    display: inline-block;
}

.nav-section {
    display: inline-block;
    float: right;
    margin-top: 10px;
}

.nav-section ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.nav-section ul li {
    display: inline;
    padding: 20px 25px;
}

.nav-section ul a {
    font-weight: normal;
    font-size: 14px;
    font-weight: 100;
    line-height: 16px;
    color: #FFFFFF;
}

.roomacopancy {
    padding: 20px 0px;
    width: 100%;
}

.green-bg {
    display: inline-block;
    background: #32A8AF;
    border-radius: 5px;
    padding: 13px 18px;
    margin-top: 10px;
    /*margin-right: 7px;*/
}

.white-bg {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    padding: 13px 18px;
    margin-top: 10px;
}

.new-box {
    text-align: right;
}

.green-bg p {
    font-weight: 100;
    font-size: 15px;
    line-height: 17px;
    color: #FFFFFF;
    text-align: center;
}

.green-bg h3 {
    font-weight: bold;
    font-size: 32px;
    line-height: 47px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.green-bg span {
    font-weight: 100;
}

.percent img {
    vertical-align: text-bottom;
}

.white-bg p {
    font-size: 15px;
    line-height: 17px;
    color: #191A1E;
    text-align: center;
}

.white-bg h3 {
    font-style: normal;
    font-size: 32px;
    line-height: 47px;
    color: #191A1E;
    margin-bottom: 0px;
    text-align: left;
}

.thousent {
    font-size: 28px;
}

.percent {
    font-weight: 500;
    font-size: 12px;
    line-height: 13px;
    color: #DE3131;
}

.calender-section {
    padding: 75px 0px;
}

.month-box {
    display: inline-block;
}

.filter-box {
    display: inline-block;
}

.month-box .input-group .form-control {
    background: #EDEFF2;
    border-radius: 50px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    height: 46px;
    padding: 0.975rem .95rem;
    color: #000000;
}

.filter-box .form-control {
    background: #EDEFF2;
    border-radius: 50px;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    height: 46px;
    color: #000000;
}

.room {
    font-weight: 300 !important;
}

.calander img {
    max-width: 100%;
}


/*end-new-css-book-apge*/


/*edit-booking-apge*/

.header {
    padding: 20px 0px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
}

.editbooking p {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 0px;
    color: rgba(23, 26, 61, 0.8);
}

.editbooking span {
    margin-right: 30px;
}

.gest-section {
    max-width: 830px;
    margin: 20px auto;
}

.edit-from label {
    font-weight: normal;
    font-size: 12.3168px;
    line-height: 14px;
    color: rgba(25, 26, 30, 0.6);
}

.edit-detail {
    background: #171A3D;
    padding: 50px 30px;
    height: 100%;
}

.editinput {
    margin-bottom: 10px;
    font-size: 12.3168px;
    font-weight: bold !important;
}

.heading {
    margin-bottom: 30px;
}

.heading h3 {
    font-weight: bold;
    font-size: 17.704px;
    line-height: 20px;
    color: #191A1E;
    margin-bottom: 0;
}

.heading a {
    font-weight: bold;
    font-size: 10.7px;
    line-height: 12px;
    color: #32A8AF;
}

.radiobox .form-check-label {
    margin-bottom: 0;
    font-size: 12.3168px;
    line-height: 14px;
    color: rgba(25, 26, 30, 0.9);
}

.personalinfo h4 {
    font-size: 15.0107px;
    line-height: 17px;
    color: #191A1E;
    margin: 20px 0px;
}

.radiobox {
    margin-bottom: 15px;
}

.gest-section .addbtn .addgestbtn {
    font-size: 12.7px;
    padding: 10px 40px;
    height: 47px;
    border-radius: 50px;
    background: #173086;
    border-color: #173086;
}

.edit-detail h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 17.3884px;
    line-height: 19px;
    color: #FFFFFF;
    margin-bottom: 40px;
}

.form-control.checkinput {
    border: 0.531312px solid rgba(255, 255, 255, 0.41) !important;
    background: none !important;
    color: #fff !important;
    margin-bottom: 13px;
    font-size: 12.8767px !important;
}

.form-control.checkinput::-webkit-input-placeholder {
    /* Edge */
    color: #fff !important;
    font-size: 12.8767px;
}

.form-control.checkinput:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff !important;
    font-size: 12.8767px;
}

.form-control.checkinput::placeholder {
    color: #fff !important;
    font-size: 12.8767px;
}

.summery-from label {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12.3168px !important;
}

.summery-from {
    text-align: right;
}

.summery-from .checkinput {
    width: 50%;
}

.checkbox-section {
    margin: 30px 0px;
}

.ment-count {
    margin-top: 20px;
}

.ment-count p {
    font-size: 12.3168px;
    line-height: 14px;
    color: #FFFFFF;
}

.save-section {
    margin-top: 30px;
}

.save-section .savebtn {
    font-size: 12.7px;
    padding: 10px 50px;
    height: 47px;
    border-radius: 50px;
    background: #E59C46;
    border-color: #E59C46;
    font-weight: bold;
    font-size: 15.1714px;
    line-height: 17px;
}

.save-section .cancelbtn {
    font-size: 12.7px;
    padding: 10px 50px;
    height: 47px;
    border-radius: 50px;
    background: #fd5a62;
    border-color: #fd5a62;
    font-weight: bold;
    font-size: 15.1714px;
    line-height: 17px;
    margin-left: 5px;
}

.save-section .allocateRoomBtn {
    font-size: 12.7px;
    padding: 10px 50px;
    height: 47px;
    border-radius: 50px;
    background: #5d5afd;
    border-color: #5d5afd;
    font-weight: bold;
    font-size: 15.1714px;
    line-height: 17px;
    margin-left: 5px;
}

.summary {
    overflow: hidden;
}

.summary .container-fluid {
    padding: 0px;
}

.side-barbox {
    background: #171A3D;
    height: 100%;
    padding: 15px 0px;
}

.sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after {
    content: '\f105';
    font: normal normal normal 14px/1 FontAwesome;
    transform: rotate(-0deg);
}

.sidebar .nav-item .nav-link[data-toggle=collapse]::after {
    width: 1rem;
    text-align: center;
    float: right;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    content: "\f105";
    transform: rotate(-271deg);
    font: normal normal normal 14px/1 FontAwesome;
}

.sidebar-brand-icon {
    background: #FFFFFF;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 40px;
    border-radius: 50px;
}

.arrow-back {
    font-size: 18px;
    color: #000;
}

.side-barbox .navbar-nav .active {
    background: rgba(255, 255, 255, 0.07);
    border-radius: 4px;
}

.side-barbox .navbar-nav .nav-link {
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 50px !important;
}

.bg-active {
    background: #171A3D;
    padding: 20px 50px !important;
}

.edit-details {
    padding: 40px;
}

.side-barbox .nav-link:focus,
.nav-link:hover {
    background: rgba(255, 255, 255, 0.07);
}

.edit-details span {
    font-weight: bold;
    font-size: 11.6536px;
    line-height: 13px;
    color: #FFAB48;
    margin-right: 15px;
}

.edit-details h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
    margin: 20px 0px;
}

.edit-details p {
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    margin: 0px 0px 20px;
}

.edit-details .editbtn {
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    padding: 12px 25px;
    align-items: center;
    text-align: center;
    color: #171A3D;
    background: #FFFFFF;
    margin-right: 10px;
    border-radius: 29.7091px;
}

.edit-details .checllistbtn {
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    padding: 12px 25px;
    align-items: center;
    text-align: center;
    color: #fff;
    background: #E59C46;
    margin-right: 10px;
    border-radius: 29.7091px;
    text-decoration: none;
}

.bg-active p {
    font-weight: normal;
    font-size: 8.25465px;
    line-height: 9px;
    color: rgba(255, 255, 255, 0.6);
}

.bg-active .media {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
    padding: 15px;
}

.media h3 {
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    margin: 0px;
    color: #FFFFFF;
}

.media-body a {
    font-size: 12px;
    line-height: 9px;
    padding: 8px 10px;
    align-items: center;
    text-align: center;
    color: #fff;
    float: right;
    background: #E59C46;
    margin-left: 10px;
    border-radius: 4px;
}

.mrtop30 {
    margin-top: 30px;
}

.price-deaila span {
    font-weight: normal;
    font-size: 8.25465px;
    line-height: 9px;
    color: rgba(255, 255, 255, 0.6);
}

.mrt30 {
    margin-top: 30px;
}

.price-deaila p {
    font-size: 9px;
    line-height: 11px;
    color: #FFFFFF;
}

.not span {
    font-size: 8.25465px;
    line-height: 9px;
    color: rgba(255, 255, 255, 0.6);
}

.not p {
    font-size: 9.97033px;
    line-height: 11px;
    color: #FFFFFF;
}

.adultchild {
    margin-top: 20px;
}

.adultchild p {
    font-size: 8.25465px;
    line-height: 9px;
    color: #FFFFFF;
}

.collapsebox .media {
    background: none !important;
}

.tax {
    float: right;
}

.tax h4 {
    font-size: 16px;
    margin-bottom: 0;
    text-align: right;
    color: #FFFFFF;
}

.tax span {
    font-size: 10px;
    line-height: 11px;
    text-align: right;
    color: #FFC83A;
}

.bg-active hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.collapsebox .media h3 {
    font-size: 10px;
    line-height: 11px;
    color: rgba(255, 255, 255, 0.9);
}

.collapsebox .media h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    text-align: right;
    color: #FFFFFF;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    font-size: 11px;
    line-height: 12px;
    color: #077379;
    line-height: 38px;
    background: rgba(50, 168, 175, 0.05) !important;
    border-bottom: 3px solid #077379 !important;
    font-weight: bold;
    border: none;
}

.nav-tabs .nav-link {
    font-size: 11px;
    line-height: 12px;
    color: #000: ;
}

.nav-tabs {
    background: #fff;
}

.detail-wrapper .col-md-4 {
    padding: 0px;
}

.detail-wrapper .col-md-8 {
    padding: 0px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    min-width: 232px;
    height: 61px;
    vertical-align: middle;
    line-height: 38px;
    text-align: center;
    font-weight: normal;
    color: #000;
    vertical-align: middle;
}

.pd50 {
    padding: 50px;
}

.card .card-link[data-toggle=collapse]::after {
    width: 1rem;
    text-align: center;
    float: left;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    margin-top: 6px;
    content: "\f105";
    transform: rotate(-90deg);
    font: normal normal normal 18px/1 FontAwesome;
}

.card .card-link[data-toggle=collapse].collapsed::after {
    content: '\f105';
    font: normal normal normal 18px/1 FontAwesome;
    transform: rotate(-271deg);
}

.card-header a {
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    margin-left: 15px;
    color: #077379;
}

.card-header {
    background: #fff !important;
    border-radius: 6px !important;
    border-bottom: none !important;
}

.card {
    margin-bottom: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    border: none !important;
}

.pd30 {
    padding: 30px 35px !important;
}

.photo img {
    max-width: 100%;
}

.bio h4 {
    font-weight: bold;
    font-size: 12px;
    line-height: 13px;
    color: #000000;
}

.tab-pane h3 {
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 25px;
    color: #16193A;
    display: inline-block;
}

.biobox span {
    font-weight: normal;
    font-size: 12px;
    line-height: 11px;
    line-height: 31px;
    color: rgba(0, 0, 0, 0.6);
}

.detail-wrapper {
    background: #E5E5E5 !important;
}

.biobox p {
    font-weight: normal;
    font-size: 12px;
    line-height: 13px;
    color: #000000;
}

.pdt30 {
    padding-top: 30px;
}

.pdt50 {
    padding-top: 50px;
}

.activebtn {
    display: inline-block;
    float: right;
}

.activebtn .addgestbtn {
    font-weight: bold;
    font-size: 8.04236px;
    line-height: 9px;
    border-radius: 29.7091px;
    align-items: center;
    text-align: center;
    border: none;
    padding: 10px 20px;
    color: #173086;
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.11);
}

.activebtn .aeditbtn {
    background: #173086;
    color: #fff;
}

.activebtn .addgestbtn:hover {
    color: #173086;
    background: #FFFFFF;
}

.activity-box {
    background: #fff;
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.11) !important;
    border-radius: 6px;
    overflow-x: auto;
}

.searching-box {
    padding: 15px;
    display: inline-block;
    width: 100%;
}

.searching-box ul {
    padding: 0px;
    list-style: none;
    margin: 0px;
}

.searching-box ul li {
    display: inline;
    margin-right: 8px;
    padding: 10px 15px;
    background: #F0F0F7;
    border-radius: 3px;
}

.dateinput {
    display: inline !important;
}

.dateinput .form-control {
    display: inline-block;
    width: 130px !important;
    font-weight: 500;
    font-size: 12px;
    background: none;
    line-height: 10px;
    color: rgba(22, 25, 58, 0.7);
    border: none;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 0.375rem;
    height: 1.375rem;
    line-height: 1.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.has-search {
    margin-bottom: 1rem;
    display: inline-block;
}

.has-search .form-control {
    padding: .200rem 1rem;
    background: none !important;
    border: none;
    font-size: 12px;
    line-height: 10px;
    color: #16193A !important;
    height: 40px;
}

.activity-box a {
    color: #000;
}

.input-group.admin {
    display: inline-flex;
    width: 90px;
}

.admin .form-control {
    border: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 10px;
    color: rgba(22, 25, 58, 0.7);
}

.input-group.createdon {
    display: inline-flex;
    width: 130px;
}

.createdon .form-control {
    border: none;
    font-weight: 600;
    font-size: 12px;
    line-height: 10px;
    color: rgba(22, 25, 58, 0.7);
}

.admin-table td {
    font-size: 12px;
    color: rgba(22, 25, 58, 0.7) !important;
    text-align: left;
    font-weight: 600;
    padding: 15px 10px !important;
}

.add-click {
    text-align: center !important;
}

.add-click span {
    height: 27px;
    width: 31px;
    line-height: 27px;
    display: inline-block;
    background: #F0F0F7;
    border-radius: 3px;
}

.admin-table th {
    text-align: left;
    border-top: none !important;
}

.nametag span {
    width: 24px;
    height: 24px;
    line-height: 26px !important;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    margin-right: 8px;
    text-align: center;
    align-items: center;
    color: #FFFFFF;
    border-radius: 50px;
    background: #204DC1;
}

.machin {
    font-weight: bold;
    font-size: 12px !important;
    line-height: 10px;
    align-items: center;
    color: rgba(22, 25, 58, 0.82) !important;
}

.machin span {
    margin-right: 10px;
}

.nametag {
    font-weight: bold;
    font-size: 12px !important;
    line-height: 10px;
    display: flex;
    align-items: center;
    color: rgba(22, 25, 58, 0.82) !important;
}

.input-group.itmname {
    display: inline-flex;
    width: 117px;
}

.close {
    float: right;
    font-size: 33px !important;
    font-weight: 300 !important;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: 1 !important;
}

.modal-title {
    font-size: 14px;
    line-height: 16px;
    align-items: center;
    color: rgba(23, 26, 61, 0.8);
}

.modal-header {
    border: none !important;
}

.hotal-services {
    padding: 30px 0px 0px 0px;
    text-align: center;
    background: #F2F2F2;
    border-radius: 2.89806px;
    min-height: 158px;
}

.hotal-services img {
    width: 50px;
    height: 50px;
}

.hotal-services h4 {
    font-weight: bold;
    font-size: 10px;
    line-height: 11px;
    align-items: center;
    text-align: center;
    color: #454864;
}

.cocktail {
    background: #F5FBFB;
    border: 0.531312px solid #32A8AF;
}

.modal-dialog {
    max-width: 600px !important;
    margin: 1.75rem auto;
}

.modal-body {
    padding: 10px 35px !important;
}

.option {
    margin: 30px 0px;
}

.option ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.option ul li {
    display: inline;
    margin-right: 10px;
    font-weight: bold;
    font-weight: bold;
    font-size: 9px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    color: #454864;
}

.option a {
    background: #F2F2F2;
    color: #454864;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 2.89806px;
}

.option h2 {
    font-weight: bold;
    font-size: 10px;
    line-height: 11px;
    display: flex;
    align-items: center;
    color: rgba(23, 26, 61, 0.8);
}

.Pricelabel label {
    font-weight: bold;
    font-size: 10px;
    line-height: 11px;
    text-align: right;
    color: rgba(23, 26, 61, 0.8);
}

.gustheader {
    background: #171A3D;
}

.gustheader .navbar-nav .nav-link {
    padding: 20px 5px 15px 5px !important;
}

.navbar-brand h4 {
    font-style: normal;
    font-weight: 900;
    font-size: 20px;
    line-height: 22px;
    color: #FDFDFD;
    margin: 0px;
}

.gustheader .navbar-nav .nav-link {
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.gustheader .navbar {
    padding: 0rem 1rem 0rem !important;
}

.navactive {
    font-weight: bold !important;
    position: relative;
}

.navbar-nav .navactive:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 5px;
    transition: 0.8s;
    width: 100%;
    background-color: transparent;
}

.navbar-nav .navactive:before {
    background-color: #E59C46;
    left: 0;
}

.gustnav ul {
    text-align: right;
}

.gustnav ul li {
    border-right: none;
}

.booking-activity h3 {
    display: inline-block;
}

.navbar-nav.logo-section.gustnav {
    margin-top: 10px;
}

.gustmain {
    background:
}

.hotal-room {
    display: inline-block;
}

.hotal-room {
    margin: 20px;
}

.gest-heading h3 {
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #16193A;
}

.hotalbtn .form-control {
    background: #FFFFFF;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.11);
    border-radius: 29.7091px;
}

.admin-table thead th {
    vertical-align: bottom;
    border-bottom: none !important;
}

.form-group.has-search {
    margin-bottom: 0;
}

.multifilter {
    display: inline-block;
}

.multifilter ul {
    padding: 0px 0px 0px 20px;
    list-style: none;
    margin: 0px;
}

.multifilter ul li {
    display: inline;
    padding: 11px 15px;
    background: #F0F0F7;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    color: #000000;
    opacity: 0.9;
}

.multifilter .active {
    font-weight: bold;
    color: #077379;
    background: #E4F9FB;
}

.inhouse span {
    padding: 10px 16px;
    border-radius: 170px;
    color: rgba(229, 156, 70, 0.9);
    background: rgba(229, 156, 70, 0.18);
}

.export {
    float: right;
    display: inline-block;
    padding: 15px;
}

.export ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.export ul li {
    display: inline;
    padding: 11px 15px;
    background: #F0F0F7;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    color: #000000;
    opacity: 0.9;
}

.export ul li:last-child {
    background: none !important;
}

.export .exportbtn {
    background: #173086;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    border: none;
    color: #FFFFFF;
    padding: 12px 15px;
}

.pdb50 {
    padding-bottom: 50px;
}

.table-responsive {
    border: 1px solid #dad7d7;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.fillter-section {
    background: #FFFFFF;
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.11);
    border-radius: 6px;
    margin-top: 30px;
}

.newexportsection li {
    background: none !important
}

.newexportsection .newexportbtn {
    background: #F0F0F6;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    border: none;
    color: #173086;
    padding: 12px 15px;
}

.newexportsection ul li {
    padding: 11px 7px;
}

.searching-box a {
    color: #000;
}

.able-disable {
    display: inline-block;
    margin-left: 50px;
}

.able-disable .able {
    background: #F0F0F6;
    border-radius: 3px;
    font-weight: bold;
    font-size: 10px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    border: none;
    padding: 10px 20px;
    color: #173086;
    box-shadow: none;
}

.able-disable .able:hover {
    background: #F0F0F6;
    color: #173086;
}

.addflore {
    padding: 0px;
}

.card .roomflore {
    padding: .75rem 0rem !important;
}

.card .roomflore .card-body {
    padding: 1.25rem 0px 0px;
}

.card .roomflore .card-link[data-toggle=collapse]::after {
    margin-left: 15px;
}

.Vacant span {
    padding: 10px 16px;
    border-radius: 170px;
    color: rgba(52, 168, 175, 0.9) !important;
    background: rgba(52, 168, 175, 0.18) !important;
}

.hotal-bedcrum {
    background: rgba(23, 26, 61, 0.9);
}

.hotal-bedcrum .searching-box li {
    background: none;
    color: #fff;
}

.hotal-bedcrum .searching-box .form-control {
    color: #fff;
    font-weight: 300;
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
    z-index: 3;
    background: none;
    border: none !important;
}

.searchbar li {
    background: none !important
}

.searchbar a {
    color: #fff;
}

.searchbar input[type=text] {
    width: 130px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    background-image: url(../img/search.svg);
    background-position: 10px 12px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    color: #fff;
    background-color: #2e3150;
    border: none;
}


/* When the input field gets focus, change its width to 100% */

.searchbar input[type=text]:focus {
    width: 70%;
    border: none;
}

.allroom li {
    background: none !important;
}

.searchbar::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1;
    /* Firefox */
}

.searchbar:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.searchbar::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}

.floortable th {
    text-align: center;
}

.floortable td {
    text-align: center;
}

.room-text span {
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    color: #077379;
}

.Vacantbtn span {
    background: #32A8AF;
    border-radius: 5px;
    padding: 10px 16px;
    font-weight: 500;
    font-size: 11px;
    line-height: 12px;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.occopancy span {
    background: rgba(196, 196, 196, 0.6);
    border-radius: 5px;
    padding: 10px 16px;
    font-weight: 500;
    font-size: 11px;
    line-height: 12px;
    align-items: center;
    text-align: center;
    color: #000;
}

.until span {
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    align-items: center;
    text-align: center;
    color: #000000;
}

.today span {
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    align-items: center;
    text-align: center;
    color: #CD3232;
}

.order span {
    background: #E59C46;
    border-radius: 5px;
    height: 35px;
    width: 35px;
    display: inline-block;
    line-height: 35px;
}

.floraccordian .card {
    box-shadow: none;
    border-radius: 0px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.floraccordian .card .card-link[data-toggle=collapse].collapsed::after {
    content: '\f105';
    font: normal normal normal 18px/1 FontAwesome;
    transform: rotate(-90deg);
}

.floraccordian .card .card-link[data-toggle=collapse]::after {
    width: 1rem;
    text-align: center;
    float: left;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    margin-top: 6px;
    content: "\f105";
    transform: rotate(90deg);
    font: normal normal normal 18px/1 FontAwesome;
}


/*end-edit-booking-apge*/


/*login*/

.login-wrapper {}

.login-body {
    font-family: 'Spartan' !important;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    background-color: #F2F2F2 !important;
}

.brand_logo_container h1 {
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    font-size: 33px;
    line-height: 22px;
    line-height: 160px;
    color: #FDFDFD;
    margin: 0px;
}

.user_card {
    height: 400px;
    width: 350px;
    margin-top: auto;
    margin-bottom: auto;
    background: #171A3D;
    position: absolute;
    position: absolute;
    left: 50%;
    top: 50%;
    display: flex;
    justify-content: center;
    transform: translate(-50%, -50%);
    flex-direction: column;
    padding: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
}

.brand_logo_container {
    position: absolute;
    height: 170px;
    width: 170px;
    top: 0px;
    border-radius: 50%;
    /* background: #32A8AF; */
    padding: 10px;
    text-align: center;
}

.brand_logo {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    border: 2px solid white;
}

.form_container {
    margin-top: 100px;
}

.login_btn {
    width: 100%;
    background: #32A8AF !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase;
    border-radius: 0 !important;
    margin-top: 20px;
}

.login_btn:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

.login_container {
    padding: 0 2rem;
}

.input-group-text {
    background: #32A8AF !important;
    color: white !important;
    border: 0 !important;
    border-radius: 0.25rem 0 0 0.25rem !important;
}

label.custom-control-label {
    color: #fff;
    line-height: 26px;
    font-size: 13px;
}

.input_user,
.input_pass:focus {
    box-shadow: none !important;
    outline: 0px !important;
    background: #fff !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #c0392b !important;
}


/*end-login*/

.navbar-nav li {
    display: inline;
    vertical-align: middle;
    float: left;
    padding: 15px 5px;
}

.logo-section li {
    padding: 15px;
}

.logo-section li a {
    color: #fff !important;
    text-decoration: none !important;
}

.icon img {
    max-width: 50px;
    max-height: 50px;
}

.admin-table th {
    font-size: 12px;
    color: rgba(22, 25, 58, 0.7) !important;
    text-align: left;
    font-weight: 600 !important;
    padding: 15px 10px !important;
}

.separator {
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 10px 0px;
}

.bootstrap-timepicker-widget .separator {
    border-top: none;
    width: 0px;
}

.bootstrap-timepicker-widget table {
    width: 120px;
}

.m15 {
    margin: 15px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt10 {
    margin-top: 10px;
}

.mt30 {
    margin-top: 30px;
}

.m10 {
    margin: 10px;
}

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

.m5 {
    margin: 5px !important;
}

.mb10 {
    margin-bottom: 10px;
}

.pdt20 {
    padding-top: 20px !important;
}

.pdt0 {
    padding-top: 0px !important;
}

.pd0 {
    padding: 0px !important;
}

.pdtb10 {
    padding: 10px 0px !important;
}

.isDisabled {
    pointer-events: none;
}

.dpnone {
    display: none;
}

.req_error {
    color: #f00 !important;
    font-weight: bold !important;
}

.req_error_new {
    color: #f00 !important;
    font-weight: normal;
    font-size: 12.3168px;
}

.preadd-section {
    width: 100%;
    display: block;
    float: right;
    margin: 15px 0px !important;
    z-index: 999;
}

.preadd-section a {
    margin-top: 5px !important;
    margin-right: 15px !important;
    float: right;
}

.has-search {
    background: #F0F0F7;
    border-radius: 3px;
    margin-bottom: 10px !important;
    width: 100%;
}

.backbtn {
    background: #E59C46 !important;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    border: none;
    color: #FFFFFF !important;
    padding: 12px 15px;
    margin-bottom: 10px;
}

.btnprimary {
    background: #173086;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    border: none;
    color: #FFFFFF !important;
    padding: 13px 15px;
    margin-bottom: 10px;
}

.btn-pagination {
    background: #173086;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    border: none;
    color: #FFFFFF !important;
    padding: 10px 15px;
    margin-bottom: 10px;
}

.searching-box .backbtn {
    background: #E59C46 !important;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    border: none;
    color: #FFFFFF !important;
    padding: 12px 15px;
    margin-top: 0px;
}

.searching-box .btnprimary {
    background: #173086;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    align-items: center;
    text-align: center;
    border: none;
    color: #FFFFFF !important;
    padding: 14px 15px;
    margin-top: 0px;
}

.backbtn.backbtnnew {
    padding: 15px;
}

.addeditform .backbtn {
    margin-top: 10px;
}

.addeditform .btnprimary {
    margin-top: 10px;
}

.searching-box form {
    width: 100%;
}

.btn1.btn-danger {
    padding: 6px 16px;
    border-radius: 170px;
    border: 0px;
    color: #fff !important;
    background-color: #fd5a62 !important;
    font-size: 12px;
    font-weight: 600;
}

.btn1.btn-success {
    padding: 6px 16px;
    border: 0px;
    border-radius: 170px;
    color: #fff !important;
    background-color: #28a745 !important;
    font-size: 12px;
    font-weight: 600;
}

.multiselect-native-select {
    width: 100% !important;
}

.multiselect-container {
    max-height: 120px;
    overflow-y: scroll;
}

.multiselect-container .input-group-btn {
    display: none;
}

button.multiselect {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    height: 32.47px;
    width: 100% !important;
    padding: 0px 10px !important;
    margin-bottom: 10px !important;
}

.checkinput button.multiselect {
    border: 0.531312px solid rgba(255, 255, 255, 0.41) !important;
    background: none !important;
    color: #fff !important;
    margin-bottom: 13px;
    font-size: 12.8767px !important;
}

.multiselect-container>li>a>label {
    padding: 5px 10px 3px 8px;
}

.form-control {
    font-size: 12.3168px !important;
    line-height: 14px !important;
    color: rgba(25, 26, 30, 0.6) !important;
}

.btn-primary {
    border: none !important;
    border-color: none !important;
    font-weight: bold !important;
    font-size: 12px !important;
    line-height: 9px !important;
    align-items: center !important;
    text-align: center !important;
    padding: 12px 15px !important;
}

.multiselect-selected-text {
    font-weight: normal !important;
    font-size: 12.3168px !important;
    line-height: 14px !important;
    color: rgba(25, 26, 30, 0.6) !important;
}

.multiselect-container.dropdown-menu li a {
    font-weight: normal !important;
    font-size: 12.3168px !important;
    line-height: 14px !important;
    color: rgba(25, 26, 30, 0.6) !important;
}

.room_status_div {
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
    border: 1px solid #ccc;
}

.room_status_title {
    text-align: center;
    margin-top: 15px;
    font-size: 12px;
    font-weight: bold;
    padding: 8px;
}

.bill_amt_stat {
    font-size: 13px !important;
    margin: 0px 0px 15px 0px;
}

.bill_amt_stat span {
    font-size: 12px !important;
}

.editheding h3 {
    font-size: 20px;
    font-weight: bolder;
    color: #363636;
}

label span {
    font-size: 14px;
}

.fa-download {
    font-size: 12px;
}

.w15 {
    width: 15px;
}

.w50 {
    width: 50px;
}

.has-search .form-control::placeholder {
    color: #16193A !important;
    opacity: 1;
}

.has-search .form-control:-ms-input-placeholder {
    color: #16193A !important;
}

.has-search .form-control::-ms-input-placeholder {
    color: #16193A !important;
}

.booking_color_indicator span {
    float: right;
    margin-left: 5px;
}

.fc-button-primary {
    color: #000 !important;
    background-color: #F0F0F7 !important;
    border-color: #F0F0F7 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    margin-bottom: 0px !important;
    height: 38px;
    padding: 10px 20px !important;
}

.fc-button:not(:disabled) {
    cursor: pointer;
}

.searching-box-dashboard .has-search {
    border-radius: 50px;
}

.fc-time {
    display: none !important;
}

.fc-resource-area {
    width: 80px !important;
}

.fc-resource-area .fc-cell-text {
    font-size: 10px !important;
    font-weight: 600 !important;
}

.fc-timeline-event {
    border-radius: 50px;
}

.fc-timeline .fc-timeline-event {
    height: 20px;
    margin-top: 2px;
    border-radius: 30px;
    margin-left: 20px !important;
    margin-right: 20px !important;
    line-height: 18px;
}

.fc-toolbar {
    display: none !important;
}

.fc-button-group {
    margin-bottom: 10px;
}

.fc-next-button {
    margin-left: -5px !important;
    border-radius: 0px 20px 20px 0px !important;
}

.fc-prev-button {
    border-radius: 20px 0px 0px 20px !important;
}

.fc-widget-header .fc-cell-text {
    color: #16193A !important;
    padding: 5px;
    font-size: 11px;
    font-weight: 500;
}

.fc-today {
    background-color: #f00;
}

.fc-today .fc-cell-text {
    color: #fff !important;
}

.fc-timeline .fc-divider {
    width: 0px !important;
}

.fc-cell-content {
    text-align: center !important;
}

.fc-day {
    border: 1px solid #ccc !important;
    background: #fff !important;
}

.fc-slats td {
    background: #fff !important;
    border: 1px solid #ccc !important;
}

.fc-timeline-event .fc-time,
.fc-timeline-event .fc-title {
    padding: 1px 10px !important;
    color: #fff !important;
}

table.fc-border-separate {
    table-layout: fixed;
}


/*
table.fc-border-separate, table.fc-border-separate.fc td, .fc th {
height: 30px !important;
width: 18px !important;
}

.fc-rows table tbody tr .fc-event-container{
	min-height: 30px !important;
}
*/

.fc-sticky {
    left: 0px !important;
}

.form-check-inline .form-check-label {
    margin-bottom: 0;
    font-size: 12.3168px;
    line-height: 14px;
    color: rgba(25, 26, 30, 0.9);
    font-weight: normal;
}

.Pricelabel a {
    font-size: 12.3168px;
}

.anchor {
    font-size: 12.3168px;
    font-weight: 500;
    color: #171A3D !important;
    text-decoration: underline !important;
}

.checkinput-form-label {
    color: #fff !important;
}

.forcast-table th,
.forcast-table td {
    padding: 10px !important;
}

.red {
    color: #f00 !important;
}

.green {
    color: #008000 !important;
}

.crsrp {
    cursor: pointer;
}

.uploadifive-button {
    width: 100% !important;
    background: #fff !important;
    color: #ccc !important;
    border-radius: 0px !important;
    border: 1px solid #ccc !important;
    height: 32px !important;
}

#uploadifive-attachment-queue {
    width: 100%;
}

.tooltip {
    opacity: 2;
}

.tooltip-inner {
    background-color: #fff !important;
    color: #000 !important;
    white-space: pre-line;
    text-align: left;
    border: 1px solid #ccc !important;
}

.tooltip {
    border: none !important;
}


/*room-status*/

.gest-heading span {
    font-weight: 400;
}

.input-group span {
    font-weight: 500;
    font-size: 12px;
    line-height: 10px;
    color: rgba(22, 25, 58, 0.7);
    opacity: 0.9;
}

.switch {
    position: relative;
    display: inline-block;
    width: 65px;
    height: 30px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #CA4242;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    top: 2px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #0EA6AE;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider:before {
    -webkit-transform: translateX(32px);
    -ms-transform: translateX(32px);
    transform: translateX(32px);
}

.slider:after {
    content: 'DIRTY';
    color: white;
    display: block;
    position: absolute;
    transform: translate(10%, -50%);
    top: 50%;
    left: 50%;
    font-size: 7px;
    font-family: Verdana, sans-serif;
}

input:checked+.slider:after {
    content: 'CLEAN';
    transform: translate(-100%, -50%);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.switch-box ul {
    padding: 0px;
    list-style: none;
}

.switch-box ul li {
    display: inline-block;
    padding: 0px 27px;
    text-align: center;
}

.switch-box h3 {
    font-weight: bold;
    font-size: 31px;
    line-height: 35px;
    text-align: center;
    color: #0EA6AE;
}

.switch-box p {
    margin: 0px;
}

.rooms-clean p {
    margin: 0px;
    padding: 0px 20px;
    font-weight: bold;
    font-size: 11px;
    line-height: 24px;
    text-align: right;
    color: #CA4242;
}

.editbooking-popup {
    max-width: 1200px !important;
}

.editbooking-popup button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: absolute;
    right: -5px;
    top: -10px;
    background: #171A3D;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    z-index: 999;
    line-height: 55px;
    text-align: center;
}

.editbooking-popup .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

.editbooking-popup .modal-header {
    padding: 0px;
}

.editbooking-popup .modal-body {
    padding: 0px !important;
}

.pd0 {
    padding: 0 !important;
}

.pricing {
    margin-top: 20px;
}

.w100 {
    width: 100% !important;
}

.upload img {
    max-width: 100%;
}


/*end-room-status*/

.mb10 {
    margin-bottom: 10px !important;
}

#accordionRoom .btn-link {
    font-weight: 400;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    text-align: left;
    height: 100%;
    border: 1px solid #171A3D;
    text-decoration: none;
    background-color: #171A3D;
}

#accordionRoom .btn-link:hover {
    border: 1px solid #ccc;
}

#accordionRoom .btn-link .fa-angle-down {
    float: right;
    margin-left: 10px !important;
}

.mt0 {
    margin-top: 0px !important;
}

button.tablinks {
    text-transform: capitalize;
}

.tab button {
    display: block;
    background-color: inherit;
    line-height: 1.5;
    padding: 22px 30px;
    width: 100%;
    border: none;
    outline: none;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    border-bottom: 1px solid #fff;
}

.side-barbox .nav-item .nav-link {
    display: block;
    width: 100%;
}

.navbar-nav.accordionSidebar li {
    float: unset !important;
}

.tablinks .fa {
    float: right;
}

.edit-details-new h4 {
    line-height: 1.5;
    width: 100%;
    border: none;
    outline: none;
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
    margin: 16px 0px;
}

.edit-details-new {
    padding: 20px 40px;
}

.save-section .cancelbtn-new {
    font-size: 12.7px;
    padding: 10px 15px !important;
    border-radius: 50px;
    background: #fd5a62;
    border-color: #fd5a62;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 15.1714px;
    line-height: 17px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.save-section .checkin-btn {
    font-size: 12.7px;
    padding: 10px 15px !important;
    border-radius: 50px;
    background: #e59c46;
    border-color: #e59c46;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 15.1714px;
    line-height: 17px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.save-section .checkout-btn {
    font-size: 12.7px;
    padding: 10px 15px !important;
    border-radius: 50px;
    background: #171A3D;
    border-color: #171A3D;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 15.1714px;
    line-height: 17px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.edit-btn {
    font-size: 12.7px;
    padding: 10px 15px !important;
    border-radius: 50px;
    background: #FFAB48;
    border-color: #FFAB48;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 15.1714px;
    line-height: 17px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.modal {
    overflow: auto !important;
}

.fc-license-message {
    display: none;
}

.brand_logo_container img {
    max-width: 150px;
    padding-top: 10px;
}

.navbar-brand img {
    max-width: 120px;
}

.invtrbg {
    background: #ccc;
}

.dpblock {
    display: block !important;
}

#booking_daily_price_table tr th {
    min-width: 100px;
}

.daily_price {
    min-width: 100px;
}

.nav-dropdown-item-active {
    color: #f00 !important;
}

#takebreakModal .btn,
#request3dModal .btn {
    height: 41px !important;
}

#takebreakModal .btn-success {
    height: 41px !important;
    background-color: #214080 !important;
}

#takebreakModal img {
    max-width: 100%;
}

#takebreakModal .modal-content {
    border-radius: 13px;
}

#takebreakModal .modal-body {
    padding: 0px 0px 16px 0px;
}

#request3dModal .fileupoad {
    display: inline-block;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 0px;
    background-color: #214080;
    padding: 5px 15px 5px 5px;
    color: #fff;
    border-radius: 5px;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: left !important;
}

.gest-section .nav li a {
    position: relative;
    display: block;
    padding: 10px 15px;
    background: #f00;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
}

.gest-section .nav-tabs>li .active,
.gest-section .nav-tabs>li .active:hover,
.gest-section .nav-tabs>li .active:focus {
    color: #fff;
    cursor: default;
    background-color: #171A3D;
    border: 1px solid #171A3D;
    border-bottom-color: transparent;
}

.gest-section .nav-tabs li a,
.gest-section .nav-tabs li a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.gest-section .nav-tabs {
    border-bottom: transparent;
    margin-bottom: 20px;
}

#editbookingform #booking_source_id,
#editbookingform #booking_agent_id {
    color: #aaa !important;
}

.filter-charges button.multiselect {
    height: 33px;
}

.filter-charges .backbtn {
    padding: 13px 15px;
}

#booking_refund_modal .modal-dialog {
    max-width: 800px !important;
}

form .error {
    color: #ff0000;
    font-size: 12px;
    font-weight: normal !important;
}

div.bootstrap-autocomplete.dropdown-menu.show {
    width: fit-content !important;
}

.guest-tab {
    position: relative;
}
.gest-section .nav li.deletable > a {
    padding: 10px 15px 10px 25px;
}
.remove-guest {
    position: absolute;
    top: 14px;
    left: 8px;
    color: #fff;
    font-size: 14px;
}

/* Latest compiled and minified CSS included as External Resource*/
/*------------------------*/
input:focus,
button:focus,
.form-control:focus{
	outline: none;
	box-shadow: none;
}
.form-control:disabled, .form-control[readonly]{
	background-color: #fff;
}
/*----------step-wizard------------*/
.d-flex{
	display: flex;
}
.justify-content-center{
	justify-content: center;
}
.align-items-center{
	align-items: center;
}

/*---------signup-step-------------*/
.bg-color{
	background-color: #333;
}
.wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: transparent;
}
.wizard > div.wizard-inner {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}
.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    /* width: 75%; */
    width: 66%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
    z-index: 1;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}
span.round-tab {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 16px;
    color: #0e214b;
    font-weight: 500;
    border: 1px solid #ddd;
}
span.round-tab i{
    color:#555555;
}
.wizard li.active span.round-tab {
        background: #0db02b;
    color: #fff;
    border-color: #0db02b;
}
.wizard li.active span.round-tab i{
    color: #5bc0de;
}
.wizard .nav-tabs > li.active > a i{
	color: #0db02b;
}
.wizard .nav-tabs > li {
    /* width: 25%; */
    width: 32%;
}
.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: red;
    transition: 0.1s ease-in-out;
}
.wizard .nav-tabs > li a {
    width: 30px;
    height: 30px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background-color: transparent;
    position: relative;
    top: 0;
}
.wizard .nav-tabs > li a i{
	position: absolute;
    top: -15px;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 700;
    color: #000;
}
.wizard .nav-tabs > li a:hover {
    background: transparent;
}
.wizard .tab-pane {
    position: relative;
    /* padding-top: 20px; */
}
.wizard h3 {
    margin-top: 0;
}
.prev-step,
.next-step{
    font-size: 13px;
    padding: 8px 24px;
    border: none;
    border-radius: 4px;
    margin-top: 10px;
}
.next-step{
	background-color: #0db02b;
    color: #FFFFFF;
}
.skip-btn{
	background-color: #cec12d;
    color: #FFFFFF;
}
.step-head{
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}
.term-check{
	font-size: 14px;
	font-weight: 400;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 40px;
    margin-bottom: 0;
}
.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 40px;
    margin: 0;
    opacity: 0;
}
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 40px;
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 2;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 38px;
    padding: .375rem .75rem;
    line-height: 2;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 .25rem .25rem 0;
}
.footer-link{
	margin-top: 30px;
}
.all-info-container{
    font-size: 14px;
}
.list-content{
	margin-bottom: 10px;
}
.list-content a{
	padding: 10px 15px;
    width: 100%;
    display: inline-block;
    background-color: #f5f5f5;
    position: relative;
    color: #565656;
    font-weight: 400;
    border-radius: 4px;
}
.list-content a[aria-expanded="true"] i{
	transform: rotate(180deg);
}
.list-content a i{
	text-align: right;
    position: absolute;
    top: 15px;
    right: 10px;
    transition: 0.5s;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fdfdfd;
}
.list-box{
	padding: 10px;
}
.signup-logo-header .logo_area{
	width: 200px;
}
.signup-logo-header .nav > li{
	padding: 0;
}
.signup-logo-header .header-flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.list-inline li{
    display: inline-block;
}
.pull-right{
    float: right;
}
input[type="checkbox"]{
    position: relative;
    display: inline-block;
    margin-right: 5px;
}
input[type="checkbox"]::before,
input[type="checkbox"]::after {
    position: absolute;
    content: "";
    display: inline-block;
}
input[type="checkbox"]::before{
    height: 16px;
    width: 16px;
    border: 1px solid #999;
    left: 0px;
    top: 0px;
    background-color: #fff;
    border-radius: 2px;
}
input[type="checkbox"]::after{
    height: 5px;
    width: 9px;
    left: 4px;
    top: 4px;
}
input[type="checkbox"]:checked::after{
    content: "";
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(-45deg);
}
input[type="checkbox"]:checked::before{
    background-color: #18ba60;
    border-color: #18ba60;
}
#showDaily{
    margin: 15px 0px;
}
.boxHtml{
    padding: 15px;
    margin: 5px 0px;
    border: 1px #cbcbcb  dashed;
    border-radius: 3px;
}
.change{
    font-weight: bold !important;
}

.itemFolio{
    display: block;
}

.nowrap{
    font-size: 12px !important;
    white-space: nowrap;
}

.htmlRoom{
    padding: 15px;
    background: #e8eaff;
    border-radius: 3px;
}

.boxValidate{
    border-color: #ff0000 !important;
}

@media (max-width: 767px){
	.sign-content h3{
		font-size: 40px;
	}
	.wizard .nav-tabs > li a i{
		display: none;
	}
	.signup-logo-header .navbar-toggle{
		margin: 0;
		margin-top: 8px;
	}
	.signup-logo-header .logo_area{
		margin-top: 0;
	}
	.signup-logo-header .header-flex{
		display: block;
	}
}

.tag{
    background-color: #ccc;
    display: inline;
    padding: 0.4em 0.7em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #495057!important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    box-sizing: border-box;
}

.bootstrap-tagsinput{
    width:100%;
    line-height: 30px;
}