/*
@font-face{
    font-family: 'Helvetica Neue Light';
    src: url('fonts/HelveticaNeueCyr-Light.eot');
    src: local('HelveticaNeueCyr-Light'),
        url('fonts/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueCyr-Light.woff2') format('woff2'),
        url('fonts/HelveticaNeueCyr-Light.woff') format('woff'),
        url('fonts/HelveticaNeueCyr-Light.ttf') format('truetype');
}
*/

:root{
    --boxShadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    --bAllBorder: 0.4vw #F89200 dashed;
    --bAllWidth: 0.4vw;
}

body {
	margin: 0px;
	background-color: #FFFFFF;
	font-family: "Open Sans", "Arial";
	/*font-family: "Helvetica Neue Light", "Arial";*/
	color: #222222;	
	width:100%;
}

span.link{
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
	color: #000080;
}

.underline{
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

table.sortable thead th{
	cursor: pointer;
	text-decoration: underline;
	color: #000080;
}

.link{
	cursor: pointer;
	cursor: hand;
}

.cursorMove{
    cursor: move;
}

button {
	vertical-align: top;
	cursor: pointer;
	cursor: hand;
    margin: 0.05vw;
}

@keyframes flashing{
    from {color: #008000}
    to {color: #00DC00;}
}

.flashing {
	animation: flashing;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}

.warning{
    background-color: #FF927D;
}

.bgGrey{
    background-color: #999999;
	color: #ffffff;
}
.bgDarkGrey{
    background-color: #666666;
	color: #ffffff;
}

.bgLightGrey{
    background-color: #efefef;
}
.bgLightGrey1{
    background-color: #aaaaaa;
}
.bgOrange{
    background-color: #F7941D;
	color: #ffffff;
}
.bgRed{
    background-color: #ED1C24;
	color: #ffffff;
}
.bgWhite{
    background-color: #ffffff;
}
.bgYellow{
	background-color: #FDEC05;
    color: #000000;
}
.bgBlack{
	background-color: #000000;
}

.bg1{
	background-color: #efefef;
	border-radius: 0.5vw;
	padding: 0.5vw;
	margin: 0.5vw;
}

.paddingExtra{
    padding: 0.3vw;
}
.selectedGreen{
	border:2px #008000 solid;
}

.selectedGrey{
	border:2px #888888 solid;
}

.infoWhite{
	color: #FFFFFF;
}
.infoGreen{
	color: #008000;
}
.infoRed{
	color: #800000;
}
.infoOrange{
	color: #D67308;
}

.infoLightRed{
	color: #ff0000;
}
.infoGrey{
	color: #808080;
}
.infoBlue{
	color: #0000C0;
}
.infoLightBlue{
	color: #67D0F1;
}

.infoBgLightGreen{
	background-color: #CFFFCF;
}
.bgLightBlue{
    background-color: #D9E0E9;
}
.fontSmaller {
	font-size: 80%;
}

.buttonBlue{
	background-color: #67D0F1;
	color: #1C3F93;
	border: 1px #67D0F1 solid;
	color: #1C3F93;
}
.buttonDarkBlue{
	background-color: #1B3E92;
	color: #67D0F1;
	border: 1px #1B3E92 solid;
}

.buttonGrey{
	background-color: #BDBEC0;
	border: 1px #BDBEC0 solid;
	color: #1C3F93;
}
.buttonGreyLight{
	background-color: #E2E3E4;
	border: 1px #E2E3E4 solid;
	color: #1C3F93;
}
.buttonWhite{
	background-color: #FFFFFF;
	border: 1px #BDBEC0 solid;
	color: #1C3F93;
}
.buttonOrange{
	background-color: #F7941D;
	color: #FFFFFF;
	border: 1px #F7941D solid;
}
.buttonGreen{
	background-color: #2BB673;
	color: #FFFFFF;
	border: 1px #2BB673 solid;
}
.buttonRed{
	background-color: #ED1B24;
	color: #FFFFFF;
	border: 1px #ED1B24 solid;
}

.posRelative{
	position: relative;
}

.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}

.rememberSearchButton{
	display: none;
}

.accountTool{
	display: none;
}

.bAllBorder{
    border: var(--bAllBorder);
}

div#branches{
    display: none;
}

#imageLargeDiv{
    position: fixed;
    text-align: center;
    vertical-align:middle;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9998;
    cursor: zoom-out;
}
#imageLargeDiv img{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	max-width: 100%;
	max-height: 100%;
    border-radius: 0.2vw;
}

.cursorZoomIn{
    cursor: zoom-in;
}

#compareBar{
    position:  fixed;
    text-align: center;
    width: 100%;
    height: auto;
    bottom: 0;
    z-index: 9997;
    background-color: #ffffff;
    border-top: 1px #cccccc solid;
}

span.periodGrandTotal{
    font-weight: bold;
}

table.firstNoWrap td:nth-child(1){
	white-space: nowrap;
}

div.clearBoth{
	clear: both;
}

.hide{
	display: none;	
}

.textLeft{
	text-align: left;
}

.textRight{
	text-align: right;
}

.textCenter{
	text-align: center;
}

.fullWidth{
	width: 99vw;	
}

.fullWidth100{
    width: 100%;
}

.fullHeight100{
    height: 100%;
}

.orderStatus10{
	color: #E89839;
}
.orderStatus13{
	color: #B0313B;
}
.orderStatus15{
	color: #0000C0;
}
.orderStatus18{
	color: #98A600;
}
.orderStatus19{
	color: #008000;
}
.orderStatus20{
	color: #B0313B;
}
.orderStatus30{
	color: #008000;
}
.orderStatus40{
	color: #008000;
}
.orderStatus50{
	color: #008000;
}
.orderStatus80{
	color: #8080FF;
}
.orderStatus90{
	color: #808080;
}
.orderStatus99{
	color: #808080;
}

span.postUser{
    color: #A86B30;
}

#leftAside .baseCatId1176{
	background-color: #1C3F93;
    color: #FFFFFF;
}

#leftAside .baseCatId1133{
	background-color: #C09A39;
    color: #FFFFFF;
}

#leftAside .baseCatId1181{
	background-color: #C7351E;
    color: #FFFFFF;
}

#leftAside .baseCatId1495{
	background-color: #C3983E;
    color: #FFFFFF;
}

#leftAside .baseCatId1524{
	background-color: #221F1F;
    color: #FFFFFF;
}

#leftAside .baseCatId1596{
	background-color: #8A8D8E;
    color: #FFFFFF;
}

#leftAside .baseCatId2341{
	background-color: #EC1C23;
    color: #FFFFFF;
}

#leftAside .baseCatId2264{
	background-color: #6D6D6D;
    color: #FFFFFF;
}

#leftAside .baseCatIdTemp{
	background-color: #94C947;
    color: #FFFFFF;
}

#leftAside .baseCatIdPromo{
	background-color: #6D6D6D;
    color: #FFFFFF;
}

#leftAside .baseCatId1574{
	background-color: #0E1C2C;
    color: #FFFFFF;
}

#leftAside .baseCatId2785{
	background-color: #FF5200;
    color: #FFFFFF;
}


#leftAside .baseCatId2857{
	background-color: #E5D808;
    color: #000000;
}

#leftAside .baseCatId2843{
	background-color: #FF960E;
    color: #FFFFFF;
}

#leftAside .baseCatId2910{
	background-color: #FF960E;
    color: #FFFFFF;
}

#leftAside .baseCatId3015{
	background-color: #009800;
    color: #FFFFFF;
}

#leftAside .baseCatId3197{
	background-color: #CBDC00;
    color: #000000;
}


#leftAside .baseCatId3295{
	background-color: #4CBE54;
    color: #FFFFFF;
}


#leftAside .baseCatIdNewProducts{
	background-color: #FDEC05;
    color: #000000;
}


img.loadOrderNotes{
    vertical-align: top;
}
 
.fillTd{
	padding: 0;
	margin: 0;
	display:block;
	width:100%;
	vertical-align: bottom;
}

.posRelative{
	position: relative;
}

.posAbsolute{
	position: absolute;
}

.posFixed{
	position: fixed;
}

.widthAuto{
	width: auto;
}

.overflowScroll{
	overflow: scroll;
}

.overflowScroll_X{
    overflow-x: scroll;
}
.overflowScroll_Y{
	overflow-y: scroll;
}

.overflowHidden{
	overflow: hidden;
}

.overflowAuto{
	overflow:auto;
}

.marginAuto{
    margin: auto;    
}

table.tbl1{
	border-collapse: collapse; 
}
table.tbl1 td {
	border-bottom: 1px #222222 solid;
	vertical-align: top;
}

.barPromotion:hover > rect{
	fill: #ff0000;
}

.visibilityHidden{
	visibility: hidden;
}

.displayNone{
	display: none;
}

span.active0{
    color: #008000;
    font-weight: bold;
}

span.active1{
    color: #800000;
    font-weight: bold;
}

.fontBold{
	font-weight: bold;
}
.fontLarge{
	font-size: large;
}
.textUnderline{
	text-decoration: underline;
}

.fontItalic{
    font-style: italic;
}

.tableLayoutFixed{
	table-layout: fixed;
}

.makeSticky{
    position: sticky;
    top: 0vh;
}
.backgroundInherit{
    background-color: inherit;    
}

.inlineBlock{
	display: inline-block;
}

.whiteSpaceNoWrap{
    white-space: nowrap;
}

.borderLightGrey{
	border: #ccc 1px solid;
}
.borderLightGrey1{
	border: #ccc 1px solid;
    border-radius: 0.2vw;
}

hr.hr1{
	border: #aaa 1px solid;
}

.trIndent td:first-child{
	padding-left: 1vw;
}

.textareaNoWrap{
    white-space: nowrap;
    overflow: scroll;
}

.bAll{
    z-index: 1000;
    position: fixed;
}

.bTop{
    border-top: var(--bAllBorder);
    top: 0;
    left: 0;
    width: 100vw;
    height: var(--bAllWidth);
}

.bLeft{
    border-left: var(--bAllBorder);
    top: 0;
    left: 0;
    height:  100vh;
    width: var(--bAllWidth);
}

.bRight{
    border-right: var(--bAllBorder);
    top: 0;
    right: 0.2vw;
    height:  100vh;
    width: var(--bAllWidth);
}

.bBottom{
    border-bottom: var(--bAllBorder);
    bottom: 0;
    left: 0;
    width:  100vw;
    height: var(--bAllWidth);
}

section.alone{
    padding: 1vw;
}

.makeFlexbox{
    display: flex;
    flex-wrap: wrap;
}
.justifyContentFlextStart{
    justify-content: flex-start;    
}
.justifyContentCenter{
    justify-content: center;    
}
.justifyContentFlexEnd{
    justify-content: flex-end;    
}
.justifyContentSpaceBetween{
    justify-content: space-between;    
}
.justifyContentSpaceAround{
    justify-content: space-around;    
}
.alignVertCenter{
    align-items: center; 
}