/*body {
    background-color: #f9fafc!important;
}*/
/* header */
/* topbar */
.topLanguage > .dropdownBox > a:after,
.userAccount > .dropdownBox > a:after,
.topNotification > .dropdownBox > a:after {
    display: none;
}

.topNotification > .dropdownBox > .dropdown-menu {
    width: 26rem;
}

.userAccount .dropdown-menu .card-body-height,
.topNotification .dropdown-menu .card-body-height {
    max-height: 21.25rem;
    height: auto;
}

.userAccount > .dropdownBox > .dropdown-menu {
    width: 17rem;
}

.dropdownBox {
    position: relative;
}
/* ssUser */
.ssUser-primary .ssUser-initials {
    color: #fff;
    background-color: #377dff;
}

.ssUser-status-primary {
    color: #fff;
    background-color: #377dff;
}

.ssUser-secondary .ssUser-initials {
    color: #fff;
    background-color: #71869d;
}

.ssUser-status-secondary {
    color: #fff;
    background-color: #71869d;
}

.ssUser-success .ssUser-initials {
    color: #fff;
    background-color: #00c9a7;
}

.ssUser-status-success {
    color: #fff;
    background-color: #00c9a7;
}

.ssUser-info .ssUser-initials {
    color: #fff;
    background-color: #00c9db;
}

.ssUser-status-info {
    color: #fff;
    background-color: #00c9db;
}

.ssUser-warning .ssUser-initials {
    color: #1e2022;
    background-color: #f5ca99;
}

.ssUser-status-warning {
    color: #1e2022;
    background-color: #f5ca99;
}

.ssUser-danger .ssUser-initials {
    color: #fff;
    background-color: #ed4c78;
}

.ssUser-status-danger {
    color: #fff;
    background-color: #ed4c78;
}

.ssUser-light .ssUser-initials {
    color: #1e2022;
    background-color: #f9fafc;
}

.ssUser-status-light {
    color: #1e2022;
    background-color: #f9fafc;
}

.ssUser-dark .ssUser-initials {
    color: #fff;
    background-color: #132144;
}

.ssUser-status-dark {
    color: #fff;
    background-color: #132144;
}

.ssUser-soft-primary .ssUser-initials {
    color: #8bc34a;
    background-color: rgba(55,125,255,.1);
}

.ssUser-status-soft-primary {
    color: #377dff;
    background-color: rgba(55,125,255,.1);
}

.ssUser-soft-secondary .ssUser-initials {
    color: #71869d;
    background-color: rgba(113,134,157,.1);
}

.ssUser-status-soft-secondary {
    color: #71869d;
    background-color: rgba(113,134,157,.1);
}

.ssUser-soft-success .ssUser-initials {
    color: #00c9a7;
    background-color: rgba(0,201,167,.1);
}

.ssUser-status-soft-success {
    color: #00c9a7;
    background-color: rgba(0,201,167,.1);
}

.ssUser-soft-info .ssUser-initials {
    color: #00c9db;
    background-color: rgba(0,201,219,.1);
}

.ssUser-status-soft-info {
    color: #00c9db;
    background-color: rgba(0,201,219,.1);
}

.ssUser-soft-warning .ssUser-initials {
    color: #f5ca99;
    background-color: rgba(245,202,153,.1);
}

.ssUser-status-soft-warning {
    color: #f5ca99;
    background-color: rgba(245,202,153,.1);
}

.ssUser-soft-danger .ssUser-initials {
    color: #ed4c78;
    background-color: rgba(237,76,120,.1);
}

.ssUser-status-soft-danger {
    color: #ed4c78;
    background-color: rgba(237,76,120,.1);
}

.ssUser-soft-light .ssUser-initials {
    color: #f9fafc;
    background-color: rgba(249,250,252,.1);
}

.ssUser-status-soft-light {
    color: #f9fafc;
    background-color: rgba(249,250,252,.1);
}

.ssUser-soft-dark .ssUser-initials {
    color: #132144;
    background-color: rgba(19,33,68,.1);
}

.ssUser-status-soft-dark {
    color: #132144;
    background-color: rgba(19,33,68,.1);
}

.ssUser {
    position: relative;
    display: inline-block;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: .3125rem;
}

    .ssUser:not(img) {
        background-color: #ebffd2;
    }

.ssUser-img {
    display: block;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    border-radius: .3125rem;
}

.ssUser-initials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.09375rem;
    font-weight: 600;
    pointer-events: none;
    text-transform: uppercase;
    border-radius: .3125rem;
}

.ssUser-centered {
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.ssUser-circle {
    border-radius: 50%;
}

    .ssUser-circle .ssUser-img, .ssUser-circle .ssUser-initials {
        border-radius: 50%;
    }

.ssUser-border-lg {
    border: .1875rem solid #fff;
}

.ssUser-border-dashed {
    border: .0625rem dashed #e7eaf3;
}

    .ssUser-border-dashed .ssUser-initials {
        color: #8c98a4;
        background-color: #fff;
        transition: .3s;
    }

    .ssUser-border-dashed:hover .ssUser-initials {
        color: #377dff;
    }

.ssUser-group {
    position: relative;
    z-index: 2;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

    .ssUser-group .ssUser:hover {
        z-index: 2;
    }

    .ssUser-group .ssUser, .ssUser-group .ssUser-sm, .ssUser-group .ssUser-xs {
        padding: .125rem .125rem;
    }

    .ssUser-group .ssUser-lg, .ssUser-group .ssUser-xl, .ssUser-group .ssUser-xxl {
        padding: .25rem .25rem;
    }

    .ssUser-group.ssUser-circle .ssUser {
        border-radius: 50%;
    }

        .ssUser-group.ssUser-circle .ssUser .ssUser-img, .ssUser-group.ssUser-circle .ssUser .ssUser-initials {
            border-radius: 50%;
        }

    .ssUser-group .ssUser {
        width: 2.625rem;
        height: 2.625rem;
    }

        .ssUser-group .ssUser .ssUser-initials {
            font-size: 1.09375rem;
        }

        .ssUser-group .ssUser + .ssUser {
            margin-left: -1rem;
        }

.ssUser-group-xs .ssUser {
    width: 1.53125rem;
    height: 1.53125rem;
}

    .ssUser-group-xs .ssUser .ssUser-initials {
        font-size: .875rem;
    }

    .ssUser-group-xs .ssUser + .ssUser {
        margin-left: -.6125rem;
    }

.ssUser-group-sm .ssUser {
    width: 2.1875rem;
    height: 2.1875rem;
}

    .ssUser-group-sm .ssUser .ssUser-initials {
        font-size: .98438rem;
    }

    .ssUser-group-sm .ssUser + .ssUser {
        margin-left: -.875rem;
    }

.ssUser-group-lg .ssUser {
    width: 3.36875rem;
    height: 3.36875rem;
}

    .ssUser-group-lg .ssUser .ssUser-initials {
        font-size: 1.53125rem;
    }

    .ssUser-group-lg .ssUser + .ssUser {
        margin-left: -1.5rem;
    }

.ssUser-group-xl .ssUser {
    width: 4.92188rem;
    height: 4.92188rem;
}

    .ssUser-group-xl .ssUser .ssUser-initials {
        font-size: 1.96875rem;
    }

    .ssUser-group-xl .ssUser + .ssUser {
        margin-left: -1.5rem;
    }

.ssUser-group-xxl .ssUser {
    width: 7.875rem;
    height: 7.875rem;
}

    .ssUser-group-xxl .ssUser .ssUser-initials {
        font-size: 2.625rem;
    }

    .ssUser-group-xxl .ssUser + .ssUser {
        margin-left: -2rem;
    }

.ssUser.ssUser-4by3 {
    width: 3.5rem;
}

.ssUser-xss.ssUser-4by3 {
    width: 1.33333rem;
}

.ssUser-xs.ssUser-4by3 {
    width: 2.04167rem;
}

.ssUser-sm.ssUser-4by3 {
    width: 2.91667rem;
}

.ssUser-lg.ssUser-4by3 {
    width: 4.49167rem;
}

.ssUser-xl.ssUser-4by3 {
    width: 6.5625rem;
}

.ssUser-xxl.ssUser-4by3 {
    width: 10.5rem;
}

.ssUser.ssUser-circle .ssUser-status {
    bottom: -3.5px;
    right: -3.5px;
}

.ssUser.ssUser-circle .ssUser-sm-status {
    bottom: 0;
    right: 0;
}

.ssUser.ssUser-circle .ssUser-lg-status {
    bottom: -4.8px;
    right: -4.8px;
}

.ssUser-xss {
    width: 1.75rem;
    height: 1.75rem;
}

    .ssUser-xss .ssUser-initials {
        font-size: .875rem;
    }

.ssUser-xs {
    width: 1.53125rem;
    height: 1.53125rem;
}

    .ssUser-xs .ssUser-initials {
        font-size: .875rem;
    }

    .ssUser-xs.ssUser-circle .ssUser-status {
        bottom: -3.5px;
        right: -3.5px;
    }

    .ssUser-xs.ssUser-circle .ssUser-sm-status {
        bottom: -1.5px;
        right: -1.5px;
    }

    .ssUser-xs.ssUser-circle .ssUser-lg-status {
        bottom: -4.8px;
        right: -4.8px;
    }

.ssUser-sm {
    width: 2.1875rem;
    height: 2.1875rem;
}

    .ssUser-sm .ssUser-initials {
        font-size: .98438rem;
    }

    .ssUser-sm.ssUser-circle .ssUser-status {
        bottom: -3.5px;
        right: -3.5px;
    }

    .ssUser-sm.ssUser-circle .ssUser-sm-status {
        bottom: -1.2px;
        right: -1.2px;
    }

    .ssUser-sm.ssUser-circle .ssUser-lg-status {
        bottom: -6px;
        right: -6px;
    }

.ssUser-lg {
    width: 3.36875rem;
    height: 3.36875rem;
}

    .ssUser-lg .ssUser-initials {
        font-size: 1.53125rem;
    }

    .ssUser-lg.ssUser-circle .ssUser-status {
        bottom: -2.1px;
        right: -2.1px;
    }

    .ssUser-lg.ssUser-circle .ssUser-sm-status {
        bottom: 1.2px;
        right: 1.2px;
    }

    .ssUser-lg.ssUser-circle .ssUser-lg-status {
        bottom: -3px;
        right: -3px;
    }

.ssUser-xl {
    width: 4.92188rem;
    height: 4.92188rem;
}

    .ssUser-xl .ssUser-initials {
        font-size: 1.96875rem;
    }

    .ssUser-xl.ssUser-circle .ssUser-status {
        bottom: 2.625px;
        right: 2.625px;
    }

    .ssUser-xl.ssUser-circle .ssUser-sm-status {
        bottom: 3px;
        right: 3px;
    }

    .ssUser-xl.ssUser-circle .ssUser-lg-status {
        bottom: 2px;
        right: 2px;
    }

.ssUser-xxl {
    width: 7.875rem;
    height: 7.875rem;
}

    .ssUser-xxl .ssUser-initials {
        font-size: 2.625rem;
    }

    .ssUser-xxl.ssUser-circle .ssUser-status {
        bottom: 6px;
        right: 6px;
    }

    .ssUser-xxl.ssUser-circle .ssUser-sm-status {
        bottom: 12px;
        right: 12px;
    }

    .ssUser-xxl.ssUser-circle .ssUser-lg-status {
        bottom: 6px;
        right: 6px;
    }

.ssUser-status {
    position: absolute;
    bottom: -8.4px;
    right: -8.4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-align: center;
    vertical-align: baseline;
    font-weight: 600;
    border: .125rem solid #fff;
    width: 21px;
    height: 21px;
    line-height: 1;
    font-size: .71094rem;
    border-radius: 50%;
}

.ssUser-sm-status {
    bottom: -4.2px;
    right: -4.2px;
    width: 12px;
    height: 12px;
    font-size: .4375rem;
}

.ssUser-lg-status {
    width: 24px;
    height: 24px;
    font-size: .65625rem;
}

.ssUser-uploader {
    cursor: pointer;
    display: inline-block;
    transition: .2s;
    margin-bottom: 0;
}

    .ssUser-uploader:hover {
        border-color: #377dff;
    }

.ssUser-uploader-input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19,33,68,.25);
    border-radius: 50%;
    transition: .2s;
}

.ssUser-uploader-trigger {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    border-radius: 50%;
}

.ssUser-uploader-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #677788;
    background-color: #fff;
    border-radius: 50%;
    transition: .2s;
}

.ssUser-uploader:hover .ssUser-uploader-icon {
    color: #fff;
    background-color: #377dff;
}

.ssUser-lg .ssUser-uploader-icon {
    font-size: .75rem;
    width: 1.3125rem;
    height: 1.3125rem;
}

.ssUser-xl .ssUser-uploader-icon {
    font-size: .8125rem;
    width: 1.53125rem;
    height: 1.53125rem;
}

.ssUser-xxl .ssUser-uploader-icon {
    width: 2.1875rem;
    height: 2.1875rem;
}

.navbarRight .navbar-nav > .nav-item .btn-icon > i {
    font-size: 1.25rem;
}
/* /topbar */
/* /header */
/* myOPassengers */
.myOPLeft .card-body, .myOPRight .card-body {
    padding-bottom: 0;
}

    .myOPLeft .card-body > i, .myOPRight .card-body > i {
        font-size: 2.25rem;
        background-color: #ffffff;
        padding: 1rem;
        display: inline-block;
        border-radius: 50%;
    }

.myOPLeft .card, .myOPLeft .card .card-footer {
    background-color: #005c32;
}

.myOPLeft .card-body > i {
    color: #005c32;
}

.myOPRight .card, .myOPRight .card .card-footer {
    background-color: #cd2026;
}

.myOPRight .card-body > i {
    color: #cd2026;
}

.myOPRight .card .card-footer h3,
.myOPRight .card .card-footer span.text-muted,
.myOPLeft .card .card-footer h3,
.myOPLeft .card .card-footer span.text-muted {
    color: #fff !important;
}
/* /myOPassengers */
/* videoFrame */
.videoFrame {
    position: relative;
}

    .videoFrame .btnVideo {
        position: absolute;
        color: #444;
        top: 50%;
        left: 50%;
        width: 4.5rem;
        height: 4.5rem;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .videoFrame .btnVideo > i {
            font-size: 2.5rem;
        }

        .videoFrame .btnVideo:hover i {
            color: #8bc34a;
        }
/* /videoFrame */
/* octProducts */
.octProducts {
    /*padding-left: 6rem;
    padding-right: 6rem;*/
}

.octpSlider .slick-arrow {
    background-color: #ffffff;
    width: 34px;
    height: 30px;
    z-index: 9;
    border: 1px solid #f3f3f3;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    transition: 0.3s all;
}

    .octpSlider .slick-arrow:hover {
        border-color: #8bc34a;
    }

        .octpSlider .slick-arrow:hover i {
            color: #8bc34a;
        }

        .octpSlider .slick-arrow:hover:before {
            color: #8bc34a;
        }

    .octpSlider .slick-arrow:before {
        color: #000;
    }

    .octpSlider .slick-arrow.slick-next {
        right: -10px;
    }

    .octpSlider .slick-arrow.slick-prev {
        left: -10px;
    }

.octpSlider .sliderItem {
    border: 1px solid #f3f3f3;
    margin: 1rem .5rem;
    padding: 1rem;
    border-radius: 3px;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    transition: 0.3s all;
}

    .octpSlider .sliderItem:hover {
        border-color: rgba(8, 121, 70, 0.3);
    }

.octpSlider .slick-slide img {
    max-width: 100%;
}

.octpSlider .sliderItem .proImg {
}

.octpSlider .sliderItem .proContent {
    padding-top: 1rem;
}

    .octpSlider .sliderItem .proContent .proPrice {
        font-size: 18px;
        font-weight: 700;
        color: #333;
    }

        .octpSlider .sliderItem .proContent .proPrice .proPriceOld {
            color: #FFC107;
            font-size: 15px;
            font-weight: 600;
        }

    .octpSlider .sliderItem .proContent .proName {
        padding: .25rem 0;
    }

        .octpSlider .sliderItem .proContent .proName a {
            font-size: 15px;
            color: #222;
            font-weight: 600;
        }

            .octpSlider .sliderItem .proContent .proName a:hover {
                color: #087946;
            }

    .octpSlider .sliderItem .proContent .proRatting {
        padding-bottom: 1.25rem;
    }

        .octpSlider .sliderItem .proContent .proRatting i {
            font-size: 15px;
        }

.proRatting i.tio-star {
    color: #FFC107;
}

.octpSlider .sliderItem .proContent .proRatting i.tio-star-half {
    color: #999;
}

.octpSlider .sliderItem .proContent .proAction a {
    width: 100%;
}
/* /octProducts */
/* customerReviews */
.reviewsSlider .slick-list .slick-track {
    padding: 2.5rem 0;
}

.reviewsSlider .slick-list .slick-slide {
    margin: 0 .75rem;
    /*border-radius: 3px;
    border: .0625rem solid rgba(231,234,243,.7);
    box-shadow: 0 6px 12px rgba(140,152,164,.075);*/
}

.reviewsItem {
    padding: 1rem;
}

.reviewsSlider .slick-dots {
    bottom: 0px;
}
/* /customerReviews */
/* aside */
@media (min-width: 992px) {
    .content.container {
        position: relative;
    }

    #navbarVerticalNavMenu {
        background-color: transparent;
        height: 100%;
    }

        #navbarVerticalNavMenu .navbar-vertical-container {
            background-color: #4cb050;
            position: sticky;
            top: 4.75rem;
            height: auto;
            min-height: auto;
            margin-bottom: 2rem;
        }

        #navbarVerticalNavMenu.navbar-vertical .nav-link,
        #navbarVerticalNavMenu.navbar .active > .nav-link,
        #navbarVerticalNavMenu.navbar .nav-link.active,
        #navbarVerticalNavMenu.navbar .nav-link.show,
        #navbarVerticalNavMenu.navbar .show > .nav-link,
        #navbarVerticalNavMenu.navbar .nav-link:hover,
        #navbarVerticalNavMenu .nav-subtitle,
        #navbarVerticalNavMenu .nav-indicator-icon {
            color: #fff;
        }

    .nav-divider {
        border-top: .0625rem solid rgba(255, 255, 255, 0.1);
    }
}
/* /aside */
/* mainContent */
.dash-bg {
    background-color: #005f33 !important;
}

    .dash-bg > .content {
        height: 20rem;
    }

.bg-light-green {
    background-color: #8BC34A;
}

.bg-light-blue {
    background-color: lightblue;
}

.text-light-green {
    color: #8BC34A;
}

.bg-green {
    background-color: #128807;
}

.bg-orange {
    background-color: #f93;
}

.bg-red {
    background-color: #f44336;
}

.advisersBox {
    min-height: 27.8rem;
    position: relative;
    overflow: hidden;
}

    .advisersBox .adText {
        min-height: 9.75rem;
    }

.ellipsis-1 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-2 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-3 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-4 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipsis-7 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advisersBox::before {
    width: 30vw;
    height: 40vw;
    bottom: -30vw;
    left: 10vw;
}

.advisersBox::after {
    width: 30vw;
    height: 40vw;
    bottom: -34vw;
    left: 0vw;
}

.advisersBox::before, .advisersBox::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    content: "";
    display: block;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 5rem;
}

.advisersBox a.btn.btn-link {
    position: relative;
    z-index: 1;
}

.advisoryTabs.nav-tabs {
    background-color: #128807;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

    .advisoryTabs.nav-tabs .nav-link {
        padding: 0.8rem 2.75rem;
        color: #fff;
    }

        .advisoryTabs.nav-tabs .nav-item.show .nav-link,
        .advisoryTabs.nav-tabs .nav-link.active {
            color: #fff !important;
            background-color: #128807;
            border-color: transparent transparent #ffffff;
        }
/* /mainContent */
.card-btn-toggle {
    color: #8bc34a;
}

.char-icon {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    color: #fff;
    float: left;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    padding-top: 6px;
    margin-left: 10px;
    font-weight: normal;
    margin-top: 5px;
}

li:nth-child(4n+3) .char-icon {
    background: #c8b158 !important;
}

li:nth-child(4n+2) .char-icon {
    background: #d4423a !important;
}

li:nth-child(4n+1) .char-icon {
    background: #4ba272 !important;
}


li:nth-child(4n) .char-icon {
    background: #bf79b5 !important;
}


.f1-bg-blue {
    background: #003875 !important;
    color: #ffffff !important;
}

.f1-bg-yellow {
    background: #FFCC66 !important;
    color: #444444 !important;
}

.f1-bg-orange {
    background: #FF9900 !important;
    color: #ffffff !important;
}

.f1-bg-red {
    background: #FF0000 !important;
    color: #ffffff !important;
}

.f1-bg-blue-dark {
    background: #012852 !important;
    color: #ffffff !important;
}

.f1-bg-dark-yellow {
    background: #d4a23f !important;
    color: #444444 !important;
}

.f1-bg-dark-orange {
    background: #ce7c02 !important;
    color: #ffffff !important;
}

.f1-bg-dark-red {
    background: #c10000 !important;
    color: #ffffff !important;
}

.badge-prod-count {
    position: absolute !important;
    top: 0px !important;
    width: 16px;
    height: 16px;
    background-color: #dde0e6;
    right: 8px;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}