html, body {
	border:0;
   height:100%;
   margin:0px;
   padding:0px
}

body
{
	background: ButtonFace;
	font:		MessageBox;
	font:		Message-Box;
   height:100%;
   margin:0px;
   padding:0px
}
.dynamic-tab-pane-control .tab-pane {
    background-color: #f0f0f0!important;
}
.svg-muted svg {
    fill: #C4C4C4!important;
}
.text-muted2 {
    color: #26a326;
}
.cMenu{
    display:none;
}
.color_promo {
    background-color: #ff2020!important;
}

.opacity {
    opacity: 0.3;
}

.disabled {
    opacity: 0.3;
}
.bg_red {
    background-color: #ffd0d0 !important
}

.badge-danger {
    background-color: #ff2020!important;
}

#loader{
   background: ButtonFace;
   DISPLAY: none;
   position: absolute;
   visibility: hidden;
   Z-INDEX: 2; 
   width: 100%;
   height: 100%;
   FILTER: alpha(opacity=80);
}

#lock{
   background: ButtonFace;
   DISPLAY: none;
   position: absolute;
   visibility: hidden;
   Z-INDEX: 2; 
   width: 100%;
   height: 100%;
   FILTER: alpha(opacity=50);
   
}

#loadmes{
   width:400px;
   height:100px;
   BACKGROUND: #C0D2EC;
   Z-INDEX: 3; 
   padding:10px;
   border: solid;
   color: 000000;
   border-width: 1px; 
   border-color:#4D88C8;
   FILTER: alpha(opacity=80);
}

#loadimg{
   background-image: url(../img/loader.gif);
   background-repeat: no-repeat;
   background-position: center;
   width:40px;
   height:32px;

}

a.phpshop{
   text-decoration:none;
   padding-right:20;
   color:#0A246A;
   font-size:15px;
}




a.none{
   text-decoration: none;
}
a.none:hover{
   text-decoration: underline;
}
table.sortable a.sortheader {
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}
#title{
	border-bottom: outset;
	border-bottom-width: 0px;
}
#footer{
	border-top: outset;
	border-top-width: 1px;
}


.btn-link {
    border-radius:3px;
    border: 1px solid #a0a0a0;
    cursor:pointer;
    white-space: nowrap;
    width:auto;
    background-color:#e9e9ed;
    color:#000;
    text-transform: none;
    text-decoration: none;
    padding:5px 15px;
    margin: 10px 0px;
    display: inline-block;
}


#tups{
	height: 20px;
	border-top: outset;
	border-top-width: 0px;
	border-left: outset;
	border-left-width: 1px;
	border-right: outset;
	border-right-width: 1px;
	font-family: MS Shell Dlg;
	padding: 5px;
	border-bottom: outset;
	border-bottom-width: 1px;
}
.butoff{
   text-align: center;
 /*  width:17px;
   height:17px;
   */
    border: solid;
	border-color: ButtonFace;
	border-width: 1px;
	cursor: pointer;
	padding: 2px;
}
.butclick{
   border: solid;
   border-color: #4D88C8;
   background-color: #8893B1;
   border-width: 1px;
   cursor: pointer;
   padding: 2px;
}
.buton{
   width:17px;
   height:17px;
   border: solid;
   border-color: #4D88C8;
   background-color: #C0D2EC;
	border-width: 1px;
	cursor: pointer;
	padding: 2px;
}
#tips{
	height: 20px;
	border-top: outset;
	border-top-width: 1px;
	border-left: outset;
	border-left-width: 1px;
	border-right: outset;
	border-right-width: 1px;
	font-family: MS Shell Dlg;
	padding: 3px;
	padding-left: 5px;
}

#taps{
   padding: 3px;
	border-bottom: inset;
	border-bottom-width: 1px;
}
#tabs{
   padding: 3px;
	border: outset;
	border-width: 1px;
	background: ButtonFace;
	height: 20px;
}
#pane{
    border: 0px;
    border-style: inset;
    background: #fff;
    text-align: center;
    padding: 3px;
    vertical-align: middle;
}
button.pane{
    width:100%;
}



tr.row td {
   padding: 5px;
   cursor: help;
}


#rol td{
	padding: 5;
	/*cursor: pointer;*/
	background: White;
}
tr.row {
   padding: 5;
   background: White;
   cursor: help;
}
tr.row3 {
   background: White;
   cursor: help;
   position: relative;
}

tr.row3 > td:first-child {
    padding-left:5px;
}

.relative {
    position: relative;
    display: inline-block;
}
.column-output {
    vertical-align: middle;

    white-space: nowrap;
}

.dubble-icon {
    height: 24px;
    width: 34px;
}

.one-icon {
    height: 16px;
    width: 16px;
    padding: 3px;
}

.icon-link-supplier {
    vertical-align: middle;
    line-height: 29px;
}

.label.label-count-files {
    font-size: 7px;
    padding: 2px 4px;
    position: absolute;
    top:0px;
    right:6px;
    background-color: #a6a6a6d1;
}

.label.label-supplier {
    font-size: 7px;
    padding: 2px 4px;
    position: absolute;
    top:0px;
    right:0px;
    background-color: #5cb85cd1;
}

.full{
	width: 100%;
}
td.forma{
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
}
a.blue{
	color:#0A246A;
}
a{
color: #000; 
}
a:hover{
color: #4D88C8;
}
 div, input, button, select, fieldset, textarea, td, th{ 
font-family: MS Shell Dlg; 
font-size: 9pt; 
}
.logo{
color: #000; 
font-size: 7pt;
}
.title { 
background: #DDDDFF; 
color: 000; 
font-weight: bold; 
font-size: 120%; 
padding: 3px 20px; 
margin-bottom: 10px;
border-bottom: 1px solid black; 
letter-spacing: 2px;}

.row2{
	background: white;
	cursor: pointer;
}
input.but{
width: 7em; 
height: 2.2em;
font-family: MS Shell Dlg; 
font-size: 8pt;
margin-top:5;
}
button{
/* width: 8em; */
height: 2.2em;
font-size: 8pt;
margin-top:0;
}

button.option{
background-image: url(../icon/page_edit.gif);
background-repeat: no-repeat;
width: 8em; 
height: 2.2em;
font-size: 8pt;
margin-top:0;
padding-left:15px;
cursor: pointer;
}
button.help{
background-image: url(../icon/btn_help[1].gif);
background-repeat: no-repeat;
padding-left:15px;
margin-top:5px;
cursor: pointer;
}
.tip1{
filter:alpha(opacity=50);
}
.buttonSh{
   height:17px;
   border: solid;
   border-color: #4D88C8;
   background-color: #C0D2EC;
	border-width: 1px;
	cursor: hand;
}
form{
   margin:0; 
   padding:0;
}



.label {
  display: inline;
 padding: 3px 5px;
   font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}       

 .badge-success {
	  background-color: #4aab2e!important;
	  	
}
 
 .badge-warning {
	  background-color: #ff8a00!important;
	  	
}
 .badge {
  display: inline-block;
  min-width: 7px;
  padding: 3px 5px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #208cff;
  border-radius: 13px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.muted {
  opacity: 0.3;
}


/* Помокоды START */

div.input-promocode.input-group {
	width:100%;
	max-width: 270px!important;
}

div.input-promocode.input-group .input-group-btn > button {
	margin-left: -1px;
	margin-bottom: 0;
	padding: 6px 10px 6px 10px!important;
}



div.input-promocode.input-group .input-group-btn {
	
 	width:auto;
}


#promocode-alert .close {
  
  font-size: 31px;
  line-height: 1;
  color: #fff!important;
  
  filter: alpha(opacity=90);
  opacity: .9;
  top:-6px
}

.old-price { 
	font-size: 18px;
	line-height: 31px;
	text-decoration:line-through; 
	color:#afafaf;
	margin-right: 10px;
}

#itog {margin-right:10px;}
.new-price {
	margin-left:10px;
	font-size: 18px;
	line-height: 31px;
}

.label-promocode {
	position:absolute;
	top:5px;left:5px;
}

.promocode-coupon-short {
	margin-bottom:10px;
	background-color:#eee;
	padding:7px 10px 7px 10px;
	border-radius:5px;
}


.promocode-coupon-short__body-code-border {
  font-weight: 700;
  display: inline-block;
  border-top: 1px solid #898f97;
  border-bottom: 1px solid #898f97;
  margin: 0 -1px;
  line-height: 16px;
  font-size: 13px;
  vertical-align: middle;
}
.promocode-coupon-short__body-code {
 display: flex;
}

.promocode-coupon-short__code {
	  display: inline-block;
	  vertical-align: middle;
}

.promocode-coupon-short__body-border {
  font-weight: 700;
  display: flex;
}
.promocode-coupon-short__body-border, ._3nvSw {
  font-size: 13px;
  line-height: 16px;
}
.promocode-coupon-short__code-left, .promocode-coupon-short__code-right {
  height: 16px;
}

.promocode-coupon-short__code-left svg, .promocode-coupon-short__code-right svg {
	stroke: #898f97;font-size: 13px;
line-height: 16px;
}

.copypast {  
	height: 16px;
  width: 14px;
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
}
.copypast svg {

	animation-duration: .5s;
	transition: fill .25s;
	fill: #898f97;

}
.promocode-coupon-short:hover .copypast svg {
	fill: #222;
}

.popover .text-danger {
	color:#a94442!important;
	}
	
.popover-content {
  padding: 14px 14px;

}

.popover {
  max-width: 100%;
  }

.usual-price { 
	display: flex;
	margin-bottom: 4px;
	justify-content: space-between;
	align-items: baseline;
}

.dots {
  height: 1px;
  margin: 0 2px;
  background-image: linear-gradient(90deg,#202020 16%,hsla(0,0%,100%,0) 0);
  background-position: bottom;
  background-size: 7px 1px;
  background-repeat: repeat-x;
  flex: 1;
}
.btn.white-space {white-space:normal!important;} 



button::-moz-focus-inner, input::-moz-focus-inner {

    padding: 0;
    border: 0;

}
::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.btn.white-space {
  white-space: normal !important;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
/* Помокоды END */


.gotoSupplier svg {
    fill: #13bc13;
}
.watch svg {
    fill: #13bc13;
}


.magenta-color svg {
    fill: #d24a43;
}


.table-classic {
    background: white;
}



#compare-prices tr td:nth-child(4),  #compare-prices tr td:nth-child(5),  #compare-prices tr td:nth-child(6),  #compare-prices tr td:nth-child(7){
    text-align: right!important;
}

#sort .dt-handle:hover svg, #sort .dt-handle2:hover svg {
    fill: #bebebe;
}

#interfacesWin .dt-handle svg {
    width:6pt;
}



.dt-handle svg, .dt-handle2 svg {
    width: 6pt;
    fill: #cdcdcd;
}

.messagebox_title {
    size:14px; color: #E00003;
}


.messagebox_content {
    size:14px; text-align:left;
}

.text-muted {
    color: #0060C978;
}

.svg-muted svg {
    fill: #C4C4C4;
}

.label-default2 {
    background-color: #e2e2e2;
}

#interfaces {
    padding-left: 0;
}

.editable-cell {
    position: relative;
    display: inline-block;
}

.editable-cell input {
    border: 1px solid transparent; /* Граница для поля ввода */
    padding: 3px; /* Отступы вокруг текста */
    border-radius: 3px;
    background-color: transparent;
    margin-right: 5px;
    height: 28px;
}

.editable-cell input.charge {width:50px;}
.editable-cell input.price {width:80px;}

.editable-cell input:hover, .editable-cell.on input {

    border: 1px solid transparent; /* Граница для поля ввода */
    background-color: transparent;
}

.editable-cell input:hover, .editable-cell input:focus, .editable-cell.on input:hover {

    border: 1px solid #ccc; /* Граница для поля ввода */
    background-color: #fff;
}

a.open-timer {
    cursor:pointer;
}

table.dataTable td.dt-control {
    text-align:center;
    cursor:pointer
}

table.dataTable td.dt-control::before {
    height: 1em;
    width: 1em;
    display: inline-block;
    color: white!important;
    border: .15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 .1em #888;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New",Courier,monospace;
    line-height: 1em;
    content: "+";
    background-color: #5cd35c;
    font-size: 11pt;
    font-weight: bold!important;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    content:"-";
    background-color:#7cd77c;
}

table.table-messages tr:first-child td {
    border-top: 0 solid #dddddd!important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px 5px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #dddddd;
}

.child-table > tbody > tr {
    /* cursor: pointer; */
}



table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    padding: 8px 10px;
}

table.dataTable .child-row > td {
    /*   padding:0!important; */
}


::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {

    color: inherit;

}
.dataTables_wrapper .dataTables_info {

    padding-left: 1.2em;

}

.dataTable thead th {
    font-weight:bold;
}

.action-select {
    height: 28px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 4px;
    border-radius: 3px;
    font-size: 9pt;
    color: #333;
}

.text-right {
    text-align: right!important;

}

.dataTable a {
    text-decoration: none!important;
}

.dataTable a svg,  .dataTable button > svg, svg.success {
    /* fill: #0060C9C7; */
    fill: #13bc13;
}

.dataTable a svg.error {
    fill: #bc1313;
}

.dataTable a:hover svg {
    fill: #00a500;
}

.dataTable a:hover svg.error {
    fill: #bc1313;
}

.error {
    color: #bc1313;

}

th.error {
    background-color: #ffabab;
}

.dataTable td .text-muted svg {
    fill: #C4C4C4;
}
.dataTable td a.text-muted:hover svg {
    fill: #47c447;
}


.title-button, .dataTable td a.open-timer {

    border: 1px solid transparent;
    line-height: 12pt;
    padding: 5px;
    border-radius: 3px;
}

.dataTable td a.open-link {

    border: 1px solid transparent;
    line-height: 12pt;
    padding: 0px;
    border-radius: 3px;
}




.dataTable td a.deleted-product svg {

    fill: #bc1313;
}



.dataTable td .text-muted-gray  {
    color: #c7c7c7;
}

.dataTable .center-column { text-align: center; }


#table-supplier-buttons {
    position:sticky;
    top:0px;
    background-color:#f0f0f0;
    z-index: 101;

}
#table-supplier-cat .child-row > td, #sort .child-row > td {
    padding:0;
    margin:0;
}

.child-table thead {
    position:sticky;
    top:41px;
    background-color:#fff;
    z-index: 111;

}

.tr-sticky {
    position:sticky;
    top:0px;
    background-color: #fff;
    z-index: 100;

}


#sort .child-table thead {
    position: sticky;
    top: 34px;
    background-color: #fff;
    z-index: 111;
}


.sticky {
    position:sticky;
    bottom:0px;
    background-color:#fff!important;
    z-index: 131;
    width: 100%;
    height: 35px;
    border-top:1px solid #e5e5e5;

}

#interfaces {
    position: relative;
}

.messagebox .messagebox_content_input {
    border-radius: 3px;
    padding: 5px;
    border: 1px solid #c8c8c8;
}

.messagebox .messagebox_buttons_button {

    background-color: #e9e9e9;
    border: 1px solid #ccc;
    border-radius: 3px;
    min-width: 120px;
}


.messagebox_choise_cat .messagebox_content {
    text-align: left;
}
.messagebox {
    border-radius: 3px;
}

.messagebox .messagebox_buttons_button.messagebox_button_fail
{
    color: #404040;
    border: 1px solid #f5f5f5;
    background-color: transparent;
    background-image: none;
}

.messagebox .messagebox_buttons_button.messagebox_button_fail:hover
{
    color: #404040;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    background-image: none;
}

.messagebox_buttons_button.messagebox_button_done {
    /* background-color: #f6f6f6!important; */
}

.messagebox_content_input.input_choise_cat {
    display: none!important;
}

.messagebox_choise_charge .messagebox_content_inputs {
    width:100px;
    margin: 0 auto;
}

.messagebox_content_input.input_choise_charge {
    width:100px;
}

.messagebox_choise_charge .messagebox_content {
    text-align: center;
}

.messagebox_title {
    color: #000;
}

.ui-widget-content {
    z-index:11111;
}

.messagebox.messagebox_link_product {
    min-width: 660px;
}

.messagebox.messagebox_result_ok_link_product .messagebox_content {
    background-color: #fff7da;
}

.messagebox.messagebox_unlink_products,.messagebox.messagebox_result_ok_link_product {
    max-width: 27%;
}

.messagebox .messagebox_title {
    padding: 10px;
}

.messagebox_link_product .messagebox_button_done {
    min-width: 145px;
}

.child-table a {
    color:#000000b0;
}

.child-table a:hover {
    color:#000;
}


.child-table a.not-link {
    /* color:#bababa;*/
}


.child-table a.not-link:hover {
    color:#000;
    border: 1px solid transparent;

    line-height: 12pt;

    border-radius: 3px;
}

/* .handle svg {width:20px;}
*/
.child-table a.border:hover {
    color: #000;
    border: 1px solid #c4c4c4;

    line-height: 12pt;
    padding: 5px;
    border-radius: 3px;
}

.dt-handle svg {
    width:6pt;
    fill:#cdcdcd;
}


.column-edit-sort {
    cursor: pointer;
}

.column-edit-sort svg, .dt-add-sort svg {
    width:12pt;
    fill:#cdcdcd;
    cursor: pointer;
}

.cell-sort-name {
    display: flex;
    align-items: center; /* Выравнивание по вертикали */
}

.icon-size svg,  .icon-size img {
    width: 9pt;

    fill: #ffcb00;

    cursor: pointer;
    padding-left: 5px;
    padding-top: 2px;
}


.icon-size-2 svg {
    width: 22pt;
    cursor: pointer;
    padding-left: 5px;
    padding-top: 2px;
}


.dt-add-group svg
{
    width:16pt;
    fill:#cdcdcd;
    cursor: pointer;
}

.dataTable .dt-handle {
    text-align: center!important;
}


.dataTable .dt-handle.ui-sortable-handle {
    cursor: n-resize;
}

.dataTable .dt-handle:hover svg, .dataTable .column-edit-sort:hover svg, .dt-add-group:hover svg, .dt-add-sort svg {

    fill:#bebebe;

}

.dataTable tr.row, .dataTable tr.row td {

    cursor: default;
}

.dataTable tr.row .dt-control, .dataTable tr.row .dt-product-name {
    cursor: pointer;
}

.input-charge, .input-charge-purchase {
    width:70px;
}

.edit-now {
   /* border: 1px solid #eee;
    border-radius: 3px;
    padding: 9px 0px 9px 9px;
    outline: 2px solid #0060df;
    width: 100%;
    background-color: #fff;
    display: inline-block;
    margin: 0px;

    */
    background-color: #f7f7f7;
}

.child-table tbody {
    /*display: none;*/
}

div.dataTables_processing {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    padding: 0px;
}
div.dataTables_processing > div:last-child > div {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(13, 110, 253);
    background: rgb(var(--dt-row-selected));
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
div.dataTables_processing > div:last-child {
    position: relative;
    width: 80px;
    height: 0px;
    margin: 0 auto;
}

div.dataTables_processing > div:last-child > div {

    background: rgb(229, 229, 229);
}


.dataTables_wrapper .dataTables_paginate {
    padding-bottom: .25em;
}

#main-search {
    min-width: 300px;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    height: 28px;
}


.dataTable .highlight {
    background-color: #a7f9a7!important;
}

.display-inline-flex {
    display: inline-flex;
}

.editable-cell:focus-visible {
    outline: none;
}

.cell-count {
    display: block; /* Установите span как блочный элемент */
    width: 100%;
    height: 100%;
    text-align: center;

}

tr.off td > span > a, tr.off td > div, tr.off td > a {
    opacity: 0.25;
}


.editable-cell.on {
    opacity: 1;
}


/*
tr.off td:not(:nth-child(3)) span {
  opacity: 0.30;
}


tr.off td:nth-child(10) a, tr.off td:nth-child(10) svg, tr.off td:nth-child(10) svg path {
  opacity: 1;
}
*/

.off:not(.highlight) td {
    background-color: #f4f4f4;
}


table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.025);
}

table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.0);
}

table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.01);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.01);
}

table.dataTable.row-border > tbody > tr > th, table.dataTable.row-border > tbody > tr > td, table.dataTable.display > tbody > tr > th, table.dataTable.display > tbody > tr > td {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.05);
}

table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.03);
}

table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
    padding: 10px;
    border-bottom: 3px solid rgba(0, 0, 0, 0.03);
    /* Пример создания тени для элемента с классом "shadow-box" */




}


#table-supplier-cat thead, #sort thead {
    height:35px;
    z-index:1;
}


/* Оформление подсказок */
.tippy-box[data-theme~='white'] {
    background-color: #fff;
    color: #000;
    /* border: 1px solid #eee; */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}



/* Изменение цвета стрелки */
.tippy-box[data-theme~='white'] .tippy-arrow::before,
.tippy-box[data-theme~='white'] .tippy-arrow::after {
    border-top-color:transparent; /* Измените цвет на ваш выбор */
}

.tippy-arrow {
    color:#fff;
}

.ui-sortable .tippy-arrow {
    color:#333;
}

.top-buttons {
    display: flex;
    gap:7px;
    align-items: center;
}

#sort .column-id, #sort .column-name {
    cursor: pointer;
}

.messagebox_buttons_button > svg {
    width:8px;
}


table.dataTable tr.dt-hasChild td.dt-control:before {
    content:"-";
    background-color:#7cd77c;
}

.child-table tr.odd, .child-table tr.even {
    cursor: pointer;
}

.child-table .editSort > span {
    cursor: pointer;
}
.dt-handle2 > span {
    text-align: center;
    cursor: n-resize;
}

.dt-handle2, .text-center {
    text-align: center!important;
}

#btn-clear-cash {margin: 5px 4px 5px 4px;}

.hide {
    display: none !important;
}

.success-notification {
    position: fixed;
    bottom: 5px;
    right: 20px;
    max-width: 400px;
    z-index: 999999;
}

.alert {
    padding: 15px;
    padding-right: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: 4px;
}
.alert-dismissable, .alert-dismissible {
    padding-right: 35px !important;
}
.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.alert-danger {
    color: #fff;
    background-color: #fb0000;
    border-color: #ebccd1;
}

.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.35;
    filter: alpha(opacity=35);
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}
button {
    width: auto;
    height: auto;
    font-size: inherit;
    margin: 0;
}

button.close {
    cursor: pointer;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
}

.bg-red {
    background-color: #ffd9d9!important;
}


.bg-yellow {
    background-color: #fffbf4 !important;
}



.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.fileUpload {
    opacity: 0;
    display: block;
    position: absolute;
    left: 0;
    top:0;
}


.dataTable .red {
    color:#df1616;
}


/* Оформление кнопки (если нужно дополнительно настроить стили кнопки) */
.messagebox_buttons_button {
    position: relative; /* Для позиционирования спиннера внутри кнопки */
    display: flex;
    align-items: center; /* Выравнивание текста и спиннера по вертикали */
    justify-content: center;
    gap: 8px; /* Расстояние между спиннером и текстом */
    padding: 5px 8px 5px 5px;
}


/* Спиннер */
.messagebox .spinner {
    border: 2px solid rgba(0, 0, 0, 0.1); /* Светлая часть круга */
    border-top: 2px solid #888; /* Темная часть круга */
    border-radius: 50%; /* Круглая форма */
    width:10px; /* Размер спиннера */
    height: 10px; /* Размер спиннера */
    animation: spin 1s linear infinite; /* Анимация вращения */
    position: absolute;
    left: 5px;
}


.spinner-small {
    border: 2px solid rgba(0, 0, 0, 0.1); /* Светлая часть круга */
    border-right: 2px solid #888; /* Темная часть круга */
    border-radius: 50%; /* Круглая форма */
    width:10px; /* Размер спиннера */
    height: 10px; /* Размер спиннера */

    display: flex;

}

@keyframes pulse-error {
    0% {
        background-color: #f00;
        box-shadow: 0 0 5px rgba(255, 0, 0, 0.8);
    }
    50% {
        background-color: #ff4d4d;
        box-shadow: 0 0 10px rgba(255, 0, 0, 1);
    }
    100% {
        background-color: #f00;
        box-shadow: 0 0 5px rgba(255, 0, 0, 0.8);
    }
}

.spinner-run {
    animation: spin 1s linear infinite; /* Анимация вращения */
}

.spinner-error {
    background-color: #f00;
    border-right: 2px solid #efe7e7;
    border: 2px solid rgba(255, 255, 255, 0.57);
    animation: pulse-error 1s infinite alternate ease-in-out;
}

#update-structure {
    display: flex;
    gap:5px;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 8px 5px 5px;
    margin: 5px;
    background-color: #fff;

}

/* Анимация вращения */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.messagebox_buttons {
    display: flex;
    justify-content: space-between;
}

.messagebox_content_success {
    background-color: #dff0d8;
    color: #559255;
    margin-top: 15px;
    margin-bottom: -10px;
    padding: 4px 6px;
    border-radius: 2px;
}


#sort tbody {
    background-color: #fff;
}


.bootstrap-select > .dropdown-toggle {

  height: 34px!important;
}