:root
{
	color-scheme: only light;
	--white: #FFF;
	--dark: #212529;
	--dark-font: #24333c;

	--color1: #086272;
	--color2: #FF6148;
	--orange-600:#FF8C00;
	--success:#198754;
	--grey:#808080;
	--light-grey:#ced4da;
	--main:#086272;
	--danger:#e79098b8;
	--hover-light:rgba(0, 0, 0, 0.075);
	--hover-main:rgba(8, 98, 114, 0.7);
	--active-main:rgba(8, 98, 114, 0.8);
	--nav-width:200px;
	--nav-width-collapse:50px;
	--border-radius: 5px;
	--border-color:#dee2e6;
	--button-padding: 6px 9px;
	--v-tooltip-bg: rgba(0, 0, 0, 0.87);
	--sub-title-font-weight:400;
	--sub-title-color:#808080;

	--light:#f2f2f2;
	--pink: 179, 62, 150;
	--orange: 245, 136, 31;
	--red: 200, 16, 47;
	--green: 42, 148, 70;
	--blue: 16, 117, 187;
	--light-blue: 27, 162, 180;
	--disabled: 190, 190, 190;

	--tag-px-border: 1px;
	--tag-opacity-background: 0.14;
	--tag-opacity-border: 0.5;
}


.tag 
{
  position: relative;
  width: auto;
  display: inline-flex;
  height: 24px;
  padding: 0 10px 0 10px;
  align-items: center;
  justify-content: center;

  border-radius: var(--border-radius);
  margin: 0;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

.tag-grey,.btn-grey,.btn-grey:hover
{
  background: RGBA(77, 77, 79, var(--tag-opacity-background));
  border:var(--tag-px-border) solid  RGBA(77, 77, 79, var(--tag-opacity-border));
  color: RGBA(77, 77, 79, 1);
}

.tag-main
{
  background: RGBA(255, 119, 0, var(--tag-opacity-background));
  border:var(--tag-px-border) solid  RGBA(255, 119, 0, var(--tag-opacity-border));
  color: RGBA(255, 119, 0, 1);
}

.tag-light-blue, .btn-light-blue, .btn-light-blue:hover
{
  background: RGBA(var(--light-blue), var(--tag-opacity-background));
  border:var(--tag-px-border) solid RGBA(var(--light-blue), var(--tag-opacity-border));
  color: RGBA(var(--light-blue), 1);
}

.tag-blue,.btn-blue,.btn-blue:hover
{
  background: RGBA(var(--blue), var(--tag-opacity-background));
  border:var(--tag-px-border) solid RGBA(var(--blue), var(--tag-opacity-border));
  color: RGBA(var(--blue), 1);
}

.tag-green,.btn-green,.btn-green:hover
{
  background: RGBA(var(--green), var(--tag-opacity-background));
  border:var(--tag-px-border) solid RGBA(var(--green), var(--tag-opacity-border));
  color: RGBA(var(--green), 1);
}

.tag-orange,.btn-orange,.btn-orange:hover
{
  background: RGBA(var(--orange), var(--tag-opacity-background));
  border:var(--tag-px-border) solid RGBA(var(--orange), var(--tag-opacity-border));
  color: RGBA(var(--orange), 1);
}

.tag-red,.btn-red,.btn-red:hover
{
  background: RGBA(var(--red), var(--tag-opacity-background));
  border:var(--tag-px-border) solid  RGBA(var(--red), var(--tag-opacity-border));
  color: RGBA(var(--red), 1);
}

.tag-pink,.btn-pink,.btn-pink:hover
{
  background: RGBA(var(--pink), var(--tag-opacity-background));
  border:var(--tag-px-border) solid RGBA(var(--pink), var(--tag-opacity-border));
  color: RGBA(var(--pink), 1);
}

.tag-light,.btn-light,.btn-light:hover
{
  background: RGBA(var(--light), var(--tag-opacity-background));
  border:var(--tag-px-border) solid RGBA(var(--light), var(--tag-opacity-border));
  color: RGBA(var(--light), 1);
}

.tag-disabled,.btn-disabled,.btn-disabled:hover
{
  background: RGBA(var(--disabled), var(--tag-opacity-background))!important;
  border:var(--tag-px-border) solid RGBA(var(--disabled), var(--tag-opacity-border))!important;
  color: RGBA(var(--disabled), 1)!important;
}

.btn-grey:hover,
.btn-light-blue:hover,
.btn-blue:hover,
.btn-green:hover,
.btn-orange:hover,
.btn-red:hover,
.btn-pink:hover,
.btn-light:hover,
.btn-disabled:hover
{
	opacity: 0.8;
}

.div-red
{
	background: RGBA(var(--red), var(--tag-opacity-background));
	border:var(--tag-px-border) solid  RGBA(var(--red), var(--tag-opacity-border));
}

.div-green
{
	background: RGBA(var(--green), var(--tag-opacity-background));
	border:var(--tag-px-border) solid  RGBA(var(--green), var(--tag-opacity-border));
}

.div-light-blue
{
	background: RGBA(var(--light-blue), var(--tag-opacity-background));
	border:var(--tag-px-border) solid  RGBA(var(--light-blue), var(--tag-opacity-border));
}

a 
{
	text-decoration: none;
	color:var(--main);
}

a:hover
{
	color:var(--main);
/*	font-weight: 800;*/
}


.table-container
{
	border: 1px solid  var(--border-color);
	border-radius: var(--border-radius);
	overflow:auto;
}

table
{
/*	font-size:calc(13px + 0.11vw)!important;*/
	font-size:.88rem!important;
	text-align:center;
	padding: 0!important;
	margin:0!important;
	table-layout: auto;
	border-spacing: 0;
	border-collapse: separate; /* От прозрачных границ при скроле */
}
thead
{
	background: var(--light); 
	border-spacing: 0;
	table-layout: fixed;
	line-height: 18px;
	white-space: nowrap !important;
	font-weight: var(--sub-title-font-weight);
	color: var(--sub-title-color);
}

thead tr td 
{
	border-left: 1px solid var(--light); 
	border-right: 1px solid var(--light); 
}

tr 
{
   height: 35px;
}

th,td
{
	/*text-align: center;*/
	display: table-cell!important;
	vertical-align: middle;
	padding: 2px!important;
}

tbody
{
	background-color: var(--white);
	color:  var(--dark-font);
}


tbody:last-child tr:last-child
{
	border-bottom: 0px transparent;
}

.table > thead > tr > td > .bi-arrow-down-up
{
	font-size: 13px;
}

.table-cross , .table-cross tbody
{
  background-color: transparent!important;
}

.div-cross
{
	position: relative;
}

.table-cross > tbody > tr > td, .table-cross > tbody > tr > th 
{ 
	cursor: pointer!important;
    position: relative;
}
.table-cross > tbody > tr > td:not(.not_cross):hover::after,
.table-cross > tbody > tr > th:not(.not_cross):hover::after,
.div-cross:hover::after
{ 
    background-color: var(--light)!important;
    border-left: 1px solid var(--light-grey);
    border-right: 1px solid var(--light-grey);
    content: ''!important;
    height: 10000px!important;
    left: 0!important;
    position: absolute!important;
    top: 0!important;
    width: 100%!important;
    z-index: -1!important;    
    transform: translateY(-100%);  
}
.table-cross > tbody > tr:not(.not_cross):hover
{
  background-color: var(--light)!important;
}

.table-cross > tbody > tr > td:not(.not_cross):hover, .table-cross > tbody > tr > th:not(.not_cross) :hover
{
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.2);
}





.table > tbody > tr > td.product_td
{
	border-left: 1px solid var(--light-grey);
	border-right: 1px solid var(--light-grey);
	background-color: var(--light)!important;
}

.table > tbody > tr > td:first-child.product_td
{
	border-left: 0px solid var(--light-grey)!important;
}

.table > tbody > tr:not(:last-child) > .product_td
{
	border-bottom: 1px solid var(--light-grey);
}

.table > tbody > tr:not(:last-child) > .product_td_width
{
	max-width: 270px;
}


.table-fixed
{
	table-layout: fixed;
}

.disabled_cover
{
    z-index: 9999;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 10000px;
    opacity: 0.2;
}

.tr_hide
{
	position:absolute;
  	transform: translateY(-5%);
	opacity: 0;
	pointer-events: none;
	user-select: none;
	top:0;
}

.tr_show
{
	opacity: 1;
	transition: all 0.3s linear;
}

.px_td_2 td,th
{
	padding-right: 7px !important;
	padding-left: 7px !important;
}

.tr_hover:hover , .tr_hover:active , .tr_hover:focus
{
	background-color: var(--hover-light);
}

.tr_showed
{
	background-color: var(--light);
}

#loader-block
{
	background: #fff;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

[v-cloak] 
{
    display: none !important;
}
#main
{
	transition: width 0.3s ease-in-out -0.3s;
}



.input-group-text 
{
	background-color: var(--light);
	color:var(--grey);
}

.offcanvas-nav /*Чтобы не рушил backdrop у modal профиля*/
{
	z-index: 1060;	
}

.nav-container
{
	height: 100% !important;
	display: flex!important;
	flex-direction: column!important;
	position:relative;
}

.nav-container>.logo
{
	text-align: center;
	white-space: nowrap;
	color: var(--white);
	margin-top: 35px;
}

.nav-container>.logo>a
{
	text-decoration: none;
	color: var(--white)!important;
	cursor: pointer;
}

.nav-container>.logo>a>h2
{
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 0;
}
.nav-container>.logo>a>h2>span
{
	color: var(--color1)!important;
}

.nav-list
{
	display: flex!important;
	flex-direction: column!important;
	white-space: nowrap !important;
}

#nav .market-place-icon
{
	width: 30px;	
}

.nav-small .list_a .mp-icon 
{
	   margin: 0 0 0 -7px;
}

.nav-list a
{
	color: var(--color1);
	font-size: 16px;
	text-decoration: none;
	padding: 8px 5px 8px 7px;
    cursor:pointer;
    overflow: hidden;
    border-radius: var(--border-radius);
	margin: 1px 10px;

}

.nav-list a .mp-icon 
{
	display: inline-block;
	margin-right: 10px;
	vertical-align: 2px;
}

.nav-list a .mp-icon img 
{
	width: 30px;
	border-radius: 5px;
}

.nav-list a:hover	
{
	color: var(--dark);
	background: var(--white);
	transition: all 0.3s ease-out;
}
.nav-list a:active	
{
	color: var(--dark);
	background: var(--white);
	transition: all 0.001s ease-out;
}

.nav-list  a  i
{
	display: inline-block;
	width: 26px;
	padding-right: 10px;
	transition: opacity 5s; 
	opacity: 1;
}

#nav:not(.nav-small) .list_a > a > i
{
	margin-left:10px;
}

#nav:not(.nav-small) .nav-list-main > a[href="#"]::after
{
/*	content: '+';*/
/*	content: '▾';*/
/*	content: '▿';*/
/*	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14'%3E%3Cpath class='svg-arrow' d='M6.660,8.922 L6.660,8.922 L2.350,13.408 L0.503,11.486 L4.813,7.000 L0.503,2.515 L2.350,0.592 L8.507,7.000 L6.660,8.922 Z' /%3E%3C/svg%3E");*/
/*	content: url('data:image/svg+xml; utf8,<svg viewBox="0 0 9 14"><path class="svg-arrow" d="M6.660,8.922 L6.660,8.922 L2.350,13.408 L0.503,11.486 L4.813,7.000 L0.503,2.515 L2.350,0.592 L8.507,7.000 L6.660,8.922 Z" /></svg>');*/
	content: "\f22c";
    font-family: bootstrap-icons;
	display:inline-block;
	font-size: 16px;
	margin-right:0px;
	float: right;
	transform-origin: center center;
/*	transform:rotate(0);*/
	transition: all 0.2s ease-in;
}

#nav:not(.nav-small) .nav-list-main > a[href="#"].showed::after
{

	margin-right:0px;
/*	transform-origin: center center;*/
	transform:rotate(0.5turn);
	transition: transform 0.2s ease-in;
}

.list_a
{
	overflow: hidden;
	opacity: 0;
	max-height: 0;
	transition: all 0.3s ease-in -0.1s;

}

.list_a.show
{
	padding: 9px 0 9px 0;
	opacity: 1;	
	max-height: 500px;
	transition: all 0.3s ease-in;
}

.list_a > a
{
	display: block;
}






.active-nav
{
	color: var(--dark)!important;
	background: var(--white)!important;
}

.arrow-collapse
{
    padding: 4px 5px 4px 15px;
    position: absolute;
    right: -2px;
    top: -1px;
/*    background: var(--dark);*/
    border-radius: 25px;
    color: var(--color1)!important;
    cursor: pointer;
    font-size: 24px;
}

.arrow-collapse::after
{
	content: '⟨';
	content: "\f113";
	font-size: 18px;
    font-family: bootstrap-icons;
	transform:rotate(0);
	transition: all 0.3s ease-in;
/*	transition: all 0.3s ease-out;*/
}

.arrow-collapse-collapsed
{
	transform-origin: center center;
	transform:rotate(0.5turn);
	transition: all 0.3s ease-in;
}


.scrollbar-off 
{
/*      overflow: auto;*/
      -ms-overflow-style: none;
      scrollbar-width: none;
}

.scrollbar-off ::-webkit-scrollbar {
      width: 0;
      height: 0;
}


.nav-small .nav-list a 
{
	text-align: center;
}

.nav-small .nav-list a span 
{
	display: none;
}

.nav-footer
{
	margin-top: auto!important;
	white-space: nowrap !important;;
}

.nav-user-container i 
{
	display: none;
}

.nav-small .nav-user-container i 
{
	display: block;
}

.nav-user-container
{
	display: flex;
	justify-content:space-around;
	margin-bottom: 15px;
}

.nav-user-container i
{
	font-size: 20px;
	color: var(--color1);
	cursor:pointer;
}

.nav-user-container p 
{
	margin-top: auto !important;
    margin-bottom: auto !important;
    max-width: 190px;
    overflow: hidden;
    text-align:center;
    white-space: normal !important;
}

.orders_sales_counter  .main_page_numer
{
	font-size:calc(15px + 0.7vw);
	line-height:calc(30px + 1vw);
	/*font-size: 80px;*/
	/*line-height: 80px;*/
	color: var(--dark);
	font-weight: 500;
}

.main_page_numer
{
	font-size:calc(30px + 1vw);
	line-height:calc(30px + 1vw);
	/*font-size: 80px;*/
	/*line-height: 80px;*/
	color: var(--dark);
	font-weight: 600;
}

.top-menu i
{
	padding:5px;
	font-size: 20px;
	cursor: pointer;
	font-style: normal!important;
}

.top-menu i:hover
{
	color: var(--dark);
	background: var(--white);
	transition: all 0.5s ease-out;
}

.top-menu i>span
{
	margin-left: 5px;
}
/*#app  .row 
{
	--bs-gutter-x: 0;
}*/

/*.g-2 
{
	--bs-gutter-y: 0.5rem!important;
	--bs-gutter-x: 0.5rem!important;
}*/

.bg-light
{
	background-color: var(--light)!important;
}




.btn-main
{
    display: inline-block;
    padding: var(--button-padding);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid var(--color1);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: var(--border-radius);
	background-color: var(--color1)!important;
	color: var(--white)!important;	
	font-size: 16px;
	cursor: pointer;
}

.btn-main:hover
{
	color: #fff;
	opacity: 0.9;
}
.btn-main:active
{
	transform: scale(0.95);
}

.btn-easy
{
	display: inline-block;
	font-size: 16px;
	background-color: var(--light);
	color: var(--grey)!important;
	padding: var(--button-padding);
	border-radius: var(--border-radius);
	border: 1px solid var(--light);
	cursor: pointer;
	text-decoration: none;
	border: 1px solid var(--light-grey);
}

.btn-easy:hover
{
	color: var(--color1)!important;
	border: 1px solid var(--color1);
	transition: all 0.3s;
}

.btn-easy.input-group-text 
{
	border:1px solid var(--light-grey)!important;
}


.btn-main.disabled
{
	cursor: wait;!important;
    opacity: 0.7!important;
    pointer-events: none;
}



.btn-outline
{
	color: var(--color1);
	border-color: var(--color1);
/*	border-radius: 10px;*/
	/*padding: 8px 16px 8px 16px;*/
	font-size: 16px;
}

.btn-outline:hover
{
	background-color: var(--color1);
	color: #fff;
	transition: all 0.5s ease-out;
}

.btn-outline-main
{
	padding: var(--button-padding);
	color: var(--color1);
	border-color: var(--color1);
}

.btn-outline-main:active,.btn-outline-main:hover,.btn-outline-main:checked,.btn-check:checked + .btn
{
	background-color: var(--color1)!important;
	border-color: var(--color1)!important;
	color: #fff !important;
	transition: all 0.5s ease-out;
}

.btn-outline:active
{
	transform: scale(0.95);
}

.text-main
{
	color: var(--color1)!important;
}

.text-main:hover
{
	color: var(--color1);
}

.hover-main:hover
{
	color: var(--color1);
}


.form-check-input:checked {
    background-color: var(--color1);
    border-color: var(--color1);
}

.form-control,.form-select
{
	border-radius: 5px;
	cursor: pointer;
}

.form-label
{
	margin-bottom: 0;
}

.form-control:focus,.form-select:focus
{
    box-shadow: rgba(255, 140, 0, 0.25) 0px 0px 0px 0.25rem;
    border-color: var(--color1);
}

.cp
{
	cursor: pointer;
}

.active-color
{
	background: rgb(255,140,0,0.8);
}

.mobile-button
{
	text-align:center;
	display: none;
	z-index: 3000;
	font-size: 37px;
	position: fixed;
	right:0;
	bottom:0;
	width:60px;
	height: 60px;
	border-radius: 25px 0px 0px 0px;
	background: var(--dark)!important;
	color:var(--color1);
}

.mobile-button:active
{
	color: var(--dark);
	background: var(--white)!important;
	transition: all 0.1s ease-out;
	transform: scale(1.05);
}


.btn-check:active+.btn-outline-yellow, .btn-check:checked+.btn-outline-yellow, .btn-outline-yellow.active, .btn-outline-yellow.dropdown-toggle.show, .btn-outline-yellow:active {
    color: #fff !important;
    background-color: var(--color1)!important;
    border-color: var(--color1)!important;
}
.btn-outline-yellow {
    color: var(--color1)!important;
    border-color: var(--color1)!important;
}

.btn-outline-yellow:hover {
    color: #fff !important;
    background-color: var(--color1)!important;
    border-color: var(--color1)!important;
}

.border-grey
{
	border-bottom:1px solid #a9a9a9;
}

.bg-dark
{
	background: var(--dark)!important;
}
.bg-green
{
	background: #acf7d185!important;
}

.bg-green:hover
{
	background: #acf7d1e6;
}

.bg-grey
{
	background: #c2c2c2!important;
}

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

.bg-red:hover
{
	background: #e05863;
}

.bg-main
{
	background-color: var(--color1)!important;
}

.border-light-grey
{
	border: 1px solid var(--light-grey);
}
/*v-calendar*/
.vc-highlight 
{
    background-color: var(--color1)!important;
}

.vc-day-content:hover
 {
     background-color: rgba(204,214,224,0)!important; 
}

.offcanvas
{
	border-radius: 10px 0 0 10px;
}

.offcanvas-header
{
	padding: 6px 10px;
}

.offcanvas-title
{
	font-weight: var(--sub-title-font-weight);
	color:var(--sub-title-color);
	height: 40px;
	border-bottom: 0;
	font-size: 18px;
	padding: 5px;
}

.card-header
{
	padding-bottom:0;
    background: var(--white) !important;
    text-align: right;
    border-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    color: var(--grey);
}

.modal-content
{
	border: 1px solid var(--grey);
/*	z-index: -2;   /* Без это cross-table не отображается Убрал 2025 05 07 т.к. не работали модальные окна на планшете и айфоне*/

}

.modal-header
{
	font-weight: var(--sub-title-font-weight)!important;
	color:var(--sub-title-color);
	height: 40px;
	border-bottom: 0;
	font-size: 18px;
    padding-top: 20px;
}

.modal-header i 
{
	color:var(--grey);
	font-size: 22px;
	cursor: pointer;
}

.modal-header i:hover 
{
	color:var(--color1);
}

.modal-body
{
/*	height: 100vh;*/
	max-height: calc(var(--vh, 1vh) * 90);
/*	min-height: calc(var(--vh, 1vh) * 50);*/
	overflow: auto;
	border:0!important;
	transition: all 0.5s;
}

.modal-footer
{
	padding: 3px;
	justify-content: center;
}

.accordion-item
{
	border-radius: var(--border-radius);
}

.accordion-button:not(.collapsed) 
{
    background: var(--active-main)!important;
    border-radius:0!important;
    color: #212529!important;
}


.accordion-button:hover
{
	border-radius:0!important;
    background: var(--hover-main);
}

.accordion-header:first-child > .accordion-button:hover
{
	border-top-left-radius: var(--border-radius) !important;
	border-top-right-radius: var(--border-radius) !important;
}

.accordion-header:nth-last-child(2) > .accordion-button:hover
{
	border-bottom-left-radius: var(--border-radius) !important;
	border-bottom-right-radius: var(--border-radius) !important;
}

.accordion-header:first-child > .accordion-button:not(.collapsed) 
{
	border-top-left-radius: var(--border-radius) !important;
	border-top-right-radius: var(--border-radius) !important;
}

.accordion-header:nth-last-child(2) > .accordion-button:not(.collapsed) 
{
	border-bottom-left-radius: var(--border-radius) !important;
	border-bottom-right-radius: var(--border-radius) !important;
}


.accordion-button:not(.collapsed)::after 
{
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.sticky-top
{
/*	z-index: 10;*/
}

.st-top
{
	z-index: 3;
	position: sticky;
    top: 0px;
}

.st-left
{
	z-index: 2;
	position: sticky!important;;
    left: 0px;
}

thead .st-left
{
	z-index: 4!important;
}


.no-link
{
	text-decoration: none;
}


#rus_map
{
	width: 100%;
}
.table-stock td
{
 	text-align:left!important; 
 	margin-left: 5px;
}
.border-main
{
	border:2px solid var(--color1);
}
polygon:hover,path:hover
{
	fill:rgba(255, 140, 0, 1)!important;
}

.pay-card
{
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width:90%;
	background: #212529!important;
	border: 2px solid #FF8C00;
	border-radius: 20px;
	cursor: pointer;

}
.pay-card h2
{
	margin-top: 15px;
	text-align: center;
	color: #FFF;
}

.pay-card h3
{
	margin-top: 15px;
	margin-bottom: 15px;
	font-size:55px;
	font-weight: 800;
	text-align: center;
	color: #FF8C00;
}

.pay-card-active
{
	background: #FF8C00!important;
}
.pay-card-active h3
{
	color:white!important;
}
.table-row:active
{
	background: var(--success)!important;
}

.offcanvas-body
{
	padding-top: 0px;
}

.offcanvas-bottom 
{
	height: 60vh;
}

.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label 
{
    opacity: 1;
}

.form-floating>label 
{
	color:#8c8c8c;
}


.card
{
	border-radius: 0;
}
.card-top , .card-bottom
{
	background: var(--dark);
	color: var(--color1);
	font-weight: bold;
	text-align:center;
	height: 25px;
}
.card:hover
{
	/*z-index: 100;*/
	/*cursor: pointer;*/
	/*transform: scale(1.03);*/
	/*transition: all 0.3s ease-out;*/
}

.card-buttons
{
/*	position: absolute;*/
	right: 5px;
    bottom: 5px;
}



.market-place-icon
{
	width: 35px;
	border-radius: 5px;
}

.page-item.active .page-link
{
	background-color: var(--color1);
    border-color: var(--color1);
    color: #fff;
}

.page-link:hover {
    z-index: 2;
    color: #fff;
    background-color: var(--color1);
    border-color: var(--color1);
}

.page-link
{
    color: var(--color1);
}

.ellipsis-2
{
    
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.carousel-indicators [data-bs-target]
{
	background-color: var(--color1)!important	;
}

.tooltipp 
{
  position: relative;
  display: inline-block;
}

.tooltipp .tooltiptext 
{
  visibility: hidden;
  width: 240px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  bottom: 110%;
  left: 0%;	
  font-size:16px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}
.toast
{
	border:0px solid;
	border-color: transparent!important;
}

.placeholder-glow
{
	position: relative;
	overflow:hidden;
}

.placeholder::before 
{
	display: block;
    border-radius: inherit;
    z-index: 9999;
    height: 100%;
    content: "";
    width: 100%;
    background: currentColor;
    top: 0;
    left: 0;
    position: absolute;
}


.tooltipp:hover .tooltiptext 
{
  visibility: visible;
}

.text-left
{
	text-align: left!important;
}

.text-grey
{
	color:var(--grey);
}

.bg-light-grey
{
	background-color: var(--light-grey);
}



.list-group-item.active 
{
    z-index: 2;
    color: #fff;
    background-color: var(--color1);
    border-color: var(--color1);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link 
{
    color: #FFF;
    background-color: var(--color1);
}

.dropdown-item i 
{
	color: var(--main);
	padding-right: 8px;
}

.dropdown-item.active, .dropdown-item:active 
{
    background-color: var(--color1);
}
.dropdown-menu
{
	z-index: 1050;
}
.vh-6 {height:6vh;}
.vh-74 {height:74vh;}

.vh-30 {height:30vh;}
.vh-40 {height:40vh;}

.vh-50 {height:50vh;}

.vh-55 {height:55vh;}

.vh-60 {height:60vh;}

.vh-65 {height:65vh;}

.vh-70 {height:70vh;}

.vh-75{ height:75vh;}

.vh-80{ height:80vh;}

.vh-85 { height:85vh;}

.vh-90 { height:90vh;}

.vh-95 { height:95vh;}

.info-stat
{
	border: 1px solid #dee2e6;
	padding: .5rem !important;
	border-radius: 0.375rem !important;
    background-color: var(--light) !important;
}

.shadow-inner 
{
	/*content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;*/
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
	-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
/*	background: radial-gradient(circle, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 94%, rgba(0,0,0,0.20772058823529416) 100%);*/
/*	z-index: -5;*/
}

.shadow-out
{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
}
/*.info-stat div:not(:last-child)
{
	border-right: 1px solid #dee2e6;
}*/

.info-stat > div
{
	display: inline-block;
	padding: 0 .5rem 0 .5rem!important;
	width: 250px;
	max-width: calc(44vw);
	border: 0;
}

.info-stat > div > span:first-child
{
	font-weight: var(--sub-title-font-weight);
	display: flex;
	color: var(--sub-title-color);
}

.info-stat > div[data-bs-toggle="tooltip"]
{
	cursor: pointer;
}


.info-stat > div > span
{
	display: block;
}

.upload_file_input
{
    opacity: 0;
    position: absolute;
    z-index: -1;
    overflow: hidden;
    width: 0.4px;
    height: 0.4px;
}

.upload_file_label
{
    display: flex;
    justify-content: space-between;
    align-items: center;
   	width: 100%;
    border: 1px solid var(--grey);
    color:var(--grey);
    padding: 10px 10px;
    border-radius: var(--border-radius);
    cursor: pointer;
}

.upload_file_label>span
{
  	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.upload_file_label
{ 
    transition: .25s ease;
}

.upload_file_label:hover 
{
    color: var(--main);
    border: 1px solid var(--main);
}

/* drag and drop - "hover" */
.upload_file_label.hover
{
    color: var(--main);
    border: 1px solid var(--main);
}

/* drag and drop - файл(ы) успешно перетянут(ы) */
.upload_file_label.success 
{
    color: var(--success);
    border: 1px solid var(--success);
}

/* drag and drop - ошибка */

.upload_file_label.error 
{
    color: var(--color2);
    border: 1px solid var(--color2);
}

.header_menu
{
	background: var(--light);
	position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 25;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border:1px solid var(--border-color);
    padding: 5px;
    height: 50px;
    display: flex;
}

.header_menu_hide
{
	display: flex;
	white-space: nowrap;
/*	overflow-y: hidden;*/
	flex-shrink:0;
	flex-wrap: nowrap;
}

.header_menu_hide > div
{
	width: auto;
	float:left;
	
}

.header_menu_show
{
	display: flex;
	margin-left:auto;
	white-space: nowrap;
}

.header_menu_show> div
{
	margin-top: auto;
	margin-bottom: auto;
	display: inline-block;
}

.header_menu_hide > div:not(:first-child)
{
	margin-top: auto;
	margin-bottom: auto;
	margin: 0 0 0 5px;
}

.header_menu_show > div:not(:last-child)
{
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 5px;
}

.header_menu .dropdown_header_menu
{
	padding: 5px 10px;
	background-color: var(--light);
	min-width: 350px;
}
.header_menu .dropdown_header_menu > div
{
	padding: 5px 0;
	width: 100%!important;
	max-width: 100%!important;
}

.text-btn-light
{
	cursor: pointer;
	color: var(--grey);

}

.text-btn-light:hover
{
	color: var(--color1);
	transition:  .25s ease;
}


.header_menu > .header_menu_hide_container
{
	float:left;
}

.header_menu > .header_menu_hide_container > div
{
	float:left;
}

.header_menu > .header_menu_hide_container > div:not(:first-child)
{
	
}


.nav_menu
{
	border: 1px solid var(--border-color);
	border-radius: var(--border-radius);
	margin: .5rem;
	text-align: center;
	background-color: #fff;
	white-space: nowrap;
	list-style-type: none;
	overflow-y: hidden; 
	overflow-x: auto;
	background-color:var(--light);
}

.nav_menu span 
{
	background-color: var(--white);
	display: inline-block;
	cursor:pointer;
	padding: 10px 7px 10px 7px;
	color:var(--main);
	transition: all 0.3s;
}

.nav_menu:not(.flex-column) span
{
	border-left:1px solid var(--border-color);
}

.nav_menu:not(.flex-column) span:last-child
{
	border-right:1px solid var(--border-color);

}

.nav_menu span:hover 
{
	background-color: var(--color1);
	color:#fff;
}


.nav_menu span.active 
{
	background-color: var(--color1)!important;
	color: #fff!important;	
}

.shadow-left
{
	-webkit-box-shadow: 5px 0px 5px -5px rgba(34, 60, 80, 0.6) inset;
	-moz-box-shadow: 5px 0px 5px -5px rgba(34, 60, 80, 0.6) inset;
	box-shadow: 5px 0px 5px -5px rgba(34, 60, 80, 0.6) inset;
}

.text-bg-pink
{
	color: #FFF !important;
    background-color: rgb(237 32 217 / 70%);
}

.text-bg-peach
{
	color: #FFF !important;
    background-color: rgb(230 100 61 / 70%);
}

.centered
{
	transform: translate(-50%, -50%) !important;
	left: 50% !important;
	top: 50% !important;
	position: absolute !important;
}

.shadow_inner_hover:hover
{
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
	-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
}

/*.dropdown-menu-tooltip::before 
{
  left: 15px;
  top: -17px;
  border: 8px solid #0000;
  border-bottom: 8px solid var(--v-tooltip-bg);
}*/

/*.dropdown-menu::after 
{
  left: 16px;
  top: -14px;
  border: 7px solid #0000;
  border-bottom: 7px solid var(--v-tooltip-bg);
}*/

.dropdown-menu-tooltip::before,
.dropdown-menu-tooltip::after 
{
  content: "";
  left: auto;
  display: inline-block;
  position: absolute;
}

.sub-title,.card-header
{
	font-weight: var(--sub-title-font-weight)!important;
	color: var(--sub-title-color)!important;
}

.warehouse_cell
{
	padding-left: 10px;
	padding-right: 10px;
    width: 135px;
    word-wrap: break-word !important;
    word-break: break-word !important;
    white-space:normal;
    margin-right: auto !important;
    margin-left: auto !important;
}

.orders_first_td
{
	max-width: 290px;
	min-width: 290px;
}
/* Ширина scrollbar */
/*::-webkit-scrollbar {
    width: 10px; 

}*/
/* Прозрачный фон */
/*::-webkit-scrollbar-track {
    background: transparent; 
}
*/
/* Полупрозрачный цвет */
 /* Закругленные углы */
/*::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5); 
    border-radius: 5px;
}*/

@media (max-width: 576px) 
{
	.card:hover
	{
		/*transform: scale(1.03);*/
	}
	.bg-green:hover
	{
		background:#acf7d185 ;
	}

	.bg-red:hover
	{
		background: #f8d7da;
	}

	.bg-green:active
	{
		background:#acf7d185;
	}

	.bg-red:active
	{
		background:#f8d7da;
	}
	.nav-list a:hover	
	{
		transition: all 0s ease-out!important;
	}

	.input-file
	{

	}

	.orders_first_td
	{
		max-width: 190px;
		min-width: 190px;
	}
}

@media(max-width: 896px)
{
	.mobile-button
	{
		display: block;
	}
	.m-hide
	{
		display:none!important;
	}
	.m-table-auto
	{
		table-layout: auto!important;
	}
}

@media (min-width: 850px) 
{

	.nav-small
	{
		width: var(--nav-width-collapse)!important;
		transition: width 0.3s ease-in-out -0.3s!important;
	}
	.main-small
	{
		width:calc(100% - var(--nav-width-collapse))!important;
		transition: width 0.3s ease-in-out!important;	
	}
	

	#main
	{
		width: calc(100% - var(--nav-width));
	}
}