#sales-general input[name="dates"], #sales-report-table a,
[tooltip]::after, [tooltip]::before,
.ellipsis-hover-wrap ul li a,
.bot-edit-format, .bot-show-all, .shorts-delete,
.shorts-format-view-intem,
.dashboard-bg-line,
.dashboard-bg-line2,
.price-adjustments .log-icon-cell i
{
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    -ms-transition: All 0.3s ease;
    transition: All 0.3s ease;
}

.tr-animation {
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    -ms-transition: All 1s ease;
    transition: All 1s ease;
}

body {background: #F4F5F7;}

[tooltip]{
  position:relative;
  display:inline-block;
}
[tooltip]::before {
    content: "";
    position: absolute;
    top:-6px;
    left:50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(0,0,0,0.9) transparent transparent     transparent;
    z-index: 99;
    opacity:0;
}

[tooltip-position='left']::before{
  left:0%;
  top:50%;
  margin-left:-12px;
  transform:translatey(-50%) rotate(-90deg);
}
[tooltip-position='top']::before{
  left:50%;
}
[tooltip-position='buttom']::before{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}
[tooltip-position='right']::before{
  left:100%;
  top:50%;
  margin-left:1px;
  transform:translatey(-50%) rotate(90deg)
}

[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left:50%;
    top:-6px;
    transform: translateX(-50%)   translateY(-100%);
    background: rgba(0,0,0,0.9);
    text-align: center;
    color: #fff;
    font-size: 12px;
    min-width: 170px;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px 4px;
    z-index:99;
    opacity:0;
}

[tooltip-position='left']::after{
  left:0%;
  top:50%;
  margin-left:-8px;
  transform: translateX(-100%)   translateY(-50%);
}
[tooltip-position='top']::after{
  left:50%;
}
[tooltip-position='buttom']::after{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translateY(0%);
}
[tooltip-position='right']::after{
  left:100%;
  top:50%;
  margin-left:8px;
  transform: translateX(0%)   translateY(-50%);
}

[tooltip]:hover::after,[tooltip]:hover::before {
   opacity:1
}

.reels-tab-day [tooltip]::after {
    min-width: 100px!important;
}

#product-balance table [tooltip]::after {padding: 10px!important}

#product-balance {
    width: 100%;
}

.price-adjustments [tooltip]::after {
    min-width: 180px!important;
}

.product-balance-wrap .tab-flex div.calendar {
    margin-left: auto;
    width: 155px;
}

.font-weight {font-weight: bold;}

#sales-general .card {
    border: 1px solid #E3EBF6;
    box-shadow: none;
    border-radius: 4px;
}


#sales-general .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

#sales-general .card-body {
    padding: 8px 12px;
}

#sales-general h4 {
    margin: 30px 0 0px 0;
}

#sales-general h3.h3 {margin-bottom: 20px;}

#sales-general-stat, #sales-general-stat-block {width: 100%;}

#sales-general-stat p {font-weight: 500; color: #666!important;}

.tab-flex {
    display: flex;
    justify-content: flex-start;
}

.tab-flex div.calendar {
    margin-left: auto;
}

#datepicker-popup .input-group-append .input-group-text, .input-group-prepend .input-group-text {
    background: #fff;
    border: none;
    border-right: 2px solid #DEE2E6;
    padding: 9px 0.75rem!important;
}

.table-progress {
    display: flex;
    justify-content: flex-start;
}

.t-b1 {
    width: 40px;
    margin-right: 5px;
}

.td1 {
    max-width: 250px!important;
    width: 250px!important;
    white-space: inherit!important;
    text-align: left;
    line-height: 19px!important;
}

.table-img {
    width: 50px!important;
    height: auto!important;
    border-radius: 2px!important;
}

.table-wbnum {
    transform: rotate(-90deg);
    display: inline-block;
    width: 66px;
    height: 12px;
    font-size: 12px;
    text-align: center;
    position: relative;
    /* margin: 0 -20px; */
    margin: 0 -28px 0 -28px;
}

#sales-general-stat-block h4 {margin: 15px 0 0 0;}

.badge {
    box-shadow: none;
    display: inline-block;
    padding: 0.36em 0.4em;
    font-size: 11px !important;
    font-weight: 400;
    line-height: 10px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
}

.badge-soft-danger {
    background-color: rgba(245,50,92,0.15) !important;
    color: #f5325c !important;
    box-shadow: 0px 0px 13px 0px rgba(245,50,92,0.05);
}

.badge-soft-success {
    background-color: rgba(3,216,127,0.15) !important;
    color: #118957 !important;
    box-shadow: 0px 0px 13px 0px rgba(3,216,127,0.05);
}

.badge-soft-secondary {
    background-color: rgba(155,167,202,0.15) !important;
    color: #9ba7ca !important;
    box-shadow: 0px 0px 13px 0px rgba(155,167,202,0.05);
}

.search {margin-left: auto}

#search-text, .search-flex #search-text1 {margin-top: 8px;}

.sales_report_h4 {margin: 14px 0 20px 0!important}

#sales-report-table a {text-decoration: none; color: #222}
#sales-report-table a:hover {color: #6581FF}

.row-style .text-dark {
    padding: 0 0 5px 0;
}

.row-style .card {
    border: 1px solid #E3EBF6!important;
    box-shadow: none!important;
    border-radius: 4px!important;
}


.row-style .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.row-style .card-body {
    padding: 8px 12px;
}

.row-style h4 {
    margin: 30px 0 0px 0;
}

.row-style h3.h3 {margin-bottom: 20px;}

.sidebar .nav .nav-item .nav-link .menu-title {font-size: 13px!important;}

.icon-wb {
    max-width: 23px;
    margin: 0 0 0 10px;
}

.navbar .navbar-brand-wrapper .navbar-brand img {
    max-width: none!important;
    height: 26px!important;
    margin: -5px 0 0 0!important;
}

.mdi-darkred {color:darkred}
.mdi-green {color: #058b00}
.mdi-red {color: #8b0000}

.tb-ind i {font-size: 14px;}
.txt-green {
    color:#058b00;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.txt-darkred{
    color: darkred;
    font-size: 12px;
    position: relative;
    top: -2px;
}

.span-day {font-size: 11px !important;}
.span-day-bold {font-size: 11px !important; font-weight: bold!important;}

.tab-day-5 {margin: 7px 0 0 0;}
.tab-day-5 span {padding: 4px 4px!important; border-radius: 5px!important;}

.tab-day-wb {margin: 7px 0 0 0;}
.tab-day-wb span {padding: 4px 8px!important; border-radius: 11px!important;}
#morris-line {height: 550px;}

.tr-br-green {background: #D5F0D5!important;}
.tr-br-red {background: #FFDFDF!important;}
.tr-br-orange {background: #F0EBD5!important;}

.stock-tb-top {
    margin-top: 5px;
}

#stock-table {margin-top: 8px!important;}

.order-calc-table-size {width: 115px!important}
.order-calc-table-size-itog {width: 70px!important}

#order-calculator {width: 100%}
#order-calculator td {
    white-space: normal!important;
    padding: 15px 12px;
}

#order-calculator th {padding: 15px 12px;}

.intem-calc h4 {margin: 5px 0 15px 0!important;}

.remainder-green {color: green!important}
.remainder-red {color: red!important}

.raz {
  -moz-appearance: textfield;
  padding: 1.125rem 5px!important;
}
.raz::-webkit-inner-spin-button {
  display: none;
}

#traffic-table button {color: #F1F2EC; padding: 10px 15px; margin: 0;}
#traffic-table a {
    text-decoration: none;
    color: #222;
}
.traffic-table-wb {width: 30px;}
.tab-atricle {width: 150px!important;}
.traffic-table-order {width: 160px;}
.traffic-table-td-order {vertical-align: middle!important;}

.dots {
   width: 60.8px;
   height: 9.6px;
   display: flex;
   margin: 25px 0 0 36px;
}

.dots:before,
.dots:after {
   content: "";
   flex: 1;
   background: radial-gradient(farthest-side         ,#1f3bb3 90%,#0000) center/9.6px 100%,
        radial-gradient(farthest-side at right,#1f3bb3 90%,#0000) right /4.8px  100%;
   background-repeat: no-repeat;
   transform: scale(var(--s,1)) translate(0px) rotate(0);
   animation: dots-31zaijsm 2s infinite;
}

.dots:after {
   --s: -1;
}

@keyframes dots-31zaijsm {
   25% {
      transform: scale(var(--s,1)) translate(-8px) rotate(0);
   }

   50% {
      transform: scale(var(--s,1)) translate(-8px) rotate(1turn);
   }

   75%, 100% {
      transform: scale(var(--s,1)) translate(0px)   rotate(1turn);
   }
}

.morris-line-class {margin: 15px 0 0 0; height: 600px;}

.supply-article {min-width: 170px; white-space: normal!important;}
.supply-type {min-width: 30px; }
.supply-city {min-width: 100px; white-space: normal!important;}
#supply {margin: 0; padding: 0}
#supply td, #supply th {padding: 10px;}
#supply th {line-height: 19px;}
#supply td input {
    width: 50%!important;
    display: inline-block!important;
    margin-right: 7px;
}
.mc-wb {min-width: 50px!important}

.supply-tab {margin-left: auto}

.supply-search #search-text {margin-top: 0!important}

.supply-tab-flex button {color: #fff!important; border: 0!important;}

.offer {cursor: pointer;}

.supply-check {margin-right: 25px;}

.supply-check span {
    font-size: 14px;
    position: relative;
    top: -1px;
    left: 2px;
}

.supply-hover {display: none}

.track-project-form select {
    border: 1px solid #dee2e6;
    font-weight: 400;
    font-size: 0.875rem;
    border-radius: 4px;
    width: 200px;
    padding: 5px 10px;
}

.track-project-form input[type="text"]{
    width: 210px!important;
    display: inline-block!important;
    position: relative;
    top: -5px;
    height: 33px;
}

.track-project-form button, .track-project-tab-flex .search button, .project-bot {
    border: 0!important;
    color: #fff!important;
    padding: 10px 10px!important;
}

.track-project-form h6 {
    margin: 10px 0 15px 0!important;
    font-weight: 400!important;
    font-size: 16px!important;
}

#track-project {width: 100%!important;}

.key-wbnum {
    font-size: 12px;
    font-weight: 400;
    color: #999;
    margin: -14px 0 5px 0;
}

.track-project-tab-flex .search .form-control {
    display: inline-block;
    width: 200px;
}

.track-project-tab-flex .search button {margin-top: 12px;}

.track-keyname {
    width: 150px;
    white-space: normal!important;
    line-height: 18px!important;
    text-align: left;
}

.track-textarea {
    min-height: 150px!important;
    line-height: 18px!important;
    padding: 10px 15px!important;
    margin-bottom: 15px;
}

.key-hover {display: none}

.form-group label {font-size: 16px!important;}

.set-card-title {
    font-weight: bold;
    margin: 5px 0 4px 0 !important;
    font-size: 23px;
}

.setting-title-wb {
    display: flex;
    margin: 0 0 15px 0;
}

.setting-title-wb-ico {
    background: #EFE3FD;
    color: #783DB3;
    border-radius: 4px;
    align-items: center;
    text-align: center;
    font-weight: 900;
    height: 55px;
    width: 55px;
    display: grid;
    margin: 0 15px 0 0;
    font-size: 19px;
}

.setting-title-la-ico {
    background: #eee;
    color: #222;
    border-radius: 4px;
    align-items: center;
    text-align: center;
    font-weight: 900;
    height: 55px;
    width: 55px;
    display: grid;
    margin: 0 15px 0 0;
    font-size: 19px;
}

.setting-title-vk-ico {
    background: #DFE8F3;
    border-radius: 4px;
    align-items: center;
    text-align: center;
    height: 55px;
    width: 55px;
    display: grid;
    margin: 0 15px 0 0;
}

.setting-title-vk-ico i {
    font-size: 25px;
    color: #5181B8;
    margin-top: 3px;
}

.setting-wrap .card-body {
    padding: 25px!important;
}

.setting-title-wb p {padding-left: 1px; color: #999}

.setting button {
    padding: 10px 15px!important;
    color: #fff!important;
    border: 0;
}

.message {
    background: #34B1AA;
    color: #fff;
    border: 1px solid #2C9792;
    border-radius: 3px;
    padding: 10px;
    margin: 0 0 15px 0;
}

.auth .brand-logo img {
    width: 120px!important;
}

.input-error {color: red!important;}

.table_wb {width: 175px}
.table_wb button {margin: 0!important;}
.statvputis-barcode {margin-top: 10px;}

#ransom input, #ransom select {
    border-radius: 0;
}

#ransom select {color: #212529}

.setting-telegramm, .setting-vk {margin: 25px 0}
.setting-telegramm i {
    color: #40A7E3;
    font-size: 21px;
    top: 2px!important;
    position: relative!important;
    width: 25px;
}

.setting-vk i {
    color: #5181B8;
    font-size: 21px;
    top: 2px!important;
    position: relative!important;
    width: 25px;
}

.cost-price-icon-wb {
    width: 16px!important;
    height: 16px!important;
    border-radius: 0!important;
    margin: 0 2px 0 0;
    position: relative;
    top: -1px;
}

.content-wrapper {max-width: 1900px;}

.edit_cost_price .btn {margin: 0!important}

.loader {
    width: 44.6px;
    height: 8.6px;
    margin: 0 auto;
    display: none;
    -webkit-mask: conic-gradient(from 135deg at top   ,#0000,#000 .5deg 90deg,#0000 90.5deg) 0 0, conic-gradient(from -45deg at bottom,#0000,#000 .5deg 90deg,#0000 90.5deg) 0 100%;
    -webkit-mask-size: 25% 50%;
    -webkit-mask-repeat: repeat-x;
    background: linear-gradient(#1f3bb3 0 0) left/0% 100% no-repeat #dbdcef;
    animation: progress-f21yn7 1.2s infinite linear;
}

@keyframes progress-f21yn7 {
    100% {
        background-size: 100% 100%;
    }
}

.sales-plan-loader {display: block}

.td-bot {
    text-align: right;
}

.td-bot button {
    border: 0!important;
    margin: 0!important;
}

.access a {
    text-decoration: none;
    color: #222!important;
}

.access a:hover {text-decoration: underline;}

#settings-trigger {display: none!important;}

.access .form-group {
    margin-bottom: 10px!important;
}

.access .form-group label {
    font-size: 15px !important;
}

.subcategory {margin-left: 15px;}

.t-blocked {
    color: red;
    padding: 10px 14px;
}

.tb-head-months {text-align: center}

.pole-num {
    -moz-appearance: textfield;
    padding: 0px 5px!important;
    text-align: center;
}
.pole-num::-webkit-inner-spin-button {
    display: none;
}

.sales-plan td:first-child {
    position: sticky;
    left: 0;
    background-color: #d7dfff;
}

.sales-plan .month th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 8;
}

.sales-plan-responsive {
    height: calc(100vh - 250px);
    overflow-x: auto;
    z-index: 9;
}

.sales-plan-type {font-weight: bold}

.sales-plan-fakt {text-align: center}

.sales-plan-responsive td {
    padding: 12px 1.375rem!important;
}

.sales-plan .form-control {width: 55px!important;}

.plan-prognoz-table {color: #a5a5a5; font-size: 12px; margin-top: 8px;}

.add-reels {
    padding: 5px 0 15px 0;
    display: block;
}

.add-reels-color {
    padding: 0px 0 5px 0;
    display: block;
}

.lab-color {padding: 5px 0;}

#reels-add, .article2, .color2, .predmet2 {display: none}

.reels-input {
    padding: 0;
    width: 70px;
    min-width: auto;
    margin: 0;
    border: 0;
}

.reels-max-predmet {
    width: 180px;
    max-width: 180px !important;
    white-space: inherit !important;
    text-align: left;
    line-height: 19px !important;
}

.warehouse-textarea {
    line-height: 23px!important;
    height: 76px!important;
}

.set-warehouse-textarea {
    line-height: 23px!important;
    resize: vertical;
    min-height: 76px!important;
}

.setting-wrap button[type="submit"]{
    margin-bottom: 0!important;
}

.set-form-group-email {margin-top: 45px;}

.pagination, .dataTables_paginate {
    display: flex;
    justify-content: center; /* Центрируем пагинацию */
    align-items: center;
    list-style: none;
    padding: 10px 0;
    margin: 20px 0;
    font-size: 12px;
}

.pagination a, .pagination span, .dataTables_paginate a {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px;
    text-decoration: none;
    color: #fff;
    background-color: #DBDBDB;
    border-radius: 5px;
    transition: background-color 0.5s ease;
    cursor: pointer;
}

.pagination a:hover, .dataTables_paginate a:hover,
.dataTables_paginate .current {
    background-color: #1F3BB3;
    color: #fff!important;
    text-decoration: none;
}

.dataTables_paginate .current {font-weight: bold;}

.pagination span {
    background-color: #1F3BB3;
    font-weight: bold;
}

.pagination a:disabled, .pagination span:disabled, .dataTables_paginate a:disabled {
    background-color: #222;
    color: #888;
    cursor: not-allowed;
}

.pagination a, .pagination span {
 color: #fff;
}

.pagination a:hover, .pagination span:hover {
    background: #1F3BB3;
}

.prev-next {
    background: #DBDBDB!important;
    color: #000!important;
}


/* --- Отгрузки на маретплейсы --- */
.table-td {
    white-space: inherit !important;
    text-align: left;
    line-height: 19px !important;
}

.system-shipments-td9 {width: 94px;}

.ellipsis {
    display: flex;
    justify-content: space-between;
    width: 40px;
    margin: 0 auto;
}

.dot {
    width: 9px;
    height: 9px;
    background-color: #999;
    border-radius: 50%;
    transition: background-color 0.3s;
}

.dots-flex {position: relative;}

.ellipsis:hover .dot {
    background-color: #1F3BB3;
    cursor: pointer;
}

.ellipsis-hover {
    max-height: 0; /* Начальная высота */
    overflow: hidden; /* Скрываем содержимое */
    transition: max-height 0.5s ease; /* Плавный переход */
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 0;

}

.ellipsis-hover::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 23px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #444;
}

.ellipsis-hover-wrap {
    padding: 10px;
    width: 350px;
    background: #444;
    border-radius: 5px;
    color: #fff;
    position: relative;
    margin-top: 10px;
    z-index: 9;
}

.ellipsis-hover.active {
    max-height: 430px;
}

.ellipsis-hover-wrap ul {
    margin: 0;
    padding: 0;
    text-align: left;
}

.ellipsis-hover-wrap ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ellipsis-hover-wrap ul li img {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    position: relative;
    top: -2px;
    margin: 0 2px 0 4px;
}

.ellipsis-hover-wrap ul li a {
    color: #fff!important;
    text-decoration: none!important;
    display: block;
    padding: 10px 0;
    line-height: 16px;
    font-size: 14px;
}

a.shipments-delete span {
    font-weight: 600;
    color: #ff9800!important;
}

a.shipments-list span {
    font-weight: 600;
    color: #00FF00 !important;
}

a.shipments-list:hover span, a.shipments-delete:hover span{
    color: #444!important;
}

.ellipsis-hover-wrap i {
    width: 20px;
    text-align: center;
    margin: 0 5px 0 0;
}

.ellipsis-hover-wrap ul li a:hover {
    background: #fff;
    color: #444!important;
    border-radius: 3px;
    padding: 10px 10px;
}

.ellipsis-hover-wrap ul li hr {
    border: 0;
    border-top: 1px solid #999;
    margin: 10px 0;
}

.shipments_bg_green {background: #dbffdb!important;}
.shipments_bg_red {background: #F6A0A4!important;}

.ss_form_flex {
    display: flex;
    justify-content: flex-start;
    padding-top: 12px;
}

.ss_form_flex input[type="file"]{
    margin-top: 3px;
}

.ss_form_flex button {
    margin-left: auto;
}

.ss_form_width {
    width: 20%!important;
    margin-right: 25px;
    font-size: 14px;
}

.booking-deliveries .form-control {
    color: #222222!important;
}

.status-no, .booking-icon .fa-times {color: #999}
.status-active {color: red}
.status-bron, .booking-icon .fa-check {color: #00C400}

.booking-icon {width: 25px;}

.article-line {line-height: 21px!important;}

.reelsDifferenceGreen {
    color: #118957;
    font-weight: bold;
    font-size: 11px;
}

.reels-datepicker {
    width: 245px!important;
    display: inline-flex!important;
}

.reels-filter-play {
    width: 130px!important;
    display: inline-flex!important;
    margin-right: 5px;
}

.reels-filter-view {
    width: 130px!important;
    display: inline-flex!important;
    margin-right: 5px;
}

.filter-icon-text {
    background: #fff;
    display: inline-block;
    border: 1px solid #DEE2E6;
    padding: 5px 10px;
}

.reels-filter-play input, .reels-filter-view input{
    border-radius: 0!important;
    padding: 16px 10px;
}

.reels-account-bot {
    color: #fff!important;
    padding: 11px 15px 10px!important;
    border: 0!important;
    margin: -2px 0px 0 0!important;
    right: 5px;
    position: relative;
}

.reels-filter-bot {
    color: #ffffff!important;
    border: 0!important;
    padding: 11px 15px!important;
    margin: 0px 0 0 15px!important;
}

.events-reels-account {width: calc(100% - 160px) !important;}


.reels-account-bot i {
    font-size: 12px!important;
    position: relative;
}

.reels-wrap .select2-selection__clear{margin-top: 7px!important;}

.reels-wrap .select2-selection__choice__remove span {color: #fff!important;}

.reels-table td{
    line-height: 19px !important;
}

.reels-table-name {
    max-width: 200px;
    white-space: inherit !important;
    text-align: left;
}

.reels-table-format {
    max-width: 150px;
    white-space: inherit !important;
    text-align: left;
}

.reels-table i {
    color: #1f3bb3;
    margin: 0 2px 0;
    font-weight: 900;
}

.input-edit-format {
    border: 0;
    background: rgba(0,0,0,0);
    margin: 0 10px 0 0;
}

.input-edit-format:focus {
    background: rgba(255,255,255,1);
}

.bot-edit-format {
    color: #34b1aa;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    top: 1px;
    display: none;
}

.bot-edit-format:hover{
    color: #126662;
}

.reels-table-name a {
    text-decoration: none;
    color: #0D0A0A;
}

.morris-line2-format {height: 700px;}

.reels-instagram {
    margin-top: 10px;
    color: #555;
}

.reels-instagram .fa-instagram {
    color: #D71177;
    position: relative;
    top: 1px;
}

.reels-instagram .fa-tiktok {
    color: #222;
    position: relative;
    top: 0;
}

.badge-soft-success-top {
    font-weight: bold;
    background: #37abab!important;
    color: #fff!important;
}

.reels-table td {padding: 15px 12px!important;}
.reels-table th {padding: 15px 20px 15px 12px!important;}

.reels table tr.hidden {
    display: none; /* Скрыть строки */
}

.reels table tr.blurred {
    filter: blur(4px); /* Применить размытие */
    opacity: 0.5; /* Установить прозрачность 50% */
}

.bot-show-all {
    background: #50C878;
    border-radius: 0 0 4px 4px;
    width: 100%;
}

.bot-show-all:hover {
    background: #2D7144;
}

.reels-chart-bot i {color: #fff}

.reels-chart-bot button {margin-top: 15px!important;}

.avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #474a51;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
}

.avatar-40-40 {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

fieldset {
    display: block;
    min-inline-size: min-content;
    margin-inline: 2px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    padding-block: 0.35em 0.625em;
    padding-inline: 0.75em;
    margin: 0 0 35px 0;
}

legend {
    margin: -20px 0 20px 0;
    font-weight: 900;
    font-size: 18px;
    background: #fff;
    display: inline-block;
    width: auto;
    padding: 0 10px;
}

.table-img-lamoda {
    width: 85px !important;
    height: 120px !important;
    border-radius: 2px !important;
    margin: 0 -35px 0 0;
}

.table-sku {
    transform: rotate(-90deg);
    display: inline-block;
    width: 120px;
    height: 12px;
    font-size: 11px;
    text-align: center;
    position: relative;
    margin: 0 -48px 0 -56px;
}

.tab-lamoda {width: 140px;}

.search-flex {
    display: flex;
}

.save-excel {
    color: #ffffff!important;
    white-space: nowrap;
    border: 0!important;
    height: 32px;
    margin-top: 8px;
    padding: 0 15px;
    line-height: 14px!important;
}

.save-excel i {
    font-size: 13px!important;
}

.image-container {
    position: relative;
    display: ruby;
}

.table-img-lamoda {
    display: block;
}

.hover-overlay {
    position: absolute;
    top: -50px;
    left: 0;
    width: 85px;
    height: 120px;
    background-color: rgba(0, 0, 255, 0.5);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    border-radius: 2px;
    transition: opacity 0.3s;
    font-size: 18px;
}

.image-container:hover .hover-overlay {
    opacity: 1; /* Показываем наложение при наведении */
}

.table-sales-plan-tr {
    background: #EAEEFF;
}

.table-sales-plan-tr-type {
    background: #D7DFFF;
}

.sales-report-prognoz {color: #e93547; font-weight: 500;}

.scan-wbpst-code-wrap{padding: 10px 0 0 0;}

.scan-wbpst-code-wrap textarea {
    height: 100px;
    margin: 10px 0;
}

.progress-build {
    height: 25px!important;
    margin: 5px 0;
}

.progress-build .progress-bar {
    background-color: #009688!important;
    font-weight: 900;
}

.build-statistics h5{
    font-weight: 600!important;
    margin: 5px 0 10px 0;
}

.no-assembling p {
    background: orangered;
    padding:5px;
    color:white;
}

.build-statistics table {margin: 5px 0}

.palets-input {margin: 25px 0 25px;}

.palets-input .form-group {
    margin-bottom: 5px!important;
    display: flex;
}

.palets-input input[type="text"] {width: 100% !important;}
.palets-input .form-group label {padding: 5px 0 0;}


.edit-sklad p {margin: 10px 0;}
.edit-sklad h1 {margin-bottom: 20px;}
.edit-sklad label {font-weight: bold;}
.edit-sklad .form-group {margin-top: 20px;}
.edit-sklad select {width: 100%!important; color: #444}

.number-box {
    font-size: 18px!important;
    background: #fff!important;
    text-align: center;
}

.btn-danger {border: 0!important;}

#assembling-delivery .btn-danger{margin: 2px;}

.assembling-delivery-form {margin: 0 0 5px 0}

.badge-size span {font-size: 15px!important; margin: 7px 0 0!important;}

.assembling-delivery-barcode-add {
    display: flex;
}

.assembling-bot-open-close {
    border: 0!important;
    white-space: nowrap;
    color: #fff!important;
    padding: 10px 15px!important;
    margin: 0 0px 0 10px!important;
}

.input-icon {
    position: relative;
    width: 100%;
}

.input-icon::before {
    content: '\f029';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 17px;
    transform: translateY(-50%);
    color: #777;
    font-size: 16px;
}


.search input[type="text"] {
    padding-left: 30px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z' fill='%23999999'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 9px center;
    background-size: 14px 14px;
}


.assembling-delivery-barcode-add input[type="text"]{
    width: 100%;
    padding-left: 30px;
}

.nav-link .fa-cogs{font-size: 16px!important; width: 22px; text-align: center}

.category-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 40px 0 20px;
    padding-bottom: 5px;
}
.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}
.dashboard-tile {
    background-color: white;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    transition: background 0.2s ease;
    color: inherit;
    position: relative;
    max-width: 500px;
    min-width: 250px;
    height: 150px;
    overflow: hidden;

}
.dashboard-tile:hover {
    background-color: #D4DBF3;
}
.dashboard-tile i {
    font-size: 28px;
    margin: 0 auto 10px;
    display: block;
    width: 30px;
    height: 30px;
}
.dashboard-title {
    font-weight: 600;
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
    height: 100%;
    width: 120px;
    line-height: 27px;
    padding-left: 5px;
}

.dashboard-bg {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.dashboard-bg-line1 {
    background: #F4F5F7;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    position: relative;
    bottom: -60px;
    right: -60px;
}

.dashboard-bg-line2 {
    background: #c3c8df;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    position: relative;
    bottom: -20px;
    right: -20px;
}

.dashboard-tile:hover .dashboard-bg-line2{background: #5267C4;}

.dashboard-bg-line2 i {
    color: #fff;
    position: relative;
    top: 30px;
    right: 15px;
}



.dashboard-bg-style .dashboard-bg-line1 {background: #F4F5F7;}
.dashboard-bg-style .dashboard-bg-line2 {background: #d1a3d9;}
.dashboard-bg-style:hover .dashboard-bg-line2 {background: #B75BC7;}

.dashboard-bg-style-lamoda .dashboard-bg-line1 {background: #F4F5F7;}
.dashboard-bg-style-lamoda .dashboard-bg-line2 {background: #ababab;}
.dashboard-bg-style-lamoda:hover .dashboard-bg-line2 {background: #444;}

.container-dashbord {max-width: 1638px}

.category-title-top {margin-top: 0!important;}

.ss_form_flex select {color: #444}

#platform-account td i {
    margin: 0 10px 0 0;
    width: 12px;
    text-align: center;
    font-size: 17px;
}

#platform-account td .fa-instagram {
    position: relative;
    top: 2px;
    color: #D71177
}

select {color: #222!important;}

.reels_h4 i {
    margin: 0 5px 0;
}

.reels_h4 .fa-instagram {
    position: relative;
    top: 1px;
    color: #D71177
}

.shorts-delete {
    cursor: pointer;
}

.shorts-delete:hover {
    color: red;
}

.article-format {
    width: 150px;
    max-width: 180px !important;
    white-space: inherit !important;
}

#shorts-list td{padding: 10px!important;}
#shorts-list  .shorts-th td {padding: 20px 10px!important;}

.edit_cost_price button {border: 0!important;}
.edit_cost_price select {height: 30px!important;}
.edit_cost_price-bot {margin-left: auto;}
.edit_cost_price-bot button {color: #fff!important;
    border: 0!important;
    padding: 10px 15px!important;
    margin-right: 0!important;
}
.edit_cost_price-bot button i {
    font-size: 13px !important;
    margin-right: 5px !important;
}

.spinner {
    width: 56px;
    height: 56px;
    display: grid;
    margin: 0 auto;
    border: 4.5px solid #0000;
    border-radius: 50%;
    border-color: #dbdcef #0000;
    animation: spinner-e04l1k 1s infinite linear;
}

.spinner::before,
.spinner::after {
    content: "";
    grid-area: 1/1;
    margin: 2.2px;
    border: inherit;
    border-radius: 50%;
}

.spinner::before {
    border-color: #1f3bb3 #0000;
    animation: inherit;
    animation-duration: 0.5s;
    animation-direction: reverse;
}

.spinner::after {
    margin: 8.9px;
}

@keyframes spinner-e04l1k {
    100% {
        transform: rotate(1turn);
    }
}

.rander-chart-loader {
    padding: 100px 0;
    text-align: center;
}

.loading-dots {
    position: relative;
    display: inline-block;
    width: 20px;
    font-size: 14px;
}
.loading-dots::after {
    content: ".";
    position: absolute;
    left: 0;
    top: -13px;
    animation: dots 1.5s steps(3) infinite;
}
@keyframes dots {
    0% {
        content: ".";
    }
    33% {
        content: "..";
    }
    66% {
        content: "...";
    }
    100% {
        content: ".";
    }
}

.form-group-format-div {display: flex}

.form-group-format i {
    font-size: 12px!important;
}

.form-group-format select {}
.form-group-format button {display: flex; margin: 0 0 0 15px!important; border: 0!important;}
.shorts-bot-add {margin-right: 0!important;}
.shorts-bot-add i {font-size: 12px!important;}

.shorts-format-view {
    margin: 20px 0 0 0;
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.shorts-format-view-intem {
    padding: 8px 0;

}

.shorts-format-view-intem:hover {
    background: #eee;
    padding: 8px 15px;
}

.shorts-format-wrap h3 {
    font-weight: bold;
    font-size: 21px;
    margin: 5px 0 -5px !important;
}

.shorts-format-view-intem i {
    margin-right: 5px;
    color: #607d8b;
}

.shorts-format-view-intem .fa-trash {
    color: #f44336;
    float: right;
    font-size: 14px;
    display: none;
    margin: 3px 0 0 0;
    cursor: pointer;
}

.shorts-format-view-intem:hover .fa-trash {display: inline-block}
.shorts-format-forma {margin: 25px 0 0 0;}

.shorts-format-forma button {
    padding: 8px 15px;
    margin: 0 0 0 15px;
}

button[style="display: inline-block; background-color: rgb(140, 212, 245); box-shadow: rgba(140, 212, 245, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset;"]{
    background: #3F51B5!important;
}

#shorts-list .fa-pencil {
    margin-right: 10px;
}

#shorts-list .fa-pencil:hover{color: #1F3BB3}

.shorts-edit-wrap input[type="text"] {
    width: 100%!important;
}

.shorts-edit-wrap h3 {
    margin-bottom: 25px;
}

.select2-dropdown {z-index: 2001!important;}
.shorts-edit-wrap .select2-container--default .select2-selection--multiple .select2-selection__clear {display: none!important;}
.shorts-edit-wrap button {padding: 8px 15px;}
.shorts-edit-wrap button i {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#format-article-table td {
    text-align: left!important;
    line-height: 18px!important;
}

#format-article-table td.table-name {
    word-wrap: break-word!important;
    white-space: normal!important;
}

#format-article-table i {
    color: #1f3bb3;
    margin: 0 2px 0;
    font-weight: 900;
}

.flex-shorts-art-format .reels-filter-bot {
    margin: -3px 15px 0 0!important;
    padding: 10px 15px!important;
    border-radius: 2px!important;
}

.flex-shorts-art-format #search-text1 {margin-top: 5px!important;}

.article-page .icon-wb {
    width: 18px;
    height: 18px;
    border-radius: 0;
    margin: -2px 5px 0 0;
}

.article-page .icon-lamoda {
    width: 18px;
    height: 18px;
    border-radius: 0;
    margin: -2px 5px 0 0;
}

.tab-flex-outsourcing #search-text-two{
    margin-top: 8px!important;
}

.table-line-dilivery {border-top: 3px solid #444!important;}

.sales-by-month-td-as-th {
    font-weight: 600;
    font-size: .875rem!important;
    text-transform: capitalize;
}

th.grouped, td.grouped {
    background-color: #F3F5FF;
}

.sales-by-month-filter {padding-top: 14px}

.sales-by-month-filter input {
    margin: 0 0px 0 5px;
}

.sales-by-month-filter label {margin-right: 15px;}

input[type="checkbox"],
input[type="radio"] {
    accent-color: #1F3BB3;
}

.access-user-info {
    display: flex;
    align-items: center;
}
.name-link {
    display: flex;
    align-items: center;
    margin-left: 15px;
}

.access table tr:nth-child(even) .avatar {
    background: #013A33;
}

.bot-green {
    color: #ffffff !important;
    white-space: nowrap;
    border: 0 !important;
    height: 32px;
    margin-top: 8px;
    padding: 0 15px;
    line-height: 14px !important;
}

#general-analysis-modal-container .box-modal-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    padding: 0 0 15px 0;
}

#general-analysis-modal-container .arcticmodal-close {
    float: right;
    color: red;
    text-decoration: none;
    font-size: 23px;
}

#general-analysis-content-body p {
    font-size: 15px;
    line-height: 23px;
}

#general-analysis-container h3 {
    font-size: 23px;
    line-height: 28px;
    padding: 0 0 10px;
}

.card-header-flex { display: flex; justify-content: space-between; align-items: center; padding: 15px 5px 5px 15px; }
.remainder-green { color: #198754; font-weight: bold; }
.remainder-red { color: #dc3545; font-weight: bold; }
.ai-analysis-area h1, .ai-analysis-area h2, .ai-analysis-area h3 { margin-top: 1.2rem; margin-bottom: 0.8rem; border-bottom: 1px solid #e9ecef; padding-bottom: 0.5rem; }
.ai-analysis-area ul { padding-left: 20px; }
#ai-order-calculator .table th, #ai-order-calculator .table td { text-align: center; vertical-align: middle; }
#ai-order-calculator .table td:first-child { text-align: left; font-weight: 500;}
#ai-order-calculator.tab-flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
#ai-order-calculator .search-flex { display: flex; align-items: center; gap: 1rem; }

#ai-order-calculator #search-text {
    margin-top: -4px;
}

#general-ai-analysis-btn {margin-right: 0!important;}

#ai-order-calculator .card-wrap {
    background: #fff;
    border: 1px solid #E3EBF6;
    border-radius: 4px;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}

.target-article .raz {
    min-width: 40px!important;
    text-align: center!important;
}

#ai-order-calculator th:first-child, #ai-order-calculator td:first-child {
    position: sticky; /* Фиксация */
    left: 0; /* Сдвиг влево */
    background-color: #fff; /* Фон для фиксированной колонки */
    z-index: 1; /* Уровень наложения, чтобы колонка была сверху */
}

#ai-order-calculator th:first-child, #ai-order-calculator tr td:first-child {
    position: sticky;
    left: 0;
    background-color: #F8F9FA;
    z-index: 1;
}

#ai-order-calculator tr:last-child td:first-child{
    background-color: #CFE2FF;
}

.card-header-flex .btn-ai-analysis {
    border: 1px solid #dde3ed;
    line-height: 15px;
}

.card-header-flex .btn-ai-analysis:hover{
    border: 1px solid #1F3BB3;
}

.setting-user-edit .card-body {
    padding-top: 25px!important;
}

.settings-warehouse .search button {
    line-height: 16px !important;
    margin: 0 0 10px 0 !important;
}

.settings-warehouse .card-body {padding: 12px!important;}

#modal-add-warehouse, #modal-edit-warehouse {padding: 25px;}
#modal-add-warehouse label, #modal-edit-warehouse label {font-weight: bold}
#modal-add-warehouse h1, #modal-edit-warehouse h1 {margin-bottom: 25px}

#modal-add-warehouse input[type="text"],
#modal-edit-warehouse input[type="text"] {
    width: calc(100%)!important;
}

.setting-no-active .table-td-color {
    color: rgba(0, 0, 0, 0.2)!important;
}

.diagnostics-wrap ul {list-style-type: none; margin: 0; padding: 0}
.diagnostics-wrap i {margin-right: 5px;}
.diagnostics .card-body {padding: 25px!important;}
.diagnostics .setting .card-body {padding: 25px!important; padding-bottom: 10px!important;}
.diagnostics .setting {margin-bottom: 10px!important;}

.loading-plane .setting-title-la-ico {background: #009A62;}
.loading-plane .setting-title-la-ico i {
    color: #fff;
    font-size: 26px;
    position: relative;
    top: 1px;
    left: 1px;
}

.loading-plane input[type="file"] {padding: 9px 15px!important;}
.loading-plane button[type="submit"] {border: 0!important;}

.loading-plane .dots {
    display: none;
    position: relative;
    left: -20px;
}

.price-adjustments .log-icon-cell i:hover {cursor: pointer; color: #1F3BB3;}
.price-adjustments .action-container button {border: 0; margin: 0}

.info-block-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    width: calc(100%);
    background: rgb(0, 0, 0, 0.85);
    padding: 25px 25px 10px;
    z-index: 99;
    text-align: right;
}

#apply-adjustments-btn {
    border: 0;
    background: #34B1AA;
    font-size: 13px;
}

#apply-adjustments-btn:hover {
    background: #288a84;
}

.i-td1 {
    vertical-align: middle;
    white-space: inherit !important;
    text-align: left;
    line-height: 19px !important;
}

.price-adjustments th {
    vertical-align: middle;
    white-space: inherit !important;
    line-height: 19px !important;
}

.sweet-alert p {line-height: 25px!important;}

#price-adjustment-log-modal {
    max-width: 900px !important;
    width: 100%;
}

#price-adjustment-log-modal .modal-title {
    color: #222;
    font-size: 19px;
    font-weight: 600;
    padding: 0;
    margin: 5px 0;
}

.price-adjustments #search-text {margin-top: 0px;}

.square-indicator-icon {
    width: 18px;
    height: 18px;
    margin-right: 2px;
    line-height: 18px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 3px;
}

.bg-secondary {
    background-color: rgb(178 186 193) !important;
}

.new-column-cell-class {text-align: center; padding-left: 10px!important; padding-right: 10px!important;}
.new-column-cell-class button {
    color: #fff!important;
    margin: 10px auto !important;
    display: inline-block !important;
}

.new-column-cell-class .price-history-indicators{
    margin: 0 auto !important;
    display: inline-block !important;
}

.new-column-cell-class .btn-success {border: 0!important;}

.new-column-cell-class .btn-secondary {
    border: 0;
    color: #222!important;
}

.new-column-cell-class .dots {margin: 25px auto 15px!important;}
.new-column-cell-class .bg-light {top: 5px;}