@font-face {
    font-display: swap;
    font-family: montserrat;
    font-style: normal;
    font-weight: 400;
    src: url(../assets/fonts/font-96fb9670.woff) format('woff2'),url(../fonts/font-12d10ea8.woff) format('woff')
}

@font-face {
    font-display: swap;
    font-family: montserrat;
    font-style: normal;
    font-weight: 600;
    src: url(../assets/fonts/font-9a9663cd.woff) format('woff2'),url(../fonts/font-c93f8b63.woff) format('woff')
}

:focus {
    outline: none
}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
    -webkit-transition-delay: 99999s;
    -webkit-transition: color 99999s ease-out,background-color 99999s ease-out
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    font-size: .875rem;
    font-family: Montserrat
}

body,button,input,select,textarea,h1,h2,h3,h4,h5,h6 {
    font-family: Roboto,san francisco,pingfang sc,hiragina sans gb,helvetica neue,Helvetica,microsoft yahei ui,microsoft yahei,simsun,arial,sans-serif;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased
}

body {
    background-color: #f9f9f9
}

h1,h2,h3,h4,h5,h6 {
    font-family: Montserrat
}

.btn:not(.btn-sm):not(.btn-lg):not(.btn-block) {
    min-width: 100px
}

.btn:focus {
    box-shadow: none
}

.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    transition: all .1s
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:hover,.btn-primary:focus {
    background-color: #0069d9;
    border-color: #0062cc
}

.text-primary {
    color: #076dff!important
}

a.text-primary:hover {
    color: #0062cc!important
}

.form-control {
    min-height: 38px;
    border-color: #dfe3ea
}

#registration select.form-control,select.form-control {
    font-size: 14px;
    min-height: 38px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldhcnN0d2FfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYgNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNCOUJEQzU7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS41LDFoLTVDMC4yMiwxLDAsMS4yMiwwLDEuNVYyYzAsMC4xMywwLjA1LDAuMjYsMC4xNSwwLjM1bDIuNSwyLjVDMi43NCw0Ljk1LDIuODcsNSwzLDVzMC4yNi0wLjA1LDAuMzUtMC4xNQoJbDIuNS0yLjVDNS45NSwyLjI2LDYsMi4xMyw2LDJWMS41QzYsMS4yMiw1Ljc4LDEsNS41LDF6Ii8+Cjwvc3ZnPgo=);
    background-position-y: 50%;
    background-position-x: calc(100% - 11px);
    background-repeat: no-repeat;
    padding-right: 24px;
    -webkit-appearance: none
}

.modal-content {
    border: 0 solid rgba(0,0,0,.2);
    border-radius: .3rem
}

.main-warpper {
    display: flex
}

.main-sidebar {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 260px;
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    transition: transform .2s,-webkit-transform .2s;
    z-index: 300;
    box-shadow: 0 3px 30px rgba(53,102,200,.09)
}

.navbar-brand {
    display: flex;
    align-items: center;
    height: 70px;
    padding-left: 1.875rem;
    margin: 0
}

.navbar-brand .logo-img {
    max-height: 40px;
}

.sidebar-list {
    margin: 20px 0 0;
    padding: 0
}

.sidebar-list .nav-item {
    display: block
}

.sidebar-list .nav-item.show {
    background-color: #f1f5fe
}

.sidebar-list .nav-item .nav-link {
    color: #3a456e;
    padding: 0 30px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sidebar-list .nav-item .nav-link:hover {
    color: #1b69ff
}

.sidebar-list .nav-item .nav-link i {
    margin-right: 3px
}

.sidebar-list .nav-item.title {
    margin-top: 25px;
    margin-bottom: 15px;
    padding-left: 30px;
    color: #7f8fa4;
    font-size: 12px;
    text-transform: uppercase
}

.sidebar-list .nav-item .nav-link.dropdown-toggle:after {
    font-family: "font awesome 5 pro";
    font-weight: 900;
    content: "\f0d7";
    border: 0;
    line-height: 1;
    color: #b7c0cd
}

.sidebar-list .nav-item .dropdown-menu.show {
    position: unset!important;
    width: 100%;
    transform: none!important;
    background-color: #f1f5fe;
    border: 0;
    padding: 0;
    margin: 0;
    float: unset
}

.sidebar-list .nav-item .dropdown-menu .dropdown-item {
    padding: 0
}

.sidebar-list .nav-item .dropdown-menu .dropdown-item:hover {
    background-color: transparent
}

.sidebar-list .nav-item .dropdown-menu .dropdown-item .dropdown-link {
    color: #3a456e;
    padding: 0 30px 0 58px;
    line-height: 40px;
    text-decoration: none
}

.sidebar-list .nav-item .dropdown-menu .dropdown-item .dropdown-link:hover {
    color: #1b69ff
}

.sidebar-list .nav-item .dropdown-menu .dropdown-divider {
    display: none
}

.primary-content {
    padding: 20px 20px 50px
}

.main-body {
    flex-shrink: 0;
    width: calc(100% - 260px);
    height: 100vh;
    margin-left: 260px
}

.top-main {
    display: flex;
    align-items: center;
    padding: 0 20px;
    min-height: 70px;
    background-color: #fff;
    border-bottom: 1px solid #e6eaee
}

.top-main .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent
}

.top-main .breadcrumb .breadcrumb-item a {
    color: #848c98
}

.top-main .breadcrumb .breadcrumb-item.active {
    color: #354052
}

.top-main .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    margin: 0 5px;
    color: #a1a7af;
    content: "/"
}

.top-main .navbar-nav {
    flex-direction: row
}

.top-main .navbar-nav .nav-item {
    margin-left: 1.5rem
}

.top-main .navbar-nav .nav-link {
    color: #848c98;
    padding: 0;
    line-height: 70px
}

.top-main .navbar-nav .nav-link:hover {
    color: #354052
}

.top-main .navbar-nav .dropdown-item {
    padding: 0
}

.top-main .navbar-nav .dropdown-link {
    line-height: 38px;
    display: block;
    padding: 0 20px;
    color: #5e6166
}

.top-main .navbar-nav .dropdown-link:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.bootstrap-switch {
    min-width: 58px!important
}

.primary-content .card {
    margin-bottom: 2rem;
    border-color: #e6eaee
}

.primary-content .card+.card {
}

.clientareahome .card-items {
    display: flex;
    align-items: center;
    padding: 25px 0 25px 25px;
    background-color: #fff;
    border: 1px solid #e6eaee;
    border-radius: .25rem;
    background-repeat: no-repeat;
    background-position: left bottom;
    margin-bottom: 1.5rem;
    background: url(../img/main/choose-hc_bg.jpg),linear-gradient(90deg, #333c5e 0%, #4f5c8e 100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.clientareahome .card-items .card-item {
    flex: 1;
    margin-bottom: 0;
    border-left: 1px solid #e6eaee2e
}

.clientareahome .card-items .card-info {
    color: #fff
}

.clientareahome .card-items .card-info .card-body,.clientareahome .card-items .card-item .card-body {
    padding: 0 25px
}

.clientareahome .card-items .card-item .card-body h3 {
    margin-bottom: 0;
    font-size: 20px;
    margin-top: .5rem;
    color: #fff
}

.clientareahome .card {
    border: 0;
    margin-bottom: 1.5rem;
    background: #fff
}

.clientareahome .card .card-header {
    color: #354052;
    font-weight: 500;
    border-bottom: 0;
    background-color: transparent;
    position: relative;
    border-bottom: 2px solid transparent;
    background: #fff
}

.clientareahome .card .card-header:after {
    content: '';
    background-color: #1b69ff;
    width: 15%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0
}

.clientareahome .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    word-wrap: break-word;
    border-radius: .25rem;
    background-color: #fff;
    min-height: 276px
}

.clientareahome .card .card-body.cards-carousel {
    position: relative;
    overflow: auto;
    padding: 0
}

.lSSlideWrapper {
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideWrapper .lSSlide {
    transform: translate(0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideWrapper .lSFade>* {
    position: absolute!important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit!important;
    transition-timing-function: inherit!important
}

.title-slider .first {
    position: relative;
    z-index: 10
}

.lSSlideWrapper .lSFade>.slide-active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>.slide-active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    display: none;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0;
    transition: all .5s linear 0
}

.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #428bca
}

.lSSlideOuter .media {
    opacity: .8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 83px;
    padding: 8px 0 8px 8px;
    min-width: 100%;
    background: rgba(0,0,0,.1);
    list-style: none outside none;
    margin: 0!important;
    overflow: hidden;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.lSSlideOuter .lSPager.lSGallery li {
    max-height: 67px;
    background: #fff;
    overflow: hidden;
    -webkit-transition: opacity .15s;
    transition: opacity .15s;
    opacity: .5;
    height: 100%
}

.lSSlideOuter .lSPager.lSGallery li:last-of-type {
    margin-right: 0!important
}

.lSSlideOuter .lSPager.lSGallery li.active {
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.2)
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: 100%;
    width: 100%
}

.lSSlideOuter .lSPager.lSGallery li.slide-active,.lSSlideOuter .lSPager.lSGallery li:hover {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table
}

.lSSlideOuter .lSPager.lSGallery:after {
    clear: both
}

@media(min-width: 992px) {
    .title-slider {
        max-height:456px
    }

    .title-slider .lSSlideOuter {
        background: #e9edf2
    }
}

.lSAction>a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    -webkit-transition: opacity .35s linear 0;
    transition: opacity .35s linear 0
}

.lSAction>a:hover {
    opacity: 1
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0!important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute!important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100%!important;
    max-width: none!important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lightSlider,.lSSlideOuter .lSPager {
    padding-left: 0;
    padding-bottom: 0!important;
    list-style: none outside none
}

.lSSlideOuter.lSrtl .lightSlider,.lSSlideOuter.lSrtl .lSPager {
    padding-right: 0
}

.lSSlideOuter .lightSlider>*,.lSSlideOuter .lSGallery li {
    float: left
}

.lSSlideOuter.lSrtl .lightSlider>*,.lSSlideOuter.lSrtl .lSGallery li {
    float: right!important
}

@-webkit-keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    to {
        left: 0
    }
}

@keyframes rightEnd {
    0% {
        left: 0
    }

    50% {
        left: -15px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    to {
        top: 0
    }
}

@keyframes topEnd {
    0% {
        top: 0
    }

    50% {
        top: -15px
    }

    to {
        top: 0
    }
}

@-webkit-keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    to {
        left: 0
    }
}

@keyframes leftEnd {
    0% {
        left: 0
    }

    50% {
        left: 15px
    }

    to {
        left: 0
    }
}

@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    to {
        bottom: 0
    }
}

@keyframes bottomEnd {
    0% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }

    to {
        bottom: 0
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.clientareahome .card .card-body .cards {
    margin: 0;
    padding: 0;
    list-style: none
}

.clientareahome .card .card-body .cards .card-row {
    display: flex;
    flex-direction: column;
    height: 73px;
    padding: 12px 24px;
    border-bottom: 1px solid #e9edf2;
    color: #737780;
    text-decoration: none;
    transition: linear background-color .15s
}

.clientareahome .card .card-body .cards .card-row:hover {
    background-color: #f8f8f8
}

.clientareahome .card .card-body .cards-nav {
    display: flex;
    align-items: center;
    padding: 10px;
    color: #666;
    height: 50px
}

.clientareahome .card .card-body .cards-nav>* {
    flex: 1;
    text-align: center
}

.clientareahome .card .card-body .cards-nav .btn-link {
    color: #666;
    padding: 0;
    line-height: 30px;
    border: 0
}

.product-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -15px;
    margin-right: -15px
}

.product-wrap .product-wrap-item {
    padding: 17px 17px 16px;
    width: calc((97% - 30px)/2);
    border-radius: .25rem;
    background-color: #f8f8f8;
    margin: 0 15px 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.product-wrap .product-wrap-item:nth-child(2n) {
    flex: 1
}

.product-wrap .product-wrap-item-title {
    font-weight: 500;
    font-size: 13px
}

.product-wrap .product-wrap-item-num {
    font-size: 20px;
    font-family: Ubuntu,sans-serif;
    font-weight: 500
}

.module-client-area {
    padding: 2rem 0 0
}

.module-client-area .tab01 {
    background-color: transparent!important
}

.no-data {
    min-height: 150px;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1.5rem;
    display: block
}

.no-data .btn {
    background: #d6e4ff;
    color: #1b69ff;
    border-color: #d6e4ff;
    padding: .6rem 2rem;
    transition: all.3s
}

.no-data .btn:hover {
    background: #b3ccff;
    border-color: #b3ccff
}

.no-data.big-no-data {
    min-height: 347px
}

.no-data .text {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 44px;
    color: #212529;
    font-weight: 500;
    margin-top: 20px
}

.no-data-sm {
    height: 190px
}

.no-data-slogan {
    padding: 120px 0;
    text-align: center
}

.no-data .icon-holder {
    color: #d7dadb;
    position: relative;
    display: inline-block;
    height: 96px;
    width: 96px;
    line-height: 94px;
    margin-bottom: 24px;
    border: 1px solid #e9edf2;
    border-radius: 100%
}

.no-data .icon-holder>i {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: 56px;
    width: 56px;
    line-height: 56px;
    font-size: 40px;
    text-align: center;
    vertical-align: middle
}

.no-data .icon-holder .circle {
    position: absolute;
    right: -1px;
    bottom: -1px;
    height: 32px;
    width: 32px;
    line-height: 32px;
    background: #004a95;
    border-radius: 100%;
    display: none
}

.no-data .icon-holder .circle>i {
    font-size: 16px;
    color: #fff
}

.no-data-slogan>p,.tab-content .tab-pane .no-data-slogan>p {
    margin-bottom: 0;
    color: #2e3442;
    font-size: 20px;
    font-weight: 500;
    text-align: center!important
}

.no-data-slogan>p+span {
    margin-top: 14px
}

.no-data-slogan>span {
    font-size: 15px;
    display: block
}

.no-data .no-data-slogan>span {
    font-size: 14px;
    line-height: 22px
}

.no-data .no-data-slogan>span+span {
    margin-top: 12px
}

.no-data .no-data-slogan>p+.btn,.no-data .no-data-slogan>span+.btn {
    margin-top: 30px
}

.avatar-sm {
    width: 24px
}

.avatar-md {
    width: 48px
}

.avatar-lg {
    width: 64px
}

.table-container {
    padding: 0
}

.dataTables_wrapper .dataTables_length {
    background-color: transparent
}

.dataTables_wrapper table.table-list {
    margin-bottom: 0!important
}

.dataTables_wrapper .dataTables_info {
    padding: 0!important;
    color: #4f5360;
    font-weight: 400!important;
    background-color: transparent
}

.dataTables_wrapper .dataTables_filter label .form-control {
    border-color: #e6eaee;
    border-radius: 3px;
    background: url(../../../../assets/img/search.png) #fff no-repeat 8px 5px
}

.dataTables_wrapper table.table-list tr:last-child td {
    border-bottom: 0
}

.table>tbody>tr>td:first-child {
    padding: 15px 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 15px 10px;
    border-top: 0;
    border-bottom: 1px solid #e6eaee;
    text-align: left!important
}

.table>tbody>tr>td a {
    color: #7f8fa4;
    text-decoration: none
}

.dataTables_wrapper table.table-list {
    border-radius: .25rem
}

.dataTables_wrapper table.table-list thead th:nth-child(even) {
    border-bottom: 1px solid #e6eaee
}

.dataTables_wrapper table.table-list thead th {
    color: #7f8fa4;
    padding: 10px;
    font-size: .875rem;
    font-weight: 500;
    border-bottom: 1px solid #e6eaee!important;
    background-color: #f5f8fa!important
}

table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after {
    top: 11px!important
}

.dataTables_wrapper .dataTables_paginate .pagination>li>a,.dataTables_wrapper .dataTables_paginate .pagination>li>span {
    padding: 8px 12px
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    border-color: #e6eaee
}

.dataTables_wrapper .dataTables_length label {
    padding: 0;
    margin-bottom: 0
}

.dataTables_wrapper .dataTables_length label .form-control {
    border: 1px solid #dfe3e9;
    min-height: 33px;
    padding: 0 20px 0 12px
}

.dataTables_wrapper .dataTables_paginate {
    padding: 0 0 0 30px
}

.dataTables_wrapper .table-paginate,.dataTables_wrapper .table-bottom,.dataTables_wrapper .table-top {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.table-bottom {
    height: 80px
}

.table-container {
    position: relative
}

.table-tools {
    position: absolute;
    top: 6px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.table-list>thead>tr>th:first-child {
    padding-left: 20px
}

.table-list>tbody>tr>td {
    outline: none;
    box-shadow: none
}

.table-list>tbody>tr:nth-child(even)>td {
    background-color: #f6f8fa
}

.pagination>li>a,.pagination>li>span {
    border-color: #e6eaee
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    color: #999;
    background-color: #e6eaee;
    border-color: #e6eaee
}

.login .main-warpper,.clientregister .main-warpper,.password-reset-container .main-warpper {
    height: 100vh;
    align-items: center;
    justify-content: center
}

.clientregister .main-warpper {
    height: auto
}

.login-container {
    width: 450px
}

.clientregister .login-container {
    width: 650px;
    margin-top: 50px
}

.clientregister .card-title {
    font-size: 16px
}

.clientregister .generate-password {
    position: absolute;
    top: 5px;
    right: 5px
}

.login-container .login-header {
    color: #2a3547;
    border-radius: 4px 4px 0 0;
    background-color: #f8fafc;
    padding: 2rem;
    border: 1px solid #e6eaee;
    border-bottom: 0
}

.login-container .login-header .logo-img {
    filter: invert(100%);
    max-height: 70px
}

.login-container .login-body {
    padding: 2.215rem;
    border: 1px solid #e6eaee;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    margin-bottom: 1.5rem
}

.login-container .login-form label {
    color: #7f8fa4
}

.login-container .login-form .input-group-append .btn-default {
    min-width: 60px;
    border-color: #dfe3eb
}

.login-container .login-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.status-on-hold {
    background-color: #4f5360
}

.status-in-progress {
    background-color: #eb3941
}

.tickets-main {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 20px;
    display: block
}

.tickets-main:focus,.tickets-main:hover {
    text-decoration: none;
    background-color: #fafafa
}

.tickets-main h4 {
    color: #333;
    font-size: 18px;
    margin: 0 0 15px
}

.tickets-main p {
    color: #666;
    margin-bottom: 0
}

.ticket-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ticket-action {
    display: flex;
    align-items: center
}

.ticket-cell {
    margin-left: 1.5rem;
    color: #a2a2a2
}

.ticket-cell strong {
    color: #333;
    margin-left: 15px
}

.ticket-detail {
    display: flex;
    padding: 1.5rem 0;
    border-bottom: 1px dashed #d3d3d3
}

.ticket-detail:last-child {
    border-bottom: 0
}

.ticket-detail-icon {
    margin-right: 1rem
}

.ticket-detail-icon img {
    width: 40px;
    height: 40px
}

.ticket-detail-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem
}

.ticket-detail-main {
    width: 100%
}

.ticket-detail-message {
    font-size: 12px
}

.ticket-detail-message ul,.ticket-detail-message ol {
    margin: 0 0 1rem;
    padding-left: 25px
}

.ticket-detail-message pre {
    padding: .7rem 1rem;
    margin: 0 0 1rem;
    font-size: .75rem;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f8f8f8;
    border-radius: .25rem
}

.ticket-detail-message blockquote {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
    padding: .7rem 1rem;
    font-size: .75rem;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    border-left: 4px solid var(--primary)
}

.ticket-detail-message blockquote p:last-child {
    margin-bottom: 0
}

.ticket-reply .rating,.ticket-reply .rating-done {
    font-size: 18px
}

@media(min-width: 992px) and (max-width:1199px) {
    .invoice-container>div:last-child:not(.col-md-3) {
        width:242px!important
    }
}

.status-label {
    float: right;
    font-weight: 500;
    background-color: rgba(255,255,255,.1)
}

.invoice-logo img {
    max-width: 280px
}

.invoice-top ul>li {
    position: relative;
    margin: 0 0 8px;
    text-align: right
}

.invoice-top ul .list-label {
    display: inline-block;
    padding: 0 15px 0 0;
    color: #a1a6b2
}

.invoice-status {
    color: #fff
}

.invoice-status .status-id {
    padding-left: 44px!important
}

.invoice-status.status-md .status-id {
    padding-right: 30px;
    text-align: right
}

.invoice-status.status-md .status-label {
    font-weight: 700
}

.panel-invoice .list-address,.panel-invoice address {
    font-size: 13px
}

.invoice-info h5 {
    font-size: 14px;
    font-weight: 700
}

.form-actions table,.form-actions table>tbody,.form-actions table>tbody>tr,.form-actions table>tbody>tr>td,.form-actions table>tbody>tr>td>form {
    display: block;
    width: 100%
}

.form-actions table>tbody>tr>td:first-child {
    margin-bottom: 8px
}

.invoice-table .table>tbody>tr>td,.invoice-table .table>tbody>tr>th,.invoice-table .table>thead>tr>td,.invoice-table .table>thead>tr>th,.invoice-table .table>tfoot>tr>td,.invoice-table .table>tfoot>tr>th {
    padding-left: 0
}

.invoice-table .table>tfoot>tr:last-child>td {
    border-bottom: 0
}

.table .table-summary>tr>td:first-child {
    text-align: right;
    vertical-align: middle;
    border-bottom: none
}

@media(min-width: 768px) {
    .panel-invoice .row {
        margin-left:-20px;
        margin-right: -20px
    }

    .panel-invoice [class*=col-] {
        padding-left: 20px;
        padding-right: 20px
    }

    .panel-invoice .table>tbody>tr>td,.panel-invoice .table>thead>tr>th,.panel-invoice .table>tfoot>tr>td {
        padding: 10px 25px
    }

    .panel-invoice .table>tbody>tr>td:first-child,.panel-invoice .table>thead>tr>th:first-child,.panel-invoice .table>tfoot>tr>td:first-child,.panel-invoice>.panel-body>h4,.panel-invoice>.panel-body>p {
        padding-left: 0
    }

    .panel-invoice .table>tbody>tr>td:last-child,.panel-invoice .table>thead>tr>th:last-child,.panel-invoice .table>tfoot>tr>td:last-child,.panel-invoice>.panel-body>h4,.panel-invoice>.panel-body>p {
        padding-right: 0
    }

    .status-label {
        padding: 0 20px
    }

    .invoice-top,.invoice-status {
        margin-bottom: 40px
    }

    .invoice-info {
        margin-bottom: 20px
    }

    .invoice-status.status-lg {
        height: 80px;
        font-size: 32px;
        font-weight: 100;
        line-height: 80px
    }

    .invoice-status.status-md {
        height: 40px;
        color: #fff;
        font-size: 16px;
        line-height: 40px
    }

    .invoice-taxitem {
        margin: -30px 0 40px
    }
}

@media(max-width: 767px) {
    .invoice-status {
        padding-left:54px;
        margin: 0 0 20px -40px
    }

    .invoice-status .status-id {
        padding-left: 10px!important
    }

    .invoice-status .status-label {
        padding-left: 20px
    }

    .invoice-payto,.invoice-invoicedto {
        margin-bottom: 20px!important
    }

    .invoice-top {
        margin-bottom: 32px!important
    }

    .invoice-taxitem {
        margin: -10px 0 20px
    }

    .invoice-status.status-lg {
        height: 50px;
        font-size: 24px;
        font-weight: 100;
        line-height: 50px
    }

    .invoice-status.status-md {
        height: 32px;
        font-size: 14px;
        font-weight: 100;
        line-height: 32px
    }

    .panel-invoice h4 {
        margin-bottom: 10px
    }

    .invoice-table .table>tbody>tr,.invoice-table .table>thead>tr th {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .invoice-table .table>tbody>tr .amount-col {
        line-height: 32px
    }

    .table-summary tr {
        width: 100%;
        padding: 10px 0
    }

    .table-summary tr:after {
        display: block;
        content: "";
        clear: both
    }

    .table-summary tr td {
        float: left;
        width: 50%;
        padding: 0 10px!important
    }
}

@media(max-width: 579px) {
    .panel-invoice .panel-body {
        padding:24px
    }

    .invoice-logo {
        text-align: center;
        margin-bottom: 20px
    }

    .invoice-logo img {
        max-width: 200px
    }

    .invoice-top ul>li {
        float: left;
        width: 50%;
        margin: 0;
        text-align: left
    }

    .invoice-top ul>li .list-label {
        display: block
    }

    .invoice-status {
        padding-left: 20px;
        margin: 0 0 20px -24px
    }

    .invoice-status .status-id {
        padding-left: 10px!important
    }

    .invoice-status .status-label {
        padding-left: 20px
    }
}

.cart-warp {
    display: flex;
    position: relative;
    transition: all .25s ease-out
}

.cart-sidebar {
    min-width: 300px;
    width: 300px;
    padding: 0;
    margin-left: 2rem
}

.configureproduct .cart-warp {
}

.configureproduct .cart-sidebar {
    width: 350px
}

.configureproduct .summary-container {
    display: flex;
    flex-direction: column
}

.configureproduct .summary-container .summary-item {
    padding: .825rem 0;
    border-bottom: 1px solid #f7f7f7
}

.configureproduct .summary-container .summary-item .summary-item-name {
    display: flex
}

.configureproduct .summary-container .summary-item .summary-item-name>small {
    width: 100px
}

.configureproduct .summary-container .summary-totals {
    margin-top: 0;
    border-top: 0
}

.configureproduct .summary-container .total-due-today {
}

.cart-body {
    flex: 1;
    padding: 0
}

.cart-body .header-lined {
    margin-bottom: 1.5rem
}

.cart-warp .cart-sidebar .panel-title {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 38px
}

.cart-warp .list-group .list-group-item {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0
}

.cart-warp .list-group .list-group-item:last-child {
    border: 0
}

.cart-warp .list-group .list-group-item.active {
    background-color: #1c2740
}

.products-list {
    background-color: #fff;
    transition: all .5s ease;
    border: 1px solid #e6eaee;
    border-radius: .25rem;
    padding: 0 1.5rem
}

.product-row {
    transition: all .5s ease;
    padding: 1.5rem 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e6eaee
}

.product-head {
    font-weight: 600;
    cursor: default;
    padding: 1rem 0;
    color: #a1a5b2
}

.product-row .product-cell {
    width: 12.5%;
    font-weight: 600
}

.product-row .product-cell .price {
    margin: 0
}

.product-row .product-cell .price .big {
    font-size: 16px;
    font-weight: 600
}

.product-row .product-cell .price .won {
    color: #666;
    font-size: 12px;
    display: block
}

.product-row .product-cell:first-child {
    width: 20%;
    font-size: 1.125rem
}

.product-row .product-cell:last-child {
    width: 15%
}

.product-row .product-cell .btn small {
    display: block
}

.cart-warp .card {
    overflow: hidden
}

.card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    font-weight: 500;
    line-height: 50px;
    border-bottom: 1px solid #ebeff2
}

.cart-summary .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.cart-summary .card-header .loader {
    color: #333
}

.card-body .buy-btn .btn {
    border-radius: 0;
    padding: 1rem 4rem
}

.product-configurable-options {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #ebeff2
}

.product-configurable-options label {
    font-weight: 500
}

.order-summary {
    margin-bottom: 1.5rem
}

.summary-container {
    padding: 1.5rem
}

.summary-item {
    padding: 0 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.summary-item-name small {
    font-size: 14px;
    color: #aaa;
    font-weight: 600;
    display: block
}

.summary-totals {
    margin: 1.5rem 0;
    padding: 1.5rem 0;
    border-top: 1px solid #ebeff2;
    border-bottom: 1px solid #ebeff2
}

.summary-totals>div {
    line-height: 28px
}

.total-due-today {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.total-due-today .amt {
    font-size: 24px;
    font-weight: 600
}

.view-cart-items-header {
    background-color: transparent;
    color: #333;
    font-size: 15px;
    border-bottom: 1px dashed #ddd;
    padding: 0 0 15px
}

.view-content {
    padding-bottom: 2rem;
    border-bottom: 1px dashed #ddd
}

.view-content:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.configoption-item label {
    font-weight: 500;
    min-width: 80px;
    color: #999
}

.pay-cost {
    color: #ff7800
}

.pay-cost-num {
    font-size: 24px!important;
    line-height: 36px;
    height: 36px;
    display: inline-block
}

.view-cart-items .item-price span {
    font-size: 1.6em
}

.viewcart .subtotal {
    line-height: 28px
}

.viewcart .recurring-totals {
    line-height: 28px;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #ebeff2
}

.cart-warp .sub-heading {
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    position: relative
}

.cart-warp .sub-heading:after {
    border-top: 1px solid #dfe3ea;
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    top: 17px
}

.cart-warp .sub-heading span {
    background-color: #fff;
    position: relative;
    z-index: 100;
    padding: .5rem 1rem
}

.account-select-container {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    border-radius: .25rem;
    border: 1px solid #dfe3ea
}

.account-select-container div.account {
    padding: 1.5rem 0
}

.paymentGatewaysList {
    display: flex;
    flex-direction: column
}

.paymentGatewaysItem {
    padding: .5rem 0
}

@media(max-width: 991px) {
    .main-sidebar {
        transform:translateX(-260px)
    }

    .main-sidebar.show {
        transform: translateX(0px)
    }

    .top-main .navbar-nav {
        margin-left: 0!important
    }

    .top-main .navbar-nav .nav-item {
        margin-left: 0;
        margin-right: 1rem
    }

    .main-body {
        width: 100%;
        margin-left: 0
    }

    .clientareahome .card-items {
        flex-wrap: wrap;
        display: flex;
        padding: 1.5rem
    }

    .clientareahome .card-items .card-item {
        border-left: 0;
        flex: 0 0 50%
    }

    .card-info {
        margin-left: 25px
    }

    .clientareahome .card-items .card-info .card-body,.clientareahome .card-items .card-item .card-body {
        padding: 0 25px 0 0
    }

    .top-main .breadcrumb {
        display: none
    }

    .navbar-toggler {
        order: 2;
        margin-left: auto;
        color: rgba(0,0,0,.5);
        border-color: rgba(0,0,0,.1)
    }

    .navbar-toggler-icon {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48cGF0aCBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC41KScgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbWl0ZXJsaW1pdD0nMTAnIHN0cm9rZS13aWR0aD0nMicgZD0nTTQgN2gyMk00IDE1aDIyTTQgMjNoMjInLz48L3N2Zz4=)
    }

    .table-list thead {
        display: none
    }

    .table-list colgroup col {
        width: 100%!important
    }

    .table-list>tbody>tr {
        display: flex;
        flex-direction: column
    }

    .table-list>tbody>tr>td {
        display: block;
        padding: 15px 20px
    }

    .table-status .dropdown {
        display: none
    }

    .product-head {
        display: none
    }

    .product-row {
        flex-direction: column
    }

    .product-row .product-cell {
        width: 100%!important;
        line-height: 38px;
        display: flex
    }

    .product-row .product-cell .price {
        display: flex
    }

    .product-row .product-cell .price .won,.product-row .product-cell .w-hidden {
        display: unset;
        width: 100px;
        color: #666
    }

    .header-lined>div {
        flex-direction: column
    }

    .viewcart .cart-warp,.configureproduct .cart-warp {
        flex-direction: column
    }

    .viewcart .cart-sidebar,.configureproduct .cart-sidebar {
        margin: 0;
        width: 100%
    }
}

.sidebar-list .nav-item.show a {
    color: #1b69ff
}

.message,.message-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.message {
    background: #fff;
    background-color: #fff;
    box-shadow: 0 3px 30px 0 rgba(53,102,200,.09)
}

.message-no-data {
    min-height: 320px
}

.card,.mc-promo-login,.mc-promo-manage {
    box-shadow: 0 3px 30px rgba(53,102,200,.09);
    border: none
}

a.product-wrap-item:hover {
    background: linear-gradient( 90deg,#1b69ff 0%,#1b69ff 100%);
    color: #fff!important
}

.product-wrap .product-wrap-item {
    transition: background .5s;
    padding: 13px!important
}

.product-wrap .product-wrap-item-title img {
    width: 30px;
    margin-right: 5px
}

.home-billing-recent {
    display: block
}

.consumption-info {
    width: 100%;
    max-width: 100%
}

.consumption-chart {
    width: 100%;
    max-width: 100%
}

.consumption-info {
    color: #888
}

.consumption-info span {
    color: #333
}

.current-month-number {
    margin: 16px 0 24px;
    margin: 17px 0 10px;
    font-size: 28px;
    color: #333
}

.last-month-number {
    margin: 17px 0 10px;
    color: #333;
    font-size: 20px;
    font-weight: 500
}

.current-month-number {
    font-size: 20px;
    font-weight: 500
}

.home-billing-recent {
    display: block
}

.consumption-info {
    display: flex;
    align-items: baseline;
    justify-content: space-around
}

.no-data img {
    height: 100px
}

.invoice-main .card .card {
    border: 1px solid #e5e8ef;
    box-shadow: none
}

.invoice-main .card .card .card-header {
    background: #f6f8fa
}

.invoice-main .card .card .table {
    margin-bottom: 0;
    border-bottom: none
}

.invoice-main .card .card {
    border-bottom: 0
}

.card.cloud {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWoAAADWCAYAAAD4p8hZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5RJREFUeNrs3MFqE0EABuDRppdee+nFi1cveQMRRRRRRJSi+Cb6EoIIIoggIoggQhHEu4eefBBzSA7bQ6HjzO62pm0at63ZTdrvO2S2u5vQQ/j5mczshTDFs82dtRDDWjpcjSGsxFidj/XLvjEfTrge65NH3jvpPcf4/Invmfj58dD1Rp9/nHsnvefQ/xIP3vtzY315EACO0Jt08vnmzmoa+ilYVnbDSEjPJKT3rgM0DuoU0lfScHk8jIS0kAbmJKhTSPfTcElItxfSshpoHNR1kxbSbYa0lAaaBnU9J226o+WQltNAExfrsS+khTQwp406L8GzuqObkDb1ATRr1NU6aSEtpIF5bdSh2swipDsI6bj3AjClUdtxKKSBOW/UQrq7kJbTQNOpDyHdVUgLa6BRoxbSbYf0II3DdLSVxx9PPZAJ+FejFtKzCukiHY7SwShUwTz6/mS58JUDTteohfRJQno7h3A6X4ZxDuhvj7VkYBaNWkg3CenUjmMRQ9mSf+fpi411LRloo1EL6YPXy5ZcTllUUxfF10c9LRnoqFEL6TKQ07iVW3L++8vD3ravBjA/jfr8hPR2NXURcjMu0snh5we9ka8AsBiN+uyF9O60RdmS8zTGp/taMrCojXqxQ7oopyz+rk0uPt7TkoGz1qgXJaRDGcbV2uR6XfKHu1oycE4a9ZyFdFH/sDeo1yYX7+9oycB5DupuQ3psO3UcvrttCRzA4amPdkI6r7IYxbFpi7e3lmwUAWg69fGfQ3rfQ4fe3FzSkgFO1ahPHtLljr16KVy5nfr1DS0ZYDaNenpIV9up64cO5XB+dV1LBmivUYeDDx0K1UOHYrmdeuvlNS0ZoNtGHcOvHM4vrmrJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAM/RHgAEAjBotFRHZhn0AAAAASUVORK5CYII=) top left no-repeat,url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWoAAADWCAYAAAD4p8hZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABI5JREFUeNrs3M1tE0EYx+EFGcmHPexxj3ukBBpAoggKSgEpgSMFIHFNASnDPXDBK3lhtHEUx1/zzszzSCGA+LTCT38Mr7sOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4L8PHgKAeL7++DPt3w37t3Hj4QDIGuThEOQ5zOMS5/TbCDXAfVdyGuPplO8n1AC3Wcnj6m0498cTaoAMK1moAa4f5HWMh0tWslADnB/kbffyKYsp569JqAErOcNKFmqA4yt5SsI8lvLrF2qgxpWcPmUxf35b8u9JqAErWagBLo7yOsbFr2ShBkoN8pvn1C0SasBKFmrASr7eObVQA1y+km96Ti3UAFayUANFBTncObVQAy1HuYhzaqEGrGSEGrj7Sk5jbCULNZB5JS8xrvacWqiBEleyQxGhBjIF2Tk1Qg2Bojx1zqkRarCSEWrg5UoeV0vZSkaoIdNKdk6NUEPQlTx5VBBqyBNk59QINQQJsnNqhBqsZBBqeG0lpzG2khFqyLiSnVMj1BBwJXvRIWo1f3z3h8Exv++FmohRXsfYSqZG/0KcvG0taqIF2Tk1ra7kd/0jtlBjJcP19EeW8sUf50LNLVby+v8lW8nUZnMkxsMtfzK4ZCU7p6allTwcPn/Xvw0KNeesZC86hJUs1GQKsnNqWlrJaYz7yD0U6naj7Jyallby8pTFEujifhNYyVCD9Pnj8CtZqNteyWmMrWRqtI7xtsSVLNTtrOQlxs6pqX0lp//I11y3hLq8lexQBCtZqMkUZOfUtLSSzz6nFmruFeWpc05NGyv5pBcdQqitZLh9R3orWahLWcnjailbD9Qm+zm1UHPqSnZOTUsrOdQ5tVDz1kqePCpYyQh1niCvn7Kwkql5JRd9Ti3U9QfZOTUtreRiXnQIoZ4D/W3/7rOVTIXSQxErWaiL5qkMauCcWqiBgCvZOTVCDVYyQg10nXNqhBrCrWTn1Ag1BNAfWcpWMkINmf6cOKdGqCHgSnZOjVCDlQxCDV3nnBqhhnAr2Tk1Qg0BpM8fW8kINWTknBqh9hAQcCU7pwahxkoGoYZ0JTunBqEmyEr2okMg1AT5mOmtZBBqYvpiJcP9ffQQ8A4iDUINgFADCDUAQg0g1AAINQBCDSDUAAg1gFADINQACDWAUAMg1AAINYBQAyDUAEINgFADINQAQg2AUAMg1ABCDYBQAwg1AEINgFADCDUAQg0g1AAINQBCDSDUAAg1AEININQACDWAUAMg1AAINYBQAyDUAEINgFADINQAQg2AUAMg1ABCDYBQAwg1AEINgFADCDUAQg0g1AAINQBCDSDUAAg1AEININQACDWAUAMg1AAINYBQAyDUAEINgFADINQAQg2AUAMg1ABCDYBQAzRiJ9QAsT0LNUBsT0INENfu9/dPQg0Q2MP8iVADxPRzv6afhRogpl/7SD8uX9h4PADCLenH9CuEGiCG3f7tYXm6Q6gB4sR5DvPT/L87XvtGfwUYAMeCptJU2enfAAAAAElFTkSuQmCC) bottom right no-repeat,linear-gradient(135deg,#7ccafe,#45a4fb)
}

.card.dedicated {
    background: url(/assets/images/dedicated_left-d5b62ac5.png) top left no-repeat,url(data:image/png;base64,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) bottom right no-repeat,linear-gradient(135deg,#499fff,#015bea)
}

.card.cloud .card-body,.card.dedicated .card-body {
    padding: 20px 42px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    display: flex;
    width: 100%;
    align-items: center
}

.icon.icon-cloud {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLQodC70L7QuV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA0OCA0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQwIDQ4SDhjLTQuNCAwLTgtMy42LTgtOHMzLjYtOCA4LThoMzJjNC40IDAgOCAzLjYgOCA4cy0zLjYgOC04IDh6TTkuNSA0MGEyLjUgMi41IDAgMSAwLTUgMCAyLjUgMi41IDAgMCAwIDUgMHpNMzMgMzhjMC0uNTUtLjQ1LTEtMS0xcy0xIC40NS0xIDF2NGMwIC41NS40NSAxIDEgMXMxLS40NSAxLTF2LTR6bTQgMGMwLS41NS0uNDUtMS0xLTFzLTEgLjQ1LTEgMXY0YzAgLjU1LjQ1IDEgMSAxczEtLjQ1IDEtMXYtNHptNCAwYzAtLjU1LS40NS0xLTEtMXMtMSAuNDUtMSAxdjRjMCAuNTUuNDUgMSAxIDFzMS0uNDUgMS0xdi00eiIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjIyLjUiIGN5PSIxMy41IiByPSIxMy41Ii8+PGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMzguNSIgY3k9IjE3LjUiIHI9IjkuNSIvPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjYuNSIgY3k9IjIwLjUiIHI9IjYuNSIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKC0xODAgMjIuNSAyNC41KSIgY2xhc3M9InN0MCIgZD0iTTYgMjJoMzN2NUg2eiIvPjwvc3ZnPg==)
}

.card.cloud .icon,.card.dedicated .icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    margin-right: 10px
}

.icon.icon-dedicated {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLQodC70L7QuV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA0OCA0OCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ2IDBIMkMuOTAwMDI0NCAwIDAgLjkwMDAyNDQgMCAydjEwYzAgMS4wOTk5NzU2LjkwMDAyNDQgMiAyIDJoNDRjMS4wOTk5NzU2IDAgMi0uOTAwMDI0NCAyLTJWMkM0OCAuOTAwMDI0NCA0Ny4wOTk5NzU2IDAgNDYgMHpNNi4wMDAzMDUyIDMuOTk5ODc3OWgtMXY2aDF2MmgtMWMtMS4xMDI1MzkxIDAtMi0uODk2OTcyNy0yLTJ2LTZjMC0xLjEwMzAyNzMuODk3NDYwOS0yIDItMmgxVjMuOTk5ODc3OXpNMTYgNy4zMzMzNzRDMTYgNy43MDAwMTIyIDE1LjYwNjIwMTIgOCAxNS4xMjUgOGgtNS4yNUM5LjM5MzczNzggOCA5IDcuNzAwMDEyMiA5IDcuMzMzMzc0VjQuNjY2Njg3QzkgNC4zMDAwNDg4IDkuMzkzNzM3OCA0IDkuODc1IDRoNS4yNUMxNS42MDYyMDEyIDQgMTYgNC4zMDAwNDg4IDE2IDQuNjY2Njg3VjcuMzMzMzc0ek0yMyA5YzAgLjU1MDA0ODgtLjQ1MDAxMjIgMS0xIDEtLjU1MDA0ODggMC0xLS40NDk5NTEyLTEtMVY1YzAtLjU0OTk4NzguNDQ5OTUxMi0xIDEtMSAuNTQ5OTg3OCAwIDEgLjQ1MDAxMjIgMSAxVjl6TTI3IDljMCAuNTUwMDQ4OC0uNDUwMDEyMiAxLTEgMS0uNTUwMDQ4OCAwLTEtLjQ0OTk1MTItMS0xVjVjMC0uNTQ5OTg3OC40NDk5NTEyLTEgMS0xIC41NDk5ODc4IDAgMSAuNDUwMDEyMiAxIDFWOXpNMzEgOWMwIC41NTAwNDg4LS40NTAwMTIyIDEtMSAxcy0xLS40NDk5NTEyLTEtMVY1YzAtLjU0OTk4NzguNDUwMDEyMi0xIDEtMXMxIC40NTAwMTIyIDEgMVY5ek0zNSA5YzAgLjU1MDA0ODgtLjQ1MDAxMjIgMS0xIDFzLTEtLjQ0OTk1MTItMS0xVjVjMC0uNTQ5OTg3OC40NTAwMTIyLTEgMS0xczEgLjQ1MDAxMjIgMSAxVjl6TTM5IDljMCAuNTUwMDQ4OC0uNDUwMDEyMiAxLTEgMXMtMS0uNDQ5OTUxMi0xLTFWNWMwLS41NDk5ODc4LjQ1MDAxMjItMSAxLTFzMSAuNDUwMDEyMiAxIDFWOXpNNDUuMDAwMzA1MiA5Ljk5OTg3NzljMCAxLjEwMzAyNzMtLjg5NzQ2MDkgMi0yIDJoLTF2LTJoMXYtNmgtMXYtMmgxYzEuMTAyNTM5MSAwIDIgLjg5Njk3MjcgMiAyVjkuOTk5ODc3OXpNNDYgMTdIMmMtMS4wOTk5NzU2IDAtMiAuOTAwMDI0NC0yIDJ2MTBjMCAxLjEwMDAzNjYuOTAwMDI0NCAyIDIgMmg0NGMxLjA5OTk3NTYgMCAyLS44OTk5NjM0IDItMlYxOUM0OCAxNy45MDAwMjQ0IDQ3LjA5OTk3NTYgMTcgNDYgMTd6TTYuMDAwMzA1MiAyMC45OTk4Nzc5aC0xdjZoMXYyaC0xYy0xLjEwMjUzOTEgMC0yLS44OTY5NzI3LTItMnYtNmMwLTEuMTAzMDI3My44OTc0NjA5LTIgMi0yaDFWMjAuOTk5ODc3OXpNMTYgMjQuMzMzMzc0QzE2IDI0LjcwMDAxMjIgMTUuNjA2MjAxMiAyNSAxNS4xMjUgMjVoLTUuMjVDOS4zOTM3Mzc4IDI1IDkgMjQuNzAwMDEyMiA5IDI0LjMzMzM3NHYtMi42NjY2ODdjMC0uMzY2NjM4Mi4zOTM3Mzc4LS42NjY2MjYuODc1LS42NjY2MjZoNS4yNWMuNDgxMjAxMiAwIC44NzUuMjk5OTg3OC44NzUuNjY2NjI2VjI0LjMzMzM3NHpNMjMgMjZjMCAuNTUwMDQ4OC0uNDUwMDEyMiAxLTEgMS0uNTUwMDQ4OCAwLTEtLjQ0OTk1MTItMS0xdi00YzAtLjU0OTk4NzguNDQ5OTUxMi0xIDEtMSAuNTQ5OTg3OCAwIDEgLjQ1MDAxMjIgMSAxVjI2ek0yNyAyNmMwIC41NTAwNDg4LS40NTAwMTIyIDEtMSAxLS41NTAwNDg4IDAtMS0uNDQ5OTUxMi0xLTF2LTRjMC0uNTQ5OTg3OC40NDk5NTEyLTEgMS0xIC41NDk5ODc4IDAgMSAuNDUwMDEyMiAxIDFWMjZ6TTMxIDI2YzAgLjU1MDA0ODgtLjQ1MDAxMjIgMS0xIDFzLTEtLjQ0OTk1MTItMS0xdi00YzAtLjU0OTk4NzguNDUwMDEyMi0xIDEtMXMxIC40NTAwMTIyIDEgMVYyNnpNMzUgMjZjMCAuNTUwMDQ4OC0uNDUwMDEyMiAxLTEgMXMtMS0uNDQ5OTUxMi0xLTF2LTRjMC0uNTQ5OTg3OC40NTAwMTIyLTEgMS0xczEgLjQ1MDAxMjIgMSAxVjI2ek0zOSAyNmMwIC41NTAwNDg4LS40NTAwMTIyIDEtMSAxcy0xLS40NDk5NTEyLTEtMXYtNGMwLS41NDk5ODc4LjQ1MDAxMjItMSAxLTFzMSAuNDUwMDEyMiAxIDFWMjZ6TTQ1LjAwMDMwNTIgMjYuOTk5ODc3OWMwIDEuMTAzMDI3My0uODk3NDYwOSAyLTIgMmgtMXYtMmgxdi02aC0xdi0yaDFjMS4xMDI1MzkxIDAgMiAuODk2OTcyNyAyIDJWMjYuOTk5ODc3OXpNNDYgMzRIMmMtMS4wOTk5NzU2IDAtMiAuOTAwMDI0NC0yIDJ2MTBjMCAxLjEwMDAzNjYuOTAwMDI0NCAyIDIgMmg0NGMxLjA5OTk3NTYgMCAyLS44OTk5NjM0IDItMlYzNkM0OCAzNC45MDAwMjQ0IDQ3LjA5OTk3NTYgMzQgNDYgMzR6TTYuMDAwMzA1MiAzNy45OTk4Nzc5aC0xdjZoMXYyaC0xYy0xLjEwMjUzOTEgMC0yLS44OTY5NzI3LTItMnYtNmMwLTEuMTAzMDI3My44OTc0NjA5LTIgMi0yaDFWMzcuOTk5ODc3OXpNMTYgNDEuMzMzMzc0QzE2IDQxLjcwMDAxMjIgMTUuNjA2MjAxMiA0MiAxNS4xMjUgNDJoLTUuMjVDOS4zOTM3Mzc4IDQyIDkgNDEuNzAwMDEyMiA5IDQxLjMzMzM3NHYtMi42NjY2ODdjMC0uMzY2NjM4Mi4zOTM3Mzc4LS42NjY2MjYuODc1LS42NjY2MjZoNS4yNWMuNDgxMjAxMiAwIC44NzUuMjk5OTg3OC44NzUuNjY2NjI2VjQxLjMzMzM3NHpNMjMgNDNjMCAuNTUwMDQ4OC0uNDUwMDEyMiAxLTEgMS0uNTUwMDQ4OCAwLTEtLjQ0OTk1MTItMS0xdi00YzAtLjU0OTk4NzguNDQ5OTUxMi0xIDEtMSAuNTQ5OTg3OCAwIDEgLjQ1MDAxMjIgMSAxVjQzek0yNyA0M2MwIC41NTAwNDg4LS40NTAwMTIyIDEtMSAxLS41NTAwNDg4IDAtMS0uNDQ5OTUxMi0xLTF2LTRjMC0uNTQ5OTg3OC40NDk5NTEyLTEgMS0xIC41NDk5ODc4IDAgMSAuNDUwMDEyMiAxIDFWNDN6TTMxIDQzYzAgLjU1MDA0ODgtLjQ1MDAxMjIgMS0xIDFzLTEtLjQ0OTk1MTItMS0xdi00YzAtLjU0OTk4NzguNDUwMDEyMi0xIDEtMXMxIC40NTAwMTIyIDEgMVY0M3pNMzUgNDNjMCAuNTUwMDQ4OC0uNDUwMDEyMiAxLTEgMXMtMS0uNDQ5OTUxMi0xLTF2LTRjMC0uNTQ5OTg3OC40NTAwMTIyLTEgMS0xczEgLjQ1MDAxMjIgMSAxVjQzek0zOSA0M2MwIC41NTAwNDg4LS40NTAwMTIyIDEtMSAxcy0xLS40NDk5NTEyLTEtMXYtNGMwLS41NDk5ODc4LjQ1MDAxMjItMSAxLTFzMSAuNDUwMDEyMiAxIDFWNDN6TTQ1LjAwMDMwNTIgNDMuOTk5ODc3OWMwIDEuMTAzMDI3My0uODk3NDYwOSAyLTIgMmgtMXYtMmgxdi02aC0xdi0yaDFjMS4xMDI1MzkxIDAgMiAuODk2OTcyNyAyIDJWNDMuOTk5ODc3OXoiLz48L3N2Zz4=)
}

.card.dedicated p,.card.cloud p {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 0
}

.invoice-service-right {
    width: calc(100% - 60px)
}

.dropdown-item.active,.dropdown-item:active {
    background-color: #1b69ff2e
}

.dropdown-item.active .dropdown-link {
    color: #1b69ff!important
}



td.price_row.price-discount .txt-l {
    position: relative;
    opacity: .6;
    margin-right: 5px;
    font-size: 14px !important;
}

td.price_row.price-discount .txt-l:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    margin-top: -1px;
    background: #333;
}

td.price_row.price-discount .price-final {
    margin-top: 10px!important;
    color: #1b69ff;
    font-size: 18px;
    font-weight: 600;
}