/* cabinet */
/*#cabinet .ccnav{display:inline;}*/
.cabinet-inside{
	padding: 4px 0px 20px 0px;
	clear: both;
}

a.btn-save, input.btn-save, button.btn-save, div.btn-save{}
a.btn-save>span, input.btn-save>span, button.btn-save>span, div.btn-save>span{
	display: inline-block;
	padding: 2px 0 2px 24px;
	background: url(../img/cabinet/ibtn-apply.svg) no-repeat 0 50%;
}

a.btn-addnew, input.btn-addnew, button.btn-addnew, div.btn-addnew{}
a.btn-addnew>span, input.btn-addnew>span, button.btn-addnew>span, div.btn-addnew>span{
	display: inline-block;
	padding: 2px 0 2px 24px;
	background: url(../img/cabinet/ibtn-add-new-w.svg) no-repeat 0 50%;
}


.cab-ctrl-btns{display: flex; gap: 6px; flex-flow: row nowrap;}

a.btn-ico, button.btn-ico, div.btn-ico{
	display: block;
	content: '';
	width: 34px;
	height: 34px;
	cursor: pointer;
	background-color: #F9FBFF;
	border-radius: 4px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
a.btn-ico:hover, button.btn-ico:hover, div.btn-ico:hover{background-color: #F4F6FF;}
a.btn-cab-edit, button.btn-cab-edit, div.btn-cab-edit{background-image: url(../img/cabinet/cab-a-edit.svg);}
a.btn-cab-del, button.btn-cab-del, div.btn-cab-del{background-image: url(../img/cabinet/cab-a-del.svg);}
a.btn-cab-carparts, button.btn-cab-carparts, div.btn-cab-carparts{background-image: url(../img/cabinet/cab-a-parts.svg);}


.cab-exit{
	float: right;
}
.cab-exit>a{
	display: inline-block;
	padding: 2px 24px 2px 0;
	background: url(../img/cabinet/icab-exit.svg) no-repeat 100% 50%;
	color: var(--color-DBlue);
	text-decoration: none;
}
.cab-exit>a>span{border-bottom: 1px solid var(--color-DBlue);}
.cab-exit>a:hover{color: var(--color-DBlue-Hover);}



.mccontent{	
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
/*.mccontent:after{display: block; clear: both; content: '';}*/

.mcleft{
	float: left;
	width: 250px;	
}
.mcright{
	float: left;
	/*width: 942px;*/
	width: calc(100% - 270px);
}
.mcright .pmain{
	padding: 4px 0 10px 22px;
}

/*
.mcleft-in{
	background-color: #eff4fb;
	padding: 20px 0 60px;
}
.mcleft-in:after{clear: both; display: block; content: "";}
*/

.mcnav-panel{
	border-right: 2px solid #F3F3F3;
}

.mcclient-blk{
	padding: 24px 10px 20px 14px;
	/*text-align: center;*/		
	background-color: #fafafa;
}
.mcclient-name{
	font-size: 15px;
	/*font-weight: bold;*/	
	background: url(../img/cabinet/ico-usr.svg) no-repeat 0px 5px;
	padding: 2px 0 6px 20px;
}
.mcclient-balance{
	padding: 10px 0px 0 0;
	font-size: 18px;
	color: #818181;
}


.mcnav-menu{
	
}


/* from old styles */
/*
.mcbonus-stat{
	clear: both;
	padding: 20px 0;
	font-size: 16px;
	color: #808080;
}
.mcbonus-stat>span{color: #859d19;}
.mcbonus-stat b{color: #2a2a2a;}

.mcorder{
	width:100%;
	float:left;
	padding:16px 0 4px;
}
.mco_l{
	width:320px;
	float:left;
}
.mcol_title{
	font:24px Arial, Helvetica, sans-serif;
	color:#46505d;
	padding:0 0 8px;
}
.mcolres{
	clear: both;
	text-align: center;
	padding: 80px 0px 80px 0px;
	font-size: 16px;
}
.mcollist{}
.mcollitem{
	height:140px;	
	border-color:#d8d8d8;
	border-style:solid;
	border-width:2px 0 2px 3px;	
	margin-bottom:6px;
	margin-left: 0px;
	cursor:pointer;
	background:#fff;
	padding:16px 12px 14px 28px;
	overflow:hidden;
}
.mcollitem_active{
	position:relative;
	left:2px;
	background:#f2f2f2;
	border-color:#f2f2f2;
	border-style:solid;
	border-width:2px 0 2px 3px;
	border-left: 3px solid #ff6500;
	cursor:default;
}
.mcollitem p{padding-left:0px;}
.mcolli_title{font:18px/22px Arial, Helvetica, sans-serif;}
.mcolli_title a{ color: #000; text-decoration: none; }
.mcolli_title a:hover{ color: #000; text-decoration: underline; }
.mcolli_price{padding:14px 0 9px;}
.mcolli_price b{color:#000;}
.mcollitem table{
	width:100%;
	border-collapse:collapse;
	margin-top:3px;
}
.mcollitem table td{padding:0;}
.mcollitem table td.mcol_icon{width:39px;}
.mcollitem table td.mcol_status{
	padding-left:6px;
	white-space:nowrap;
}
.mcollitem_active .mcolli_title{color:#000;}
.mco_r{
	width:820px;
	float:left;
}
.mcorlist{
	padding:12px 14px 12px 14px;
	background: #f2f2f2;
	min-height: 580px;	
}

.mcorlist .mclitem .mcli_text{ width: 550px; }

.mcorltbl{padding:16px 0 0;}
.mcorltbl table{
	width:100%;
	border-collapse:collapse;
}
.mcorltbl table td{padding:0;}
.mcorltbl table td.mcorltbl_icon{width:39px;}
.mcorltbl table td.mcorltbl_status{padding-left:6px;}

.csib_input{ width: 40px; }

#cabinet .cpages{
	float:right;
	padding:10px 32px 0 0;
}
#cabinet .mclitem{
	border: 0;
	margin-bottom: 6px;
	background: #fff;
}
#cabinet .mcltotal{
	background: #fff url(../img/total-bg.png) repeat-x 0 100%;	
}
*/


/* new cab menu */

.mcmenu{
	clear: both;
}
.mcmenu ul{
	list-style: none;
	margin: 0 0; 
	padding: 0;
}
.mcmenu ul li{
	margin: 0;
	padding: 12px 2px 12px 14px;
	border-left: 2px solid #fafafa;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.mcmenu ul li span{float: right; width: 30px; text-align: center; font-size: 12px; color: #909090;}
.mcmenu ul li a{display: inline-block; background: url(../img/cabinet/li-arr-g.svg) no-repeat 0 50%; text-decoration: none; padding: 0 0 0 12px; color: #808080;}
.mcmenu ul li a:hover{text-decoration: underline; color: var(--color-DBlue);}
.mcmenu ul li.sel{
	border-left: 2px solid var(--color-DBlue);
	background-color: #EEF4FF;
	/*background-image: url(../img/li-bl.png);*/
	/*
	border-top: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
	margin-right: -2px;
	*/
}
.mcmenu ul li.sel a{background-image: url(../img/cabinet/li-arr-b.svg); color: var(--color-DBlue);}

.mcexit{
	background-color: #fafafa;
	padding: 20px 0 20px 16px;
}

.mcexit a{
	display: inline-block;
	padding: 2px 20px 2px 0;
	background: url(../img/cabinet/icab-exit.svg) no-repeat 100% 50%;
	color: var(--color-DBlue);
	text-decoration: none;
}
.mcexit a:hover{text-decoration: underline;}


.mctabs{clear: both; padding: 14px 0 0 0; border-bottom: 2px solid var(--color-DBlue);}
.mctabs:after{clear: both; content: ""; display: block;}
.mctabs ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mctabs ul li{
	float: left;
	margin-right: 15px;
	padding: 12px 30px;
	font-size: 15px;
	font-weight: normal;
	line-height: 16px;
	cursor: pointer;
	transition: 0.2s;
	/*
	text-transform: uppercase;
	color: #3d3d3d;
	border: 2px solid #f3f5f8;
	*/
	border-left: 2px solid #FAFAFA;
	border-right: 2px solid #FAFAFA;
	border-top: 2px solid #FAFAFA;
	background-color: #FAFAFA;
}
.mctabs ul li.active{
	cursor: default;
	color: #ffffff;
	background-color: var(--color-DBlue);
	border-color: var(--color-DBlue);
}
.mctabs ul li.active span{/*border-bottom: 2px solid #ff7e22;*/}
.mctabs ul li:hover{
	/*
	color: #ffffff;
	border: 2px solid #2c363e;
	background-color: #2c363e;
	*/
}
.mctabs-icons ul li b{font-weight: normal;}
.mctabs-icons ul li a{color: var(--color-DBlue);}
.mctabs-icons ul li a span, .mctabs-icons ul li b span{display: inline-block; padding: 2px 0 2px 28px; background-position: 0 50%; background-repeat: no-repeat;}
/*
.mctabs-icons ul li.cattab-pers a span{background-image: url(../img/cabinet/cab-tab-usr.svg);}
.mctabs-icons ul li.cattab-pers b span{background-image: url(../img/cabinet/cab-tab-usr-sel.svg);}
.mctabs-icons ul li.cattab-orders a span{background-image: url(../img/cabinet/cab-tab-orders.svg);}
.mctabs-icons ul li.cattab-orders b span{background-image: url(../img/cabinet/cab-tab-orders-sel.svg);}
.mctabs-icons ul li.cattab-b2b a span{background-image: url(../img/cabinet/cab-tab-b2b.svg);}
.mctabs-icons ul li.cattab-b2b b span{background-image: url(../img/cabinet/cab-tab-b2b-sel.svg);}
*/
.mctabs-icons ul li.cattab-pers a span{background-image: url(../img/cabinet/icab-pers.svg);}
.mctabs-icons ul li.cattab-pers b span{background-image: url(../img/cabinet/icab-pers-w.svg);}
.mctabs-icons ul li.cattab-garage a span{background-image: url(../img/cabinet/icab-garage.svg); padding-left: 32px;}
.mctabs-icons ul li.cattab-garage b span{background-image: url(../img/cabinet/icab-garage-w.svg); padding-left: 32px;}
.mctabs-icons ul li.cattab-orders a span{background-image: url(../img/cabinet/icab-orders.svg);}
.mctabs-icons ul li.cattab-orders b span{background-image: url(../img/cabinet/icab-orders-w.svg);}
.mctabs-icons ul li.cattab-b2b a span{background-image: url(../img/cabinet/icab-b2b.svg);}
.mctabs-icons ul li.cattab-b2b b span{background-image: url(../img/cabinet/icab-b2b-sel.svg);}

.mcright h2{
	/*font: 200 20px/24px "Hencyr",Arial;*/
	font-size: 22px;
	line-height: 24px;
	/*text-transform: uppercase;*/
	font-weight: normal;
	/*letter-spacing: 2px;*/
	padding: 12px 0px 12px 0px;
	margin: 4px 0px 4px 0px;
	color: #454545;
}
.mcright h2:after{
	display: block;
	content: "";
	background-color: #d0d0d0;
	width: 36px;
	height: 2px;
	margin-top: 4px;
}
.mcright h2 span.marked{
	color: var(--color-Blue2);
}


.mcorder-list{
	border-right: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
	padding: 20px 20px 28px 20px;
}


.div-tbl{
	display: table;
	width: 100%;
}
.div-tbl-12{font-size: 12px;}
.div-tbl-row{
	display: table-row;		
}
.div-tbl-row>div{
	display: table-cell;	
	padding: 10px 14px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #eaeaea;
}
.div-tbl-row>div:first-child{border-left:0;}
.div-tbl-row>div:first-child img{display: block; margin: auto;}
.div-tbl-rowth>div{
	padding: 14px 15px;
	background-color: #FAFAFA;
	/*color: #ffffff;*/
	border-left: 1px solid #ffffff;
	border-bottom: 0;
	font-size: 14px;
}
.div-tbl-rowth>div.th-dt{text-transform: none;}
.div-tbl-rowth>div.th-dt>span{display: block; font-size: 12px;}
.div-tbl-row>div.td-title{text-align: left; font-weight: bold;}
.div-tbl-row>div.td-relative{position: relative; /*z-index: 1;*/}
.div-tbl-row>div.td-id{padding-left: 0; padding-right: 0; width: 100px;}
.div-tbl-row>div.td-id span{display: block; font-size: 18px;}
.div-tbl-row>div.td-10{width: 10%;}
.div-tbl-row>div.td-15{width: 15%;}
.div-tbl-row>div.td-20{width: 20%;}
.div-tbl-row>div.td-35{width: 35%;}
.div-tbl-row>div.td-40{width: 40%;}
.div-tbl-row>div.td-50{width: 50%;}
.div-tbl-row>div.td-60{width: 60%;}
.div-tbl-row>div.td-cost{font-weight: bold; padding-left: 0; padding-right: 0; width: 90px;}
.div-tbl-row>div.p-bonus{font-style: italic; color: #808080;}

.row-not-start>div{color: #808080;}
.row-finished>div{color: #b0b0b0;}
.row-not-start>div.dt-start{color: #007934;}
.row-finished>div.dt-end{color: #ff0000;}

.td-ostat span{display: inline-block; padding-left: 17px; background: url(../img/bcab/ostat-new-1.png) no-repeat 0 50%;}
.mcorder-stat-0>div{background-color: #f9f9f9;}
.mcorder-stat-0	.td-ostat span{background-image: url(../img/bcab/ostat-cancel-0.png); color: #979797;}
.mcorder-stat-1	.td-ostat span{background-image: url(../img/bcab/ostat-new-1.png); color: #1f9fb2;}
.mcorder-stat-2	.td-ostat span{background-image: url(../img/bcab/ostat-wait-2.png); color: #f1a90d;}
.mcorder-stat-3	.td-ostat span{background-image: url(../img/bcab/ostat-real-3.png); color: #f1a90d;}
.mcorder-stat-4	.td-ostat span{background-image: url(../img/bcab/ostat-packed-4.png); color: #f1a90d;}
.mcorder-stat-5	.td-ostat span{background-image: url(../img/bcab/ostat-ready-5.png); color: #ea850f;}
.mcorder-stat-6	.td-ostat span{background-image: url(../img/bcab/ostat-deliv-6.png); color: #1f53b2;}
.mcorder-stat-7	.td-ostat span{background-image: url(../img/bcab/ostat-done-7.png); color: #1fb264;}


span.sm-txt{display: block; font-size: 12px; color: #606060;}

.div-tbl0{
	display: block;
	width: 100%;
}
.div-tbl0-h50{}
.div-tbl0-row{
	display: block;		
	clear: both;
}
.div-tbl0-row:after{clear: both; content: ""; display: block;}
.div-tbl0-row>div{
	display: block;
	float: left;	
	padding: 8px 0;
	text-align: center;
	vertical-align: middle;
	/*border-left: 1px solid #e9eaea;
	border-bottom: 1px solid #e9eaea;
	margin-left: -1px;*/
}
.div-tbl0-row>div:first-child{border-left:0; margin-left: 0;}
.div-tbl0-rowth>div{
	display: block;
	float: left;
	padding: 12px 0;
	border-top: 1px solid #e9eaea;
	background-color: #f5f6f7;
	text-transform: uppercase;
	color: #939393;
}
.div-tbl0 .div-tbl-rowcalc:first-child{border-top: 1px solid #e9eaea;}
.div-tbl0 .div-tbl-rowcalc:last-child{border-bottom: 1px solid #e9eaea;}
.div-tbl0 .div-tbl-rowcalc>div:first-child{
	text-align: right;
	background-color: #f5f6f7;
	font-size: 14px;
	line-height: 16px;
	border-right: 1px solid #e9eaea;
	margin-right: -1px;
}
.div-tbl0 .div-tbl-rowcalc>div:first-child span{display: block; padding: 14px 15px 0px 20px;}

.div-tbl0-h50 .div-tbl0-row>div.td-brd-val>span{display: block; margin: 6px 8% 0 8%; border: 1px solid #d9d9d9; background-color: #f5f6f7; padding: 5px 0;}
.div-tbl0-h50 .div-tbl0-row>div.td-brd-val>span:nth-child(n+2){margin-top: -1px;}
.div-tbl0-h50 .div-tbl0-row>div.td-brd-red>div{margin: 6px 8% 0 8%; border: 2px solid #f75353; padding: 5px 0;}

.div-tbl0-h50 .div-tbl0-rowth>div{padding: 0; height: 50px;}
.div-tbl0-h50 .div-tbl0-rowth>div>span{display: block; padding: 12px 4px 0px 4px;}
.div-tbl0-h50 .div-tbl0-row>div{padding: 0; height: 48px;}
.div-tbl0-h50 .div-tbl0-row-h2x>div{height: 80px;}
.div-tbl0-h50 .div-tbl0-row>div>p.calc-result{padding: 12px 0 0 0; font-size: 18px;}
.div-tbl0-h50 .div-tbl0-row>div.td-brd-red p.calc-result{padding: 0 0 0 0; font-size: 18px;}

.div-tbl0-row>div.td-10{width: 10%;}
.div-tbl0-row>div.td-15{width: 15%;}
.div-tbl0-row>div.td-20{width: 20%;}
.div-tbl0-row>div.td-35{width: 35%;}
.div-tbl0-row>div.td-40{width: 40%;}
.div-tbl0-row>div.td-50{width: 50%;}
.div-tbl0-row>div.td-60{width: 60%;}
.div-tbl0-row>div.td-cost{font-weight: bold; padding-left: 0; padding-right: 0; width: 90px;}
.div-tbl0-row>div.p-bonus{font-style: italic; color: #808080;}


.ucab-payform-blk{
	clear: both;
	margin: 12px 0;
	padding: 10px 0 20px 0;
}
.ucab-payform{
	padding: 6px 0;
}


a.usr-cont-lnk{
	display: block;
	float: right;
	width: 22px;
	height: 24px;
	background: url(../img/a-usr.png) no-repeat 50% 50%;
	opacity: 0.6;
}
a.usr-cont-lnk:hover{opacity: 1;}
.tree-level-0{background: url(../img/arr-tri.png) no-repeat 0 50%;}
.tree-level-1{background: url(../img/marr.png) no-repeat 20px 50%;}
.tree-level-2{background: url(../img/marr.png) no-repeat 40px 50%;}

.usr-cont-fly{
	display: none;
	position: absolute;
	z-index: 3;
	right: 40px;
	top: -30px;
	width: 220px;
	background: #fff;
	border: 1px solid #f0f0f0;
	box-shadow: 0 0 3px 3px rgba(100,100,100,0.1);
}
.usr-cont-fly-vis{display: block;}
.usr-cont-fly-in{
	padding: 16px 16px;
	font-weight: normal;
}
.usr-cont-name{font-weight: bold;}


.cabf-form{
	margin: 20px 0;
	border: 1px solid #eaeaea;
	border-radius: 6px;
	padding: 22px 20px;
}

.cabf-blk{
	margin: 4px 0 4px 0;
	padding: 10px 0 10px 0;	
}

.cabf-frm{
	margin: 4px 7%;
}
.cabf-btn{
	clear: both;
	padding: 12px 0 12px 0;
	text-align: center;
}
.cabf-row{
	clear: both;
	padding: 4px 0px 4px 0px;
}
.cabf-row:after{
	content: "";
	display: block;
	clear: both;
}
.cabf-col{
}

.cabf-col-20{float: left; width: 19%; margin-right: 1%;}
.cabf-col-30{float: left; width: 29%; margin-right: 1%;}
.cabf-col-40{float: left; width: 39%; margin-right: 1%;}
.cabf-col-50{float: left; width: 49%; margin-right: 1%;}
.cabf-col-60{float: left; width: 59%; margin-right: 1%;}
.cabf-col-70{float: left; width: 69%; margin-right: 1%;}
.cabf-col-80{float: left; width: 79%; margin-right: 1%;}

.cabf-h{
	padding: 0 0 2px 0;
}
.cabf-fld{}
.cabf-fld-3col>div{float: left; width: 33.300%;}
.cabf-fld-radio>input[type=radio]{position: relative; top: 2px;}
.cabf-fld-radio>label{padding-left: 6px;}

.cabf-fld input[type=text], .cabf-fld input[type=password], .cabf-fld textarea{
	box-sizing: border-box;
	width: 99%; 
	border: 1px solid #e5e5e5;	
	font-size: 15px;
	line-height: 20px;
	border-radius: 3px;
	padding-left: 8px;
}
.cabf-fld input[type=text], .cabf-fld input[type=password]{height: 34px;}
.cabf-fld textarea{}
.cabf-fld select{
	box-sizing: border-box;
	border: 1px solid #e5e5e5; 
	font-size: 15px;
	height: 34px;
	width: 99%;
	border-radius: 3px;
	padding-left: 8px;
}

.cabf-fld input, .cabf-fld textarea, .cabf-fld select{	
	background-color: #fff;
}
.cabf-fld input:focus, .cabf-fld textarea:focus, .cabf-fld select:focus{outline: none;}

.cabf-chk{
	padding: 4px 0;
}
.cabf-chk label{
	display: inline-block;
	padding: 0 0 0 5px;
}

.cabf-col-50 .cabf-fld select{width: 99%;}
	
	
.cabf-err{
	color: #e14545;	
}

.cabf-err .cabf-fld input[type=text], .cabf-err .cabf-fld input[type=password], .cabf-err textarea, .cabf-err .cabf-fld select{
	border-color: #f47f7f;
	color: #e14545;
}
.cabf-err-msg{
	font-size: 12px;
	font-style: italic;
}

/* addresses */
.cabf-addrtype-0, .cabf-addrtype-1, .cabf-addrtype-2{
	display: inline-block;
	padding: 2px 0 2px 24px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.cabf-addrtype-0{background-image: url(../img/cabinet/addr-mail.svg);}
.cabf-addrtype-1{background-image: url(../img/cabinet/addr-addr.svg);}
.cabf-addrtype-2{background-image: url(../img/cabinet/addr-sklad.svg); padding-left: 29px;}


/* orders list page */
.mcab-order-list{
	clear: both;
	padding: 20px 0;
}

.mcab-order-it{
	border: 1px solid #E2E2E2;
	border-radius: 10px;
	padding: 20px 20px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin: 10px 0;
}
.mcab-order-id{
	box-sizing: border-box;	
	width: 90px;
}
.mcab-order-prods{width: calc( (100% - 460px) / 2 );}
.mcab-order-deliv{font-size: 13px; color: #b0b0b0;}
.mcab-order-stat{width: 160px;}
.mcab-order-targ{width: calc( (100% - 460px) / 2 );}
.mcab-order-sum{width: 130px;}
.mcab-order-ctrl{}

.mcab-order-id>div{font-size: 17px; padding-bottom: 8px;}
.mcab-order-id>div a{color: #101010; text-decoration: none; border-bottom: 1px dotted #101010;}
.mcab-order-id>p{color: #838383; font-size: 14px;}

.mcab-order-deliv>p{font-weight: bold; padding-bottom: 2px; color: #505050;}

.mcab-order-prodall{
}
.mcab-order-prodlist{
	border-bottom: 1px solid #e7e7e7;
	display: flex;
	flex-flow: row nowrap;
}
.mcab-order-ppic{
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
}
.mcab-order-ppic img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.mcab-order-prodsum{
	color: #808080;
	font-size: 13px;
	padding: 2px 0 0 0;
}

.mcab-order-total{font-size: 18px; line-height: 20px;}
.paystat-1 .mcab-order-total{color: #82B245;}
.mcab-order-paystat{padding-top: 6px;}
.mcab-order-paystat>span{display: inline-block; content: ''; padding: 2px 0 2px 32px; background-repeat: no-repeat; background-position: 0 50%; color: #838383;}
.paystat-0 .mcab-order-paystat>span{background-image: url(../img/bcab/orderpayed-no.svg);}
.paystat-1 .mcab-order-paystat>span{background-image: url(../img/bcab/orderpayed-yes.svg); color: #82B245;}
.paystat-2 .mcab-order-paystat>span{background-image: url(../img/bcab/orderpayed-part.svg);}

.mcab-order-stat-0{border: 1px solid #E2E2E2; background-color: #FBFBFB;}
.mcab-order-stat-7{border: 1px solid #92CFA3;}

.ordstat-lbl{display: inline-block; padding: 2px 0 2px 26px; background-position: 0 50%; background-repeat: no-repeat;}
.ordstat-0{background-image: url(../img/bcab/order-stat-0.svg); color: #838383;}
.ordstat-1{background-image: url(../img/bcab/order-stat-1.svg); color: #2DB4FD;}
.ordstat-2{background-image: url(../img/bcab/order-stat-2.svg); color: #FFBD2D;}
.ordstat-3{background-image: url(../img/bcab/order-stat-3.svg); color: #FBAF08;}
.ordstat-4{background-image: url(../img/bcab/order-stat-4.svg); color: #FF981E;}
.ordstat-5{background-image: url(../img/bcab/order-stat-5.svg); color: #E77D00;}
.ordstat-6{background-image: url(../img/bcab/order-stat-6.svg); color: #006AFF;}
.ordstat-7{background-image: url(../img/bcab/order-stat-7.svg); color: #82B245;}
.ordstat-8{background-image: url(../img/bcab/order-stat-8.svg); color: #5906B7;}


a.mcab-ctrlbtn{display: block; border-radius: 3px; width: 32px; height: 32px; background-color: #F1FAFF; background-repeat: no-repeat; background-position: 50% 50%;}
a.mcab-ctrlbtn:hover{background-color: #F0F5F8;}
a.mcab-ctrlbtn>span{content: ''; display: block; width: 100%; height: 100%;}
a.mcab-btn-go{background-image: url(../img/cabinet/a-btn-go.svg);}
a.mcab-btn-edit{background-image: url(../img/cabinet/a-btn-edit.svg);}
a.mcab-btn-del{background-image: url(../img/cabinet/a-btn-delete.svg);}



.mcab-order-info{
	border: 1px solid #e7e7e7;
	border-radius: 12px;
	padding: 24px;
}
.mcab-order-iitems{
}
.mcab-order-item{
	border-top: 1px solid #e7e7e7;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding: 16px 0;
}
.mcab-order-item:first-child{border-top: 0;}
.mcab-order-ipic{
	width: 140px;
	height: 130px;
	text-align: center;
}
.mcab-order-ipic img{
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: auto;
}
.mcab-order-iinf{
	width: calc(100% - 170px);
}
.mcab-order-itit{
	font-size: 16px;
	font-weight: 500;
}
.mcab-order-itit a{color: #101010;}
.mcab-order-iart{
	color: #A4A4A4;
	padding: 4px 0;
}
.mcab-order-iart span{
	color: #202020;
}
.mcab-order-icost{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	line-height: 18px;
	color: #707070;
	padding-top: 20px;
}
.mcab-order-icost>div:first-child{color: #202020; background: url(../img/cabinet/ico-mcli-mul.svg) no-repeat 100% 50%; padding-right: 30px;}
.mcab-order-icost>div:last-child{color: var(--color-DBlue); font-size: 20px; background: url(../img/cabinet/ico-mcli-eq.svg) no-repeat 0 50%; padding-left: 30px;}

.mcab-order-itotal{
	clear: both;
	margin: 20px 0;
	background-color: #FAFAFA;
	padding: 16px 20px;
	border-radius: 12px;
	text-align: center;
	font-size: 20px;
}

.mcab-order-idop{
	display: flex;
	flex-flow: row nowrap;
	gap: 14px;
}
.mcab-order-idop-col{
	width: 100%;
	border: 1px solid #e7e7e7;
	border-radius: 12px;
	padding: 20px 16px;
}

.mcab-order-istat{
	color: #B5B5B5;
	border-top: 1px solid #E7E7E7;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mcab-order-istat:first-child{border-top: 0; padding-top: 0;}

.mcab-order-istat.paystat{display: flex; align-items: center; gap: 6px;}
.mcab-order-istat .mcab-order-paystat{padding-top: 0px;}

.mcab-idop-paym{
	color: #B5B5B5;
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}
.mcab-idop-paym>div{text-align: center;}
.mcab-idop-paym>div>p{
	font-weight: 300;
	padding: 4px 0 10px 0;
}


.ucab-payform-blk{
	clear: both;
	margin: 12px 0;
	padding: 10px 0 20px 0;
}
.ucab-payform{
	padding: 6px 0;
}



.ucab-payform-blk{
	clear: both;
	margin: 12px 0;
	padding: 10px 0 20px 0;
}
.ucab-payform{
	padding: 6px 0;
}


a.usr-cont-lnk{
	display: block;
	float: right;
	width: 22px;
	height: 24px;
	background: url(../img/a-usr.png) no-repeat 50% 50%;
	opacity: 0.6;
}
a.usr-cont-lnk:hover{opacity: 1;}
.tree-level-0{background: url(../img/arr-tri.png) no-repeat 0 50%;}
.tree-level-1{background: url(../img/marr.png) no-repeat 20px 50%;}
.tree-level-2{background: url(../img/marr.png) no-repeat 40px 50%;}

.usr-cont-fly{
	display: none;
	position: absolute;
	z-index: 3;
	right: 40px;
	top: -30px;
	width: 220px;
	background: #fff;
	border: 1px solid #f0f0f0;
	box-shadow: 0 0 3px 3px rgba(100,100,100,0.1);
}
.usr-cont-fly-vis{display: block;}
.usr-cont-fly-in{
	padding: 16px 16px;
	font-weight: normal;
}
.usr-cont-name{font-weight: bold;}









/* order old */
/*
.mcorder{
	width:100%;
	float:left;
	padding:16px 0 4px;
}
.mco_l{
	width:320px;
	float:left;
}
.mcol_title{
	font:24px Arial, Helvetica, sans-serif;
	color:#46505d;
	padding:0 0 8px;
}
.mcolres{
	clear: both;
	text-align: center;
	padding: 80px 0px 80px 0px;
	font-size: 16px;
}
.mcollist{}
.mcollitem{
	height:140px;	
	border-color:#d8d8d8;
	border-style:solid;
	border-width:2px 0 2px 3px;	
	margin-bottom:6px;
	margin-left: 0px;
	cursor:pointer;
	background:#fff;
	padding:16px 12px 14px 28px;
	overflow:hidden;
}
.mcollitem_active{
	position:relative;
	left:2px;
	background:#f2f2f2;
	border-color:#f2f2f2;
	border-style:solid;
	border-width:2px 0 2px 3px;
	border-left: 3px solid #ff6500;
	cursor:default;
}
.mcollitem p{padding-left:0px;}
.mcolli_title{font:18px/22px Arial, Helvetica, sans-serif;}
.mcolli_title a{ color: #000; text-decoration: none; }
.mcolli_title a:hover{ color: #000; text-decoration: underline; }
.mcolli_price{padding:14px 0 9px;}
.mcolli_price b{color:#000;}
.mcollitem table{
	width:100%;
	border-collapse:collapse;
	margin-top:3px;
}
.mcollitem table td{padding:0;}
.mcollitem table td.mcol_icon{width:39px;}
.mcollitem table td.mcol_status{
	padding-left:6px;
	white-space:nowrap;
}
.mcollitem_active .mcolli_title{color:#000;}
.mco_r{
	width:820px;
	float:left;
}
.mcorlist{
	padding:12px 14px 12px 14px;
	background: #f2f2f2;	
}

.mcorlist .mclitem .mcli_text{ width: 550px; }

.mcorltbl{padding:16px 0 0;}
.mcorltbl table{
	width:100%;
	border-collapse:collapse;
}
.mcorltbl table td{padding:0;}
.mcorltbl table td.mcorltbl_icon{width:39px;}
.mcorltbl table td.mcorltbl_status{padding-left:6px;}

.csib_input{ width: 40px; }

#cabinet .cpages{
	float:right;
	padding:10px 32px 0 0;
}
#cabinet .mclitem{
	border: 0;
	margin-bottom: 6px;
	background: #fff;
}
#cabinet .mcltotal{	
	background: #fff url(../img/total-bg.png) repeat-x 0 100%;	
}
*/


/* cabinet block */
.cab-block{
	position: relative;
	z-index: 1;
	margin: 20px 30px;
	border: 1px solid #e9eaea;
	padding: 30px 14%;
}
.cab-block-step{
	background: #e9eaea;
	position: absolute;
	left: 0;
	top: 0;
	width: 46px;
	color: #00923f;
	font: 18px/20px Arial;
	padding: 8px 0 10px 0;
	text-align: center;
}
.cab-block-hdr{
	padding: 20px 0 20px 0;
	text-align: center;
}
.cab-block-in{
	text-align: center;
	padding-bottom: 10px;
}

.cab-block-stat-yes{font-weight: bold;}


.cab-block2{
	position: relative;
	z-index: 1;
	margin: 20px 30px;
	border: 1px solid #e9eaea;
	padding: 0px 1% 0px 10%;
	min-height: 84px;
}
.cab-block2-done{background-color: #f5f6f7;}
.cab-block2:after{clear: both; content: ""; display: block;}
.cab-block2-step{
	background: #e9eaea;
	border-radius: 50%;
	position: absolute;
	left: 14px;
	top: 10px;
	width: 60px;
	color: #fff;
	font: 200 36px/38px 'Hencyr';
	padding: 12px 0 10px 0;
	text-align: center;
}
.cab-block2-hdr{
	float: left;
	width: 64%;
	padding: 30px 0 20px 0;
	text-align: left;
	font: 200 18px/20px 'Hencyr';
}
.cab-block2-in{
	float: right;
	width: 24%;	
	padding-top: 26px;
}
.cab-block2-stat-yes{ display: inline-block; background: url(../img/yes-big.png) no-repeat 0 50%; font: bold 18px/20px 'Hencyr'; padding: 4px 0 4px 32px;}

/* calculator */
.calc-inp{}
.calc-inp input[type=text]{font-size: 16px; height: 26px; text-align: center; display: block; width: 79%; margin: 0 10%; margin-top: 7px; border: 1px solid #00923f;}
.calc-inp input[type=text].inp-err{background-color: #ffe5e5;}


/* stats */
.bcab-stat-list{}
.bcab-stat-list:after{clear: both; content: ""; display: block;}
.bcab-stat-gr{
	padding: 12px 0px 6px 0;
	font-size: 18px;
}
.bcab-stat-row{
	clear: both;
	border-bottom: 1px solid #efefef;
}
.bcab-stat-row:after{clear: both; content: ""; display: block;}
.bcab-stat-row>div:first-child{
	float: left;
	width: 60%;
	height: 36px;
	background-color: #f6f6f6;
}
.bcab-stat-row>div:last-child{
	float: left;
	width: 39.9999%;
	height: 36px;
}
.bcab-stat-row>div>span{display: block; padding-top: 10px;}
.bcab-stat-row>div:first-child>span{padding-left: 16px;}
.bcab-stat-row>div:last-child>span{padding-left: 20px;}

/* fast order */
.forder-form{
	padding: 20px;
}
.forder-list{
	clear: both;
	padding: 12px 0;
}
.forder-list:after{clear: both; content: ""; display: block;}

.forder-row{
	clear: both;
	border: 1px solid #d9d9d9;	
	margin: 14px 0;
	padding: 6px 0 12px 0;
}
.forder-row:after{clear: both; content: ""; display: block;}
.forder-row>a.a-rem{display:block; float: right; margin: 0 5px 0 0; width: 20px; height: 20px; background: url(../img/cabinet/cab-a-del.svg) no-repeat 50% 50%; opacity: 0.7;}
.forder-row>a.a-rem:hover{opacity: 1;}
.forder-pic{
	float: left;
	width: 14%;
	min-height: 60px;
}
.forder-pic>div{
	padding: 4px 10px;
}
.forder-pic>div img{display: block; max-width: 100%; max-height: 90px; height: auto; margin: auto;}

.forder-inf{
	float: left;
	width: 82%;
}

.forder-it-row{padding: 16px 0 10px 0;}
.forder-it-row:after{clear: both; content: ""; display: block;}
.forder-art{
	float: left;
	width: 110px;
}
.forder-art>span{font-size: 12px; display: inline-block; padding: 3px 6px 0 0;}
.forder-model{
	float: left;
	width: 63%;
	margin-left: 6px;
}

.forder-art>input[type=text], .forder-model>input[type=text]{ height: 34px; border: 1px solid #e4e4e4; border-radius: 3px;}
.forder-art>input[type=text]{text-align: center; width: 74px;}
.forder-model>input[type=text]{width: 97%; padding-left: 4px;}

.forder-cost{
	padding: 4px 0;
}
.forder-cost>table{
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.forder-cost>table tr td{padding: 0 8px;}
.forder-cost>table tr td:first-child{color: #808080; padding-right: 22px; padding-left: 0; background: url(../img/cabinet/ico-mcli-mul.svg) no-repeat 100% 50%;}
.forder-cost>table tr td:last-child{color: #000000; font-size: 18px; padding-left: 26px; background: url(../img/cabinet/ico-mcli-eq.svg) no-repeat 0% 50%;}
.forder-num-inp{}
.forder-num-inp input{
	font-size: 15px;
	width: 50px; 
	height: 34px; 
	border: 1px solid #e4e4e4;
	border-radius: 3px;
	text-align: center;
}
.forder-buf{display: none;}
.forder-btn{
	clear: both; 
	padding: 12px 0;
}
.forder-total{
	background: #f2f2f2;
	text-align: right;
	padding: 12px 16px;
}
.forder-total>p>b{font-size: 18px; color: #fa001d; font-weight: normal;}

.forder-fly{
	display: none;
	position: absolute;
	width: 380px;
	z-index: 100;
	left: 0;
	top: 0;
	background: #fff;
	border: 1px solid #e0e0e0;
}
.forder-flyin{
	padding: 6px 6px;
}
.forder-fly-close{
	display: block; 
	float: right;
	width: 14px;
	height: 13px;
	background: url(../img/a-close.png) no-repeat 50% 50%;
	content:"";	
}
.forder-fly-res{
	padding: 8px 8px;
}
.forder-fly-res:after{clear: both; content: ""; display: block;}

.freso-it{
	margin: 8px 0;
}
.freso-it:after{clear: both; content: ""; display: block;}
.freso-pic{
	float: left;
	width: 72px;
	text-align: center;
}
.freso-i{
	margin: 0 0 0 80px;
}

/* prod list */
.cab-tbl-prods .tbl-tr>div{
	padding: 4px 4px;
	border-bottom: 1px solid #d9d9d9;
}
.cab-tbl-prods .tbl-tr:first-child>div{border-top: 1px solid #d9d9d9;}

.cab-tbl-prods .cab-tbl-prow>div{background-color: #ffffff;}

.cab-tbl-prods .tbl-tr>div.cab-tblcol-sku{padding-right: 10px; color: #a0a0a0;}
.cab-tbl-prods .tbl-tr>div.cab-tblcol-cost{text-align: right; font-weight: bold;}
.cab-tbl-prods .tbl-tr>div.cab-tblcol-buynum{text-align: center; padding-left: 10px; padding-right: 10px; font-size: 13px; color: #a0a0a0;}
.cab-tbl-prods .tbl-tr>div.cab-tblcol-sect{
	padding-top: 12px;
	font-size: 16px;
}

.cab-tbl-prods .tbl-tr>div>a{text-decoration: none;}
.cab-tbl-prods .tbl-tr>div>a:hover{text-decoration: underline;}


/* adaptive styles */

@media only screen and (min-width: 1480px)
{
	.mcleft{width: 250px;}
	.mcright{width: calc(100% - 270px);}
}

@media only screen and (min-width: 1880px)
{
	.mcleft{width: 270px;}
	.mcright{width: calc(100% - 290px);}
}

@media only screen and (min-width: 1000px) and (max-width: 1200px)
{	
	/* cabinet */
	/*.mcright{width: 742px;}*/
	
	.mctabs ul li{font-size: 15px;}
	.mct_t{padding-left: 8px; padding-right: 8px;}
}

@media only screen and (max-width: 999px)
{	
	/* cabinet */
	.mcleft{width: 200px;}
	.mcright{width: calc(100% - 210px);}
	.mcorder-list{padding-left: 12px; padding-right: 12px;}
	.div-tbl-row>div{padding-left: 2px; padding-right: 2px;}
	.div-tbl-rowth>div{padding-left: 4px; padding-right: 4px;}
}

@media only screen and (max-width: 800px)
{
	#cabinet{padding-left: 2px; padding-right: 2px;}
	.mcleft{width: 23.9999%;}
	.mcmenu ul li{padding-right: 2px;}
	.mcright{width: 74.9999%;}
	
	.mct_t{padding-left: 5px; padding-right: 5px;}
	
	.cabf-frm{margin-left: 3%; margin-right: 3%;}
}

@media only screen and (max-width: 700px)
{
	.mct_t{padding-left: 2px; padding-right: 2px;}
}

@media only screen and (max-width: 650px)
{
	.mcleft{float: none; width: auto; clear: both;}
	.mcright{float: none; width: auto; clear: both;}
	
	.mcleft-in{border-right: 0; padding: 10px 0;}
	.mcclient-blk{text-align: left; padding: 0px 5px 6px 30px; background-position: 10px 4px;}
	.mcmenu ul{margin: 0;}
	.mcmenu ul li{padding: 4px 12px 4px 22px; background-position: 12px 10px;}	
	.mcmenu ul li.sel{margin-right: 0;}
	
	.mcorder-list{border-right: 0; border-bottom: 0; padding: 20px 0;}
	
	.mcright a.btn-sm{padding: 6px 6px;}
	
	.mcolres{padding: 20px 0;}
	
	.mcright .pmain{padding: 4px 10px 10px 10px;}
	.forder-form{padding: 20px 0;}
}

@media only screen and (max-width: 500px)
{
	.forder-it-row{padding-top: 6px;}
	.forder-pic{width: 70px;}
	.forder-inf{width: calc(100% - 106px);}
	
	.forder-model{width: calc(100% - 117px);}

	/* order list table styles */
	.mcorder-list-tbl .div-tbl-row{display: flex; flex-flow: row wrap; margin-bottom: 12px;}
			
	.mcorder-list-tbl .div-tbl-row>div{display: block;}
	.mcorder-list-tbl .div-tbl-rowth>div{display: none;}
	
	.mcorder-list-tbl .div-tbl-row>div.td-id{width: 39.99999%; border-top: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(2){width: 59%; font-size: 16px; border-top: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(3){clear: both; width: 99%; border-left: 0;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(4){width: 25%; border-left: 0; border-bottom: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(5){width: 35%; border-bottom: 2px solid #b7b7ac;}
	.mcorder-list-tbl .div-tbl-row>div:nth-child(6){width: 39%; border-bottom: 2px solid #b7b7ac;}
	
	/* order info table styles */
	.mcorder-info-tbl .div-tbl-row{display: flex; flex-flow: row wrap; margin-bottom: 12px;}
			
	.mcorder-info-tbl .div-tbl-row>div{display: block;}
	.mcorder-info-tbl .div-tbl-rowth>div{display: none;}
	
	.mcorder-info-tbl .div-tbl-row>div:nth-child(1){width: 80px; border-top: 2px solid #b7b7ac;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(2){width: calc(99% - 80px); border-top: 2px solid #b7b7ac;}
	
	.mcorder-info-tbl .div-tbl-row>div:nth-child(3){width: 40%; border-left: 0;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(4){width: 19%;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(5){width: 40%;}
	.mcorder-info-tbl .div-tbl-row>div:nth-child(6){display: none;}
	
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(1){display: none;}
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(2){width: 99%; font-weight: bold; border-left: 0;}
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(3){display: none;}
	.mcorder-info-tbl .div-tbl-row:last-child>div:nth-child(4){width: 59%; border-left: 0;}
	
	/* addr list table styles */
	.mcpersaddr-list .div-tbl-row{display: flex; flex-flow: row wrap; margin-bottom: 12px;}
			
	.mcpersaddr-list .div-tbl-row>div{display: block;}
	.mcpersaddr-list .div-tbl-rowth>div{display: none;}
	
	.mcpersaddr-list .div-tbl-row>div:nth-child(1){width: 99%; border-top: 2px solid #b7b7ac;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(2){width: 40%; border-left: 0;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(3){width: 40%;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(4){width: 19%;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(5){width: 99%; border-left: 0;}
	.mcpersaddr-list .div-tbl-row>div:nth-child(6){width: 99%; border-left: 0;}
	
	.cabf-fld-3col>div{float: none; width: auto;}
}