.lang_change {
    position: absolute;
    right: 8rem;
    top: 1.6rem
}

.lang_change a {
    font-size: 10px;
    color: #606061;
    padding: 3px 12px;
    border: 1px solid #606061;
    border-radius: 10px;
    text-align: center
}

.lang_change:hover {
    color: #1a1c22;
    background: #5f5f60
}

.notifications {
    font-size: 16px;
    color: #fff;
    margin-left: 25px
}

.notifications:hover {
    color: #f83738
}

.double-menu {
    display: inline-block;
    position: relative;
    top: 4px
}

.desc_menu {
    font-size: 10px;
    color: #6a6c70;
    display: block
}

.sidebar-nav > ul > li > a i.info {
    background-color: #2d9cfc
}

.sidebar-nav > ul > li > a i.danger {
    background-color: #ff5660
}

.sidebar-nav > ul > li > a i.purple {
    background-color: #6b46bf
}

body.fixed-layout #center-logo .navbar-brand .dark-logo b.maxi, body.fixed-layout #center-logo .navbar-brand .light-logo b.maxi {
    display: inline-block;
    font-weight: 800;
    font-style: normal
}

.skin-red-dark #center-logo .navbar-brand .dark-logo {
    display: none
}

.skin-red-dark #center-logo .navbar-brand .light-logo {
    display: inline-block
}

.mini-sidebar .scroll-sidebar .user-profile .user-pro-body.row > div:not(.no-hide) {
    display: none !important
}

.fixed-layout .left-sidebar, .fixed-layout .topbar {
    position: fixed;
    padding-top: 10px
}

.logo-center .top-navbar .navbar-header {
    line-height: 65px;
    padding-left: 10px;
    min-width: 70px
}

@media (min-width: 767px) {
    .logo-center .top-navbar .navbar-header {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

.card-product {
    background-color: #1a1c21;
    padding: 2.62rem 1.25rem;
    border-radius: 30px
}

.card-product .card-body {
    padding: 0
}

.card-product .card-title {
    margin-bottom: 2rem
}

.card-product .card-title a {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.card-product .col-12 .card-text {
    color: #979797;
    font-size: 11px;
    font-weight: 300
}

.card-product .card-image img {
    width: 205px;
    border-radius: 23px
}

.card-product .card-body p {
    margin: 0;
    font-size: 15px;
    font-weight: 500
}

.card-product .card-body p span.date-expired, .card-product .card-body p span.status-deactive, .status-deactive {
    color: #f83738
}

.card-product .card-body p span.status-active, .status-active {
    color: #17d00e
}

.btn.btn-product {
    margin-top: 10px;
    border: 1px solid #f83738;
    color: #f83738;
    border-radius: 20px;
    padding: 6.5px 1.4rem;
    font-size: 13px;
    font-weight: 500;
    transition: all .2s ease-in-out;
    background-color: transparent;
}

.btn.btn-product:hover {
    background-color: #f83738;
    color: #fff;
    box-shadow: 0 0 18px rgba(248, 55, 56, .22)
}

.flex-direction-nav a {
    height: 55px !important
}

.flexslider {
    background: 0 0 !important;
    border: none !important
}

.flexslider .slides > li:hover {
    cursor: pointer
}

#carousel.flexslider {
    margin-top: 10px !important
}

.profiletimeline .timeline-badge {
    z-index: 10;
    position: absolute;
    top: -10px;
    width: 50px;
    height: 50px;
    margin-left: -6px;
    border-radius: 50% 50% 50% 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    overflow: hidden
}

.profiletimeline .sl-left {
    position: relative
}

input[type=search] {
    color: #fff
}

.btn_login-tg {
    background-color: #08c !important;
    border-color: #08c
}

.btn_login-tg:hover {
    background-color: #007acc !important;
    border-color: #007acc
}

.btn_login-vk {
    background-color: #4c75a3 !important;
    border-color: #4c75a3
}

.btn_login-vk:hover {
    background-color: #4c6fa3 !important;
    border-color: #4c6fa3
}

@-webkit-keyframes pulser {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulser {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        transform: scale3d(1.15, 1.15, 1.15)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulser {
    -webkit-animation-name: pulser;
    animation-name: pulser
}

.download_launcher {
    position: relative;
    padding: 15px 10px 0;
    margin-top: 140px;
    margin-bottom: 27px
}

.download_launcher:hover .podlozhka {
    opacity: 1
}

.download_launcher:hover .podlozhka img {
    -webkit-filter: blur(0);
    -o-filter: blur(0);
    -moz-filter: blur(0)
}

.podlozhka {
    transition: opacity .2s linear;
    padding: 95px 30px 21px;
    background-color: #26292e;
    border-radius: 19px;
    opacity: .85
}

.podlozhka img {
    position: absolute;
    left: 50%;
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -o-filter: blur(2px);
    -moz-filter: blur(2px);
    top: -44px;
    margin-left: -31%;
    z-index: 1
}

.mini-sidebar .download_launcher {
    display: none
}

.mini-sidebar.show-sidebar .download_launcher {
    display: block
}

#center-logo {
    margin-bottom: 40px
}

.desktop-floating-logout {
    position: absolute;
    top: .2rem;
    right: 0;
    color: #f83738;
    font-size: 36px
}

.square-change {
    position: absolute;
    right: 4.8rem;
    width: 30px;
    font-size: 30px;
    height: 45px;
    top: 1rem;
    display: block;
    z-index: 99;
    cursor: pointer;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400
}

.skin-red-dark .square-change:after {
    content: '\f186';
    color: #f83738
}

.skin-white-light .square-change:after {
    content: '\f185';
    color: #f83738
}

.left-sidebar a.nav-link, a.mobile_toggler.nav-link {
    color: rgba(255, 255, 255, .75);
    font-size: 18px
}

.left-sidebar a.nav-link:hover, a.mobile_toggler.nav-link:hover {
    color: #fff
}

.mobile_toggler {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 999
}

.user-group {
    color: #717171;
    font-size: 11px;
    font-weight: 400;
    display: block
}

#balance_info div {
    color: #fff;
    font-size: 13px;
    font-weight: 700
}

.balance_info {
    padding: 14px 20px;
    text-align: center;
    margin-top: 7px;
    background: #2d9cfc;
    font-size: 18px !important;
    border-radius: 21px;
    color: #fff !important
}

.balance_info.danger {
    background: #ff5660
}

.user_info .text-muted {
    color: rgba(255, 255, 255, .75) !important;
    font-weight: 400
}

.user_info h6 {
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

.btn.btn-outline-success {
    border-color: #0cff00;
    color: #0cff00;
    border-radius: 20px;
    font-weight: 500;
    transition: all .2s ease-in-out;
    margin-top: 10px;
    font-size: 13px;
    padding: 6.5px 1.4rem
}

.btn.btn-outline-success:hover {
    background-color: #0cff00;
    color: #1a1c22;
    box-shadow: 0 0 18px rgba(12, 255, 0, .22)
}

.profile_cards .card-header {
    background-color: transparent
}

.profile_cards h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-bottom: 8px
}

.profile_cards h4:after {
    content: '';
    height: 2px;
    width: 56px;
    background: #f83738;
    bottom: 1px;
    left: 50%;
    position: absolute;
    margin-left: -26px
}

.profile_cards .card-header p {
    font-weight: 500;
    font-size: 12px
}

.profile_cards form label {
    color: rgba(255, 255, 255, .3);
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px
}

.fixed-layout .page-wrapper {
    padding-top: 27px
}

.user-profile {
    margin-top: 0
}

.customtab li a.nav-link.active, .profile-tab li a.nav-link.active {
    color: #f83739;
    border-color: #f83739
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #1e2026
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #1e2026
}

.skin-white-light #center-logo .navbar-brand .dark-logo {
    display: inline-block
}

.skin-white-light #center-logo .navbar-brand .light-logo {
    display: none
}

.skin-white-light, .skin-white-light .page-wrapper {
    background-color: #ececed
}

.skin-white-light #balance_info div, .skin-white-light .card .card-header, .skin-white-light .card .card-title, .skin-white-light .card p, .skin-white-light .card-product .card-title a, .skin-white-light .card-product p, .skin-white-light .customtab li a.nav-link, .skin-white-light .form-control, .skin-white-light .left-sidebar .sidebar-nav ul li.nav-small-cap, .skin-white-light .left-sidebar a.nav-link:hover, .skin-white-light .modal-content, .skin-white-light .notifications, .skin-white-light .podlozhka p, .skin-white-light .profile-tab li a.nav-link, .skin-white-light .profile_cards h4, .skin-white-light .sidebar-nav > ul > li > a span.hide-menu, .skin-white-light .slidepricer .preset span, .skin-white-light .swal2-popup .swal2-content, .skin-white-light .swal2-popup .swal2-title, .skin-white-light .table td, .skin-white-light .table th, .skin-white-light .user_info h6, .skin-white-light a.mobile_toggler.nav-link:hover, .skin-white-light div.dataTables_wrapper div.dataTables_info, .skin-white-light form label, .skin-white-light label, html body.skin-white-light .page-link {
    color: #000
}

html body.skin-white-light .page-item.disabled .page-link, html body.skin-white-light .page-link {
    background-color: #ececed
}

html body.skin-white-light .page-item.active .page-link {
    color: #000;
    border-color: #4f5467;
    background-color: #cecece
}

.skin-white-light .left-sidebar a.nav-link, .skin-white-light a.mobile_toggler.nav-link {
    color: rgba(0, 0, 0, .75)
}

.skin-white-light .newDesign .noUi-handle {
    border-color: #f83738 !important;
    background-color: #f83738 !important
}

.skin-white-light .swal2-icon.swal2-info {
    border-color: #000;
    color: #000
}

.skin-white-light .swal2-icon.swal2-error [class^=swal2-x-mark-line], .skin-white-light .swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: #000
}

.skin-white-light .user_info .text-muted {
    color: rgba(0, 0, 0, .75) !important
}

.skin-white-light .card, .skin-white-light .modal-content, .skin-white-light .podlozhka, .skin-white-light .sidebar-nav ul li a, .skin-white-light .swal2-popup {
    background-color: #fff;
    box-shadow: 1px 1px 5px rgba(139, 139, 139, .55)
}

.skin-white-light .form-control, .skin-white-light .input-group-text {
    background-color: #ececed;
    border-color: rgba(139, 139, 139, .55)
}

.skin-white-light .custom-control-label::before {
    background: #fff;
    border-color: #adb5bd
}

.skin-white-light .custom-control-input:checked ~ .custom-control-label::before {
    background: #f83738;
    border-color: #f83738
}

.skin-white-light .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background: #adb5bd;
    border-color: #fff
}

.skin-white-light .nav-tabs .nav-item.show .nav-link, .skin-white-light .nav-tabs .nav-link.active, .skin-white-light .table-striped tbody tr:nth-of-type(odd) {
    background-color: #ececed
}

.skin-white-light .card .card-footer, .skin-white-light .card .card-header, .skin-white-light .modal-content .card-header, .skin-white-light .topbar {
    background: 0 0
}

.skin-white-light .sidebar-nav ul li a.active, .skin-white-light .sidebar-nav ul li a:hover {
    color: #f83738
}

.skin-white-light .sidebar-nav ul li a.active i, .skin-white-light .sidebar-nav ul li a.active span.hide-menu, .skin-white-light .sidebar-nav ul li a:hover i, .skin-white-light .sidebar-nav ul li a:hover span.hide-menu {
    color: #f83738
}

.skin-white-light .sidebar-nav > ul > li.active > a {
    color: #ed4040;
    border-left: none
}

.skin-white-light .sidebar-nav > ul > li.active > a i, .skin-white-light .sidebar-nav > ul > li:hover > a i, .skin-white-light .sidebar-nav > ul > li > a:hover i {
    color: #fff !important
}

.skin-white-light .page-titles .breadcrumb .breadcrumb-item.active {
    color: #ed4040
}

.skin-white-light .topbar .top-navbar .navbar-header {
    background: 0 0
}

.skin-white-light .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
    display: none
}

.skin-white-light .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    display: inline-block;
    color: rgba(255, 255, 255, .8)
}

.skin-white-light .left-sidebar {
    background: #fff;
    box-shadow: 0 5px 101px rgba(236, 236, 237, .52)
}

.skin-white-light .left-sidebar .user-pro-body a.link {
    color: #000;
    font-weight: 700
}

@media (min-width: 768px) {
    .skin-white-light.mini-sidebar .sidebar-nav #sidebarnav > li:hover > a, .skin-white-light.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
        background: #fff;
        box-shadow: none
    }
}

.mini-sidebar .sidebar-nav > ul > li > a i {
    position: relative;
    left: 4px
}

.scroll-sidebar {
    height: 100%;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px
}

.sidebar-nav ul li a.has-arrow ~ ul.collapse {
    margin-top: 8px
}

.sidebar-nav ul li a.has-arrow ~ ul.collapse li a.active {
    z-index: 12
}

.sidebar-nav ul li a.has-arrow ~ ul.collapse li a {
    padding: 21px 30px;
    margin-bottom: 8px;
    position: relative;
    z-index: 9
}

.sidebar-nav .has-arrow[aria-expanded=true]::after, .sidebar-nav li > .has-arrow.active::after {
    top: 50%
}

.sidebar-nav .has-arrow::after {
    top: 52%
}

.skin-white-light .fileuploader-input .fileuploader-input-caption {
    color: #000;
    border-color: #ececed;
    background-color: #ececed
}

.skin-white-light .fileuploader {
    box-shadow: 0 0 65px rgba(139, 139, 139, .55);
    background: #fff
}

.skin-white-light .btn-secondary {
    background-color: #ececec;
    border-color: #adb5bd !important;
    color: #000
}

.skin-white-light .btn-secondary:active, .skin-white-light .btn-secondary:focus {
    background-color: #fff !important;
    color: #000 !important
}

.active_notify {
    overflow: visible
}

.active_notify:after {
    width: 10px;
    height: 10px;
    background-color: #f83738;
    border-radius: 50%;
    content: '';
    position: absolute;
    bottom: 0;
    right: -6px;
    z-index: 9;
    animation: pulse 1s infinite
}

body.mini-sidebar .user-profile {
    padding-top: 50px
}

.skin-white-light .slidepricer .card-header hr {
    background: #717171
}

@media screen and (min-width: 1024px) {
    .page-wrapper, .footer {
        margin-left: 355px
    }
}

.share,
.share:before,
.share:after,
.share .fab {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer
}

.share {
    position: fixed;
    z-index: 99;
    bottom: 7%;
    left: 2%;
}

.workTime {
    margin-top: 30px;
    color: var(--darkL) !important;
    font-size: 20px;
}


.share:before,
.share:after {
    content: '';
    will-change: transform
}

.share:before {
    background: url(../icons/chat-bubbles.svg) center/28px no-repeat;
    z-index: 5;
    -webkit-transition: .3s;
    transition: .3s
}

.share:after {
    background: #ee042c;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    z-index: -1;
    -webkit-transition: .39s;
    transition: .39s;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.share.active:before {
    background: url(../icons/chat-bubbles-white.svg) center/28px no-repeat
}

.share.active:after {
    background: #fff
}

.share .fab {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-animation: .3s down forwards;
    animation: .3s down forwards;
    opacity: 0;
    will-change: animation
}

.share .fab a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.share .fab:nth-child(2) {
    top: -66px
}

.share .fab:nth-child(3) {
    top: -132px
}

.share .fab:nth-child(4) {
    top: -200px
}

.share .fab.whatsapp {
    background: #25d366 url(../icons/whatsapp.svg) center/28px no-repeat
}

.share .fab.telegram {
    background: #08c url(../icons/telegram.svg) center/28px no-repeat
}


.share .fab.vk {
    background: #4C75A3 url(../icons/vk.svg) center/28px no-repeat
}

.share .fab.viber {
    background: #665cac url(../icons/viber.svg) center/28px no-repeat
}

.share .fab.insta {
    background: #e4405f url(../icons/insta.svg) center/28px no-repeat
}

.share .fab.viber .mobile {
    display: none
}

@media (max-width: 767px) {
    .share .fab.viber .desktop {
        display: none
    }

    .share .fab.viber .mobile {
        display: block
    }
}

.share .fab.active {
    -webkit-animation: .48s up forwards;
    animation: 1.2s up forwards
}

.share .fab.active:nth-child(1) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s
}

.share .fab.active:nth-child(2) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s
}

.share .fab.active:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.share .fab.no {
    -webkit-animation: none;
    animation: none
}

.object-fit-contain {
    object-fit: contain;
}

.object-fit-cover {
    object-fit: cover;
}

.no-image {
    overflow: hidden;
}

.skin-red-dark .no-image {
    background-color: #1a1c21;
}

.no-image {
    display: flex;
    flex-direction: column;
    height: 350px;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    background-color: #ffffff;
    box-shadow: 0px 7px 13px rgba(0, 0, 0, 0.07);
    border-radius: 13px;
    padding: 1.5rem;
    color: #f65050;
    position: relative;
    text-transform: uppercase;
}

.no-image__title {
    font-weight: 700;
}

.no-image__delete {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background-color: transparent;
    color: #f65050;
    border: 0;
}

.avatar_gallery-navigation {
    background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7));
    color: white;
    bottom: 0;
    left: 0;
}

.avatar_gallery-navigation a {
    color: white;
}

.image-options {
    top: 0;
    left: 0;
    right: 0;
    /*width: 100%;*/
    background-color: rgba(0, 0, 0, .4);
    height: 40px;
}

.image-options .options-bar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.image-options .options-bar a {
    color: #ffffff;
}

.image-options .options-bar a:last-child {
    margin-right: .5rem;
}

.image-options .options-bar a + a {
    margin-left: .75rem;
}

.sortable-th:not(.cursor-default) {
    cursor: pointer;
}

.sortable-th:not(.active) .direction {
    display: none;
}


.floating-bar {
    position: absolute;
    left: 50%;
    bottom: 2rem;
    transform: translateX(-50%);
    width: fit-content;
}


@-webkit-keyframes up {
    50% {
        -webkit-transform: translateY(-170%);
        transform: translateY(-170%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%)
    }
}

@keyframes up {
    50% {
        -webkit-transform: translateY(-170%);
        transform: translateY(-170%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%)
    }
}

@-webkit-keyframes down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: 0
    }
}

@keyframes down {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-130%);
        transform: translateY(-130%)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: 0
    }
}
.bg-product{background-color: #f83738;}

.skin-white-light .progress {
    background-color: rgba(139, 139, 139, .55);
}