/*IMS STYLES*/
body {
    background: #e9f1f6 !important;
}

a {
    color: #237cba;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    /* ...and now for the proper property */
    transition: .5s;
}

    a:hover {
        color: #081f2f !important
    }

.panel-green, .partition-green {
    background-color: #aef698;
    position: relative;
    color: #fff;
    font-size: 20px;
    padding: 15px;
    margin-top: 10px;
    color: #113805;
}

.panel-bordered {
    border: solid 1px #999;
    border-radius: 6px;
    background-color: #fff;
    padding: 3px
}

.photo-legend {
    background-color: #333;
    text-align: center;
    font-size: 15px;
    padding: 10px 15px 10px 15px;
    color: #fff;
    font-weight: 700
}

#sidebar > div nav > ul li a:hover {
    color: #f35843 !important
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #d6e7f1;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-bottom: 1px solid #eee;
    color: #474747;
    border-top: none;
}

.table-striped > tbody > tr:nth-child(2n+1) {
    background-color: #f4f7f9;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #dae7ee;
}

.p-4 {
    padding: 8px !important
}

.p-3 {
    padding: 6px !important
}

.p-2 {
    padding: 4px !important
}

.p-1 {
    padding: 2px !important
}

.p-0 {
    padding: 0px !important
}

.pl-0 {
    padding-left: 0px !important
}

.pr-0 {
    padding-right: 0px !important
}

.ml-0 {
    margin-left: 0px !important
}

.mr-0 {
    margin-right: 0px !important
}

.ml-7 {
    margin-left: 7px !important
}

.mr-7 {
    margin-right: 7px !important
}

.ml-10 {
    margin-left: 10px !important
}

.mr-10 {
    margin-right: 10px !important
}

#app > footer {
    background-color: none important;
    border-top: none !important;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
    font-size: 12px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1088;
}

.Att-search-results {
    background-color: #fff !important;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #e1e1e1;
    line-height: 22px;
    padding: 5px;
    border-right: solid 1px #eee;
}

label {
    font-weight: normal;
    color: #494949;
}

.item-content .item-media {
    display: table-cell;
    padding: 8px 5px 8px 10px;
}

.container-page {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0
}

#page-title h1 {
    color: #333;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    text-transform: none !important;
}

#page-title {
    border-bottom: 1px solid #eee;
    padding: 10px 0 !important;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

.top-branch-name h2 {
    color: #333;
    position: fixed;
    top: 8px;
    left: 280px;
    z-index: 1;
    font-size: 24px;
}

#page-title .mainDescription {
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
    color: #555;
    display: block;
    font-size: 15px;
    font-weight: 300;
    margin-top: 10px;
}

.mainTitle {
    margin: 20px 0;
    font-size:26px !important;
    text-align: left;
}
@media (max-width: 768px) and (max-width: 990px) {
    .mainTitle {
        font-size: 20px !important;
    }
}
@media (max-width: 577px) and (max-width: 767px) {
    .mainTitle {
        font-size: 17px !important;
    }
}
@media (max-width: 576px)  {
    .mainTitle {
        font-size: 15px !important;
    }
}
    .mainTitle small {
        color: #8e8e93;
        font-size: 17px;
        font-weight: 300;
        letter-spacing: 0;
        display: block;
        margin: 10px 0;
    }

    .mainTitle i {
        font-size: 17px;
    }

    #ims-loader {
        color: #333;
        font-size: 28px;
        font-weight: 300;
        letter-spacing: 1px;
        line-height: 1;
        position: absolute;
        margin: 0;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 50%;
        text-align: center;
        z-index: 10000000000;
        background-color: #fff;
        animation-name: ims-anime;
        animation-duration: 15s;
        animation-iteration-count: infinite
    }

    .label-loading {
        color: #ff0000;
        animation: blinker 1s linear infinite;
        font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: 300;
        line-height: 30px
    }

    @keyframes blinker {
        50% {
            opacity: 0;
        }
    }

    .dropdown-menu > li > a:hover {
        color: #b4b4b4 !important
    }

    ul.sub-menu li a {
        padding-left: 37px !important;
        padding-bottom: 3px !important;
        padding-right: 15px !important;
        padding-top: 3px !important;
    }

    header a:hover {
        color: #333 !important;
    }

    @media (max-width: 990px) {
        header a:hover {
            color: #ff5b02 !important;
        }
    }

    .navbar .navbar-right {
        margin: 0 !important
    }

    .navbar .navbar-header .menu-toggler {
        margin-right: 0 !important
    }

    @keyframes ims-anime {
        0% {
            background-color: #ffffff;
        }

        10% {
            background-color: #e5e5e5;
        }

        20% {
            background-color: #d2d2d2;
        }

        30% {
            background-color: #e4e0fc;
        }

        40% {
            background-color: #efe7f7;
        }

        50% {
            background-color: #e7f3f7;
        }

        60% {
            background-color: #e7f7f5;
        }

        70% {
            background-color: #e0f8ef;
        }

        80% {
            background-color: #ecfede;
        }

        90% {
            background-color: #f3f7d6;
        }

        100% {
            background-color: #fff;
        }
    }

    #ims-loader h1 {
        line-height: 50px;
        font-size: 16px;
        font-weight: 700;
        position: absolute;
        width: 180px;
        height: 50px;
        top: 50%;
        left: 50%;
        margin-left: -90px; /* margin is -0.5 * dimension */
        margin-top: -25px;
    }
    /* VALIDATOR CSS */
    .validation-error {
        color: #C82E29 !important;
        font-size: 12px
    }

    .required {
        color: #333;
        font-weight: 700;
    }

    h2.big-title {
        font-size: 34px;
        text-align: center;
        color: #999
    }

    .sweet-alert {
        border: solid 1px #f4f4f4 !important;
    }

        .sweet-alert h2 {
            color: #575757 !important;
            font-size: 24px !important;
            font-weight: 600;
            margin: 10px 0 !important;
            padding: 0 !important;
            line-height: 20px !important;
        }

        .sweet-alert button {
            margin: 10px !important;
        }

        .sweet-alert .sa-icon {
            margin: 10px auto 20px !important;
        }

    .text-erased {
        color: #999;
        text-decoration: line-through
    }

    .warning-notes {
        color: #b40000
    }

    .required::after {
        content: " *";
        color: #C82E29;
        font-weight: 700
    }

    nput.ng-pristine {
        background-color: yellow;
    }

    input.ng-touched.ng-valid {
    }

    input.ng-touched.ng-invalid {
        border-color: #C82E29;
    }

    .ui-select-bootstrap > .ui-select-choices {
        width: 100%;
        height: auto;
        max-height: 200px;
        overflow-x: scroll !important;
        margin-top: -1px;
    }

    .tooltip {
        text-wrap: normal !important
    }

    .subnote, text-subnote {
        color: #999;
        font-size: 13px
    }

    .text-small {
        font-size: 8.5pt !important
    }

    .text-smaller {
        font-size: 7.8pt !important
    }

    .hidden, .hidden-block, .hide {
        display: none !important
    }

    @media (min-width: 768px) {
        .show-xs, .show-sm {
            display: none !important
        }

        .hide-xs, .hide-sm {
            display: block !important
        }

        .hide-filters-mobile {
            display: block !important;
        }

        .show-filters-mobile {
            display: none !important;
        }

        .cell-reservations {
            height: 100px !important
        }
    }

    @media (max-width: 767px) {

        .hide-xs, .hide-sm, hidden-sm, .hidden-xs {
            display: none !important
        }

        .show-xs, .show-sm {
            display: block !important
        }

        .hide-filters-mobile {
            display: none !important;
        }

        .show-filters-mobile {
            display: block !important;
            width: 100%;
            line-height: 24px;
            font-weight: 700;
            text-align: right;
        }

        .cell-reservations {
            height: 70px !important
        }

        .mainDescription {
            display: none !important
        }
    }

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

    .sweet-alert {
        z-index: 9999999999999999 !important;
    }

    .info-box {
        padding: 15px;
        background-color: #fff;
    }

    a.i-red {
        color: #ff0000;
        border-color: #ff0000;
    }

        a.i-red:hover {
            color: #fff;
            background-color: #ff0000;
        }

    a.i-blue {
        color: #0004b2;
        border-color: #0004b2;
    }

        a.i-blue:hover {
            color: #fff;
            background-color: #0004b2;
        }

    .i-grey {
        color: #909090;
        border-color: #909090;
    }

    .fa-green {
        color: #40aa00
    }

    .fa-grey {
        color: #ccc
    }

    .fa-red {
        color: #ff0000
    }

    .fa-orange {
        color: #ff7500
    }

    .fa-brown {
        color: #763600
    }

    .w-85 {
        width: 85% !important
    }

    .w-80 {
        width: 80% !important
    }

    .w-75 {
        width: 75% !important
    }

    .w-60 {
        width: 60% !important
    }

    .w-50 {
        width: 50% !important
    }

    .w-40 {
        width: 40% !important
    }

    .w-30 {
        width: 30% !important
    }

    .w-25 {
        width: 25% !important
    }

    .w-20 {
        width: 20% !important
    }

    .w-15 {
        width: 15% !important
    }

    .w-10 {
        width: 10% !important
    }

    .ajax-search-panel {
        padding-bottom: 20px
    }

    .ajax-search-results {
        display: block;
        width: 100%;
        position: relative;
        background-color: #fff;
        border: solid 1px #ccc;
        padding: 10px;
        z-index: 2;
        box-shadow: 3px 5px 7px 3px #eee;
        min-height: 50px;
    }

    .ajax-search-row {
        cursor: pointer;
        color: #666
    }

    .input-group-btn i, a.input-group-btn i {
        color: #fff !important;
    }

    .big-panel {
        padding: 15px;
        background-color: #fff;
        border: solid 1px #ccc;
        margin-bottom: 15px;
    }

    .sum-panel {
        padding: 10px;
        background-color: #fff;
        border: solid 1px #ccc;
        margin-bottom: 15px;
    }

    .sum-stat-values {
        font-size: 28px;
        color: #333
    }

    .list-price {
        font-weight: 700;
        color: #333
    }

    .total-price {
        font-weight: 700;
        font-size: 20px;
        color: #49b20a !important
    }

    .price-positive {
        color: #2eaa10 !important;
        font-weight: 700 !important
    }

    .price-negative {
        color: #ae0000 !important;
        font-weight: 700 !important
    }

    .price-neutral {
        color: #333 !important;
        font-weight: 700 !important
    }

    .price-old {
        text-decoration: line-through;
        color: #666
    }

    .document-footer-label {
        width: 60%;
        text-align: left;
        font-size: 14px
    }

    .document-footer-value {
        width: 40%;
        text-align: right;
        font-size: 16px
    }

    .doc-line-header {
        background-color: #333 !important;
        color: #fff !important;
        text-align: center !important
    }

    .doc-line {
        font-size: 13px
    }

    .label-warning1 {
        background-color: #ff6b09;
    }

    .label-warning2 {
        background-color: #813b01;
    }

    .label-warning3 {
        background-color: #bc00cb;
    }

    span.label:hover {
        cursor: pointer
    }

    .label-red {
        background-color: #C82E29;
    }

    .label-brown {
        background-color: #643d12;
    }

    .label-yellow {
        background-color: #bb9414;
    }

    .label-orange {
        background-color: #d37400;
        color: #fed669;
    }

    .label-green {
        background-color: #67b113;
        color: #c3e5b1 !important;
    }

    .label-black {
        background-color: #333;
    }

    .label-blue {
        background-color: #006bbb;
    }

    .ui-select-search, .ui-select-match {
        overflow: hidden !important
    }

    .panel-warning {
        border-color: #faebcc;
        background-color: orange;
        padding: 10px;
        color: #fff;
        white-space: normal !important
    }

    .panel-notice {
        border-color: #ff7704;
        background-color: #ffd3ae;
        padding: 10px;
        color: #ff8e04;
    }

    .panel-error {
        background-color: #de9090;
        padding: 10px;
        color: #c60000;
        border-color: #c60000
    }

    .panel-success {
        background-color: #83ffb7;
        padding: 10px;
        color: #289d00;
        border-color: #83ffb7
    }

    .ims-panel-heading {
        position: relative !important;
        cursor: move;
        border-bottom-width: 1px !important;
        border-bottom-style: solid !important;
        padding: 10px 15px !important;
        border-bottom: 1px solid transparent !important;
        border-top-left-radius: 3px !important;
        border-top-right-radius: 3px !important;
        min-height: 30px !important;
        z-index: 999
    }

    .panel-body {
        padding: 15px;
    }

    .ims-panel-heading h4 {
        color: #f4f4f4 !important
    }

    .panel-heading a:hover {
        color: #fff !important
    }

    .stats-grid-footer {
        font-weight: 700 !important;
        font-size: 16px;
        text-align: right
    }

    .grid-footer-sum {
        font-weight: 700 !important;
        font-size: 16px
    }

    .grid-footer {
        background-color: #eee;
    }

    .text-strong {
        font-weight: 700 !important
    }

    .text-center {
        text-align: center !important
    }

    .text-left {
        text-align: left !important
    }

    .text-right {
        text-align: right !important
    }

    .text-black {
        color: #000 !important;
    }

    .text-red {
        color: #ae0000 !important;
    }

    .text-yellow {
        color: #ffd300 !important;
    }

    .text-gold {
        color: #d79e00 !important;
    }

    .text-olive {
        color: #98a900 !important;
    }

    .text-passionred {
        color: #930012 !important;
    }

    .text-darkgreen {
        color: #00851b !important;
    }

    .text-lightbrown {
        color: #b26d00 !important;
    }

    .text-darkbrown {
        color: #513401 !important;
    }

    .text-darkcyan {
        color: #13e9ff !important;
    }

    .text-coral {
        color: #d52100 !important;
    }

    .text-green {
        color: #21aa00 !important;
    }

    .text-lightgrey {
        color: #adadad !important;
    }

    .text-darker {
        color: #333 !important;
    }

    .text-wrap {
        white-space: normal !important
    }

    .tt-options {
        line-height: 28px !important;
        border-radius: 3px !important;
        font-size: 22px !important;
        color: #666;
    }

    .notif-trunc {
        width: 278px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .notif-line {
        cursor: pointer
    }

    .btn-purple.btn-o {
        border: 1px solid #be00ff !important;
        color: #be00ff !important;
    }

    .btn-purple {
        border-color: #be00ff !important;
        color: #ffffff !important;
    }

    .btn-grey.btn-o {
        border: 1px solid #b4b4b4 !important;
        color: #b4b4b4 !important;
    }

    .btn-blue {
        background-color: #143ab9 !important;
        border-color: #143ab9 !important;
        color: #ffffff !important;
    }

    .btn-grey {
        border-color: #b4b4b4 !important;
        color: #ffffff !important;
    }

    .panel-norecords {
        border: solid 1px #ccc;
        padding: 10px;
        font-weight: 700;
        color: #ae0000;
        background-color: #fff
    }

    .panel-notif {
        border: solid 1px;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .notif-title {
        font-size: 12px;
    }

    .notif-none {
        padding: 10px;
        text-align: center;
        color: #666;
        font-size: 13px
    }

    li.read {
        background-color: #fff;
        border-bottom: solid 1px #ccc;
        padding: 5px;
        color: #3a3a3a
    }

        li.read .notif-title {
            color: #3a3a3a
        }

    li.unread {
        background-color: #ebf1f4;
        border-bottom: solid 1px #ccc;
        font-weight: 500;
        padding: 5px;
        color: #333
    }

        li.unread .notif-title {
            color: #333
        }

    .pnf-warning {
        background-color: #ffbf82;
        color: #a53d00;
        border-color: #a53d00
    }

        .pnf-warning.pnf-icon {
            color: #a53d00
        }

    .pnf-icon {
        font-size: 30px;
        display: flex;
        float: left;
        margin-right: 10px;
    }

    .pnf-info {
        background-color: #aaabcb;
        color: #2e3782;
        border-color: #2e3782
    }

    .pnf-text {
        display: flex;
        font-size: 16px;
    }

    @media (max-width: 767px) {
        .pnf-text {
            display: flex;
            font-size: 13px;
        }

        .panel-error, .panel-warning, .panel-success {
            padding: 6px
        }
    }

    .set-options {
        padding: 3px;
        width: 100%
    }

    .set-option-label {
        width: 40%
    }

    .set-option-value {
        width: 55%;
        padding: 5px
    }

    .set-option-tooltip {
        width: 5%
    }

    .switch.blue.checked {
        background: blue;
        border-color: blue;
    }
    /* CASHIER STYLES */
    .cashier-balance {
        font-size: 70px;
        color: #333
    }

    @media (max-width: 575px) {
        .cashier-balance {
            font-size: 30px;
            color: #333
        }
    }

    @media (max-width: 767px) {
        .cashier-balance {
            font-size: 40px;
            color: #333
        }
    }
    /* PRINT DOCUMENT STYLES */
    .doc-bank-name {
        font-weight: 700
    }

    .doc-bank-name, .doc-bank-beneficiary, .doc-bank-iban, .doc-bank-swift {
        padding: 0;
        margin: 0;
        line-height: 20px
    }

    h4.doc-code {
        font-size: 18px;
        font-weight: 700;
        margin: 0;
        padding: 0;
        line-height: 20px;
    }

    h6.doc-type {
        font-size: 13px;
        line-height: 16px;
        margin: 0;
        padding: 0
    }
    /* ------------------------------------- FORM STYLES -------------------------------------*/
    .form-panel {
        margin-bottom: 20px
    }

    .form-print-value {
        font-size: 13px !important;
        color: #333 !important
    }

    .form-print-value-big {
        font-size: 22px !important;
        color: #333 !important
    }

    .form-tab-label {
        min-height: 26px
    }

    .form-tab-value {
        min-height: 26px;
        text-align: left;
        color: #333
    }

    .form-header {
        text-align: center;
        padding: 5px;
        background-color: #393939;
        color: #fff;
        font-weight: 700
    }

    .btn-primary {
        background-color: #fff;
        border-color: #25aae1;
        color: #25aae1;
        font-weight: 700;
    }

    .fc-small {
        font-size: 12px !important;
        padding: 2px !important;
    }

    fieldset legend {
        font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        font-size: 20px;
    }

    .set-option-label {
        width: 40%;
        color: #666;
    }

        .set-option-label .required {
            width: 40%;
            color: #333;
            font-weight: 700
        }

            .set-option-label .required::after {
                content: ' *'
            }

    .intro-button {
        border: solid 1px #ccc;
        text-align: center;
        padding: 15px;
        display: block;
    }

        .intro-button:hover {
            background-color: #d3e0ea
        }

        .intro-button h4 {
            font-size: 18px;
            font-weight: 700
        }

        .intro-button p {
            font-size: 13px;
            font-weight: 400
        }
    /* ------------------------------------- GRID STYLES -------------------------------------*/
    .grid-small {
        font-size: 12px !important
    }

    .grid-small-head {
        background-color: #f3f3f3;
    }

    .grid-icon {
        border-radius: 50%;
        border: 1px solid;
        text-align: center;
        display: inline-block
    }

        .grid-icon i {
            margin-right: -2px;
            margin-top: -1px
        }

    .grid-icon-m {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
    }

    .grid-header {
        background-color: #bdbdbd;
        color: #333 !important;
        text-align: center;
        padding: 5px 0 5px 0 !important;
        font-size: 14px
    }

    tr.grid-disabled-record {
        background-color: #ead1d1 !important
    }

    .grid-header-light {
        background-color: #b4b4b4;
        color: #333 !important;
        text-align: center;
        padding: 3px 0 3px 0 !important;
        font-size: 14px
    }


    .grid-masonry:after {
        content: '';
        display: block;
        clear: both;
    }

    .grid-masonry-sizer,
    .grid-masonry-item {
        width: 33.333%;
    }

    @media (max-width: 575px) {
        .grid-masonry-sizer,
        .grid-masonry-item {
            width: 100%;
        }
    }

    @media (min-width: 576px) and (max-width: 767px) {
        .grid-masonry-sizer,
        .grid-masonry-item {
            width: 50%;
        }
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .grid-masonry-sizer,
        .grid-masonry-item {
            width: 25%;
        }
    }

    @media (min-width: 1200px) {
        .grid-masonry-sizer,
        .grid-masonry-item {
            width: 20%;
        }
    }

    .grid-masonry-item {
        float: left;
    }

        .grid-masonry-item img {
            display: block;
            max-width: 100%;
        }
    /* ------------------------------------- CKEDITOR FIXES -------------------------------------*/
    .cke_wysiwyg_frame html {
        overflow-y: scroll !important
    }
    /* ------------------------------------- REPORTING STYLES -------------------------------------*/
    @media (max-width: 1199px) {
        fieldset {
            background: #ffffff;
            border: 1px solid #e6e8e8;
            border-radius: 3px;
            margin: 15px 0 20px 0;
            padding: 15px;
            position: relative;
        }

            fieldset legend {
                font-size: 15px;
                color: #c2c2c2
            }
    }

    @media (min-width: 1200px) {
        fieldset {
            background: #ffffff;
            border: 1px solid #e6e8e8;
            border-radius: 4px;
            margin: 18px 0 18px 0;
            padding: 18px;
            position: relative;
        }

            fieldset legend {
                font-size: 18px;
                color: #c2c2c2
            }
    }

    .success-panel {
        background-color: #e2ffd3;
        border: solid 1px #8fc146;
        padding: 5px;
        font-weight: 700;
    }

    .error-panel {
        background-color: #ffb8ab;
        border: solid 1px #ff4c4c;
        padding: 5px;
        font-weight: 700;
        color: #ff0000 !important
    }
    /* ------------------------------------- FORMS CASHIER -------------------------------------*/
    .cheque-amount-big {
        font-size: 40px;
        color: #45c700;
        font-weight: 700
    }

    .cheque-bank {
        font-size: 40px;
        color: #333
    }

    .cheque-number {
        color: #fff;
        font-weight: 700
    }
    /* ------------------------------------- CALENDAR -------------------------------------*/
    .notif-date {
        color: #333;
        font-size: 12px;
    }

    .calContainer {
        width: 100%;
    }

    ul.calstyles {
        list-style-type: none;
        margin: 0;
        padding: 0
    }

        ul.calstyles, ul.calstyles li {
            text-align: left;
            font-size: 12px;
            line-height: 20px;
            color: #333;
        }

            ul.calstyles li a {
                text-align: left;
                font-size: 12px;
                line-height: 16px;
                color: #333;
            }

    .bgCurrentDay {
        font-weight: bold;
        background-color: #FF9900;
        text-align: right;
        vertical-align: top
    }

    .bgDayListing {
        font-size: 09px;
        font-weight: bold;
        color: #003399;
        background-color: #ffffff;
    }

    .bgMonthListing {
        font-size: 09px;
        font-weight: bold;
        color: #2f3720;
        background-color: #3399FF;
    }

    .calTable {
        background-color: #cccccc;
        color: #333333;
        font-size: 09px;
    }

    .calDayCell {
        color: #273212;
        font-size: 20px;
        font-weight: bold;
        text-align: right;
        vertical-align: top;
        height: 180px;
    }

    a.calDayLink, a.calDayLink:link, a.calDayLink:active, a.calDayLink:visited {
        font-size: 22px !important;
        font-weight: 700
    }

    .calBGA {
        background-color: #f4f4f4;
        color: #666666;
        padding: 3px
    }

    .calBGB {
        background-color: #ffffff;
        color: #000000;
        padding: 3px
    }

    .calBGA, .calBGB {
        font-size: 20px;
        text-align: right;
        vertical-align: top;
        height: 180px;
        border: solid 1px #b4b4b4;
    }

        .calBGA:hover, .calBGB:hover {
            border: solid 2px #999;
            cursor: default
        }

    a.calDayLink {
        cursor: pointer !important
    }

    .calBGMonths {
        background-color: #000000;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 20px;
        padding: 7px
    }

    .calBGDays {
        background-color: #333333;
        color: #ffffff;
        font-weight: bold;
        font-size: 20px;
        text-align: center;
        vertical-align: middle;
        width: 14.27%;
        padding: 5px
    }

    .calNoAvailCell {
        background-color: #FFDBCA;
    }

    .calDayCelText {
        font-size: 10px;
        color: #333333;
    }

    a.calMonthLink, a.calMonthLink:visited, a.calMonthLink:link, a.calMonthLink:active {
        text-decoration: none;
        color: #666666;
    }

        a.calMonthLink:hover {
            text-decoration: none;
            color: #fa4e27;
        }
    /* DASHBOARD */
    #sidebar nav > ul > li > a .item-inner {
        color: #eee !important;
        border-bottom-color: #141518;
    }

    #sidebar > div nav > ul > li a {
        color: #8eb5ef !important;
    }

    header .navbar-header .sidebar-toggler, header .navbar-header .sidebar-mobile-toggler {
        color: #e30000 !important;
    }

    .ims-status-active {
        font-size: 22px;
        line-height: 54px;
        font-weight: 700;
        color: #3dd500;
    }

    .ims-status-inactive {
        font-size: 22px;
        line-height: 54px;
        font-weight: 700;
        color: #ff0000;
    }

    .dash-amount {
        font-size: 40px;
        line-height: 54px;
        font-weight: 700;
        color: #999
    }

    .dash-rows {
        list-style: none;
        padding: 0;
        margin: 0 0 10px 0
    }

        .dash-rows li {
            min-height: 30px;
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom: solid 1px #eee
        }

            .dash-rows li a {
                color: #666;
                font-size: 15px
            }

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

        ul.daily-list li {
            font-size: 15px;
            line-height: 28px
        }

    .daily-label {
        font-size: 16px;
        font-weight: 700
    }
    /* PROTIP */
    .protip-open {
        z-index: 999999999999 !important
    }

    .protip-container {
        z-index: 999999999999 !important
    }

    /* RESERVATIONS CALENDAR */

    .reservation-card {
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 8px;
        margin: 15px;
        background-color: #f1f1f1;
    }

    .reservation-header {
        background-color: #f1f1f1;
        padding: 10px;
        border-bottom: 1px solid #ddd;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        margin-left: 0px !important;
        margin-right: 0px !important
    }

    .reservation-body {
        margin: 0;
        padding: 0;
        background-color: #f0f6f8
    }

    .reservation-footer {
        background-color: #f8f9fa;
        padding: 10px;
        border-top: 1px solid #ddd;
        font-weight: bold;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        text-align: center;
    }

    .btn-invoice {
        margin-top: 10px;
    }

    .reservation-stat-label {
        font-size: 30px;
        text-align: center;
        line-height: 40px;
        margin-bottom: 20px
    }

    .reservation-totals {
        font-weight: 700;
        font-size: 20px;
        color: #32b000 !important
    }

    h5.reservation-room {
        font-size: 18px;
        font-weight: 600;
        color: #0057a0
    }

    .room-info {
        padding: 10px 15px 5px 15px;
        background-color: #f5f9fa
    }

    /* BOOTRSTAP EXTRA CSS*/
    /* Grid Column Classes FOR XL AND XXXL */