.navbar-nav .nav-page-title {
    color: #fff;
    padding-top: 12px;
    line-height: 40px;
    font-size: 22px;
    margin-left:10px;
}

.topbar .dropdown-menu .dropdown-item {
    padding: 0 2.0rem;
}

.topbar .top-navbar {
    min-height: 50px;
    height: 50px;
}

.topbar .top-navbar .navbar-header {
    line-height: 49px;
    min-width: 60px;
}

.header-dropdown .dropdown-toggle {
    color:#fff;
}

.header-dropdown .dropdown-toggle i {
    font-size:18px;
    margin-right:5px;
}

.dropdown-menu-header strong {
    min-width: 120px;
    display: inline-block;
    margin-right:20px;
}

.dropdown-menu-header a {
    line-height: 35px;
}

.fixed-header .page-wrapper, .fixed-layout .page-wrapper {
    padding-top: 50px;
}

.sidebar-nav > ul > li > a i {
    width: 23px;
}

.button-container-right{
    width: 100%;
    text-align: right;
    margin: 0 10px 15px 0;
}

.custom-control{
    padding-left: 1rem;
}

.custom-control-label::before,
.custom-control-label::after {
    top: .15rem;
    left: -1rem;
    width: 2rem;
    height: 2rem;
}

.custom-control-input ~ .custom-control-label::before {
        background-color: #f8f9fa;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #00c292;
    background-color: #00c292;
}

.control-label {
    padding-top: 8px;
    text-align: right;
}

.input-group-text{
    min-width:40px;
}

.form-group.row {
    min-height:38px;
}

.label-descriptor{
    top: 0.35rem;
}

.tooltip-inner {
    background-color: #4f5467;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #4f5467;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #4f5467;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #4f5467;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #4f5467;
}

i.helper {
    color: #8d97ad;
    margin-left: 5px;
}

form.form {
    width: 100%;
}

.form-loader {
    display:inline-block;
    padding-left:10px;
}

.form-loader div.spinner-border {
    width: 1.4rem;
    height: 1.4rem;
}


.form-loader i.fa-check-circle{
    font-size:1.5rem;
    position: relative;
    top: 4px;
}

.form-validation {
    display:none;
}

.form-value {
    line-height:35px;
}

table i.fa-check-circle, table i.fa-ban {
    font-size: 1.25rem;
}

.hotel-overview .card h2.counter {
    font-size:60px;
    font-weight: bold;
    padding-right:20px;
}

.hotel-overview h3 i {
    font-size: 50px;
    color: #bbb;
}

.hotel-overview .card .font-12 i {
    font-size: 12px;
    padding-right:10px;
}

.card-group > .card {
    flex-basis: 250px;
}

.login-box .alert-danger {
    display: none;
}


.login-box .alert ul { 
    margin:0;
    padding:0;
}

.login-box .alert ul li {
    list-style: none;
    margin:0;
    padding:0;
}

.label-username {
    background-color: #8d97ad;
    margin-bottom: 10px;
    font-size:13px;
    padding: 5px 20px;
}

.label-username i {
    margin-right:8px;
}

.list-group a.list-group-item:hover {
    background: #e9ecef;
}

.list-group-mpehotel a.list-group-item {
    font-size:18px;
}

.list-group-mpehotel a.list-group-item b {
    min-width: 100px;
    margin-right:20px;
    display:inline-block;
}

.spinner-center {
    margin: 0 auto;
}

.flot-x-axis div {
    white-space: nowrap;
    transform: translate(-9px, 0) rotate(-60deg);
    text-indent: -100%;
    transform-origin: top right;
    text-align: right !important;
    color: #8d97ad !important;
}

.flot-y-axis div {
    color: #8d97ad !important;
}

.label-grey {
    background-color:#bbb;
}

.table-dailyrates table tr td span.label {
    min-width:46px;
    text-align:center;
    padding: 3px;
}

tbody tr.hilight {
    background-color: #f7faff;
}

.table-hover tbody tr.hilight:hover {
    background-color: #edf2fa;
}


.table-dailyrates tr.dr-wrapper {
    display: none;
}

.table-dailyrates-rates .jsgrid-header-row, .table-dailyrates .jsgrid-filter-row, .table-dailyrates .jsgrid-grid-header {
    display: none;
}

.table-dailyrates-rates .jsgrid-grid-body {
    overflow-y: auto;
}

.table-dailyrates-rates .jsgrid-selected-row > .jsgrid-cell {
    background-color: #fdffe3;
}

.jsgrid-update-button, .jsgrid-edit-button {
    margin-right: 7px;
}

.table-dailyrates-rates .jsgrid-table {
    margin-bottom: 0;
}

.table-dailyrates-rates .jsgrid-table tr:last-child td {
    border-bottom:none;
}

.table-dailyrates-rates .jsgrid-grid-body {
    border: none;
}

.table-dailyrates-rates td.jsgrid-cell span {
    float: right;
    display: inline-block;
    background-color: #fec107;
    padding: 3px 10px;
    line-height: 13px;
    color: #fff;
    font-weight: 400;
    border-radius: .25rem;
    font-size: 75%;
}

.table-dailyrates-rates td.jsgrid-control-field {
    white-space: nowrap;
}

.table-dailyrates-rates .form-control {
    min-height: 24px;
    height: 24px;
}


.table-dailyrates thead th {
    border-bottom-width: 0;
}

.table-dailyrates tbody tr.stats-row td {
    border-top-width: 3px;
}

.table-striped tbody tr.subtotal {
    background-color: #e9ecef;
    font-weight: bold;
}

.jsgrid-grid-body .jsgrid-row:first-child .jsgrid-cell {
    border-top: none;
    border-left: none;
}


.btn-circle.btn-xs, .btn-group-xs > .btn-circle.btn {
    width: 20px;
    height: 20px;
    padding: 3px 3px;
    font-size: 9px;
}

.btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #6fcaf2;
    border-color: #5cc4f2;
}

.spinner-form-submit {
    width:1.5rem;
    height: 1.5rem;
    margin: 5px 10px -5px 10px;
}

.custom-control-label {
    padding: 7px 30px;
}

.form-result:not(.hide) {
    display: inline-block;
}

.form-result i {
    font-size: 25px;
    margin: -15px 0 0 10px;
    position: absolute;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary {
    color: #999 !important;
}

.datatables-searchbar-bottom {
    padding: 15px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #fb9678;
}

.datatables-searchbar-bottom input {
    font-size:16px;
    padding: 6px 10px;
}

#MealplanTable .switchery{
    margin: 3px 0;
    display:block;
}

#MealplanTable tr td:nth-child(1), #MealplanTable tr td:nth-child(2){
    font-weight:bold;
}

/* CUSTOM CHECKBOX + RADIO*/
/* Customize the label (the container) */
.chb-container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    line-height: 30px !important;
    margin-right: 30px;
    cursor: pointer;
    color: #222;
    height: 20px;
    margin-top: 7px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: unset !important;
    line-height: unset !important;
    font-size: unset !important;
}

.chb-container.mealplan {
    padding-left: 16px;
    margin-right: 16px;
    height: 12px;
    margin-top: 7px;
}

    .chb-container span {
        padding-top: 0;
        line-height: 0px;
        margin: -3px 0 0 0;
    }

    /* Hide the browser's default checkbox */
    .chb-container input {
        position: absolute;
        opacity: 0;
    }

/* Create a custom checkbox */
.chb-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #C53100;
}

/* On mouse-over, add a grey background color */
.chb-container:hover input ~ .chb-checkmark {
    background-color: #444;
}

/* When the checkbox is checked, add a blue background */
.chb-container input:checked ~ .chb-checkmark {
    background-color: #399739;
}

/* Create the checkmark/indicator (hidden when not checked) */
.chb-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.chb-container input:checked ~ .chb-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.chb-container .chb-checkmark:after {
    left: 9px;
    top: 5px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.chb-disabled {
    background-color: #cccccc !important;
}

.rdb-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    color: #2b2b2b;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .rdb-container span {
        padding-top: 3px;
    }

    /* Hide the browser's default radio button */
    .rdb-container input {
        position: absolute;
        opacity: 0;
    }

/* Create a custom radio button */
.rdb-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #2b2b2b;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.rdb-container:hover input ~ .rdb-checkmark {
    background-color: #2b2b2b;
}

/* When the radio button is checked, add a blue background */
.rdb-container input:checked ~ .rdb-checkmark {
    background-color: #2b2b2b;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.rdb-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.rdb-container input:checked ~ .rdb-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.rdb-container .rdb-checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

/* CUSTOM CHECKBOX + RADIO END*/

@media only screen and (max-width: 992px) {
    .hide-992 {
        display: none;
    }
    .jsgrid-table tr td.jsgrid-cell:nth-child(12), .jsgrid-table tr td.jsgrid-cell:nth-child(13), .jsgrid-table tr td.jsgrid-cell:nth-child(14) {
        display: none;
    }
    .table-dailyrates-rates tr.jsgrid-edit-row td:not(.hide) {
        display: block !important;
        width: 100% !important;
        min-width: 250px;
    }
    form#search-form .row>div {
        margin-top: 15px !important;
    }
} 

@media only screen and (max-width: 768px) {
    .control-label {
        text-align:unset;
    }
    .hide-768 {
        display: none;
    }
    .datepicker{
       text-align:center;
    }
    .table-dailyrates-rates {
        width: 100%;
        border-top: solid 4px #e9ecef;
    }
    .jsgrid-table tr td.jsgrid-cell:nth-child(11) {
        display: none;
    }
    

}

@media only screen and (max-width: 600px) {
    .hide-600 {
        display: none;
    }
    table.jsgrid-table {
        max-width: 380px;
    }
}