body.skin-light {
    margin: 0;
    /*font-family: "Calibri", Calibri, Verdana, Helvetica;*/
    font-family: 'Open Sans', sans-serif;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: left;
    background-color: #fbfbfb;
}
.main-content-container > .bg-white,.border {
    margin-left: 0;
}
.mobile-nav-bar-bottom {
    flex-direction: column;
    width: 100%;
}
.main-content-container > .row {
    max-width: 100%;
}
.banner-top-nav {
    position: sticky;
    top: 0;
}
.searchResultsWrapper {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    overflow: auto;
    max-height: 100vh;
    z-index: 99999999;
    float: right;
}
.quick-search-submit {
    left: .3rem;
}
.quick-search-hits {margin-right: .1rem;}
.xs-mobile-tab {
    display: none;
}
.associated-products {
    max-width: 90vw;
}
@media only screen and (max-width:310px) {
    .mobile-tab {
        display: none;
    }
    .xs-mobile-tab {
        display: inline-block;
    }
}
@media only screen and (max-width:390px) {

    .quick-search-submit.quick-search-submit {
        margin-top: 0;
    }
}

.toast-message-wrapper {
    position: absolute;
    width: 275px;
}

@media only screen and (max-width: 575px) {

    .toast-message-wrapper {
        top: -50px;
    }
    .nav-bar-left {
        justify-content: space-between;
        width: 100%;
    }
    .searchResultsWrapper {
        max-height: 100vh;
    }
    .toast-message-wrapper {
        top: 2rem;
        right: -0.5rem;
    z-index: 99999999;}
}
@media only screen and (min-width:575px) {
    .nav-bar-left {
        flex-grow: 1;
    }

    .nav-flex-icons {
        width: 100%;
        justify-content: space-evenly;
    }

    .nav-bar-right {
        align-content: start;
    }

    .banner-top-nav {
        justify-content: end;
    }
    .main-content {
        display: flex;
    }

    .toast-message-wrapper {
        top: 2.5rem;
        right: .5rem;
    }
}
@media only screen and (min-width:993px) {
    .main-content {
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .toast-message-wrapper {
        top: 3.7rem;
        right: .5rem;
    }
    .nav-bar-left {
        flex-grow: 1;
    }

    .associated-products {
        max-width: 50vw;
    }
    
}
@media only screen and (min-width:1400px) {
    .main-content {
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .toast-message-wrapper {
        top: 2rem;
        right: .5rem;
    }


    .associated-products {
        max-width: 50vw;
    }
}


    body.skin-light.fixed-sn .jumbotron-header {
        padding-left: 240px
    }

    a, a:active, a:focus {
        outline: none;
    }

        a:hover {
            color: #0563BE;
        }

    /* CUSTOM SCROLL BARS */
    /* Works on Firefox */
    /** {
    scrollbar-width: thin;
    scrollbar-color: white grey;
}*/

    /* Works on Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 12px;
    }

    *::-webkit-scrollbar-track {
        background: aliceblue;
    }

    *::-webkit-scrollbar-thumb {
        background-color: grey;
        border-radius: 20px;
        border: 3px solid grey;
    }
    /* /CUSTOM SCROLL BARS */
.mobile-quick-search {
    height: 100vh;
    overflow-y: auto;
}

@media (max-width: 1200px) {
    body .skin-light.fixed-sn .jumbotron-header {
            padding-left: 0
        }
    }

    .skin-light .color-primary,
    .skin-light .color-primary,
    .skin-light .badge-primary,
    .skin-light .bg-primary {
        background-color: #492BA7 !important
    }

    .skin-light .text-body {
        color: #495057 !important;
    }

    .skin-light .text-primary {
        color: #1266f1 !important
    }

    .skin-light .border-primary {
        border-color: #1266f1 !important
    }

    .skin-light .note-primary {
        border-color: #1266f1
    }

    .skin-light .btn-primary {
        color: #fff;
        background-color: #4A25AA !important
    }

    .skin-light .btn-outline-primary {
        color: #4A25AA !important;
        background-color: transparent !important;
        border: 2px solid #4A25AA !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-primary:hover {
        background-color: #3a1e89 !important;
    }

    .skin-light .btn-primary:focus,
    .skin-light .btn-primary:active,
    .skin-light .btn-primary.active {
        background-color: #3a1e89 !important
    }

    .skin-light .btn-primary.dropdown-toggle {
        background-color: #1266f1 !important
    }

        .skin-light .btn-primary.dropdown-toggle:hover,
        .skin-light .btn-primary.dropdown-toggle:focus {
            background-color: #2a76f2 !important
        }

    .skin-light .btn-primary:not([disabled]):not(.disabled).active,
    .skin-light .btn-primary:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-primary.dropdown-toggle {
        background-color: #90a4ae !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-primary .modal-header {
        background-color: #1266f1
    }

    .skin-light .modal-dialog.modal-primary .fas,
    .skin-light .modal-dialog.modal-primary .fab,
    .skin-light .modal-dialog.modal-primary .far {
        color: #1266f1
    }

    .skin-light .modal-dialog.modal-primary .badge {
        background-color: #1266f1
    }

    .skin-light .modal-dialog.modal-primary .btn .fas,
    .skin-light .modal-dialog.modal-primary .btn .fab,
    .skin-light .modal-dialog.modal-primary .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-primary .btn.btn-outline-primary .fas,
    .skin-light .modal-dialog.modal-primary .btn.btn-outline-primary .fab,
    .skin-light .modal-dialog.modal-primary .btn.btn-outline-primary .far {
        color: #1266f1
    }

    .skin-light.color-secondary,
    .skin-light .color-secondary,
    .skin-light .badge-secondary,
    .skin-light .bg-secondary {
        background-color: #a6c !important
    }

    .skin-light .text-secondary {
        color: #a6c !important
    }

    .skin-light .border-secondary {
        border-color: #a6c !important
    }

    .skin-light .note-secondary {
        border-color: #a6c
    }

    .skin-light .btn-secondary {
        color: #fff;
        background-color: #391d87 !important
    }

    .skin-light .btn-outline-secondary {
        color: #a6c !important;
        background-color: transparent !important;
        border: 2px solid #391d87 !important
    }

    .skin-light .btn-success:hover {
        background-color: #00a1e0 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-secondary:hover {
        background-color: #382184 !important
    }

    .skin-light .btn-secondary:focus,
    .skin-light .btn-secondary:active,
    .skin-light .btn-secondary.active {
        background-color: #382184 !important
    }

    .skin-light .btn-secondary.dropdown-toggle {
        background-color: #a6c !important
    }

        .skin-light .btn-secondary.dropdown-toggle:hover,
        .skin-light .btn-secondary.dropdown-toggle:focus {
            background-color: #b579d2 !important
        }

    .skin-light .btn-secondary:not([disabled]):not(.disabled).active,
    .skin-light .btn-secondary:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-secondary.dropdown-toggle {
        background-color: #9f53c6 !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-secondary .modal-header {
        background-color: #a6c
    }

    .skin-light .modal-dialog.modal-secondary .fas,
    .skin-light .modal-dialog.modal-secondary .fab,
    .skin-light .modal-dialog.modal-secondary .far {
        color: #a6c
    }

    .skin-light .modal-dialog.modal-secondary .badge {
        background-color: #a6c
    }

    .skin-light .modal-dialog.modal-secondary .btn .fas,
    .skin-light .modal-dialog.modal-secondary .btn .fab,
    .skin-light .modal-dialog.modal-secondary .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-secondary .btn.btn-outline-secondary .fas,
    .skin-light .modal-dialog.modal-secondary .btn.btn-outline-secondary .fab,
    .skin-light .modal-dialog.modal-secondary .btn.btn-outline-secondary .far {
        color: #a6c
    }

    .skin-light.color-default,
    .skin-light .color-default,
    .skin-light .badge-default,
    .skin-light .bg-default {
        background-color: #2BBBAD !important
    }

    .skin-light .text-default {
        color: #2BBBAD !important
    }

    .skin-light .border-default {
        border-color: #2BBBAD !important
    }

    .skin-light .note-default {
        border-color: #2BBBAD
    }

    .skin-light .btn-default {
        color: #fff;
        background-color: #2BBBAD !important
    }

    .skin-light .btn-outline-default {
        color: #2BBBAD !important;
        background-color: transparent !important;
        border: 2px solid #2BBBAD !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-default:hover {
        background-color: #30cfc0 !important
    }

    .skin-light .btn-default:focus,
    .skin-light .btn-default:active,
    .skin-light .btn-default.active {
        background-color: #26a69a !important
    }

    .skin-light .btn-default.dropdown-toggle {
        background-color: #2BBBAD !important
    }

        .skin-light .btn-default.dropdown-toggle:hover,
        .skin-light .btn-default.dropdown-toggle:focus {
            background-color: #30cfc0 !important
        }

    .skin-light .btn-default:not([disabled]):not(.disabled).active,
    .skin-light .btn-default:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-default.dropdown-toggle {
        background-color: #26a69a !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-default .modal-header {
        background-color: #2BBBAD
    }

    .skin-light .modal-dialog.modal-default .fas,
    .skin-light .modal-dialog.modal-default .fab,
    .skin-light .modal-dialog.modal-default .far {
        color: #2BBBAD
    }

    .skin-light .modal-dialog.modal-default .badge {
        background-color: #2BBBAD
    }

    .skin-light .modal-dialog.modal-default .btn .fas,
    .skin-light .modal-dialog.modal-default .btn .fab,
    .skin-light .modal-dialog.modal-default .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-default .btn.btn-outline-default .fas,
    .skin-light .modal-dialog.modal-default .btn.btn-outline-default .fab,
    .skin-light .modal-dialog.modal-default .btn.btn-outline-default .far {
        color: #2BBBAD
    }

    .skin-light.color-danger,
    .skin-light .color-danger,
    .skin-light .badge-danger,
    .skin-light .bg-danger {
        background-color: #ff3d71 !important
    }

    .skin-light .text-danger {
        color: #ff3d71 !important
    }

    .skin-light .border-danger {
        border-color: #ff3d71 !important
    }

    .skin-light .note-danger {
        border-color: #ff3d71
    }

    .skin-light .btn-danger {
        color: #fff;
        background-color: #ff3d71 !important
    }

    .skin-light .btn-outline-danger {
        color: #ff3d71 !important;
        background-color: transparent !important;
        border: 2px solid #ff3d71 !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-danger:hover {
        background-color: #ff5784 !important
    }

    .skin-light .btn-danger:focus,
    .skin-light .btn-danger:active,
    .skin-light .btn-danger.active {
        background-color: #ff245e !important
    }

    .skin-light .btn-danger.dropdown-toggle {
        background-color: #ff3d71 !important
    }

        .skin-light .btn-danger.dropdown-toggle:hover,
        .skin-light .btn-danger.dropdown-toggle:focus {
            background-color: #ff5784 !important
        }

    .skin-light .btn-danger:not([disabled]):not(.disabled).active,
    .skin-light .btn-danger:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-danger.dropdown-toggle {
        background-color: #ff245e !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-danger .modal-header {
        background-color: #ff3d71
    }

    .skin-light .modal-dialog.modal-danger .fas,
    .skin-light .modal-dialog.modal-danger .fab,
    .skin-light .modal-dialog.modal-danger .far {
        color: #ff3d71
    }

    .skin-light .modal-dialog.modal-danger .badge {
        background-color: #ff3d71
    }

    .skin-light .modal-dialog.modal-danger .btn .fas,
    .skin-light .modal-dialog.modal-danger .btn .fab,
    .skin-light .modal-dialog.modal-danger .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-danger .btn.btn-outline-danger .fas,
    .skin-light .modal-dialog.modal-danger .btn.btn-outline-danger .fab,
    .skin-light .modal-dialog.modal-danger .btn.btn-outline-danger .far {
        color: #ff3d71
    }

    .skin-light.color-warning,
    .skin-light .color-warning,
    .skin-light .badge-warning,
    .skin-light .bg-warning {
        background-color: #ffc94d !important
    }

    .skin-light .text-warning {
        color: #ffc94d !important
    }

    .skin-light .border-warning {
        border-color: #ffc94d !important
    }

    .skin-light .note-warning {
        border-color: #ffc94d
    }

    .skin-light .btn-warning {
        color: #fff;
        background-color: #ffc94d !important
    }

    .skin-light .btn-outline-warning {
        color: #ffc94d !important;
        background-color: transparent !important;
        border: 2px solid #ffc94d !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-warning:hover {
        background-color: #ffd167 !important
    }

    .skin-light .btn-warning:focus,
    .skin-light .btn-warning:active,
    .skin-light .btn-warning.active {
        background-color: #ffc134 !important
    }

    .skin-light .btn-warning.dropdown-toggle {
        background-color: #ffc94d !important
    }

        .skin-light .btn-warning.dropdown-toggle:hover,
        .skin-light .btn-warning.dropdown-toggle:focus {
            background-color: #ffd167 !important
        }

    .skin-light .btn-warning:not([disabled]):not(.disabled).active,
    .skin-light .btn-warning:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-warning.dropdown-toggle {
        background-color: #ffc134 !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-warning .modal-header {
        background-color: #ffc94d
    }

    .skin-light .modal-dialog.modal-warning .fas,
    .skin-light .modal-dialog.modal-warning .fab,
    .skin-light .modal-dialog.modal-warning .far {
        color: #ffc94d
    }

    .skin-light .modal-dialog.modal-warning .badge {
        background-color: #ffc94d
    }

    .skin-light .modal-dialog.modal-warning .btn .fas,
    .skin-light .modal-dialog.modal-warning .btn .fab,
    .skin-light .modal-dialog.modal-warning .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-warning .btn.btn-outline-warning .fas,
    .skin-light .modal-dialog.modal-warning .btn.btn-outline-warning .fab,
    .skin-light .modal-dialog.modal-warning .btn.btn-outline-warning .far {
        color: #ffc94d
    }

    .skin-light.color-success,
    .skin-light .color-success,
    .skin-light .badge-success,
    .skin-light .bg-success {
        background-color: #4caf50 !important
    }

    .skin-light .text-success {
        color: #4caf50 !important
    }

    .skin-light .border-success {
        border-color: #4caf50 !important
    }

    .skin-light .note-success {
        border-color: #4caf50
    }

    .skin-light .btn-success {
        color: #fff;
        background-color: #4caf50 !important
    }

    .skin-light .btn-outline-success {
        color: #4caf50 !important;
        background-color: transparent !important;
        border: 2px solid #4caf50 !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success:hover {
        background-color: #00f0a0 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover,
        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-success .modal-header {
        background-color: #4caf50
    }

    .skin-light .modal-dialog.modal-success .fas,
    .skin-light .modal-dialog.modal-success .fab,
    .skin-light .modal-dialog.modal-success .far {
        color: #4caf50
    }

    .skin-light .modal-dialog.modal-success .badge {
        background-color: #4caf50
    }

    .skin-light .modal-dialog.modal-success .btn .fas,
    .skin-light .modal-dialog.modal-success .btn .fab,
    .skin-light .modal-dialog.modal-success .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-success .btn.btn-outline-success .fas,
    .skin-light .modal-dialog.modal-success .btn.btn-outline-success .fab,
    .skin-light .modal-dialog.modal-success .btn.btn-outline-success .far {
        color: #4caf50
    }

    .skin-light.color-info,
    .skin-light .color-info,
    .skin-light .badge-info,
    .skin-light .bg-info {
        background-color: #0563BE !important
    }

    .skin-light .text-info {
        color: #0563BE !important
    }

    .skin-light .border-info {
        border-color: #0563BE !important
    }

    .skin-light .note-info {
        border-color: #0563BE
    }

    .skin-light .btn-info {
        color: #fff;
        background-color: #0563BE !important
    }

    .skin-light .btn-outline-info {
        color: #0563BE !important;
        background-color: transparent !important;
        border: 2px solid #0563BE !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-info:hover {
        background-color: #5cb5ff !important
    }

    .skin-light .btn-info:focus,
    .skin-light .btn-info:active,
    .skin-light .btn-info.active {
        background-color: #299fff !important
    }

    .skin-light .btn-info.dropdown-toggle {
        background-color: #0563BE !important
    }

        .skin-light .btn-info.dropdown-toggle:hover,
        .skin-light .btn-info.dropdown-toggle:focus {
            background-color: #5cb5ff !important
        }

    .skin-light .btn-info:not([disabled]):not(.disabled).active,
    .skin-light .btn-info:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-info.dropdown-toggle {
        background-color: #299fff !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-info .modal-header {
        background-color: #0563BE
    }

    .skin-light .modal-dialog.modal-info .fas,
    .skin-light .modal-dialog.modal-info .fab,
    .skin-light .modal-dialog.modal-info .far {
        color: #0563BE
    }

    .skin-light .modal-dialog.modal-info .badge {
        background-color: #0563BE
    }

    .skin-light .modal-dialog.modal-info .btn .fas,
    .skin-light .modal-dialog.modal-info .btn .fab,
    .skin-light .modal-dialog.modal-info .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-info .btn.btn-outline-info .fas,
    .skin-light .modal-dialog.modal-info .btn.btn-outline-info .fab,
    .skin-light .modal-dialog.modal-info .btn.btn-outline-info .far {
        color: #0563BE
    }

    .skin-light.color-dark,
    .skin-light .color-dark,
    .skin-light .badge-dark,
    .skin-light .bg-dark {
        background-color: #262626 !important
    }

    .skin-light .text-dark {
        color: #262626 !important
    }

    .skin-light .border-dark {
        border-color: #262626 !important
    }

    .skin-light .note-dark {
        border-color: #262626
    }

    .skin-light .btn-dark {
        color: #fff;
        background-color: #262626 !important
    }

    .skin-light .btn-outline-dark {
        color: #262626 !important;
        background-color: transparent !important;
        border: 2px solid #262626 !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-dark:hover {
        background-color: #333 !important
    }

    .skin-light .btn-dark:focus,
    .skin-light .btn-dark:active,
    .skin-light .btn-dark.active {
        background-color: #191919 !important
    }

    .skin-light .btn-dark.dropdown-toggle {
        background-color: #262626 !important
    }

        .skin-light .btn-dark.dropdown-toggle:hover,
        .skin-light .btn-dark.dropdown-toggle:focus {
            background-color: #333 !important
        }

    .skin-light .btn-dark:not([disabled]):not(.disabled).active,
    .skin-light .btn-dark:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-dark.dropdown-toggle {
        background-color: #191919 !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-dark .modal-header {
        background-color: #262626
    }

    .skin-light .modal-dialog.modal-dark .fas,
    .skin-light .modal-dialog.modal-dark .fab,
    .skin-light .modal-dialog.modal-dark .far {
        color: #262626
    }

    .skin-light .modal-dialog.modal-dark .badge {
        background-color: #262626
    }

    .skin-light .modal-dialog.modal-dark .btn .fas,
    .skin-light .modal-dialog.modal-dark .btn .fab,
    .skin-light .modal-dialog.modal-dark .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-dark .btn.btn-outline-dark .fas,
    .skin-light .modal-dialog.modal-dark .btn.btn-outline-dark .fab,
    .skin-light .modal-dialog.modal-dark .btn.btn-outline-dark .far {
        color: #262626
    }

    .skin-light.color-light,
    .skin-light .color-light,
    .skin-light .badge-light,
    .skin-light .bg-light {
        background-color: #f2f2f2 !important
    }

    .skin-light .text-light {
        color: #f2f2f2 !important
    }

    .skin-light .border-light {
        border-color: #f2f2f2 !important
    }

    .skin-light .note-light {
        border-color: #f2f2f2
    }

    .skin-light .btn-light {
        color: #4f4f4f;
        background-color: #f2f2f2 !important
    }

    .skin-light .btn-outline-light {
        color: #f2f2f2 !important;
        background-color: transparent !important;
        border: 2px solid #f2f2f2 !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-light:hover {
        background-color: #fff !important
    }

    .skin-light .btn-light:focus,
    .skin-light .btn-light:active,
    .skin-light .btn-light.active {
        background-color: #e5e5e5 !important
    }

    .skin-light .btn-light.dropdown-toggle {
        background-color: #f2f2f2 !important
    }

        .skin-light .btn-light.dropdown-toggle:hover,
        .skin-light .btn-light.dropdown-toggle:focus {
            background-color: #fff !important
        }

    .skin-light .btn-light:not([disabled]):not(.disabled).active,
    .skin-light .btn-light:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-light.dropdown-toggle {
        background-color: #e5e5e5 !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-light .modal-header {
        background-color: #f2f2f2
    }

    .skin-light .modal-dialog.modal-light .fas,
    .skin-light .modal-dialog.modal-light .fab,
    .skin-light .modal-dialog.modal-light .far {
        color: #f2f2f2
    }

    .skin-light .modal-dialog.modal-light .badge {
        background-color: #f2f2f2
    }

    .skin-light .modal-dialog.modal-light .btn .fas,
    .skin-light .modal-dialog.modal-light .btn .fab,
    .skin-light .modal-dialog.modal-light .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-light .btn.btn-outline-light .fas,
    .skin-light .modal-dialog.modal-light .btn.btn-outline-light .fab,
    .skin-light .modal-dialog.modal-light .btn.btn-outline-light .far {
        color: #f2f2f2
    }

    .skin-light.color-grey,
    .skin-light .color-grey,
    .skin-light .badge-grey,
    .skin-light .bg-grey {
        background-color: #9e9e9e !important
    }

    .skin-light .text-grey {
        color: #9e9e9e !important
    }

    .skin-light .border-grey {
        border-color: #9e9e9e !important
    }

    .skin-light .note-grey {
        border-color: #9e9e9e
    }

    .skin-light .btn-grey {
        color: #fff;
        background-color: #9e9e9e !important
    }

    .skin-light .btn-outline-grey {
        color: #9e9e9e !important;
        background-color: transparent !important;
        border: 2px solid #9e9e9e !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-grey:hover {
        background-color: #ababab !important
    }

    .skin-light .btn-grey:focus,
    .skin-light .btn-grey:active,
    .skin-light .btn-grey.active {
        background-color: #919191 !important
    }

    .skin-light .btn-grey.dropdown-toggle {
        background-color: #9e9e9e !important
    }

        .skin-light .btn-grey.dropdown-toggle:hover,
        .skin-light .btn-grey.dropdown-toggle:focus {
            background-color: #ababab !important
        }

    .skin-light .btn-grey:not([disabled]):not(.disabled).active,
    .skin-light .btn-grey:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-grey.dropdown-toggle {
        background-color: #919191 !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-grey .modal-header {
        background-color: #9e9e9e
    }

    .skin-light .modal-dialog.modal-grey .fas,
    .skin-light .modal-dialog.modal-grey .fab,
    .skin-light .modal-dialog.modal-grey .far {
        color: #9e9e9e
    }

    .skin-light .modal-dialog.modal-grey .badge {
        background-color: #9e9e9e
    }

    .skin-light .modal-dialog.modal-grey .btn .fas,
    .skin-light .modal-dialog.modal-grey .btn .fab,
    .skin-light .modal-dialog.modal-grey .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-grey .btn.btn-outline-grey .fas,
    .skin-light .modal-dialog.modal-grey .btn.btn-outline-grey .fab,
    .skin-light .modal-dialog.modal-grey .btn.btn-outline-grey .far {
        color: #9e9e9e
    }

    .skin-light.color-grey-dark,
    .skin-light .color-grey-dark,
    .skin-light .badge-grey-dark,
    .skin-light .bg-grey-dark {
        background-color: #4f4f4f !important
    }

    .skin-light .text-grey-dark {
        color: #4f4f4f !important
    }

    .skin-light .border-grey-dark {
        border-color: #4f4f4f !important
    }

    .skin-light .note-grey-dark {
        border-color: #4f4f4f
    }

    .skin-light .btn-grey-dark {
        color: #fff;
        background-color: #4f4f4f !important
    }

    .skin-light .btn-outline-grey-dark {
        color: #4f4f4f !important;
        background-color: transparent !important;
        border: 2px solid #4f4f4f !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-grey-dark:hover {
        background-color: #5c5c5c !important
    }

    .skin-light .btn-grey-dark:focus,
    .skin-light .btn-grey-dark:active,
    .skin-light .btn-grey-dark.active {
        background-color: #424242 !important
    }

    .skin-light .btn-grey-dark.dropdown-toggle {
        background-color: #4f4f4f !important
    }

        .skin-light .btn-grey-dark.dropdown-toggle:hover,
        .skin-light .btn-grey-dark.dropdown-toggle:focus {
            background-color: #5c5c5c !important
        }

    .skin-light .btn-grey-dark:not([disabled]):not(.disabled).active,
    .skin-light .btn-grey-dark:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-grey-dark.dropdown-toggle {
        background-color: #424242 !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-grey-dark .modal-header {
        background-color: #4f4f4f
    }

    .skin-light .modal-dialog.modal-grey-dark .fas,
    .skin-light .modal-dialog.modal-grey-dark .fab,
    .skin-light .modal-dialog.modal-grey-dark .far {
        color: #4f4f4f
    }

    .skin-light .modal-dialog.modal-grey-dark .badge {
        background-color: #4f4f4f
    }

    .skin-light .modal-dialog.modal-grey-dark .btn .fas,
    .skin-light .modal-dialog.modal-grey-dark .btn .fab,
    .skin-light .modal-dialog.modal-grey-dark .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-grey-dark .btn.btn-outline-grey-dark .fas,
    .skin-light .modal-dialog.modal-grey-dark .btn.btn-outline-grey-dark .fab,
    .skin-light .modal-dialog.modal-grey-dark .btn.btn-outline-grey-dark .far {
        color: #4f4f4f
    }

    .skin-light.color-grey-medium,
    .skin-light .color-grey-medium,
    .skin-light .badge-grey-medium,
    .skin-light .bg-grey-medium {
        background-color: #8d8d8d !important
    }

    .skin-light .text-grey-medium {
        color: #8d8d8d !important
    }

    .skin-light .border-grey-medium {
        border-color: #8d8d8d !important
    }

    .skin-light .note-grey-medium {
        border-color: #8d8d8d
    }

    .skin-light .btn-grey-medium {
        color: #fff;
        background-color: #8d8d8d !important
    }

    .skin-light .btn-outline-grey-medium {
        color: #8d8d8d !important;
        background-color: transparent !important;
        border: 2px solid #8d8d8d !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-grey-medium:hover {
        background-color: #9a9a9a !important
    }

    .skin-light .btn-grey-medium:focus,
    .skin-light .btn-grey-medium:active,
    .skin-light .btn-grey-medium.active {
        background-color: gray !important
    }

    .skin-light .btn-grey-medium.dropdown-toggle {
        background-color: #8d8d8d !important
    }

        .skin-light .btn-grey-medium.dropdown-toggle:hover,
        .skin-light .btn-grey-medium.dropdown-toggle:focus {
            background-color: #9a9a9a !important
        }

    .skin-light .btn-grey-medium:not([disabled]):not(.disabled).active,
    .skin-light .btn-grey-medium:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-grey-medium.dropdown-toggle {
        background-color: gray !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem
    }

    .skin-light .modal-dialog.modal-grey-medium .modal-header {
        background-color: #8d8d8d
    }

    .skin-light .modal-dialog.modal-grey-medium .fas,
    .skin-light .modal-dialog.modal-grey-medium .fab,
    .skin-light .modal-dialog.modal-grey-medium .far {
        color: #8d8d8d
    }

    .skin-light .modal-dialog.modal-grey-medium .badge {
        background-color: #8d8d8d
    }

    .skin-light .modal-dialog.modal-grey-medium .btn .fas,
    .skin-light .modal-dialog.modal-grey-medium .btn .fab,
    .skin-light .modal-dialog.modal-grey-medium .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-grey-medium .btn.btn-outline-grey-medium .fas,
    .skin-light .modal-dialog.modal-grey-medium .btn.btn-outline-grey-medium .fab,
    .skin-light .modal-dialog.modal-grey-medium .btn.btn-outline-grey-medium .far {
        color: #8d8d8d
    }

    .skin-light.color-grey-light,
    .skin-light .color-grey-light,
    .skin-light .badge-grey-light,
    .skin-light .bg-grey-light {
        background-color: #fbfbfb !important
    }

    .skin-light .text-grey-light {
        color: #fbfbfb !important
    }

    .skin-light .border-grey-light {
        border-color: #efefef !important
    }

    .skin-light .note-grey-light {
        border-color: #fbfbfb
    }

    .skin-light .btn-grey-light {
        color: #4f4f4f;
        background-color: #fbfbfb !important
    }

    .skin-light .btn-outline-grey-light {
        color: #fbfbfb !important;
        background-color: transparent !important;
        border: 2px solid #fbfbfb !important
    }

    .skin-light .btn-success:hover {
        background-color: #00db92 !important
    }

    .skin-light .btn-success:focus,
    .skin-light .btn-success:active,
    .skin-light .btn-success.active {
        background-color: #00bd7e !important
    }

    .skin-light .btn-success.dropdown-toggle {
        background-color: #4caf50 !important
    }

        .skin-light .btn-success.dropdown-toggle:hover {
            background-color: #00db92 !important
        }

        .skin-light .btn-success.dropdown-toggle:focus {
            background-color: #00f0a0 !important
        }

    .skin-light .btn-success:not([disabled]):not(.disabled).active,
    .skin-light .btn-success:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-success.dropdown-toggle {
        background-color: #00bd7e !important
    }

    .skin-light .btn-grey-light:hover {
        background-color: #fff !important
    }

    .skin-light .btn-grey-light:focus,
    .skin-light .btn-grey-light:active,
    .skin-light .btn-grey-light.active {
        background-color: #eee !important
    }

    .skin-light .btn-grey-light.dropdown-toggle {
        background-color: #fbfbfb !important
    }

        .skin-light .btn-grey-light.dropdown-toggle:hover,
        .skin-light .btn-grey-light.dropdown-toggle:focus {
            background-color: #fff !important
        }

    .skin-light .btn-grey-light:not([disabled]):not(.disabled).active,
    .skin-light .btn-grey-light:not([disabled]):not(.disabled):active,
    .skin-light .show > .btn-grey-light.dropdown-toggle {
        background-color: #eee !important
    }

    .skin-light .modal-dialog .modal-footer > * {
        margin: .25rem;
    }

    .skin-light .modal-dialog.modal-grey-light .modal-header {
        background-color: #fbfbfb
    }

    .skin-light .modal-dialog .modal-header .modal-title {
        /*padding-left: 28px*/
    }

    .skin-light .modal-dialog.modal-grey-light .fas,
    .skin-light .modal-dialog.modal-grey-light .fab,
    .skin-light .modal-dialog.modal-grey-light .far {
        color: #fbfbfb
    }

    .skin-light .modal-dialog.modal-grey-light .badge {
        background-color: #fbfbfb
    }

    .skin-light .modal-dialog.modal-grey-light .btn .fas,
    .skin-light .modal-dialog.modal-grey-light .btn .fab,
    .skin-light .modal-dialog.modal-grey-light .btn .far {
        color: #fff
    }

    .skin-light .modal-dialog.modal-grey-light .btn.btn-outline-grey-light .fas,
    .skin-light .modal-dialog.modal-grey-light .btn.btn-outline-grey-light .fab,
    .skin-light .modal-dialog.modal-grey-light .btn.btn-outline-grey-light .far {
        color: #fbfbfb
    }

    .skin-light .md-pills .nav-link {
        border-radius: .25rem;
        font-size: 12px;
        text-transform: uppercase;
        padding: 17px 29px 16px 29px;
        line-height: 1;
        background-color: #f5f5f5
    }

        .skin-light .md-pills .nav-link.active {
            font-weight: 500;
            -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.05)
        }

    .skin-light .pills-primary .nav-link.active,
    .skin-light .pills-primary .show > .nav-link,
    .skin-light .tabs-primary {
        background-color: #1266f1 !important
    }

    .skin-light .nav-pills .nav-link.active,
    .skin-light .nav-pills .show > .nav-link {
        color: #4A25AA !important;
        background-color: transparent !important;
        border: 1px solid #4A25AA !important;
    }

    .skin-light .nav-pills .nav-link {
        background-color: transparent !important;
        border: 1px solid #fff !important;
    }

    .skin-light .tab-content {
        padding: 1.2rem .6rem
    }

    .skin-light .note-secondary {
        background-color: #e2e3e5;
        border-color: #58595a
    }

    .skin-light .note-light {
        background-color: #fefefe;
        border-color: #0f0f0f
    }

    .skin-light .cold-grey {
        background-color: #ebedf7 !important
    }

    .skin-light .modal-dialog .modal-content {
        border-radius: .375rem;
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.08), 0 4px 11px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.08), 0 4px 11px 0 rgba(0, 0, 0, 0.08)
    }

        .skin-light .modal-dialog .modal-content .modal-header {
            border-top-left-radius: .375rem;
            border-top-right-radius: .375rem
        }

    .skin-light .modal-dialog.modal-notify .modal-body {
        color: #4f4f4f
    }

    .skin-light .dropdown .dropdown-menu.dropdown-primary .dropdown-item:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-primary .dropdown-item:active,
    .skin-light .dropdown .dropdown-menu.dropdown-primary .dropdown-item.active,
    .skin-light .dropdown .dropdown-menu.dropdown-primary a:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-primary a:active,
    .skin-light .dropdown .dropdown-menu.dropdown-primary a.active,
    .skin-light .dropdown .dropdown-menu.dropdown-danger .dropdown-item:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-danger .dropdown-item:active,
    .skin-light .dropdown .dropdown-menu.dropdown-danger .dropdown-item.active,
    .skin-light .dropdown .dropdown-menu.dropdown-danger a:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-danger a:active,
    .skin-light .dropdown .dropdown-menu.dropdown-danger a.active,
    .skin-light .dropdown .dropdown-menu.dropdown-default .dropdown-item:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-default .dropdown-item:active,
    .skin-light .dropdown .dropdown-menu.dropdown-default .dropdown-item.active,
    .skin-light .dropdown .dropdown-menu.dropdown-default a:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-default a:active,
    .skin-light .dropdown .dropdown-menu.dropdown-default a.active,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:active,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary .dropdown-item.active,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary a:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary a:active,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary a.active,
    .skin-light .dropdown .dropdown-menu.dropdown-success .dropdown-item:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-success .dropdown-item:active,
    .skin-light .dropdown .dropdown-menu.dropdown-success .dropdown-item.active,
    .skin-light .dropdown .dropdown-menu.dropdown-success a:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-success a:active,
    .skin-light .dropdown .dropdown-menu.dropdown-success a.active,
    .skin-light .dropdown .dropdown-menu.dropdown-info .dropdown-item:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-info .dropdown-item:active,
    .skin-light .dropdown .dropdown-menu.dropdown-info .dropdown-item.active,
    .skin-light .dropdown .dropdown-menu.dropdown-info a:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-info a:active,
    .skin-light .dropdown .dropdown-menu.dropdown-info a.active,
    .skin-light .dropdown .dropdown-menu.dropdown-warning .dropdown-item:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-warning .dropdown-item:active,
    .skin-light .dropdown .dropdown-menu.dropdown-warning .dropdown-item.active,
    .skin-light .dropdown .dropdown-menu.dropdown-warning a:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-warning a:active,
    .skin-light .dropdown .dropdown-menu.dropdown-warning a.active,
    .skin-light .dropdown .dropdown-menu.dropdown-dark .dropdown-item:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-dark .dropdown-item:active,
    .skin-light .dropdown .dropdown-menu.dropdown-dark .dropdown-item.active,
    .skin-light .dropdown .dropdown-menu.dropdown-dark a:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-dark a:active,
    .skin-light .dropdown .dropdown-menu.dropdown-dark a.active,
    .skin-light .dropdown .dropdown-menu.dropdown-ins .dropdown-item:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-ins .dropdown-item:active,
    .skin-light .dropdown .dropdown-menu.dropdown-ins .dropdown-item.active,
    .skin-light .dropdown .dropdown-menu.dropdown-ins a:hover,
    .skin-light .dropdown .dropdown-menu.dropdown-ins a:active,
    .skin-light .dropdown .dropdown-menu.dropdown-ins a.active {
        color: #fff !important
    }

    .skin-light .dropdown .dropdown-menu.dropdown-primary .dropdown-item:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-primary a:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-danger .dropdown-item:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-danger a:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-default .dropdown-item:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-default a:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary a:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-success .dropdown-item:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-success a:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-info .dropdown-item:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-info a:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-warning .dropdown-item:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-warning a:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-dark .dropdown-item:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-dark a:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-ins .dropdown-item:first-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-ins a:first-of-type {
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem
    }

    .skin-light .dropdown .dropdown-menu.dropdown-primary .dropdown-item:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-primary a:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-danger .dropdown-item:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-danger a:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-default .dropdown-item:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-default a:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary .dropdown-item:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-secondary a:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-success .dropdown-item:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-success a:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-info .dropdown-item:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-info a:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-warning .dropdown-item:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-warning a:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-dark .dropdown-item:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-dark a:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-ins .dropdown-item:last-of-type,
    .skin-light .dropdown .dropdown-menu.dropdown-ins a:last-of-type {
        border-bottom-left-radius: .375rem;
        border-bottom-right-radius: .375rem
    }

    .skin-light .dropdown.dropdown-hover:hover .dropdown-menu {
        display: block
    }

    .skin-light .card {
        font-weight: 300;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
        border-radius: .375rem
    }

        .skin-light .card[class*="border"] {
            border: 1px solid #8d8d8d;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .skin-light .card.card-dashboard .dropdown-toggle::after {
            display: none
        }

        .skin-light .card .card-body .card-text {
            font-weight: 300;
            font-size: .9rem
        }

        .skin-light .card.card-dark .card-header {
            border-color: rgba(255, 255, 255, 0.7)
        }

    .skin-light .card-img-top {
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem
    }

    .skin-light .card-img {
        border-top-left-radius: .375rem;
        border-top-right-radius: 0;
        border-bottom-left-radius: .375rem;
        border-bottom-right-radius: 0
    }


    .skin-light .card-img-overlay-bottom {
        top: inherit;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
    }

    .skin-light .card-img-overlay.primary {
        background-color: rgba(74, 37, 170, 0.7);
        color: #fff;
    }



    @media (max-width: 767px) {
        .skin-light .card-img {
            border-top-left-radius: .375rem;
            border-top-right-radius: .375rem;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }
    }

    .skin-light .card-header {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }

        .skin-light .card-header:first-child {
            border-radius: .375rem .375rem 0 0
        }

    .skin-light .card-footer {
        border-top: 1px solid rgba(0, 0, 0, 0.1)
    }

        .skin-light .card-footer:last-child {
            border-radius: 0 0 .375rem .375rem
        }

    .skin-light .md-accordion .card {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .skin-light .rounded {
        border-radius: 0.375rem !important
    }

    .skin-light .btn-group.btn-group-toggle.btn-color-group .btn {
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .skin-light .btn-group.btn-group-toggle.btn-color-group .btn:not([disabled]):not(.disabled).active {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-shadow: inset 0 0 0 1px #1266f1;
            box-shadow: inset 0 0 0 1px #1266f1
        }

    .skin-light .btn-group.btn-group-toggle.btn-color-group .border-inset-grey {
        -webkit-box-shadow: inset 0 0 0 1px #ccc;
        box-shadow: inset 0 0 0 1px #ccc
    }

    .skin-light .btn-floating {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
        margin: 0
    }

    .skin-light .btn {
        margin: 0;
        font-weight: 500;
        border-radius: .25rem;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
        font-size: 12px;
        padding: 17px 29px 16px 29px;
        line-height: 1
    }

        .skin-light .btn[class*="btn-outline-"] {
            padding-top: 15px;
            padding-bottom: 14px;
        }

        .skin-light .btn:active,
        .skin-light .btn.active {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.14), 0 4px 15px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.14), 0 4px 15px 0 rgba(0, 0, 0, 0.12)
        }

        .skin-light .btn:hover,
        .skin-light .btn:focus {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.14), 0 4px 15px 0 rgba(0, 0, 0, 0.12);
            box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.14), 0 4px 15px 0 rgba(0, 0, 0, 0.12)
        }

        .skin-light .btn.btn-rounded {
            border-radius: 10rem
        }

        .skin-light .btn.btn-sm {
            padding: 11px 21px 10px 21px;
            line-height: 1.1
        }

            .skin-light .btn.btn-sm[class*="btn-outline-"] {
                padding-top: 9px;
                padding-bottom: 8px
            }

        .skin-light .btn.btn-md {
            font-size: 10.24px;
            padding: 14px 25px 13px 25px;
            line-height: 1.1
        }

            .skin-light .btn.btn-md[class*="btn-outline-"] {
                padding-top: 12px;
                padding-bottom: 11px
            }

        .skin-light .btn.btn-lg {
            font-size: 14.4px;
            padding: 20px 34px 18px 34px;
            line-height: 1.2
        }

            .skin-light .btn.btn-lg[class*="btn-outline-"] {
                padding-top: 18px;
                padding-bottom: 16px
            }

        .skin-light .btn.btn-link {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .skin-light .btn.btn-flat {
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .skin-light .btn > .badge {
            font-size: inherit;
            padding: .45em .43em .4em .4em;
            line-height: .5
        }

    .skin-light .badge {
        padding: .4em .5em;
    }

    a.badge {
        padding: .8em .5em !important;
    }

    .badge-hint {
        font-size: 50%;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        padding-top: 6px;
        margin-left: 5px;
    }

    .skin-light .btn-floating.btn-light i {
        color: #4f4f4f
    }

    .skin-light .btn-light {
        color: #4f4f4f !important;
        background-color: #f2f2f2 !important
    }

        .skin-light .btn-light:hover {
            background-color: #efefef !important
        }

        .skin-light .btn-light:focus,
        .skin-light .btn-light:active,
        .skin-light .btn-light.active {
            background-color: #efefef !important
        }

        .skin-light .btn-light.dropdown-toggle {
            background-color: #f2f2f2 !important
        }

            .skin-light .btn-light.dropdown-toggle:hover,
            .skin-light .btn-light.dropdown-toggle:focus {
                background-color: #f5f5f5 !important
            }

        .skin-light .btn-light:not([disabled]):not(.disabled):active,
        .skin-light .btn-light:not([disabled]):not(.disabled).active,
        .show > .skin-light .btn-light.dropdown-toggle {
            background-color: #bfbfbf !important
        }

    .skin-light a.text-white:hover {
        color: #d9d9d9 !important
    }

    .skin-light .dropdown-menu {
        color: #212529;
        margin: .125rem 0 0;
        padding: 0;
        min-width: 12rem;
        border: 0;
        border-radius: .375rem;
        -webkit-box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1)
    }

        .skin-light .dropdown-menu a,
        .skin-light .dropdown-menu .dropdown-item {
            font-size: .875rem;
            padding: .5rem 1rem;
            color: rgba(0, 0, 0, 0.6) !important;
            font-weight: 400
        }

            .skin-light .dropdown-menu a:first-of-type,
            .skin-light .dropdown-menu .dropdown-item:first-of-type {
                border-top-left-radius: .375rem;
                border-top-right-radius: .375rem
            }

            .skin-light .dropdown-menu a:last-of-type,
            .skin-light .dropdown-menu .dropdown-item:last-of-type {
                border-bottom-left-radius: .375rem;
                border-bottom-right-radius: .375rem
            }

            .skin-light .dropdown-menu a:hover,
            .skin-light .dropdown-menu a:active,
            .skin-light .dropdown-menu a:focus,
            .skin-light .dropdown-menu .dropdown-item:hover,
            .skin-light .dropdown-menu .dropdown-item:active,
            .skin-light .dropdown-menu .dropdown-item:focus {
                text-decoration: none;
                color: #16181b !important;
                background-color: #eee;
                -webkit-box-shadow: none;
                box-shadow: none
            }

    .skin-light .dropdown.notifications-nav .dropdown-menu {
        min-width: 19rem
    }

    .skin-light .chart {
        position: relative;
        height: 350px
    }

        .skin-light .chart.narrower {
            height: 300px
        }

    .skin-light .rating {
        color: #4f4f4f
    }

    .skin-light .table {
        color: #4f4f4f
    }

        .skin-light .table.table-borderless th,
        .skin-light .table.table-borderless td,
        .skin-light .table.table-borderless thead th,
        .skin-light .table.table-borderless tbody + tbody {
            border: 0
        }

        .skin-light .table.table-admin thead th {
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            border-top: none;
        }

        .skin-light .table a {
            color: #4f4f4f;
        }

            .skin-light .table a:hover {
                color: #4A25AA;
            }

    .skin-light .list-group-flush .list-group-item {
        border-color: rgba(0, 0, 0, 0.1)
    }

    .skin-light .counter.counter-floating {
        margin-left: -16px
    }

        .skin-light .counter.counter-floating.counter-icon {
            top: -11px;
            margin-left: -25px
        }

        .skin-light .counter.counter-floating.counter-lg-icon {
            top: -13px;
            margin-left: -25px
        }

    .skin-light .avatar-group .avatar + .avatar {
        margin-left: -1rem
    }

    .skin-light .border-avatar {
        border: 2px solid #fff !important
    }

    .skin-light .form-check-input[type="checkbox"].filled-in:checked + label:after {
        background-color: #1266f1;
        border: 1px solid #1266f1
    }

    .skin-light .form-check-input[type="checkbox"].filled-in + label:after {
        border-radius: .25rem !important
    }

    .skin-light .form-check-input[type="checkbox"].filled-in:not(:checked) + label:after {
        border: 1px solid #ccc
    }

    .skin-light .checkbox-success-filled .form-check-input[type="checkbox"].filled-in:checked + label:after,
    .skin-light label.btn input[type="checkbox"].filled-in:checked + label:after {
        background-color: #4caf50 !important;
        border: 1px solid #4caf50 !important
    }

    .skin-light .checkbox-danger-filled .form-check-input[type="checkbox"].filled-in:checked + label:after,
    .skin-light label.btn input[type="checkbox"].filled-in:checked + label:after {
        background-color: #ff3547 !important;
        border: 1px solid #ff3547 !important
    }

    .skin-light .checkbox-info-filled .form-check-input[type="checkbox"].filled-in:checked + label:after,
    .skin-light label.btn input[type="checkbox"].filled-in:checked + label:after {
        background-color: #0563BE !important;
        border: 1px solid #0563BE !important
    }

    .skin-light .checkbox-warning-filled .form-check-input[type="checkbox"].filled-in:checked + label:after,
    .skin-light label.btn input[type="checkbox"].filled-in:checked + label:after {
        background-color: #ffc94d !important;
        border: 1px solid #ffc94d !important
    }

    .skin-light .task-done {
        text-decoration: line-through
    }

    .skin-light .font-smaller {
        font-size: .8rem
    }

    .skin-light .form-check-input[type="checkbox"].filled-in + label,
    .skin-light label.btn input[type="checkbox"].filled-in + label {
        height: 1.2rem !important;
        line-height: 1.2rem !important
    }

    .skin-light .checklist-item-checked .checklist-info * {
        text-decoration: line-through
    }

    .skin-light .form-check-input[type=radio]:not(:checked) + label:after,
    .skin-light .form-check-input[type=radio]:not(:checked) + label:before {
        border: 1px solid #ccc
    }

    .skin-light .form-check-input[type=radio] + label:before,
    .skin-light .form-check-input[type=radio] + label:after {
        margin: 0
    }

    .skin-light .form-check-input[type=radio]:checked + label,
    .skin-light .form-check-input[type=radio]:not(:checked) + label {
        height: 1rem;
        line-height: 1rem
    }

        .skin-light .form-check-input[type=radio]:checked + label:after {
            background-color: #1266f1
        }

        .skin-light .form-check-input[type=radio]:checked + label:after {
            border: 2px solid #1266f1
        }

    .skin-light .form-check-input.filled-in[type="checkbox"]:indeterminate + label:before {
        top: -11px;
        left: -1px;
        width: 0;
        height: 19px;
        border-top: 0;
        border-right: 2px solid #fff;
        border-bottom: 0;
        border-left: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .skin-light .form-check-input.filled-in[type="checkbox"]:indeterminate + label:after {
        background-color: #1266f1;
        border: 1px solid #1266f1
    }

    .skin-light .form-check-input.filled-in[type=checkbox]:indeterminate:not(:checked) + label:after {
        border: 0
    }

    .skin-light .multi-range-field input[type="range"] + .thumb {
        background-color: #1266f1 !important
    }

        .skin-light .multi-range-field input[type="range"] + .thumb .value {
            color: #1266f1
        }

    .skin-light .multi-range-field input[type="range"]::-webkit-slider-thumb {
        background-color: #1266f1 !important
    }

    .skin-light .multi-range-field input[type="range"]::-moz-range-thumb {
        background: #1266f1 !important
    }

    .skin-light .multi-range-field input[type="range"]::-ms-thumb {
        background: #1266f1 !important
    }

    .skin-light .double-nav a.button-collapse {
        color: rgba(0, 0, 0, 0.6)
    }

    .skin-light .double-nav a {
        color: rgba(0, 0, 0, 0.6);
        font-size: .85rem;
    }

    .skin-light .md-form.md-outline input[type="text"],
    .skin-light .md-form.md-outline input[type="password"],
    .skin-light .md-form.md-outline input[type="email"],
    .skin-light .md-form.md-outline input[type="url"],
    .skin-light .md-form.md-outline input[type="time"],
    .skin-light .md-form.md-outline input[type="date"],
    .skin-light .md-form.md-outline input[type="datetime-local"],
    .skin-light .md-form.md-outline input[type="tel"],
    .skin-light .md-form.md-outline input[type="number"],
    .skin-light .md-form.md-outline input[type="search-md"],
    .skin-light .md-form.md-outline input[type="search"],
    .skin-light .md-form.md-outline textarea.md-textarea {
        background-color: #fff
    }

    .skin-light .md-form.md-outline label {
        top: -1px
    }

        .skin-light .md-form.md-outline label.active {
            border-radius: 4px
        }


    @media (min-width: 768px) {
        .skin-light .navbar {
            /* min-height: 70px; */}
    }

    @media (min-width: 768px) {
        .skin-light .navbar.scrolling-navbar {
            min-height: 70px;
            -webkit-transition: background .5s ease-in-out, min-height .5s ease-in-out, padding .5s ease-in-out;
            transition: background .5s ease-in-out, min-height .5s ease-in-out, padding .5s ease-in-out
        }

            .skin-light .navbar.scrolling-navbar.top-nav-collapse {
                min-height: 60px;
                -webkit-transition: background .5s ease-in-out, min-height .5s ease-in-out, padding .5s ease-in-out;
                transition: background .5s ease-in-out, min-height .5s ease-in-out, padding .5s ease-in-out
            }
    }

    .skin-light .navbar {
        -webkit-box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.05);
        background-color: #fff
    }

    @media (max-width: 767px) {
        .skin-light .navbar {
            padding-top: .408rem;
            padding-bottom: .408rem
        }
    }

    .skin-light .navbar .navbar-brand {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .skin-light .navbar .navbar-brand i {
            font-size: 2.3rem
        }

    @media (max-width: 767px) {
        .skin-light .navbar .navbar-brand {
            padding-top: 0;
            padding-bottom: 0;
            font-size: inherit
        }

            .skin-light .navbar .navbar-brand .fab.fa-3x,
            .skin-light .navbar .navbar-brand .far.fa-3x,
            .skin-light .navbar .navbar-brand .fas.fa-3x {
                font-size: 2em
            }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .skin-light .navbar .navbar-brand {
            padding-top: 0;
            padding-bottom: 0;
            font-size: inherit
        }
    }

    .skin-light .navbar .breadcrumb {
        background-color: transparent
    }

    .skin-light .navbar .navbar-nav {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .skin-light .navbar .navbar-nav .nav-item .nav-link {
            font-weight: 400;
            color: rgba(0, 0, 0, 0.6)
        }

            .skin-light .navbar .navbar-nav .nav-item .nav-link:hover {
                color: rgba(0, 0, 0, 0.8)
            }

        .skin-light .navbar .navbar-nav .nav-item.active > .nav-link {
            background-color: transparent;
            color: #1266f1
        }

        .skin-light .navbar .navbar-nav .nav-item a.waves-effect,
        .skin-light .navbar .navbar-nav .nav-item a.waves-light {
            display: inherit
        }

    .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) {
        background: transparent
    }

        .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) .breadcrumb {
            background-color: transparent
        }

            .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) .breadcrumb .breadcrumb-item a {
                color: #fff
            }

            .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) .breadcrumb .breadcrumb-item:before {
                color: #fff
            }

            .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) .breadcrumb .breadcrumb-item.active {
                color: #fff
            }

        .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) .btn-navbar {
            background-color: #fff !important;
            color: #4f4f4f !important
        }

            .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) .btn-navbar[class*="btn-outline-"] {
                color: #fff !important;
                background-color: transparent !important;
                border: 2px solid #fff !important
            }

    .skin-light .navbar.navbar-transparent.top-nav-collapse {
        background-color: #fff
    }

        .skin-light .navbar.navbar-transparent.top-nav-collapse .navbar-brand {
            color: rgba(0, 0, 0, 0.9)
        }

        .skin-light .navbar.navbar-transparent.top-nav-collapse .navbar-nav .nav-item.active > .nav-link {
            color: #1266f1
        }

            .skin-light .navbar.navbar-transparent.top-nav-collapse .navbar-nav .nav-item.active > .nav-link:hover {
                color: #1266f1
            }

        .skin-light .navbar.navbar-transparent.top-nav-collapse .navbar-nav .nav-item .nav-link {
            color: #6c757d
        }

            .skin-light .navbar.navbar-transparent.top-nav-collapse .navbar-nav .nav-item .nav-link:hover {
                color: #4f4f4f
            }

    .skin-light .navbar.navbar-transparent .navbar-brand {
        color: #fff
    }

    .skin-light .navbar.navbar-transparent .navbar-nav .nav-item.active > .nav-link {
        background-color: transparent;
        color: #fff
    }

        .skin-light .navbar.navbar-transparent .navbar-nav .nav-item.active > .nav-link:hover {
            color: #eee
        }

    .skin-light .navbar.navbar-transparent .navbar-nav .nav-item .nav-link {
        color: #fff
    }

        .skin-light .navbar.navbar-transparent .navbar-nav .nav-item .nav-link:hover {
            color: #eee
        }

    .skin-light .navbar .breadcrumb {
        padding-top: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .skin-light .navbar .breadcrumb .breadcrumb-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-weight: 400
        }

            .skin-light .navbar .breadcrumb .breadcrumb-item:before {
                color: #6c757d;
                padding-right: .2rem;
                padding-left: .2rem
            }

            .skin-light .navbar .breadcrumb .breadcrumb-item.active {
                color: #6c757d;
                padding: .2rem .3rem
            }

                .skin-light .navbar .breadcrumb .breadcrumb-item.active:before {
                    padding-right: .5rem
                }

            .skin-light .navbar .breadcrumb .breadcrumb-item a {
                color: #6c757d;
                padding: .2rem .3rem
            }

            .skin-light .navbar .breadcrumb .breadcrumb-item + .breadcrumb-item {
                padding-left: 0
            }

    @media (max-width: 991px) {
        .skin-light .navbar .breadcrumb {
            display: none
        }
    }

    @media (max-width: 991px) {
        .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) {
            background: #fff
        }

            .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) .btn-navbar {
                background-color: #0563BE !important;
                color: #fff !important
            }

                .skin-light .navbar.navbar-transparent:not(.top-nav-collapse) .btn-navbar[class*="btn-outline-"] {
                    color: #0563BE !important;
                    background-color: transparent !important;
                    border: 2px solid #0563BE !important
                }

        .skin-light .navbar.navbar-transparent .navbar-brand {
            color: rgba(0, 0, 0, 0.9)
        }

        .skin-light .navbar.navbar-transparent .navbar-nav .nav-item .nav-link {
            color: #6c757d
        }

            .skin-light .navbar.navbar-transparent .navbar-nav .nav-item .nav-link:hover {
                color: #4f4f4f
            }

        .skin-light .navbar.navbar-transparent .navbar-nav .nav-item.active > .nav-link {
            color: #1266f1
        }

            .skin-light .navbar.navbar-transparent .navbar-nav .nav-item.active > .nav-link:hover {
                color: #1266f1
            }
    }

    .skin-light .centered {
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .skin-light .mb-01 {
        margin-bottom: .12rem
    }

    .skin-light .pt-12 {
        padding-top: 1.2rem !important
    }

    .skin-light .pt-17 {
        padding-top: 1.7rem !important
    }

    .skin-light .pt-18 {
        padding-top: 1.8rem !important
    }

    .skin-light .w-40 {
        width: 40%
    }

    .skin-light .w-60 {
        width: 60px
    }

    .skin-light .mt-94 {
        margin-top: 94px
    }

    @media (max-width: 767px) {
        .skin-light .mt-94 {
            margin-top: 51.03px
        }
    }

    @media (min-width: 768px) and (max-width: 1024px) {
        .skin-light .mt-94 {
            margin-top: 94px
        }
    }

    .skin-light .mt-70 {
        margin-top: 70px
    }

    @media (max-width: 767px) {
        .skin-light .mt-70 {
            margin-top: 51px
        }
    }

    @media (min-width: 991px) {
        .skin-light .row-cols-lg-8 > * {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 12.5%;
            flex: 0 0 12.5%;
            max-width: 12.5%
        }
    }

    .skin-light .icon-admin {
        width: 60px;
        height: 60px
    }

        .skin-light .icon-admin > i {
            width: 22px;
            height: 22px;
            line-height: 60px
        }

            .skin-light .icon-admin > i::before {
                width: 22px;
                height: 22px
            }

    .skin-light .icon-bgc {
        background-color: #1266f1;
        text-align: center;
        width: 50px;
        height: 50px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.09);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.09)
    }

    .skin-light .wh-20 {
        width: 20px;
        height: 20px;
        line-height: 50px;
        font-size: 1.25rem
    }

    .skin-light .z-depth-1 {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.05) !important
    }

    .skin-light .z-depth-1-half {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.05), 0 4px 15px 0 rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.05), 0 4px 15px 0 rgba(0, 0, 0, 0.05) !important
    }

    .skin-light .z-depth-2 {
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05) !important
    }

    .skin-light .z-depth-3 {
        -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.05), 0 17px 50px 0 rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.05), 0 17px 50px 0 rgba(0, 0, 0, 0.05) !important
    }

    .skin-light .z-depth-4 {
        -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.05), 0 25px 55px 0 rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.05), 0 25px 55px 0 rgba(0, 0, 0, 0.05) !important
    }

    .skin-light .z-depth-5 {
        -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.05), 0 40px 77px 0 rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.05), 0 40px 77px 0 rgba(0, 0, 0, 0.05) !important
    }

    .skin-light .hoverable:hover {
        -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05) !important;
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.05) !important
    }

    .skin-light a.card-link {
        color: #4f4f4f
    }

        .skin-light a.card-link:hover {
            color: #1266f1
        }

    .skin-light a.card-link-secondary {
        color: #6c757d
    }

        .skin-light a.card-link-secondary:hover {
            color: #4f4f4f
        }

    .skin-light .card-link-secondary {
        color: #6c757d;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

        .skin-light .card-link-secondary:hover {
            color: #4f4f4f;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out
        }

    .skin-light .media-comment-text {
        position: relative;
        border-radius: .4375rem;
        background-color: #f4f4f4
    }

    .skin-light .price {
        position: relative
    }

        .skin-light .price .number {
            font-size: 4rem;
            font-weight: 300
        }

            .skin-light .price .number::before {
                position: absolute;
                margin-left: -1.2rem;
                font-size: 1.88rem;
                content: "$"
            }

            .skin-light .price .number::after {
                position: absolute;
                margin-top: 1.9rem;
                font-size: 1.88rem;
                content: "/mo"
            }

    @media (max-width: 992px) {
        .skin-light .profile-card-new {
            margin-top: 120px
        }
    }

    .skin-light .profile-card-new .avatar-o {
        max-width: 150px;
        max-height: 150px;
        margin-top: -70px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 50%;
        overflow: hidden
    }

    .skin-light .avatar-o img.rounded-circle {
        max-width: 150px
    }

    .skin-light .avatar-o img {
        max-width: 200px;
        height: auto
    }

    @media (min-width: 1920px) {
        .skin-light .mb-xl-180 {
            margin-bottom: 179px
        }
    }

    .skin-light strong {
        font-weight: 500
    }

    .skin-light .badge-news {
        position: absolute;
        top: 10px;
        left: 10px
    }

    .skin-light .badge-news-3 {
        position: absolute;
        top: 10px;
        left: 25px
    }

    .skin-light .badges-category .badge {
        color: #666 !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .skin-light .link-cat {
        color: #6c757d
    }

        .skin-light .link-cat:hover {
            color: #1266f1;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out
        }

    .skin-light .foot-desc {
        line-height: 1.8;
        font-weight: 300
    }

    .skin-light .hr-grey {
        border-top: 1px solid rgba(255, 255, 255, 0.3) !important
    }

    .skin-light .hr-dark-grey {
        border-top: 1px solid rgba(0, 0, 0, 0.1)
    }

    .skin-light .font-change {
        font-size: 1rem
    }

    .skin-light .post-page p {
        font-weight: 300
    }

    .skin-light .breadcrumb-bgc {
        background-color: #fbfbfb;
        font-weight: 400
    }

        .skin-light .breadcrumb-bgc .breadcrumb-item + .breadcrumb-item::before {
            font-weight: 400;
            content: ">"
        }

    .skin-light a.footer-link p {
        color: #9e9e9e;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

    .skin-light a.footer-link:hover p {
        color: #4f4f4f;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

    .skin-light footer.page-footer {
        color: #fff
    }

        .skin-light footer.page-footer a:hover {
            color: #0563BE !important;
        }

    .skin-light .card > .view {
        border-top-left-radius: .375rem;
        border-top-right-radius: .375rem
    }

        .skin-light .card > .view.zoom {
            border-top-left-radius: .375rem;
            border-top-right-radius: .375rem
        }

    .skin-light .card-img-70 {
        width: 70px;
        height: auto
    }

    .skin-light .card-intro {
        margin-top: 70px
    }

    @media (max-width: 767px) {
        .skin-light .card-intro {
            margin-top: 51.03px
        }
    }

    .skin-light .media-link {
        color: #4f4f4f
    }

        .skin-light .media-link:hover {
            color: #6c757d
        }

    .skin-light .alert.alert-grey {
        background-color: #f4f4f4
    }

    .skin-light .number-input input[type=number]::-webkit-inner-spin-button,
    .skin-light .number-input input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none
    }

    .skin-light .number-input input[type=number] {
        text-align: center
    }

    .skin-light .number-input.number-input input[type=number] {
        max-width: 4rem;
        padding: .5rem;
        border: 1px solid #ced4da;
        border-width: 0 1px;
        border: none;
        font-size: 1rem;
        height: 2rem;
        color: #495057
    }

    .skin-light .classic-tabs .nav.tabs-primary {
        background-color: #fff !important
    }

        .skin-light .classic-tabs .nav.tabs-primary li {
            margin-left: 0
        }

            .skin-light .classic-tabs .nav.tabs-primary li.nav-item {
                border-bottom: 1px solid #dee2e6
            }

            .skin-light .classic-tabs .nav.tabs-primary li a {
                color: #6c757d;
                font-weight: 500
            }

                .skin-light .classic-tabs .nav.tabs-primary li a.active {
                    color: #1266f1 !important;
                    border-color: #1266f1
                }

    .skin-light .classic-tabs .tab-content {
        padding: 1.5rem 0
    }

    @media (min-width: 550px) {
        .skin-light .w-sm-75 {
            width: 75% !important
        }
    }

    .skin-light .w-150 {
        width: 150px
    }

    .skin-light .flex-parent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .skin-light .long-and-truncated {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .skin-light .text-multiline-truncate {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden
    }

    .skin-light .text-multiline-truncate-horizontal {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden
    }

    @media (max-width: 992px) {
        .skin-light .text-multiline-truncate-horizontal {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden
        }
    }

    .skin-light .view.brighten {
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

        .skin-light .view.brighten:hover {
            -webkit-filter: brightness(140%);
            filter: brightness(140%);
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out
        }

    .skin-light .card-mask-color {
        background-color: rgba(62, 69, 81, 0.5);
    }

    .skin-light .product-gallery .overlay .mask:hover {
        cursor: -webkit-zoom-in;
        cursor: zoom-in
    }

    .skin-light .bottom-content {
        bottom: 0;
        position: absolute
    }

    .skin-light .avatar-sm {
        width: 100px
    }

    .skin-light .number-input input[type="number"] {
        -webkit-appearance: textfield;
        -moz-appearance: textfield;
        appearance: textfield
    }

    .skin-light .number-input input[type=number]::-webkit-inner-spin-button,
    .skin-light .number-input input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none
    }

    .skin-light .number-input {
        margin-bottom: 3rem
    }

        .skin-light .number-input button {
            -webkit-appearance: none;
            background-color: transparent;
            border: none;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            cursor: pointer;
            margin: 0;
            position: relative
        }

            .skin-light .number-input button:before,
            .skin-light .number-input button:after {
                display: inline-block;
                position: absolute;
                content: '';
                height: 2px;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%)
            }

            .skin-light .number-input button.plus:after {
                -webkit-transform: translate(-50%, -50%) rotate(90deg);
                transform: translate(-50%, -50%) rotate(90deg)
            }

        .skin-light .number-input input[type=number] {
            text-align: center
        }

        .skin-light .number-input.number-input {
            border: 1px solid #ced4da;
            width: 8.6rem;
            border-radius: .25rem
        }

            .skin-light .number-input.number-input button {
                width: 2.5rem;
                height: .7rem
            }

                .skin-light .number-input.number-input button.minus {
                    padding-left: 10px
                }

                .skin-light .number-input.number-input button:before,
                .skin-light .number-input.number-input button:after {
                    width: .7rem;
                    background-color: #495057
                }

            .skin-light .number-input.number-input input[type=number] {
                max-width: 3rem;
                padding: .5rem;
                border: 1px solid #ced4da;
                border-width: 0 1px;
                font-size: 1rem;
                height: 2rem;
                color: #495057
            }

    @media not all and (min-resolution: 0.001dpcm) {
        @supports (-webkit-appearance: none) and (stroke-color: transparent) {
            .skin-light .number-input.def-number-input.safari_only button:before,
            .skin-light .number-input.def-number-input.safari_only button:after {
                margin-top: -.3rem
            }
        }
    }

    .skin-light .wish-list a.card-link-secondary > .fas.fa-heart {
        color: #6c757d !important;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .skin-light .wish-list a.card-link-secondary:hover > .fas.fa-heart {
        color: #ff3d71 !important;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .skin-light .file-field input.file-path {
        height: 32px
    }

    .skin-light .navbar-search input::-webkit-input-placeholder {
        color: #fff
    }

    .skin-light .navbar-search input::-moz-placeholder {
        color: #fff
    }

    .skin-light .navbar-search input:-ms-input-placeholder {
        color: #fff
    }

    .skin-light .navbar-search input::-ms-input-placeholder {
        color: #fff
    }

    .skin-light .navbar-search input::placeholder {
        color: #fff
    }

    .skin-light .navbar-search input.form-control {
        border-radius: .125rem
    }

        .skin-light .navbar-search input.form-control:focus {
            background-color: rgba(0, 0, 0, 0.3)
        }

    .skin-light .navbar-search .input-icon i {
        position: absolute
    }

    .skin-light .slider-price .multi-range-field {
        padding-bottom: 2.15rem
    }

    @media (max-width: 450px) {
        .skin-light .classic-tabs .nav .nav-link {
            padding-left: 0;
            padding-right: 0
        }
    }

    .skin-light .bg-image {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }

    @media (min-width: 600px) {
        .skin-light .carousel.carousel-multi-item .wrapper {
            margin-right: 3%;
            margin-left: 3%
        }

        .skin-light .carousel.carousel-multi-item .carousel-control {
            top: 40%;
            background-image: none;
            -webkit-transform: translateY(-35%);
            transform: translateY(-35%)
        }

            .skin-light .carousel.carousel-multi-item .carousel-control:before {
                font-size: 5rem;
                color: rgba(0, 0, 0, 0.6);
                -webkit-transition: .4s;
                transition: .4s
            }

            .skin-light .carousel.carousel-multi-item .carousel-control:hover:before {
                color: #000
            }

            .skin-light .carousel.carousel-multi-item .carousel-control.left {
                left: 0
            }

                .skin-light .carousel.carousel-multi-item .carousel-control.left:before {
                    content: "\2039"
                }

            .skin-light .carousel.carousel-multi-item .carousel-control.right {
                right: 0
            }

                .skin-light .carousel.carousel-multi-item .carousel-control.right:before {
                    content: "\203a"
                }

        .skin-light .carousel.carousel-multi-item .carousel-control-next {
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

        .skin-light .carousel.carousel-multi-item .carousel-control-prev {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .skin-light .carousel.carousel-multi-item .carousel-control-prev,
        .skin-light .carousel.carousel-multi-item .carousel-control-next {
            position: absolute;
            bottom: 0;
            z-index: 1;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: auto;
            color: #fff;
            text-align: center;
            opacity: .5;
            -webkit-transition: opacity .15s ease;
            transition: opacity .15s ease
        }
    }

    .skin-light .carousel-multi-item .carousel-indicators {
        position: relative;
        margin-bottom: 2.5rem
    }

        .skin-light .carousel-multi-item .carousel-indicators li {
            width: 10px;
            max-width: 10px;
            height: 10px;
            margin-bottom: -3.75rem;
            background-color: rgba(0, 0, 0, 0.6)
        }

            .skin-light .carousel-multi-item .carousel-indicators li.active {
                width: 10px;
                max-width: 10px;
                height: 10px;
                background-color: rgba(0, 0, 0, 0.8)
            }

    .skin-light .switch label input[type=checkbox]:checked + .lever {
        background-color: #1266f1
    }

        .skin-light .switch label input[type=checkbox]:checked + .lever:after {
            background-color: #fff
        }

    .skin-light .switch label input[type=checkbox]:disabled + .lever {
        background-color: #e9ecef
    }

        .skin-light .switch label input[type=checkbox]:disabled + .lever:after {
            background-color: #adb5bd
        }

    .skin-light .switch label .lever {
        margin: 0 .625rem;
        background-color: #ccc;
        width: 44px;
        height: 24px;
        border-radius: 10em
    }

        .skin-light .switch label .lever:after {
            background-color: #fff;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            left: 4px;
            top: 4px;
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .skin-light h1,
    .skin-light h2,
    .skin-light h3,
    .skin-light h4,
    .skin-light h5,
    .skin-light h6 {
        font-family: 'Montserrat', sans-serif;
        /*font-family: 'Nunito Sans', sans-serif;
    font-weight: 700*/
    }

    .skin-light .card .card-body h1,
    .skin-light .card .card-body h2,
    .skin-light .card .card-body h3,
    .skin-light .card .card-body h4,
    .skin-light .card .card-body h5,
    .skin-light .card .card-body h6 {
        font-family: 'Montserrat', sans-serif;
        /*font-family: 'Nunito Sans', sans-serif;
    font-weight: 700*/
    }

    .skin-light .btn-save {
        margin: .5rem
    }

    .skin-light .product-gallery {
        position: relative
    }

        .skin-light .product-gallery figure:not(.main-img) {
            position: absolute;
            left: 0;
            right: 0
        }

        .skin-light .product-gallery .gallery-item {
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out
        }

            .skin-light .product-gallery .gallery-item:hover {
                cursor: pointer !important
            }

        .skin-light .product-gallery .main-img {
            overflow: hidden;
            float: none;
        }

            .skin-light .product-gallery .main-img img {
                box-shadow: none !important;
            }

    .skin-light .select-wrapper span.caret {
        z-index: 10
    }

    .skin-light .select-wrapper.md-form.md-outline + label {
        top: .47em !important;
        left: 8px;
        border-radius: 4px
    }

        .skin-light .select-wrapper.md-form.md-outline + label.active {
            border-radius: 4px
        }

    .skin-light .jumbotron {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        padding: 0
    }

        .skin-light .jumbotron.jumbotron-image {
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center
        }

    .skin-light .input-group.md-input-group.md-form.md-outline .select-outline {
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px
    }

    .skin-light .input-group.md-input-group.md-form.md-outline .select-wrapper input.select-dropdown {
        margin-bottom: 0
    }

    .skin-light .input-group.md-input-group.md-form.md-outline .select-wrapper.md-form.md-outline input[type="text"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .skin-light .input-group.md-input-group.md-form.md-outline input[type="text"] {
        border-radius: 0
    }

    .skin-light .input-group.md-input-group-secondary.md-form.md-outline .select-wrapper input.select-dropdown {
        margin-bottom: 0
    }

    .skin-light .input-group.md-input-group-secondary.md-form.md-outline .select-wrapper.md-form.md-outline input[type="text"] {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .skin-light .input-group.md-input-group-secondary.md-form.md-outline input[type="text"] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .skin-light .input-group.md-input-group-basic > .form-control:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .skin-light .input-group.md-input-group-basic > .form-control:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

    .skin-light .input-group.md-input-group-basic.md-form.md-outline label.active {
        z-index: 3
    }

    /* MODIFIED FOR HEADER */
    .fixed-sn main {
        /*padding-top: 5.5rem*/
        /*padding-top: 8.4rem;*/
        /*padding-top: 7.6rem;*/
        padding-top: 4.6rem;
    }

    /* CUSTOM ADDED MODIFIED FOR HEADER */
    @media (max-width: 768px) {
        .fixed-sn main {
            padding-top: 7.6rem;
        }
    }

    h1, .h1 {
        font-size: 1.7rem;
    }

    h2, .h2 {
        font-size: 1.65rem;
    }

    h3, .h5 {
        font-size: 1.43125rem;
    }

    h4, .h4 {
        font-size: 1.2125rem;
    }

    h5, .h5 {
        font-size: .99375rem;
    }

    h6, .h6 {
        font-size: 0.775rem;
    }

    .vector-map-label {
        position: absolute;
        display: none;
        border: solid 1px #CDCDCD;
        border-radius: 5px;
        background: #292929;
        color: white;
        font-size: smaller;
        letter-spacing: 1px;
        padding: 5px
    }

    .vector-map-zoom-in-btn,
    .vector-map-zoom-out-btn {
        position: absolute;
        left: 10px;
        border-radius: 3px;
        background: #292929;
        padding: 3px;
        color: white;
        width: 15px;
        height: 15px;
        cursor: pointer;
        line-height: 10px;
        text-align: center
    }

    .vector-map-zoom-in-btn {
        top: 10px
    }

    .vector-map-zoom-out-btn {
        top: 30px
    }
    /*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */

    .fc button,
    .fc table,
    body .fc {
        font-size: 1em
    }

    .fc-bg,
    .fc-row .fc-bgevent-skeleton,
    .fc-row .fc-highlight-skeleton {
        bottom: 0
    }

    .fc-icon,
    .fc-unselectable {
        -webkit-touch-callout: none;
        -khtml-user-select: none
    }

    .fc {
        direction: ltr;
        text-align: left
    }

    .fc-rtl {
        text-align: right
    }

    .fc th,
    .fc-basic-view td.fc-week-number,
    .fc-icon,
    .fc-toolbar {
        text-align: center
    }

    .fc-highlight {
        background: #bce8f1;
        opacity: .3
    }

    .fc-bgevent {
        background: #8fdf82;
        opacity: .3
    }

    .fc-nonbusiness {
        background: #d7d7d7
    }

    .fc button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        height: 2.1em;
        padding: 0 .6em;
        white-space: nowrap;
        cursor: pointer
    }

        .fc button::-moz-focus-inner {
            margin: 0;
            padding: 0
        }

    .fc-state-default {
        border: 1px solid;
        background-color: #f5f5f5;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
        background-image: linear-gradient(to bottom, #fff, #e6e6e6);
        background-repeat: repeat-x;
        border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        color: #333;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
    }

        .fc-state-default.fc-corner-left {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .fc-state-default.fc-corner-right {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

    .fc button .fc-icon {
        position: relative;
        top: -.05em;
        margin: 0 .2em;
        vertical-align: middle
    }

    .fc-state-active,
    .fc-state-disabled,
    .fc-state-down,
    .fc-state-hover {
        color: #333;
        background-color: #e6e6e6
    }

    .fc-state-hover {
        color: #333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position .1s linear;
        transition: background-position .1s linear
    }

    .fc-state-active,
    .fc-state-down {
        background-color: #ccc;
        background-image: none;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
    }

    .fc-state-disabled {
        cursor: default;
        background-image: none;
        opacity: .65;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .fc-event.fc-draggable,
    .fc-event[href],
    .fc-popover .fc-header .fc-close,
    a[data-goto] {
        cursor: pointer
    }

    .fc-button-group {
        display: inline-block
    }

    .fc .fc-button-group > * {
        float: left;
        margin: 0 0 0 -1px
    }

    .fc .fc-button-group > :first-child {
        margin-left: 0
    }

    .fc-popover {
        position: absolute;
        -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15)
    }

        .fc-popover .fc-header {
            padding: 2px 4px
        }

            .fc-popover .fc-header .fc-title {
                margin: 0 2px
            }

    .fc-ltr .fc-popover .fc-header .fc-title,
    .fc-rtl .fc-popover .fc-header .fc-close {
        float: left
    }

    .fc-ltr .fc-popover .fc-header .fc-close,
    .fc-rtl .fc-popover .fc-header .fc-title {
        float: right
    }

    .fc-divider {
        border-style: solid;
        border-width: 1px
    }

    hr.fc-divider {
        height: 0;
        margin: 0;
        padding: 0 0 2px;
        border-width: 1px 0
    }

    .fc-bg table,
    .fc-row .fc-bgevent-skeleton table,
    .fc-row .fc-highlight-skeleton table {
        height: 100%
    }

    .fc-clear {
        clear: both
    }

    .fc-bg,
    .fc-bgevent-skeleton,
    .fc-helper-skeleton,
    .fc-highlight-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .fc table {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0
    }

    .fc td,
    .fc th {
        border-style: solid;
        border-width: 1px;
        padding: 0;
        vertical-align: top
    }

        .fc td.fc-today {
            border-style: double
        }

    a[data-goto]:hover {
        text-decoration: underline
    }

    .fc .fc-row {
        border-style: solid;
        border-width: 0
    }

    .fc-row table {
        border-left: 0 hidden transparent;
        border-right: 0 hidden transparent;
        border-bottom: 0 hidden transparent
    }

    .fc-row:first-child table {
        border-top: 0 hidden transparent
    }

    .fc-row {
        position: relative
    }

        .fc-row .fc-bg {
            z-index: 1
        }

        .fc-row .fc-bgevent-skeleton td,
        .fc-row .fc-highlight-skeleton td {
            border-color: transparent
        }

        .fc-row .fc-bgevent-skeleton {
            z-index: 2
        }

        .fc-row .fc-highlight-skeleton {
            z-index: 3
        }

        .fc-row .fc-content-skeleton {
            position: relative;
            z-index: 4;
            padding-bottom: 2px
        }

        .fc-row .fc-helper-skeleton {
            z-index: 5
        }

    .fc .fc-row .fc-content-skeleton table,
    .fc .fc-row .fc-content-skeleton td,
    .fc .fc-row .fc-helper-skeleton td {
        background: 0 0;
        border-color: transparent
    }

    .fc-row .fc-content-skeleton td,
    .fc-row .fc-helper-skeleton td {
        border-bottom: 0
    }

    .fc-row .fc-content-skeleton tbody td,
    .fc-row .fc-helper-skeleton tbody td {
        border-top: 0
    }

    .fc-scroller {
        -webkit-overflow-scrolling: touch
    }

    .fc-icon,
    .fc-row.fc-rigid,
    .fc-time-grid-event {
        overflow: hidden
    }

    .fc-scroller > .fc-day-grid,
    .fc-scroller > .fc-time-grid {
        position: relative;
        width: 100%
    }

    .fc-event {
        position: relative;
        display: block;
        font-size: .85em;
        line-height: 1.3;
        border-radius: 3px;
        border: 1px solid #3a87ad
    }

    .fc-event,
    .fc-event-dot {
        background-color: #3a87ad
    }

        .fc-event,
        .fc-event:hover {
            color: #fff;
            text-decoration: none
        }

    .fc-not-allowed,
    .fc-not-allowed .fc-event {
        cursor: not-allowed
    }

    .fc-event .fc-bg {
        z-index: 1;
        background: #fff;
        opacity: .25
    }

    .fc-event .fc-content {
        position: relative;
        z-index: 2
    }

    .fc-event .fc-resizer {
        position: absolute;
        z-index: 4;
        display: none
    }

    .fc-event.fc-allow-mouse-resize .fc-resizer,
    .fc-event.fc-selected .fc-resizer {
        display: block
    }

        .fc-event.fc-selected .fc-resizer:before {
            content: "";
            position: absolute;
            z-index: 9999;
            top: 50%;
            left: 50%;
            width: 40px;
            height: 40px;
            margin-left: -20px;
            margin-top: -20px
        }

    .fc-event.fc-selected {
        z-index: 9999 !important;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
    }

        .fc-event.fc-selected.fc-dragging {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3)
        }

    .fc-h-event.fc-selected:before {
        content: "";
        position: absolute;
        z-index: 3;
        top: -10px;
        bottom: -10px;
        left: 0;
        right: 0
    }

    .fc-ltr .fc-h-event.fc-not-start,
    .fc-rtl .fc-h-event.fc-not-end {
        margin-left: 0;
        border-left-width: 0;
        padding-left: 1px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .fc-ltr .fc-h-event.fc-not-end,
    .fc-rtl .fc-h-event.fc-not-start {
        margin-right: 0;
        border-right-width: 0;
        padding-right: 1px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .fc-ltr .fc-h-event .fc-start-resizer,
    .fc-rtl .fc-h-event .fc-end-resizer {
        cursor: w-resize;
        left: -1px
    }

    .fc-ltr .fc-h-event .fc-end-resizer,
    .fc-rtl .fc-h-event .fc-start-resizer {
        cursor: e-resize;
        right: -1px
    }

    .fc-h-event.fc-allow-mouse-resize .fc-resizer {
        width: 7px;
        top: -1px;
        bottom: -1px
    }

    .fc-h-event.fc-selected .fc-resizer {
        border-radius: 4px;
        border-width: 1px;
        width: 6px;
        height: 6px;
        border-style: solid;
        border-color: inherit;
        background: #fff;
        top: 50%;
        margin-top: -4px
    }

    .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
    .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
        margin-left: -4px
    }

    .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
    .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
        margin-right: -4px
    }

    .fc-day-grid-event {
        margin: 1px 2px 0;
        padding: 0 1px
    }

    tr:first-child > td > .fc-day-grid-event {
        margin-top: 2px
    }

    .fc-day-grid-event.fc-selected:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        background: #000;
        opacity: .25
    }

    .fc-day-grid-event .fc-content {
        white-space: nowrap;
        overflow: hidden
    }

    .fc-day-grid-event .fc-time {
        font-weight: 700
    }

    .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
    .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
        margin-left: -2px
    }

    .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
    .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
        margin-right: -2px
    }

    a.fc-more {
        margin: 1px 3px;
        font-size: .85em;
        cursor: pointer;
        text-decoration: none
    }

        a.fc-more:hover {
            text-decoration: underline
        }

    .fc.fc-bootstrap3 a,
    .ui-widget .fc-event {
        text-decoration: none
    }

    .fc-limited {
        display: none
    }

    .fc-icon,
    .fc-toolbar .fc-center {
        display: inline-block
    }

    .fc-day-grid .fc-row {
        z-index: 1
    }

    .fc-more-popover {
        z-index: 2;
        width: 220px
    }

        .fc-more-popover .fc-event-container {
            padding: 10px
        }

    .fc-bootstrap3 .fc-popover .panel-body,
    .fc-bootstrap4 .fc-popover .card-body {
        padding: 0
    }

    .fc-now-indicator {
        position: absolute;
        border: 0 solid red
    }

    .fc-bootstrap3 .fc-today.alert,
    .fc-bootstrap4 .fc-today.alert {
        border-radius: 0
    }

    .fc-unselectable {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: transparent
    }

    .fc-unthemed .fc-content,
    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-list-heading td,
    .fc-unthemed .fc-list-view,
    .fc-unthemed .fc-popover,
    .fc-unthemed .fc-row,
    .fc-unthemed tbody,
    .fc-unthemed td,
    .fc-unthemed th,
    .fc-unthemed thead {
        border-color: #ddd
    }

    .fc-unthemed .fc-popover {
        background-color: #fff;
        border-width: 1px;
        border-style: solid
    }

        .fc-unthemed .fc-divider,
        .fc-unthemed .fc-list-heading td,
        .fc-unthemed .fc-popover .fc-header {
            background: #eee
        }

    .fc-unthemed td.fc-today {
        background: #fcf8e3
    }

    .fc-unthemed .fc-disabled-day {
        background: #d7d7d7;
        opacity: .3
    }

    .fc-icon {
        height: 1em;
        line-height: 1em;
        font-size: 1em;
        font-family: "Courier New", Courier, monospace;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .fc-icon:after {
            position: relative
        }

    .fc-icon-left-single-arrow:after {
        content: "\2039";
        font-weight: 700;
        font-size: 200%;
        top: -7%
    }

    .fc-icon-right-single-arrow:after {
        content: "\203A";
        font-weight: 700;
        font-size: 200%;
        top: -7%
    }

    .fc-icon-left-double-arrow:after {
        content: "\AB";
        font-size: 160%;
        top: -7%
    }

    .fc-icon-right-double-arrow:after {
        content: "\BB";
        font-size: 160%;
        top: -7%
    }

    .fc-icon-left-triangle:after {
        content: "\25C4";
        font-size: 125%;
        top: 3%
    }

    .fc-icon-right-triangle:after {
        content: "\25BA";
        font-size: 125%;
        top: 3%
    }

    .fc-icon-down-triangle:after {
        content: "\25BC";
        font-size: 125%;
        top: 2%
    }

    .fc-icon-x:after {
        content: "\D7";
        font-size: 200%;
        top: 6%
    }

    .fc-unthemed .fc-popover .fc-header .fc-close {
        color: #666;
        font-size: .9em;
        margin-top: 2px
    }

    .fc-unthemed .fc-list-item:hover td {
        background-color: #f5f5f5
    }

    .ui-widget .fc-disabled-day {
        background-image: none
    }

    .fc-bootstrap3 .fc-time-grid .fc-slats table,
    .fc-bootstrap4 .fc-time-grid .fc-slats table,
    .fc-time-grid .fc-slats .ui-widget-content {
        background: 0 0
    }

    .fc-popover > .ui-widget-header + .ui-widget-content {
        border-top: 0
    }

    .fc-bootstrap3 hr.fc-divider,
    .fc-bootstrap4 hr.fc-divider {
        border-color: inherit
    }

    .ui-widget .fc-event {
        color: #fff;
        font-weight: 400
    }

    .ui-widget td.fc-axis {
        font-weight: 400
    }

    .fc.fc-bootstrap3 a[data-goto]:hover {
        text-decoration: underline
    }

    .fc.fc-bootstrap4 a {
        text-decoration: none
    }

        .fc.fc-bootstrap4 a[data-goto]:hover {
            text-decoration: underline
        }

    .fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
        color: #fff
    }

    .fc-bootstrap4 .fc-popover.card {
        position: absolute
    }

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1em
    }

    .fc-toolbar.fc-footer-toolbar {
        margin-top: 1em
    }

    .fc-toolbar .fc-left {
        float: left
    }

    .fc-toolbar .fc-right {
        float: right
    }

    .fc .fc-toolbar > * > * {
        float: left;
        margin-left: .75em
    }

    .fc .fc-toolbar > * > :first-child {
        margin-left: 0
    }

    .fc-toolbar h2 {
        margin: 0
    }

    .fc-toolbar button {
        position: relative
    }

    .fc-toolbar .fc-state-hover,
    .fc-toolbar .ui-state-hover {
        z-index: 2
    }

    .fc-toolbar .fc-state-down {
        z-index: 3
    }

    .fc-toolbar .fc-state-active,
    .fc-toolbar .ui-state-active {
        z-index: 4
    }

    .fc-toolbar button:focus {
        z-index: 5
    }

    .fc-view-container *,
    .fc-view-container:after,
    .fc-view-container:before {
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .fc-view,
    .fc-view > table {
        position: relative;
        z-index: 1
    }

    .fc-basicDay-view .fc-content-skeleton,
    .fc-basicWeek-view .fc-content-skeleton {
        padding-bottom: 1em
    }

    .fc-basic-view .fc-body .fc-row {
        min-height: 4em
    }

    .fc-row.fc-rigid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .fc-day-top.fc-other-month {
        opacity: .3
    }

    .fc-basic-view .fc-day-number,
    .fc-basic-view .fc-week-number {
        padding: 2px
    }

    .fc-basic-view th.fc-day-number,
    .fc-basic-view th.fc-week-number {
        padding: 0 2px
    }

    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
        float: right
    }

    .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
        float: left
    }

    .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
        float: left;
        border-radius: 0 0 3px
    }

    .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
        float: right;
        border-radius: 0 0 0 3px
    }

    .fc-basic-view .fc-day-top .fc-week-number {
        min-width: 1.5em;
        text-align: center;
        background-color: #f2f2f2;
        color: grey
    }

    .fc-basic-view td.fc-week-number > * {
        display: inline-block;
        min-width: 1.25em
    }

    .fc-agenda-view .fc-day-grid {
        position: relative;
        z-index: 2
    }

        .fc-agenda-view .fc-day-grid .fc-row {
            min-height: 3em
        }

            .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
                padding-bottom: 1em
            }

    .fc .fc-axis {
        vertical-align: middle;
        padding: 0 4px;
        white-space: nowrap
    }

    .fc-ltr .fc-axis {
        text-align: right
    }

    .fc-rtl .fc-axis {
        text-align: left
    }

    .fc-time-grid,
    .fc-time-grid-container {
        position: relative;
        z-index: 1
    }

    .fc-time-grid {
        min-height: 100%
    }

        .fc-time-grid table {
            border: 0 hidden transparent
        }

        .fc-time-grid > .fc-bg {
            z-index: 1
        }

        .fc-time-grid .fc-slats,
        .fc-time-grid > hr {
            position: relative;
            z-index: 2
        }

        .fc-time-grid .fc-content-col {
            position: relative
        }

        .fc-time-grid .fc-content-skeleton {
            position: absolute;
            z-index: 3;
            top: 0;
            left: 0;
            right: 0
        }

        .fc-time-grid .fc-business-container {
            position: relative;
            z-index: 1
        }

        .fc-time-grid .fc-bgevent-container {
            position: relative;
            z-index: 2
        }

        .fc-time-grid .fc-highlight-container {
            z-index: 3;
            position: relative
        }

        .fc-time-grid .fc-event-container {
            position: relative;
            z-index: 4
        }

        .fc-time-grid .fc-now-indicator-line {
            z-index: 5
        }

        .fc-time-grid .fc-helper-container {
            position: relative;
            z-index: 6
        }

        .fc-time-grid .fc-slats td {
            height: 1.5em;
            border-bottom: 0
        }

        .fc-time-grid .fc-slats .fc-minor td {
            border-top-style: dotted
        }

        .fc-time-grid .fc-highlight {
            position: absolute;
            left: 0;
            right: 0
        }

    .fc-ltr .fc-time-grid .fc-event-container {
        margin: 0 2.5% 0 2px
    }

    .fc-rtl .fc-time-grid .fc-event-container {
        margin: 0 2px 0 2.5%
    }

    .fc-time-grid .fc-bgevent,
    .fc-time-grid .fc-event {
        position: absolute;
        z-index: 1
    }

    .fc-time-grid .fc-bgevent {
        left: 0;
        right: 0
    }

    .fc-v-event.fc-not-start {
        border-top-width: 0;
        padding-top: 1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .fc-v-event.fc-not-end {
        border-bottom-width: 0;
        padding-bottom: 1px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .fc-time-grid-event.fc-selected {
        overflow: visible
    }

        .fc-time-grid-event.fc-selected .fc-bg {
            display: none
        }

    .fc-time-grid-event .fc-content {
        overflow: hidden
    }

    .fc-time-grid-event .fc-time,
    .fc-time-grid-event .fc-title {
        padding: 0 1px
    }

    .fc-time-grid-event .fc-time {
        font-size: .85em;
        white-space: nowrap
    }

    .fc-time-grid-event.fc-short .fc-content {
        white-space: nowrap
    }

    .fc-time-grid-event.fc-short .fc-time,
    .fc-time-grid-event.fc-short .fc-title {
        display: inline-block;
        vertical-align: top
    }

        .fc-time-grid-event.fc-short .fc-time span {
            display: none
        }

        .fc-time-grid-event.fc-short .fc-time:before {
            content: attr(data-start)
        }

        .fc-time-grid-event.fc-short .fc-time:after {
            content: "\A0-\A0"
        }

    .fc-time-grid-event.fc-short .fc-title {
        font-size: .85em;
        padding: 0
    }

    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
        left: 0;
        right: 0;
        bottom: 0;
        height: 8px;
        overflow: hidden;
        line-height: 8px;
        font-size: 11px;
        font-family: monospace;
        text-align: center;
        cursor: s-resize
    }

        .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
            content: "="
        }

    .fc-time-grid-event.fc-selected .fc-resizer {
        border-radius: 5px;
        border-width: 1px;
        width: 8px;
        height: 8px;
        border-style: solid;
        border-color: inherit;
        background: #fff;
        left: 50%;
        margin-left: -5px;
        bottom: -5px
    }

    .fc-time-grid .fc-now-indicator-line {
        border-top-width: 1px;
        left: 0;
        right: 0
    }

    .fc-time-grid .fc-now-indicator-arrow {
        margin-top: -5px
    }

    .fc-ltr .fc-time-grid .fc-now-indicator-arrow {
        left: 0;
        border-width: 5px 0 5px 6px;
        border-top-color: transparent;
        border-bottom-color: transparent
    }

    .fc-rtl .fc-time-grid .fc-now-indicator-arrow {
        right: 0;
        border-width: 5px 6px 5px 0;
        border-top-color: transparent;
        border-bottom-color: transparent
    }

    .fc-event-dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 5px
    }

    .fc-rtl .fc-list-view {
        direction: rtl
    }

    .fc-list-view {
        border-width: 1px;
        border-style: solid
    }

    .fc .fc-list-table {
        table-layout: auto
    }

    .fc-list-table td {
        border-width: 1px 0 0;
        padding: 8px 14px
    }

    .fc-list-table tr:first-child td {
        border-top-width: 0
    }

    .fc-list-heading {
        border-bottom-width: 1px
    }

        .fc-list-heading td {
            font-weight: 700
        }

    .fc-ltr .fc-list-heading-main {
        float: left
    }

    .fc-ltr .fc-list-heading-alt,
    .fc-rtl .fc-list-heading-main {
        float: right
    }

    .fc-rtl .fc-list-heading-alt {
        float: left
    }

    .fc-list-item.fc-has-url {
        cursor: pointer
    }

    .fc-list-item-marker,
    .fc-list-item-time {
        white-space: nowrap;
        width: 1px
    }

    .fc-ltr .fc-list-item-marker {
        padding-right: 0
    }

    .fc-rtl .fc-list-item-marker {
        padding-left: 0
    }

    .fc-list-item-title a {
        text-decoration: none;
        color: inherit
    }

        .fc-list-item-title a[href]:hover {
            text-decoration: underline
        }

    .fc-list-empty-wrap2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .fc-list-empty-wrap1 {
        width: 100%;
        height: 100%;
        display: table
    }

    .fc-list-empty {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    .fc-unthemed .fc-list-empty {
        background-color: #eee
    }

    .fc {
        background: #fff
    }

        .fc .fc-toolbar {
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px
        }

    @media (max-width: 425px) {
        .fc-toolbar .fc-left {
            margin-bottom: 0.5em;
            display: inline-table;
            float: none
        }

        .fc-toolbar .fc-right {
            margin-bottom: 0.5em;
            display: inline-table;
            float: none
        }
    }

    .fc td.fc-today {
        background: #f2f2f2 !important
    }

    .fc .fc-event {
        background-color: transparent;
        border: 0
    }

    .fc .fc-content {
        background-color: #4fc3f7;
        padding: 2px;
        color: #fff
    }

    .fc .fc-state-default {
        border-color: #4fc3f7;
        color: #4fc3f7
    }

    .fc .fc-state-active {
        background-color: #4fc3f7;
        background-image: none;
        outline: 0;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: none
    }

    .fc button {
        background: transparent
    }

    .mdb-wysiwyg-container {
        display: block;
        border: 1px solid #ededed;
        border-radius: 3px 3px 0 0
    }

    .mdb-wysiwyg-toolbar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-left: 8px;
        padding-right: 8px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #d9dad9;
        border-radius: 3px 3px 0 0;
        background: #f4f4f4;
        background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#efeeee));
        background: linear-gradient(#f4f4f4, #efeeee)
    }

    .mdb-wysiwyg-toolbar-options {
        list-style: none;
        margin: 5px 0;
        padding-left: 0
    }

        .mdb-wysiwyg-toolbar-options li {
            display: inline-block;
            padding-left: 0
        }

        .mdb-wysiwyg-toolbar-options button {
            color: #555;
            background: transparent;
            border: none;
            border-radius: 3px;
            cursor: pointer
        }

            .mdb-wysiwyg-toolbar-options button:focus {
                outline: 0
            }

            .mdb-wysiwyg-toolbar-options button.active {
                border: 1px solid #ccc;
                -webkit-box-shadow: inset 0 0 13px #00000025;
                box-shadow: inset 0 0 13px #00000025
            }

    .mdb-wysiwyg-toolbar-options-list {
        visibility: hidden;
        position: absolute;
        background: #fff;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(0, 0, 0, 0.2);
        list-style: none;
        font-size: .8rem;
        padding-left: 0;
        z-index: 99;
        opacity: 0;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s
    }

        .mdb-wysiwyg-toolbar-options-list.visible {
            visibility: visible;
            opacity: 1
        }

        .mdb-wysiwyg-toolbar-options-list li {
            display: block
        }

        .mdb-wysiwyg-toolbar-options-list a {
            display: block;
            padding: 4px 10px;
            color: #000
        }

            .mdb-wysiwyg-toolbar-options-list a:hover {
                background: #eee
            }

    .mdb-wysiwyg-toolbar-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .mdb-wysiwyg-toolbar-dropdown {
        -ms-flex-item-align: center;
        align-self: center
    }

    .mdb-wysiwyg-toolbar-dropdown-toggle {
        font-size: .875rem;
        color: #555;
        border: 0;
        background: transparent;
        cursor: pointer
    }

        .mdb-wysiwyg-toolbar-dropdown-toggle:focus {
            outline: 0
        }

        .mdb-wysiwyg-toolbar-dropdown-toggle::after {
            content: "";
            display: inline-block;
            border-style: solid;
            border-width: 3px;
            border-color: #888 transparent transparent;
            right: 0;
            margin-left: 5px
        }

    .mdb-wysiwyg-toolbar-color-palette {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-gap: 3px;
        padding: 3px
    }

        .mdb-wysiwyg-toolbar-color-palette li {
            padding: 0
        }

        .mdb-wysiwyg-toolbar-color-palette button {
            display: block;
            width: 14px;
            height: 14px;
            border: 1px solid rgba(0, 0, 0, 0.15);
            border-radius: 0
        }

    .mdb-wysiwyg-textarea {
        display: block;
        padding: 15px;
        width: 100%;
        min-height: 450px;
        border: 0;
        resize: none;
        background: #fff
    }

        .mdb-wysiwyg-textarea.show-raw {
            white-space: pre-line
        }

        .mdb-wysiwyg-textarea:focus {
            outline: 0
        }

    div.dataTables_wrapper div.dataTables_length select,
    div.dataTables_wrapper div.dataTables_length input {
        width: auto
    }

    div.dataTables_wrapper div.dataTables_length.d-flex.flex-row label {
        margin-top: 1.2rem;
        margin-right: 1rem
    }

    div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select span,
    div.dataTables_wrapper div.dataTables_length.d-flex.flex-row .select-wrapper.mdb-select .select-dropdown {
        margin-top: 1rem
    }

    div.dataTables_wrapper div.dataTables_length label,
    div.dataTables_wrapper div.dataTables_filter label {
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-weight: 400;
        text-align: left
    }

    div.dataTables_wrapper div.dataTables_filter {
        text-align: right
    }

        div.dataTables_wrapper div.dataTables_filter select,
        div.dataTables_wrapper div.dataTables_filter input {
            width: auto
        }

        div.dataTables_wrapper div.dataTables_filter input {
            display: inline-block;
            margin-left: .5rem
        }

    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-weight: 400
    }

    div.dataTables_wrapper div.dataTables_paginate {
        margin: 0;
        text-align: right
    }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-pack: end
        }

            div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link {
                background-color: #7e7e7e
            }

                div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
                    background-color: #7e7e7e
                }

            div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link:focus {
                -webkit-box-shadow: none;
                box-shadow: none
            }

    @media (max-width: 767px) {
        div.dataTables_wrapper div .dataTables_length,
        div.dataTables_wrapper div .dataTables_filter,
        div.dataTables_wrapper div .dataTables_info,
        div.dataTables_wrapper div .dataTables_paginate ul.pagination {
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center;
            -webkit-box-pack: center
        }
    }

    .bs-select select {
        display: inline-block !important
    }

    .dataTables_scrollHead .dataTables_scrollHeadInner,
    .dataTables_scrollHead .dataTables_scrollHeadInner table {
        padding-right: 0 !important;
        margin-right: 0 !important;
        width: 100% !important
    }

        .dataTables_scrollHead .dataTables_scrollHeadInner table {
            margin-bottom: 0 !important
        }

    .dataTables_scrollFoot .dataTables_scrollFootInner,
    .dataTables_scrollFoot .dataTables_scrollFootInner table {
        padding-right: 0 !important;
        margin-right: 0 !important;
        width: 100% !important
    }

    table.dataTable tbody > tr.selected,
    table.dataTable tbody > tr > .selected {
        background-color: #f5f5f5
    }

    table.dataTable tbody > tr:not(.selected):hover {
        background-color: rgba(245, 245, 245, 0.4)
    }

    table.dataTable.stripe tbody > tr.odd.selected,
    table.dataTable.stripe tbody > tr.odd > .selected,
    table.dataTable.display tbody > tr.odd.selected,
    table.dataTable.display tbody > tr.odd > .selected {
        background-color: #acbad4
    }

    table.dataTable.hover tbody > tr.selected:hover,
    table.dataTable.hover tbody > tr > .selected:hover,
    table.dataTable.display tbody > tr.selected:hover,
    table.dataTable.display tbody > tr > .selected:hover {
        background-color: #aab7d1
    }

    table.dataTable.order-column tbody > tr.selected > .sorting_1,
    table.dataTable.order-column tbody > tr.selected > .sorting_2,
    table.dataTable.order-column tbody > tr.selected > .sorting_3,
    table.dataTable.display tbody > tr.selected > .sorting_1,
    table.dataTable.display tbody > tr.selected > .sorting_2,
    table.dataTable.display tbody > tr.selected > .sorting_3 {
        background-color: #acbad5
    }

    table.dataTable.order-column tbody > tr > .selected,
    table.dataTable.display tbody > tr > .selected {
        background-color: #acbad5
    }

    table.dataTable.display tbody > tr.odd.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
        background-color: #a6b4cd
    }

    table.dataTable.display tbody > tr.odd.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
        background-color: #a8b5cf
    }

    table.dataTable.display tbody > tr.odd.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
        background-color: #a9b7d1
    }

    table.dataTable.display tbody > tr.even.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
        background-color: #acbad5
    }

    table.dataTable.display tbody > tr.even.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
        background-color: #aebcd6
    }

    table.dataTable.display tbody > tr.even.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
        background-color: #afbdd8
    }

    table.dataTable.display tbody > tr.odd > .selected,
    table.dataTable.order-column.stripe tbody > tr.odd > .selected {
        background-color: #a6b4cd
    }

    table.dataTable.display tbody > tr.even > .selected,
    table.dataTable.order-column.stripe tbody > tr.even > .selected {
        background-color: #acbad5
    }

    table.dataTable.display tbody > tr.selected:hover > .sorting_1,
    table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
        background-color: #a2aec7
    }

    table.dataTable.display tbody > tr.selected:hover > .sorting_2,
    table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
        background-color: #a3b0c9
    }

    table.dataTable.display tbody > tr.selected:hover > .sorting_3,
    table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
        background-color: #a5b2cb
    }

    table.dataTable.display tbody > tr:hover > .selected,
    table.dataTable.display tbody > tr > .selected:hover,
    table.dataTable.order-column.hover tbody > tr:hover > .selected,
    table.dataTable.order-column.hover tbody > tr > .selected:hover {
        background-color: #a2aec7
    }

    table.dataTable tbody td.select-checkbox,
    table.dataTable tbody td.select-checkbox-all,
    table.dataTable tbody th.select-checkbox,
    table.dataTable tbody th.select-checkbox-all,
    table.dataTable thead td.select-checkbox,
    table.dataTable thead td.select-checkbox-all,
    table.dataTable thead th.select-checkbox,
    table.dataTable thead th.select-checkbox-all {
        position: relative
    }

        table.dataTable tbody td.select-checkbox:before,
        table.dataTable tbody td.select-checkbox:after,
        table.dataTable tbody td.select-checkbox-all:before,
        table.dataTable tbody td.select-checkbox-all:after,
        table.dataTable tbody th.select-checkbox:before,
        table.dataTable tbody th.select-checkbox:after,
        table.dataTable tbody th.select-checkbox-all:before,
        table.dataTable tbody th.select-checkbox-all:after,
        table.dataTable thead td.select-checkbox:before,
        table.dataTable thead td.select-checkbox:after,
        table.dataTable thead td.select-checkbox-all:before,
        table.dataTable thead td.select-checkbox-all:after,
        table.dataTable thead th.select-checkbox:before,
        table.dataTable thead th.select-checkbox:after,
        table.dataTable thead th.select-checkbox-all:before,
        table.dataTable thead th.select-checkbox-all:after {
            position: absolute;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            left: 50%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            width: 20px;
            height: 20px
        }

        table.dataTable tbody td.select-checkbox:hover,
        table.dataTable tbody td.select-checkbox-all:hover,
        table.dataTable tbody th.select-checkbox:hover,
        table.dataTable tbody th.select-checkbox-all:hover,
        table.dataTable thead td.select-checkbox:hover,
        table.dataTable thead td.select-checkbox-all:hover,
        table.dataTable thead th.select-checkbox:hover,
        table.dataTable thead th.select-checkbox-all:hover {
            cursor: pointer
        }

        table.dataTable tbody td.select-checkbox:before,
        table.dataTable tbody th.select-checkbox.select-checkbox-all:before,
        table.dataTable thead td.select-checkbox:before,
        table.dataTable thead th.select-checkbox.select-checkbox-all:before {
            content: " ";
            border: 2px solid #5a5a5a;
            border-radius: 3px
        }

    table.dataTable tr.selected td.select-checkbox:after,
    table.dataTable tr.selected th.select-checkbox:after {
        margin-top: 0;
        text-align: center;
        font-family: "Font Awesome\ 5 Free", sans-serif;
        font-size: 0.9rem;
        font-weight: 600;
        content: "\f00c";
        background-color: #a6c;
        -webkit-box-shadow: 0 0 1em #5a5a5a;
        box-shadow: 0 0 1em #5a5a5a;
        color: #fff
    }

    div.dataTables_wrapper span.select-info,
    div.dataTables_wrapper span.select-item {
        margin-left: .5em
    }

    @media screen and (max-width: 640px) {
        div.dataTables_wrapper span.select-info,
        div.dataTables_wrapper span.select-item {
            display: block;
            margin-left: 0
        }
    }

    /* *********************************************************************** */
    /* CUSTOM LEFT ALIGNED MODAL POPUP */
    /*.modal-open {
    overflow: hidden !important;
    margin-right: 0px !important;
}

    .modal-open .modal {
        overflow: auto;
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
    border-radius: 10px;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}*/

    /*.modal-left-panel {
    padding-right: 0 !important;
}*/

    .modal-left-panel .modal-dialog {
        max-width: 250px;
        margin: 0;
        margin-left: auto;
        height: 100%;
    }

    .modal-left-panel .modal-content {
        height: 100%;
        border: 0;
    }

    .modal-left-panel .modal-body {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-color: #fff;
    }

    .modal-left-panel.fade .modal-dialog {
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
        -webkit-transition: -webkit-transform .25s;
        transition: -webkit-transform .25s;
        transition: transform .25s;
        transition: transform .25s, -webkit-transform .25s;
    }

    .modal-left-panel.show .modal-dialog {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .modal-left-panel #star-rating {
        color: #ffc107;
        font-size: 1rem;
    }
    /* *********************************************************************** */


    /* *********************************************************************** */
    /* ALGOLIA SEARCH STYLES */
    .ais-Breadcrumb-list,
    .ais-CurrentRefinements-list,
    .ais-HierarchicalMenu-list,
    .ais-Hits-list,
    .ais-InfiniteHits-list,
    .ais-InfiniteResults-list,
    .ais-Menu-list,
    .ais-NumericMenu-list,
    .ais-Pagination-list,
    .ais-RatingMenu-list,
    .ais-RefinementList-list,
    .ais-Results-list,
    .ais-ToggleRefinement-list {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .ais-ClearRefinements-button,
    .ais-CurrentRefinements-delete,
    .ais-CurrentRefinements-reset,
    .ais-GeoSearch-redo,
    .ais-GeoSearch-reset,
    .ais-HierarchicalMenu-showMore,
    .ais-InfiniteHits-loadMore,
    .ais-InfiniteHits-loadPrevious,
    .ais-InfiniteResults-loadMore,
    .ais-Menu-showMore,
    .ais-RangeInput-submit,
    .ais-RefinementList-showMore,
    .ais-SearchBox-reset,
    .ais-SearchBox-submit,
    .ais-VoiceSearch-button {
        padding: 0;
        overflow: visible;
        font: inherit;
        line-height: normal;
        color: inherit;
        background: none;
        border: 0;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

        .ais-ClearRefinements-button::-moz-focus-inner,
        .ais-CurrentRefinements-delete::-moz-focus-inner,
        .ais-CurrentRefinements-reset::-moz-focus-inner,
        .ais-GeoSearch-redo::-moz-focus-inner,
        .ais-GeoSearch-reset::-moz-focus-inner,
        .ais-HierarchicalMenu-showMore::-moz-focus-inner,
        .ais-InfiniteHits-loadMore::-moz-focus-inner,
        .ais-InfiniteHits-loadPrevious::-moz-focus-inner,
        .ais-InfiniteResults-loadMore::-moz-focus-inner,
        .ais-Menu-showMore::-moz-focus-inner,
        .ais-RangeInput-submit::-moz-focus-inner,
        .ais-RefinementList-showMore::-moz-focus-inner,
        .ais-SearchBox-reset::-moz-focus-inner,
        .ais-SearchBox-submit::-moz-focus-inner,
        .ais-VoiceSearch-button::-moz-focus-inner {
            padding: 0;
            border: 0
        }

        .ais-ClearRefinements-button[disabled],
        .ais-CurrentRefinements-delete[disabled],
        .ais-CurrentRefinements-reset[disabled],
        .ais-GeoSearch-redo[disabled],
        .ais-GeoSearch-reset[disabled],
        .ais-HierarchicalMenu-showMore[disabled],
        .ais-InfiniteHits-loadMore[disabled],
        .ais-InfiniteHits-loadPrevious[disabled],
        .ais-InfiniteResults-loadMore[disabled],
        .ais-Menu-showMore[disabled],
        .ais-RangeInput-submit[disabled],
        .ais-RefinementList-showMore[disabled],
        .ais-SearchBox-reset[disabled],
        .ais-SearchBox-submit[disabled],
        .ais-VoiceSearch-button[disabled] {
            cursor: default
        }

    .ais-Breadcrumb-item,
    .ais-Breadcrumb-list,
    .ais-Pagination-list,
    .ais-PoweredBy,
    .ais-RangeInput-form,
    .ais-RatingMenu-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ais-GeoSearch,
    .ais-GeoSearch-map {
        height: 100%
    }

    .ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
        margin-left: 1em
    }

    .ais-PoweredBy-logo {
        display: block;
        height: 1.2em;
        width: auto
    }

    .ais-RatingMenu-starIcon {
        display: block;
        width: 20px;
        height: 20px
    }

    .ais-SearchBox-input::-ms-clear,
    .ais-SearchBox-input::-ms-reveal {
        display: none;
        width: 0;
        height: 0
    }

    .ais-SearchBox-input::-webkit-search-cancel-button,
    .ais-SearchBox-input::-webkit-search-decoration,
    .ais-SearchBox-input::-webkit-search-results-button,
    .ais-SearchBox-input::-webkit-search-results-decoration {
        display: none
    }

    .ais-RangeSlider .rheostat {
        overflow: visible;
        margin-top: 40px;
        margin-bottom: 40px
    }

    .ais-RangeSlider .rheostat-background {
        height: 6px;
        top: 0;
        width: 100%
    }

    .ais-RangeSlider .rheostat-handle {
        margin-left: -12px;
        top: -7px
    }

    .ais-RangeSlider .rheostat-background {
        position: relative;
        background-color: #fff;
        border: 1px solid #aaa
    }

    .ais-RangeSlider .rheostat-progress {
        position: absolute;
        top: 1px;
        height: 4px;
        background-color: #333
    }

    .rheostat-handle {
        position: relative;
        z-index: 1;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border: 1px solid #333;
        border-radius: 50%;
        cursor: -webkit-grab;
        cursor: grab
    }

    .rheostat-marker {
        margin-left: -1px;
        position: absolute;
        width: 1px;
        height: 5px;
        background-color: #aaa
    }

    .rheostat-marker--large {
        height: 9px
    }

    .rheostat-value {
        padding-top: 15px
    }

    .rheostat-tooltip,
    .rheostat-value {
        margin-left: 50%;
        position: absolute;
        text-align: center;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .rheostat-tooltip {
        top: -22px
    }

    [class^=ais-] {
        font-size: .9rem;
        box-sizing: border-box
    }

    a[class^=ais-] {
        text-decoration: none
    }

    .ais-Breadcrumb,
    .ais-ClearRefinements,
    .ais-CurrentRefinements,
    .ais-GeoSearch,
    .ais-HierarchicalMenu,
    .ais-Hits,
    .ais-HitsPerPage,
    .ais-InfiniteHits,
    .ais-InfiniteResults,
    .ais-Menu,
    .ais-MenuSelect,
    .ais-NumericMenu,
    .ais-NumericSelector,
    .ais-Pagination,
    .ais-Panel,
    .ais-PoweredBy,
    .ais-RangeInput,
    .ais-RangeSlider,
    .ais-RatingMenu,
    .ais-RefinementList,
    .ais-Results,
    .ais-ResultsPerPage,
    .ais-SearchBox,
    .ais-SortBy,
    .ais-Stats,
    .ais-ToggleRefinement {
        color: #3a4570
    }

    .ais-Breadcrumb-item--selected,
    .ais-HierarchicalMenu-item--selected,
    .ais-Menu-item--selected {
        font-weight: 700
    }

    .ais-Breadcrumb-separator {
        margin: 0 .3em;
        font-weight: 400
    }

    .ais-Breadcrumb-link,
    .ais-HierarchicalMenu-link,
    .ais-Menu-link,
    .ais-Pagination-link,
    .ais-RatingMenu-link {
        color: #0096db;
        transition: color .2s ease-out
    }

        .ais-Breadcrumb-link:focus,
        .ais-Breadcrumb-link:hover,
        .ais-HierarchicalMenu-link:focus,
        .ais-HierarchicalMenu-link:hover,
        .ais-Menu-link:focus,
        .ais-Menu-link:hover,
        .ais-Pagination-link:focus,
        .ais-Pagination-link:hover,
        .ais-RatingMenu-link:focus,
        .ais-RatingMenu-link:hover {
            color: #0073a8
        }

    .ais-ClearRefinements-button,
    .ais-CurrentRefinements-reset,
    .ais-GeoSearch-redo,
    .ais-GeoSearch-reset,
    .ais-HierarchicalMenu-showMore,
    .ais-InfiniteHits-loadMore,
    .ais-InfiniteHits-loadPrevious,
    .ais-InfiniteResults-loadMore,
    .ais-Menu-showMore,
    .ais-RefinementList-showMore {
        padding: .3rem .5rem;
        font-size: .8rem;
        color: #fff;
        background-color: #0096db;
        border-radius: 5px;
        transition: background-color .2s ease-out;
        outline: none
    }

        .ais-ClearRefinements-button:focus,
        .ais-ClearRefinements-button:hover,
        .ais-CurrentRefinements-reset:focus,
        .ais-CurrentRefinements-reset:hover,
        .ais-GeoSearch-redo:focus,
        .ais-GeoSearch-redo:hover,
        .ais-GeoSearch-reset:focus,
        .ais-GeoSearch-reset:hover,
        .ais-HierarchicalMenu-showMore:focus,
        .ais-HierarchicalMenu-showMore:hover,
        .ais-InfiniteHits-loadMore:focus,
        .ais-InfiniteHits-loadMore:hover,
        .ais-InfiniteHits-loadPrevious:focus,
        .ais-InfiniteHits-loadPrevious:hover,
        .ais-InfiniteResults-loadMore:focus,
        .ais-InfiniteResults-loadMore:hover,
        .ais-Menu-showMore:focus,
        .ais-Menu-showMore:hover,
        .ais-RefinementList-showMore:focus,
        .ais-RefinementList-showMore:hover {
            background-color: #0073a8
        }

    .ais-ClearRefinements-button--disabled,
    .ais-GeoSearch-redo--disabled,
    .ais-GeoSearch-reset--disabled,
    .ais-HierarchicalMenu-showMore--disabled,
    .ais-InfiniteHits-loadMore--disabled,
    .ais-InfiniteResults-loadMore--disabled,
    .ais-Menu-showMore--disabled,
    .ais-RefinementList-showMore--disabled {
        opacity: .6;
        cursor: not-allowed
    }

        .ais-ClearRefinements-button--disabled:focus,
        .ais-ClearRefinements-button--disabled:hover,
        .ais-GeoSearch-redo--disabled:focus,
        .ais-GeoSearch-redo--disabled:hover,
        .ais-GeoSearch-reset--disabled:focus,
        .ais-GeoSearch-reset--disabled:hover,
        .ais-HierarchicalMenu-showMore--disabled:focus,
        .ais-HierarchicalMenu-showMore--disabled:hover,
        .ais-InfiniteHits-loadMore--disabled:focus,
        .ais-InfiniteHits-loadMore--disabled:hover,
        .ais-InfiniteResults-loadMore--disabled:focus,
        .ais-InfiniteResults-loadMore--disabled:hover,
        .ais-Menu-showMore--disabled:focus,
        .ais-Menu-showMore--disabled:hover,
        .ais-RefinementList-showMore--disabled:focus,
        .ais-RefinementList-showMore--disabled:hover {
            background-color: #0096db
        }

    .ais-InfiniteHits-loadPrevious--disabled {
        display: none
    }

    .ais-CurrentRefinements {
        margin-top: -.3rem
    }

    .ais-CurrentRefinements,
    .ais-CurrentRefinements-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ais-CurrentRefinements-item {
        margin-right: .3rem;
        margin-top: .3rem;
        padding: .3rem .5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #495588;
        border-radius: 5px
    }

    .ais-CurrentRefinements-category {
        margin-left: .3em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .ais-CurrentRefinements-delete {
        margin-left: .3rem
    }

    .ais-CurrentRefinements-categoryLabel,
    .ais-CurrentRefinements-delete,
    .ais-CurrentRefinements-label {
        white-space: nowrap;
        font-size: .8rem;
        color: #fff
    }

    .ais-CurrentRefinements-reset {
        margin-top: .3rem;
        white-space: nowrap
    }

        .ais-CurrentRefinements-reset + .ais-CurrentRefinements-list {
            margin-left: .3rem
        }

    .ais-GeoSearch {
        position: relative
    }

    .ais-GeoSearch-control {
        position: absolute;
        top: .8rem;
        left: 3.75rem
    }

    .ais-GeoSearch-label {
        display: block;
        padding: .3rem .5rem;
        font-size: .8rem;
        background-color: #fff;
        border-radius: 5px;
        transition: background-color .2s ease-out;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        outline: none
    }

    .ais-GeoSearch-input {
        margin: 0 .25rem 0 0
    }

    .ais-GeoSearch-label,
    .ais-GeoSearch-redo,
    .ais-GeoSearch-reset {
        white-space: nowrap
    }

    .ais-GeoSearch-reset {
        position: absolute;
        bottom: 1.25rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .ais-HierarchicalMenu-link,
    .ais-Menu-link {
        display: block;
        line-height: 1.5
    }

    .ais-HierarchicalMenu-list,
    .ais-Menu-list,
    .ais-NumericMenu-list,
    .ais-RatingMenu-list,
    .ais-RefinementList-list {
        font-weight: 400;
        line-height: 1.5
    }

    .ais-RefinementList-checkbox {
        position: relative !important;
        pointer-events: auto !important;
        opacity: 1.0 !important;
    }

    .ais-HierarchicalMenu-link:after {
        margin-left: .3em;
        content: "";
        width: 10px;
        height: 10px;
        display: none;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.3 24l-2.8-2.8 9.3-9.2-9.3-9.2L7.3 0l12.2 12z' fill='%233A4570'/%3E%3C/svg%3E");
        background-size: 100% 100%
    }

    .ais-HierarchicalMenu-item--parent > .ais-HierarchicalMenu-link:after {
        display: inline-block
    }

    .ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .ais-CurrentRefinements-count,
    .ais-RatingMenu-count {
        font-size: .8rem
    }

        .ais-CurrentRefinements-count:before,
        .ais-RatingMenu-count:before {
            content: "("
        }

        .ais-CurrentRefinements-count:after,
        .ais-RatingMenu-count:after {
            content: ")"
        }

    .ais-HierarchicalMenu-count,
    .ais-Menu-count,
    .ais-RefinementList-count,
    .ais-ToggleRefinement-count {
        padding: .1rem .4rem;
        font-size: .8rem;
        color: #3a4570;
        background-color: #dfe2ee;
        border-radius: 8px
    }

    .ais-HierarchicalMenu-showMore,
    .ais-Menu-showMore,
    .ais-RefinementList-showMore {
        margin-top: .5rem
    }

    .ais-Highlight-highlighted,
    .ais-Snippet-highlighted {
        background-color: #ffc168
    }

    .ais-Hits-list,
    .ais-InfiniteHits-list,
    .ais-InfiniteResults-list,
    .ais-Results-list {
        margin-top: -1rem;
        margin-left: -1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ais-Panel-body .ais-Hits-list,
    .ais-Panel-body .ais-InfiniteHits-list,
    .ais-Panel-body .ais-InfiniteResults-list,
    .ais-Panel-body .ais-Results-list {
        margin: .5rem 0 0 -1rem
    }

    .ais-Hits-item,
    .ais-InfiniteHits-item,
    .ais-InfiniteResults-item,
    .ais-Results-item {
        margin-top: 1rem;
        margin-left: 1rem;
        padding: 1rem;
        width: calc(25% - 1rem);
        border: 1px solid #c4c8d8;
        box-shadow: 0 2px 5px 0 #e3e5ec
    }

    .ais-Panel-body .ais-Hits-item,
    .ais-Panel-body .ais-InfiniteHits-item,
    .ais-Panel-body .ais-InfiniteResults-item,
    .ais-Panel-body .ais-Results-item {
        margin: .5rem 0 .5rem 1rem
    }

    .ais-InfiniteHits-loadMore,
    .ais-InfiniteResults-loadMore {
        margin-top: 1rem
    }

    .ais-InfiniteHits-loadPrevious {
        margin-bottom: 1rem
    }

    .ais-HitsPerPage-select,
    .ais-MenuSelect-select,
    .ais-NumericSelector-select,
    .ais-ResultsPerPage-select,
    .ais-SortBy-select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: .3rem 2rem .3rem .3rem;
        max-width: 100%;
        background-color: #fff;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.3l2.8-2.8 9.2 9.3 9.2-9.3L24 7.3 12 19.5z' fill='%233A4570'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 10px 10px;
        background-position: 92% 50%;
        border: 1px solid #c4c8d8;
        border-radius: 5px
    }

    .ais-Panel--collapsible {
        position: relative
    }

        .ais-Panel--collapsible.ais-Panel--collapsed .ais-Panel-body,
        .ais-Panel--collapsible.ais-Panel--collapsed .ais-Panel-footer {
            display: none
        }

        .ais-Panel--collapsible .ais-Panel-collapseButton {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            border: none;
            background: none
        }

    .ais-Panel-header {
        margin-bottom: .5rem;
        padding-bottom: .5rem;
        font-size: .8rem;
        font-weight: 700;
        text-transform: uppercase;
        border-bottom: 1px solid #c4c8d8
    }

    .ais-Panel-footer {
        margin-top: .5rem;
        font-size: .8rem
    }

    .ais-RangeInput-input {
        padding: 0 .2rem;
        width: 5rem;
        height: 1.5rem;
        line-height: 1.5rem
    }

    .ais-RangeInput-separator {
        margin: 0 .3rem
    }

    .ais-RangeInput-submit {
        margin-left: .3rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 0 .5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: .8rem;
        color: #fff;
        background-color: #0096db;
        border: none;
        border-radius: 5px;
        transition: .2s ease-out;
        outline: none
    }

        .ais-RangeInput-submit:focus,
        .ais-RangeInput-submit:hover {
            background-color: #0073a8
        }

    .ais-RatingMenu-count {
        color: #3a4570
    }

    .ais-Pagination-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .ais-Pagination-item + .ais-Pagination-item {
        margin-left: .3rem
    }

    .ais-Pagination-link {
        padding: .3rem .6rem;
        display: block;
        border: 1px solid #c4c8d8;
        border-radius: 5px;
        transition: background-color .2s ease-out
    }

        .ais-Pagination-link:focus,
        .ais-Pagination-link:hover {
            background-color: #e3e5ec
        }

    .ais-Pagination-item--disabled .ais-Pagination-link {
        opacity: .6;
        cursor: not-allowed;
        color: #a5abc4
    }

        .ais-Pagination-item--disabled .ais-Pagination-link:focus,
        .ais-Pagination-item--disabled .ais-Pagination-link:hover {
            color: #a5abc4;
            background-color: #fff
        }

    .ais-Pagination-item--selected .ais-Pagination-link {
        color: #fff;
        background-color: #0096db;
        border-color: #0096db
    }

        .ais-Pagination-item--selected .ais-Pagination-link:focus,
        .ais-Pagination-item--selected .ais-Pagination-link:hover {
            color: #fff
        }

    .ais-PoweredBy-text,
    .ais-Stats-text,
    .rheostat-tooltip,
    .rheostat-value {
        font-size: .8rem
    }

    .ais-PoweredBy-logo {
        margin-left: .3rem
    }

    .ais-RangeSlider .rheostat-progress {
        background-color: #495588
    }

    .ais-RangeSlider .rheostat-background {
        border-color: #878faf;
        box-sizing: border-box
    }

    .ais-RangeSlider .rheostat-handle {
        border-color: #878faf
    }

    .ais-RangeSlider .rheostat-marker {
        background-color: #878faf
    }

    .ais-Panel-body .ais-RangeSlider {
        margin: 2rem 0
    }

    .ais-RangeSlider-handle {
        width: 20px;
        height: 20px;
        position: relative;
        z-index: 1;
        background: #fff;
        border: 1px solid #46aeda;
        border-radius: 50%;
        cursor: pointer
    }

    .ais-RangeSlider-tooltip {
        position: absolute;
        background: #fff;
        top: -22px;
        font-size: .8em
    }

    .ais-RangeSlider-value {
        width: 40px;
        position: absolute;
        text-align: center;
        margin-left: -20px;
        padding-top: 15px;
        font-size: .8em
    }

    .ais-RangeSlider-marker {
        position: absolute;
        background: #ddd;
        margin-left: -1px;
        width: 1px;
        height: 5px
    }

    .ais-RatingMenu-item--disabled .ais-RatingMenu-count,
    .ais-RatingMenu-item--disabled .ais-RatingMenu-label {
        color: #c4c8d8
    }

    .ais-RatingMenu-item--selected {
        font-weight: 700
    }

    .ais-RatingMenu-link {
        line-height: 1.5
    }

        .ais-RatingMenu-link > * + * {
            margin-left: .3rem
        }

    .ais-RatingMenu-starIcon {
        position: relative;
        top: -1px;
        width: 15px;
        fill: #ffc168
    }

    .ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon {
        fill: #c4c8d8
    }

    .ais-HierarchicalMenu-searchBox > *,
    .ais-Menu-searchBox > *,
    .ais-RefinementList-searchBox > * {
        margin-bottom: .5rem
    }

    .ais-SearchBox-form {
        display: block;
        position: relative
    }

    .ais-SearchBox-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: .3rem 1.7rem;
        width: 100%;
        position: relative;
        background-color: #fff;
        border: 1px solid #c4c8d8;
        border-radius: 5px
    }

        .ais-SearchBox-input::-webkit-input-placeholder {
            color: #a5aed1
        }

        .ais-SearchBox-input::-moz-placeholder {
            color: #a5aed1
        }

        .ais-SearchBox-input:-ms-input-placeholder {
            color: #a5aed1
        }

        .ais-SearchBox-input:-moz-placeholder {
            color: #a5aed1
        }

        .ais-SearchBox-input:focus {
            color: #495057;
            background-color: #fff;
            border-color: #80bdff;
            outline: 0;
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
        }

    .ais-SearchBox-dummy-input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: .3rem 1.7rem;
        width: 100%;
        position: relative;
        background-color: #fff;
        border: 1px solid #c4c8d8;
        border-radius: 5px
    }

        .ais-SearchBox-dummy-input::-webkit-input-placeholder {
            color: #a5aed1
        }

        .ais-SearchBox-dummy-input::-moz-placeholder {
            color: #a5aed1
        }

        .ais-SearchBox-dummy-input:-ms-input-placeholder {
            color: #a5aed1
        }

        .ais-SearchBox-dummy-input:-moz-placeholder {
            color: #a5aed1
        }

        .ais-SearchBox-dummy-input:focus {
            outline: 0;
            border: 1px solid #c4c8d8;
            border-radius: 5px
        }

    .ais-SearchBox-loadingIndicator,
    .ais-SearchBox-reset,
    .ais-SearchBox-submit {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: absolute;
        z-index: 1;
        width: 20px;
        height: 20px;
        top: 50%;
        /* right: .3rem; */
        /* left: 50%; */-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }



    .ais-SearchBox-loadingIcon,
    .ais-SearchBox-resetIcon,
    .ais-SearchBox-submitIcon {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

        .ais-SearchBox-resetIcon path,
        .ais-SearchBox-submitIcon path {
            fill: #495588
        }

    .ais-SearchBox-submitIcon {
        width: 14px;
        height: 14px
    }

    .ais-SearchBox-resetIcon {
        width: 12px;
        height: 12px
    }

    .ais-SearchBox-loadingIcon {
        width: 16px;
        height: 16px
    }

    .ais-VoiceSearch-button {
        border: none;
        width: 24px;
        height: 24px;
        padding: 4px;
        border-radius: 50%;
        color: #3a4570;
        background-color: transparent
    }

        .ais-VoiceSearch-button svg {
            color: currentColor
        }

        .ais-VoiceSearch-button:hover {
            cursor: pointer;
            background-color: #a5aed1;
            color: #fff
        }

        .ais-VoiceSearch-button:disabled {
            color: #a5aed1
        }

            .ais-VoiceSearch-button:disabled:hover {
                color: #a5aed1;
                cursor: not-allowed;
                background: inherit
            }
    /* *********************************************************************** */


    /* *********************************************************************** */
    /* CUSTOMER SWIPER CAROUSEL STYLES */
    .carousel {
        position: relative;
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .carousel-item {
        position: relative;
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }

        .carousel-item.active,
        .carousel-item-next,
        .carousel-item-prev {
            display: block;
            -webkit-transition: -webkit-transform 0.6s ease;
            transition: -webkit-transform 0.6s ease;
            transition: transform 0.6s ease;
            transition: transform 0.6s ease, -webkit-transform 0.6s ease;
        }

    @media screen and (prefers-reduced-motion: reduce) {
        .carousel-item.active,
        .carousel-item-next,
        .carousel-item-prev {
            -webkit-transition: none;
            transition: none;
        }
    }

    .carousel-item-next,
    .carousel-item-prev {
        position: absolute;
        top: 0;
    }

        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

    @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-item-next,
    .active.carousel-item-right {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
        .carousel-item-next,
        .active.carousel-item-right {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
    }

    .carousel-item-prev,
    .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
        .carousel-item-prev,
        .active.carousel-item-left {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }

    .carousel-fade .carousel-item {
        opacity: 0;
        -webkit-transition-duration: .6s;
        transition-duration: .6s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

        .carousel-fade .carousel-item.active,
        .carousel-fade .carousel-item-next.carousel-item-left,
        .carousel-fade .carousel-item-prev.carousel-item-right {
            opacity: 1;
        }

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        opacity: 0;
    }

    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
        .carousel-fade .carousel-item-next,
        .carousel-fade .carousel-item-prev,
        .carousel-fade .carousel-item.active,
        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-prev {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control-prev,
    .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #212529;
        text-align: center;
        width: 30px;
        height: 30px;
        background-color: #fff;
        opacity: .7;
        z-index: 1;
    }

        .carousel-control-prev:hover, .carousel-control-prev:focus,
        .carousel-control-next:hover,
        .carousel-control-next:focus {
            color: #212529;
            text-decoration: none;
            outline: 0;
            opacity: .9;
        }


    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: transparent no-repeat center center;
        background-size: 100% 100%;
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 10px;
        left: 0;
        z-index: 15;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none;
    }

        .carousel-indicators li {
            position: relative;
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            width: 30px;
            height: 3px;
            margin-right: 3px;
            margin-left: 3px;
            text-indent: -999px;
            cursor: pointer;
            background-color: rgba(255, 255, 255, 0.5);
        }

            .carousel-indicators li::before {
                position: absolute;
                top: -10px;
                left: 0;
                display: inline-block;
                width: 100%;
                height: 10px;
                content: "";
            }

            .carousel-indicators li::after {
                position: absolute;
                bottom: -10px;
                left: 0;
                display: inline-block;
                width: 100%;
                height: 10px;
                content: "";
            }

        .carousel-indicators .active {
            background-color: #fff;
        }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }

    .carousel-control-prev.swiper-button-disabled, .carousel-control-next.swiper-button-disabled {
        opacity: .2;
        cursor: default;
    }

    .carousel-control-prev {
        right: 30px;
        left: auto;
    }

    .content-slider {
        position: relative;
    }

        .content-slider > .carousel-control-prev,
        .content-slider > .carousel-control-next {
            top: -30px;
        }
    /* *********************************************************************** */


    /* *********************************************************************** */
    /* CUSTOM CSS */
    .nav-item .button-active {
        background: #4A25AA;
        color: #fff !important;
        /*color: rgba(0, 0, 0, 0.8) !important;*/
        border-radius: 0.375rem !important;
    }

    /* USED ON THE NEWS PAGES FOR THE NEXT AND PREVIOUS LINKS */
    .nextPrevLinkWrapper {
        line-height: 20px;
    }

    .nextPrevLinkIcon {
        height: 20px;
    }
    /* /USED ON THE NEWS PAGES FOR THE NEXT AND PREVIOUS LINKS */


    .page-list-background-image {
        background-image: url("/Content/themes/id_1/images/nav_List_bg.png");
        background-repeat: no-repeat;
    }

    .primary-opacity-bg {
        background-color: rgba(74, 37, 169, 0.6);
    }

    .secondary-opacity-bg {
        background-color: rgba(19, 129, 206, 0.4);
    }

    .tertiary-opacity-bg {
        background-color: rgba(74, 37, 169, 0.6);
    }

    .fourth-opacity-bg {
        background-color: rgba(74, 37, 169, 0.6);
    }

    .text-dark-opacity-bg {
        background-color: rgba(0, 0, 0, 0.5);
    }

    /* SPECIFIC PAGE SEARCH STYLES */
    .has-search .form-control {
        padding-left: 2.0rem;
    }

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.20rem;
        line-height: 2.20rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }
    /* /SPECIFIC PAGE SEARCH STYLES */

    .gutters-1 {
        margin-right: -.125rem;
        margin-left: -.125rem;
    }

        .gutters-1 > .col,
        .gutters-1 > [class*="col-"] {
            padding-right: .125rem;
            padding-left: .125rem;
        }

    .gutters-2 {
        margin-right: -.25rem;
        margin-left: -.25rem;
    }

        .gutters-2 > .col,
        .gutters-2 > [class*="col-"] {
            padding-right: .25rem;
            padding-left: .25rem;
        }

    .gutters-3 {
        margin-right: -.5rem;
        margin-left: -.5rem;
    }

        .gutters-3 > .col,
        .gutters-3 > [class*="col-"] {
            padding-right: .5rem;
            padding-left: .5rem;
        }

    .card {
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05) !important;
    }

    .asset-cards.card {
        box-shadow: none !important;
    }

    .md-pills .nav-link {
        background-color: #f5f5f5;
    }

    .skin-light .breadcrumb a {
        color: #4a25aa !important;
    }

    .skin-light .title {
        color: #4a25aa;
    }

    .skin-light .title-alt-color {
        color: #0563BE;
    }

    /* SECTION LIST*/
    .skin-light .section-list-title {
        font-weight: bold;
        font-size: 24px;
        color: #0563BE;
    }

    .skin-light .section-list-long-desc {
        color: #3F5360;
    }

    .skin-light .section-list-short-desc {
        font-size: 14px;
        color: #3F5360;
    }

    .md-form .error-message-wrapper {
        height: 25px;
    }

    .form-group .label-title {
        font-size: .8rem;
        color: #757575;
        cursor: text;
        font-weight: 300;
    }

    .header-splash {
        height: 2px;
        background-image: linear-gradient(-90deg, #13b3ee, #277dd4,#3264c8,#3950be,#4532b0,#4829ab);
        border-radius: 9px 9px 9px 9px;
        margin-bottom: 8px;
    }

    .header-title-block {
        color: #4A25AA;
        width: 60px;
        height: 15px;
        background-color: #4A25AA;
        float: left;
        margin-right: 10px;
        line-height: 1.2;
        /*margin-top: 0.55rem;*/
        margin-top: 0.35rem;
    }

    .sub-header-title-block {
        color: #4A25AA;
        width: 60px;
        height: 15px;
        background-color: #4A25AA;
        float: left;
        margin-right: 10px;
        line-height: 1.2;
        margin-top: 0.55rem;
    }

    .search-header-title-block {
        color: #4A25AA;
        width: 60px;
        height: 15px;
        background-color: #4A25AA;
        float: left;
        margin-right: 10px;
        line-height: 1.2;
        margin-top: 0.37rem;
    }

    .blue-link {
        color: #0563BE !important;
    }

        .blue-link:hover {
            color: #00A1E0 !important;
        }
    /* *********************************************************************** */


    /* *********************************************************************** */
    /* BACK TO TOP BUTTON */
    .back-to-top {
        display: none;
        z-index: 1500;
        position: fixed;
        bottom: 100px;
        right: 20px;
        height: 42px;
        width: 42px;
        text-decoration: none;
        background-image: url(../images/icon_backtotop.png);
        background-repeat: no-repeat;
        padding: 0px;
    }

        .back-to-top:hover {
            height: 42px;
            width: 42px;
            background-image: url(../images/icon_backtotop_over.png);
            background-repeat: no-repeat;
        }
    /* *********************************************************************** */


    /* *********************************************************************** */
    /* HONEYPOT STYLES */
    .honey-wrapper {
        display: none;
    }
    /* *********************************************************************** */


    /* *********************************************************************** */
    /* FAVORITE ICON STYLES */
    .card .favorite {
        border: 0;
        color: rgba(140,20,252,.175);
        position: absolute;
        top: .5rem;
        right: .5rem;
        font-size: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 .125rem .25rem rgba(140,20,252,.175);
        box-shadow: 0 .125rem .25rem rgba(140,20,252,.175);
        padding: .3rem 0;
        border-radius: 50%;
        -webkit-transition: color .2s,opacity .2s,-webkit-box-shadow .2s;
        transition: color .2s,opacity .2s,-webkit-box-shadow .2s;
        transition: box-shadow .2s,color .2s,opacity .2s;
        transition: box-shadow .2s,color .2s,opacity .2s,-webkit-box-shadow .2s;
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .card.favorite.active,
        .card .favorite:hover {
            color: #dc3545
        }

        .card .favorite:focus {
            outline: 0
        }

        .card .favorite > i.fa {
            font-size: .875rem
        }

    .favorite {
        border: 0;
        color: rgba(140, 20, 252, .3);
        /*position: absolute;*/
        top: .5rem;
        right: .5rem;
        font-size: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 0.125rem 0.25rem rgba(140, 20, 252, .175);
        box-shadow: 0 0.125rem 0.25rem rgba(140, 20, 252, .175);
        padding: .3rem 0;
        border-radius: 50%;
        -webkit-transition: color .2s, opacity .2s, -webkit-box-shadow .2s;
        transition: color .2s, opacity .2s, -webkit-box-shadow .2s;
        transition: box-shadow .2s, color .2s, opacity .2s;
        transition: box-shadow .2s, color .2s, opacity .2s, -webkit-box-shadow .2s;
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .favorite.active, .favorite:hover {
            color: #dc3545;
        }

        .favorite:focus {
            outline: 0;
        }

        .favorite > i.fa {
            font-size: 0.875rem;
        }
    /* *********************************************************************** */



    /* *********************************************************************** */
    /* USED FOR INPUT NUMBER TYPE*/
    input[type="number"] {
        -moz-appearance: textfield;
    }

        input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

    .input-spinner {
        width: 70px;
        position: relative;
    }

        .input-spinner input[type="number"] {
            padding-right: 1.875rem;
        }

        .input-spinner .btn-group-vertical {
            position: absolute;
            top: 1px;
            right: 1px;
        }

            .input-spinner .btn-group-vertical > .btn {
                padding: .334rem 0.25rem;
                font-size: .5rem;
                box-shadow: none !important;
                line-height: 1 !important;
            }

        .input-spinner.input-spinner-sm {
            width: 25px;
        }

            .input-spinner.input-spinner-sm input[type="number"] {
                padding-right: 1.5rem;
            }

            .input-spinner.input-spinner-sm .btn-group-vertical > .btn {
                padding: .234rem 0.25rem;
                font-size: 6px;
                box-shadow: none !important;
                line-height: 4 !important;
            }
    /* *********************************************************************** */


    /* *********************************************************************** */
    /* LOADING SCREEN ICON WHEN AJAX CALLS ARE MADE*/
    #overlayLoading {
        /*background-image: url('../images/icon_loading_bg.png');*/
        background-position: top 50% center;
        background-repeat: no-repeat;
        background-size: 200px 200px;
        /*background-color: rgba(0, 0, 0, 0.2);*/
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 150;
    }

    #overlayLoadingUpdatePanel {
        /*background-image: url('../images/icon_loading_bg.png');*/
        background-position: top 50% center;
        background-repeat: no-repeat;
        background-size: 200px 200px;
        display: block;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 150;
    }

    #overlayLoadingSpinner {
        /*background-image: url('../images/icon_loading.gif');*/
        background-position: top 50% center;
        background-repeat: no-repeat;
        background-size: 96px 96px;
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
    }
    /* *********************************************************************** */


    /* *********************************************************************** */
    /* Container holding the image and the text */
    .catalog-container {
        position: relative;
        text-align: center;
    }
    .outer-catalog-container {
        overflow: hidden;
    }
    /* Bottom left text */
    .text-bottom-left {
        position: absolute;
        bottom: 8px;
        left: 16px;
    }

    /* Top left text */
    .text-top-left {
        position: absolute;
        top: 8px;
        left: 16px;
    }

    /* Top right text */
    .text-top-right {
        position: absolute;
        top: 8px;
        right: 16px;
    }

    /* Bottom right text */
    .text-bottom-right {
        position: absolute;
        bottom: 8px;
        right: 16px;
    }

    /* Centered text */
    .text-centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /* *********************************************************************** */


    /* *********************************************************************** */
    /* USED FOR SEARCH ON TOP OF ALL PAGES */
    /*.searchResultsWrapper {
    display: none;
    position: absolute;
    top: 36px;
    width: 100%;
    height: auto;
    padding: 15px 10px 10px 15px;
    background-color: #fff;
    color: #000;
    overflow: auto;
    max-height: 700px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    border-left: 1px solid rgba(51, 51, 51, 0.1);
    border-right: 1px solid rgba(51, 51, 51, 0.1);
    border-radius: 7px;
}*/


.searchResultsWrapper {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    overflow: auto;
    max-height: 90%;
    z-index: 1031;
    float: right;
}

.search-results-container {
        background-color: #fff;
        border-bottom: 1px solid rgba(51, 51, 51, 0.1);
        /*border-left: 1px solid rgba(51, 51, 51, 0.1);
    border-right: 1px solid rgba(51, 51, 51, 0.1);*/
        /*border-radius: 7px;*/
        margin-left: 0px;
        background-color: #fff;
        padding-left: 14px;
        padding-top: 15px;
    }
    /*
@media (min-width: 576px) {
    .search-results-container {
        margin-left: 0px;
    }
}

@media (min-width: 768px) {
    .search-results-container {
        margin-left: 0px;
    }
}

@media (min-width: 992px) {
    .search-results-container {
        margin-left: 0px;
    }
}
*/
    @media (min-width: 992px) {
        .search-results-container {
            margin-left: 240px;
        }
    }

    .form-search-width {
        width: 57% !important;
    }

    @media (max-width: 575.98px) {
        .form-search-width {
            width: 100% !important;
        }
    }
    /* *********************************************************************** */

    .vehicle-facets-search-desktop {
        width: 200%;
    }

    .vehicle-facets-search-mobile {
        width: 100%;
    }

    .skin-light .dropdown-menu, .vehicle-facets-search-desktop {
        padding: 1rem 2rem 2rem 2rem;
    }

    .close-vehcile-facets-div {
        display: grid;
        justify-content: end;
    }

    .close-vehicle-facets:hover {
        cursor: pointer;
    }

#desktop-ymm-dropdown {
    padding: .5rem 1rem;
}

.close-message:hover {
    cursor: pointer;
}

.view.zoom.z-depth-2.rounded.p-3.m-auto>img {
    margin: auto;
}