textarea{
    scrollbar-width: thin;
}
textarea::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
textarea::-webkit-scrollbar-track-piece {
  background:transparent;
  -webkit-border-radius: 6px;
}
textarea::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  background-color: #cccccc;
}
textarea::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  background-color: #cccccc;
}

.sortable-highlight {
    z-index: 1;
    border: 1px dashed #dbdfea;
    background-color: #5cb85c !important;
    -webkit-box-shadow: 0 0 45px 1px rgb(0 0 0 / 14%);
    -moz-box-shadow: 0 0 45px 1px rgb(0 0 0 / 14%);
    box-shadow: 0 0 45px 1px rgb(0 0 0 / 14%);
}
.js-list-move {
    cursor: grab !important;
    cursor: -webkit-grabbing !important;
}

.card-box-right {
    position: relative;
}

.card-box_sticky {
    position: sticky;
    top: 0;
}

/* Logo */
.nk-header-app-info .st0{fill:#fff;}
.nk-header-app-logo .icon .st1{fill:#365edc;}
.nk-header-app-logo .icon .st2{fill:#CC4C59;}

.sortable-table td{cursor: move;}

/*  */
.nk-sidebar .nk-header-app-name {
    padding: 15px 25px;
    margin-left: 0px !important;
    width: 280px !important;
}
body:not(.pg-auth) .nk-header-app-name {
    margin-bottom: 0px !important;
}
.nk-header-fixed + .nk-content {
    margin-top: 0px !important;
}
@media (min-width: 1200px) {
    .has-sidebar .nk-wrap {
        padding: 0 0 0 280px;
    }
    .nk-sidebar {
        top: 0px;
        min-height: 100vh;
        height: 100%;
    }
    .nk-sidebar-inner {
        max-height: 100vh;
    }
    .nk-sidebar-content .nk-sidebar-inner {
        height: 100%;
    }

}



/* Color picker size 2x */
.colorpicker-2x .colorpicker-saturation {
    width: 200px;
    height: 200px;
}
.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
    width: 20px;
    height: 200px;
}
.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
    height: 20px;
}

/* Quill HTML editor */
.ql-html-overlayContainer {
    background: #364a6375 !important;
}
.ql-html-popupContainer {
    background: #fff !important;
    border: 1px solid #dbdfea;
    border-radius: 4px !important;
    box-shadow: 0px 0px 1px 0px rgb(82 100 132 / 20%), 0px 8px 15.52px 0.48px rgb(28 43 70 / 15%);
}
.ql-html-textContainer {
    padding: 0!important;
}
.ql-html-popupTitle {
    font-style: normal !important;
    border-bottom: 1px solid #dbdfea;
    padding: 15px 15px;
    font-size: 1.25rem;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    color: #364a63;
    letter-spacing: -0.01em;
}
.ql-html-textArea {
    left: 0 !important;
    border-bottom: 1px solid #dbdfea;
    width: 100% !important;
}
.ql-html-buttonGroup {
    position: inherit !important;
    bottom: 0 !important;
    transform: inherit!important;
    left: 0 !important;
    text-align: center;
    margin-top: 5px;
}

/* Custom colors */
body {
    background-color: #f7f7f7;
}
.dropdown-menu-sl {
    min-width: 180px;
    max-width: 180px;
}
.text-success {
    color: #1ba700 !important;
}
.bg-purple-dim {
    background-color: #2263b32b !important;
}
.nk-header-app-logo .icon {
    background: rgba(34, 99, 179, 0.49);
}
.icon[class*="bg-purple-dim"] {
    color: #2263b3;
}
.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover, .btn-success:focus {
	background-color: #449d44;
    border-color: #398439;
}
.btn-success:focus {
	box-shadow: 0 0 0 0.2rem rgba(68, 157, 68, 0.42);
}
.nk-apps-sidebar.is-dark {
    background: #262c2e;
    border-color: #262c2e;
}
.nk-sidebar.is-dark {
    background: #262c2e;
    border-right-color: #262c2e;
}
.is-dark .nk-sidebar-profile-fixed {
    background: #262c2e;
}
.noUi-target {
    background: #307bd8;
}
.alert-fill.alert-success {
    color: #fff;
    background: #5cb85c;
}
.preloader {
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
}
.preloader-block {
    top: 50%;
    left: 50%;
}
.preloader-show .nk-apps-sidebar,
.preloader-show .nk-main {
	opacity: 0.7;
	-webkit-filter:blur(3px);
	-moz-filter:blur(3px);
	-o-filter:blur(3px);
	-ms-filter:blur(3px);
	filter:blur(3px);
}
.fullscreen-enable {
    overflow: hidden;
}
.preloader-show .preloader {
	display: block;
}

/* Custom stylesheet */
.badge-cms-version {
    line-height: 11px;
    margin-top: -2px;
}
.variant-image img {
	opacity: 1;
	transition: all 0.4s;
}
.variant-image:hover img {
    opacity: 0.2;
    cursor: pointer;
}
.variant-image .icon {
	opacity: 0;
    position: absolute;
    color: #2263b3;
    z-index: 1;
    transition: all 0.4s;
}
.variant-image:hover .icon {
    opacity: 1;
}
.modal .nk-files-view-grid .nk-file {
    width: calc(25% - 16px) !important;
}
.js-variant-image-set.active .icon:before {
    content: "\ea67";
}
.ui-sortable-helper {
    display: table !important;
}
.ui-sortable-helper .nk-tb-col {
    /*width: inherit !important;*/
}
/* .nk-tb-list .user-avatar{
    cursor: pointer;
} */
.js-feature-values-list .input-group-addon i{
    background-color: #fff;
}

#variant-images .nk-file-item .icon-block{
    opacity: 0;
    position: absolute;
    color: #2263b3;
    z-index: 1;
    transition: all 0.4s;
    top: -25px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    font-size: 28px;
}
#variant-images .nk-file-item:hover .icon-block,
#variant-images .nk-file-item.active .icon-block {
    opacity: 1;
}
#variant-images .nk-file-item .icon {
    font-size: 28px;
}
#variant-images .nk-file-item .icon-block.active .icon{
    color: #2263b3;
}
#variant-images .nk-file-item:hover .nk-file-info,
#variant-images .nk-file-item.active .nk-file-info {
    opacity: 0.2;
    cursor: pointer;
}

.nk-menu-main .nk-menu-icon {
    display: block !important;
}
.nk-menu-md .nk-menu-text {
    font-weight: 500;
}
.nk-wrap {
    min-height: 100%;
}
.nk-tb-list:not(.nk-tb-products) {
    table-layout: fixed;
}
.nk-tb-list.nk-tb-products {
	table-layout: inherit;
}
.h-max-23px {
    max-height: 23px !important;
}
.h-max-25px {
    max-height: 25px !important;
}
.h-max-45px {
    max-height: 45px !important;
}
.w-36px {
    width: 36px !important;
}
.h-36px {
    height: 36px !important;
}
.w-16px {
    width: 16px !important;
}
.h-16px {
    height: 16px !important;
}
.h-165px {
    height: 165px !important;
}
.h-180px {
    height: 180px !important;
}

.buyers-check .dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: .45rem 1.5rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
}

.buyers-check .dropdown-menu a.active{
	font-weight: 500;
	color: #212529;
	background-color: transparent;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: .4rem .6rem;
	background-size: .75rem .75rem;
}

.buyers-check .dropdown-menu .dropdown-item:focus, .buyers-check .dropdown-menu .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}


@media (min-width: 1002px) {
	body:not(.pg-auth) .nk-header-app-name {
	    width: 281px;
	}
}
.of-hidden {
	overflow: hidden;
}
.scroll-y {
    overflow-y: scroll;
}
.form-control-sm + .input-group-append .input-group-text{
	padding: 0.2375rem 1rem;
}
.w-170px {
    width: 170px !important;
}
.w-260px {
    width: 260px !important;
}
.w-440px {
	width: 440px !important;
}
.user-avatar--big.user-avatar{
	width: 75px;
	height: 75px;
}
.level-0 {
    margin-left:0px;
}
.level-1 {
    margin-left:25px;
}
.level-2 {
    margin-left:50px;
}
.level-3 {
    margin-left:75px;
}
.level-4 {
    margin-left:100px;
}


.js-product-variants-list .select2-selection,
.select-sm .select2-selection{
    height: 30px;
    padding: 0.25rem 1rem;
    font-size: 0.75rem;
}
.js-product-variants-list .select2-selection__rendered,
.select-sm .select2-selection__rendered{
    padding: 0px !important;
}
.js-product-variants-list .select2-selection--single .select2-selection__arrow,
.select-sm .select2-selection--single .select2-selection__arrow{
    height: calc(1.85rem + 2px);
}
.nk-tb-list .variant-img {
    height: 30px;
    width: 30px;
}
.js-products-variant-slide {
    display: none !important;
}
.js-products-variant-slide[style*="display: block"]{
  display: flex !important;
}
.js-list-item .form-transparent input, .js-list-item .form-transparent .input-group-text {
    padding-left: 5px;
}
.js-list-item:not(:hover) .form-transparent input, .js-list-item:not(:hover) .form-transparent .input-group-text {
    border: 1px solid transparent;
    background-color: transparent;
}
.js-list-item:not(:hover) .form-transparent .input-group-append{
    opacity: 0;
}

/* Sortable */
.sortable-chosen, .sortable-ghost {
	background-color: #f5f6fa !important;
	background-color: #f5f6fa !important;
}
.js-list-move {
    cursor: grab !important;
}

/* Support */
.js-support-ticket .is-me,
.js-support-ticket .is-me .chat-meta {
    justify-content: flex-start;
}
.js-modal-support-ticket-block .nk-chat-panel {
    background-image: url('../images/support.svg');
    background-blend-mode: exclusion;
}


/* Метки в списке */

/* Активный */
.js-list-item.invisible {
	opacity: 0.6 !important;
}
.js-list-item.invisible .ti-eye:before {content: "\ecf0";}

/* Меню */
.js-list-item.is_menu>.d-table>.nk-tb-col-tools .menu .ti-circle:before {
    content: "\ea67";
    color: #1ba700;
}
.js-list-item>.d-table>.nk-tb-col-tools .menu .ti-circle:before {
    /* color: #e85347; */
}

.js-list-item.visible_submenu>.d-table>.nk-tb-col-tools .submenu .ti-circle:before {
    content: "\ea67";
    color: #1ba700;
}
.js-list-item .submenu>.d-table>.nk-tb-col-tools .ti-circle:before {
    /* color: #e85347; */
}

/* Комментарий - одобренный */
.js-list-item.comment-item.approved .ti-eye:before {content: "\ecf0";}
.js-list-item.comment-item.approved {
    background-color: #fef7e2;
}

/* Заявка - обработана */
.js-list-item.feedback-item.invisible {
	opacity: 1 !important;
}
.js-list-item.feedback-item:not(.invisible) .ti-circle:before {content: "\ea67";}
.js-list-item.feedback-item.invisible {
    background-color: #fef7e2;
}

/* Валюта - копейки */
.js-list-item.cents .ti-coin:before {color: #1ba700;}

/* Рекомендуемый */
.js-list-item.featured>.d-table>.nk-tb-col-tools .ti-star:before {color: #f4bd0e;}

/* Свойство - использовать в фильтре */
.js-list-item.in_filter .ti-filter-off:before {content: "\eaa5";color: #1ba700;}

/* YML */
.js-list-item.to_yml .ni-swap-alt:before {content: "";}

/* Список категорий */
.js-module-categories .nk-tb-list .nk-tb-list {
    display: none;
}

/* Список разделов */
.js-module-pages .nk-tb-list .nk-tb-list {
    display: block;
}

/* Бейджи в заявках */
.badge-feedback-lowprice {
    color: #e85347;
    border-color: #e85347;
}
.badge-feedback-callback {
    color: #1ba700;
    border-color: #1ba700;
}
.badge-feedback-contact {
    color: #157bd0;
    border-color: #157bd0;
}

/* Варианты товара */
@media (max-width: 991px) {
	.js-product-variants-list {
		min-width: 900px;
		min-height: 130px;
	}
}

/* Категории товаров */
.nk-tb-categories {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.nk-tb-categories .nk-tb-item {
    width: 100%;
    display: block;
}
.table-fixed{
	table-layout: fixed;
}
.nk-tb-categories .nk-tb-item .nk-tb-col {
    border-bottom: 1px solid #dbdfea;
}
.js-tickets-list .chat.is-me .chat-bubble {
    flex-direction: inherit;
}

/* Примечание к заказу */
.order-note {
	color: #cd9f0c;
    background-color: #fef7e2;
    border: 1px solid #fbe7a8;
}

/* Компоненты - Изображения */
.js-drop-zone{
    height: 100px;
    text-align: center;
    background-color: #f5f6fa;
    position: relative;
    border: 1px dashed #e5e9f2;
}
.js-drop-zone.drag {
	color: #08a3ba;
    background-color: #e1f8fb;
    border-color: #a6e9f3;
}
.js-drop-input {
    margin-top: -53px;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
.drop-message {
    margin-top: 40px;
}

/* Themes */
.theme-block {
	overflow: hidden;
}

/* Logo */
body:not(.pg-auth) .nk-header-app-name{
    background: #262c2e;
    margin-left: -25px;
    padding-left: 30px;
    margin-bottom: -1px;
    border-bottom: 1px solid #38424f;
}
body:not(.pg-auth) .nk-header-app-name .lead-text{
    color: white
}

.nk-tb-item:nth-child(odd){
    background-color: #fbfbfb;
}
/*.nk-tb-item:not(.nk-tb-head):hover, .nk-tb-item:not(.nk-tb-head).seleted {
    border-color: #f8f9fc !important;
    box-shadow: 0 0 10px 4px rgba(54, 74, 99, 0.2);
    background-color: #f8f9fc;
    z-index: 1;
}*/

/* Table scroll */
.table-scroll {
    overflow: scroll;
    max-height: 600px;
}

/* Import list status */
.import-status-updated, .import-status-added {
    color: #5cb85c !important;
}
.import-status-undefined {
    color: #e85347 !important;
}
/* .nk-header-menu .nk-menu-main .nk-menu-toggle .nk-menu-icon .icon {
    font-size: 22px;
} */

/* Logo */
@media (max-width: 1199px) {
    body:not(.pg-auth) .nk-header-app-name{
        width: initial;
        background-color: transparent;
        border:none;
    }
    body:not(.pg-auth) .nk-header-app-name .lead-text {
        color: #262c2e;
    }
}

@media (max-width: 1440px) {

    /* table scroll */
    .table-mob-scroll{
        overflow: scroll;
    }
    .table-mob-scroll .input-group{
        flex-wrap: nowrap;
        min-width: 120px;
    }

    .table-mob-scroll.card-variants .nk-tb-col,
    .table-mob-scroll.card-variants .nk-tb-item{
        width: 200px !important;
    }
}

@media (max-width: 992px) {
    .w-40{
        width:70% !important;
    }
}

/* pagination fix */
@media (min-width: 768px) {
    .card-inner-footer-fixed.is-fixed{
        position: fixed;
        right: 28px;
        bottom: 0;
        background-color: #ffffff;
        z-index: 2;
        border: 1px solid #dbdfea;
        padding: 15px;
    }
    .js-list-footer-fixed.is-fixed .nk-tb-list.js-list {
        padding-bottom: 35px;
    }
}
@media (max-width: 768px) {
    .card-inner-footer-fixed{
        width: 100% !important;
    }
}

.tb-col-xxxl { display: none !important; }

@media (min-width: 1920px) {
    .tb-col-xxxl { display: table-cell !important; }
}
@media (min-width: 1800px){
    .nk-files-view-grid .nk-file {
        width: calc(25% - 16px);
    }
}
@media (min-width: 1540px){
    .nk-files-view-grid .nk-file {
        width: calc(25% - 16px);
    }
}
