input[type=text], 
input[type=password],
textarea,
select,
option { font-size: inherit; font-family: inherit; box-sizing: border-box; }

hr { margin: 1rem 0; border: solid 1px #e4e4e4; border-width: 1px 0 0 0; }


.out_cart { display: inline-block; }
.in_cart{ 	display: none; }

.filled_cart, .filled_comparison { display: none; }



.cartWrapper { overflow: hidden; margin: 0 -10px; }

.cartBlock { float: left; width: 50%; }
.cartBlock:nth-child(n+2) { float: right; width: 50%; clear: right; }


.cartBlock > div { margin: 10px; padding: 15px; border-radius: 5px; background: #f8f8f8; overflow: auto; /*min-height: 270px;*/ }
.cartBlock h2 { text-align: center; margin-bottom: 0.8rem; }
.cartBlock .cartForm table button { padding: 5px 2px; }

.cartBlock form { margin-bottom: 10px; }

.cartAdded, .comparisonAdded {  
    display: none;
    position: fixed;
    top: 180px;
    right: 30px;
    padding: 15px;
    border-radius: 10px;
    background: #ff9d00;
    color: #fff;
	font-weight: bold;
	font-size: 110%;	
	z-index: 10000;
	text-transform: uppercase;
}
		
.orderTable { border-collapse: collapse; margin-bottom: 1em; }
.orderTable TR:nth-child(odd) { background: #f1f1f1; }
.orderTable TR:nth-child(even) { background: #f8f8f8; }
.orderTable TD, .orderTable TH { border: 1px solid #e8e8e8; padding: 3px 5px; }




input[name=promo] { width: 100px; }



.cartForm button {  font-family: arial; position: relative; top: 0px; padding: 0.5rem; }
.cartForm label { display: inline-block; width: 65px; }
.cartForm input[name=number] { line-height: 19px; text-align: center; padding:2px; width: 35px; margin: 2px 0; border: solid 1px #e4e4e4; border-radius: 3px;  }
.cartForm input[name=price] { width: 4rem; }

.cartForm button[name=plus],
.cartForm button[name=minus],
.cartForm .del button { aspect-ratio: 1/1; width: 1.5rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-weight: bold; font-size: 120%; }

.cartForm .del { float: right; }
.cartForm .del button { /*background-color: #ddd;*/ opacity: 0.3;  }
.cartForm .del button:hover {  opacity: 1; }
.cartForm .del button span{ transform: rotate(45deg); font-size: 120%; width: 1rem; height: 1rem; overflow: hidden; display: block; line-height: 1rem; }
.cartForm .del button span::before { content: "+";  }

.cartForm .details { margin-top: 12px; }
.cartForm .details .image { width: 100px; float: left; margin-right: 12px; }
.cartForm .details .image img { height: 70px; width: auto; }
.cartForm .details .variant { margin-bottom: 5px; font-style: italic; }

.sum { text-align: center; }

.cartForm .imgWrapper { background: #fff; padding: 8px; }



@media only screen and (max-width : 750px){ 
	.cartBlock, .cartBlock:nth-child(n+2)  { width: 100%; float: none; } 
	/*.cartBlock:nth-child(n+2) { width: 50%; float: left; }*/

	.cartForm .del img { height: 15px; }
}


button[value="save"], button[value="unhide"] { background: #2d7800; color: white; padding: 0.4rem 0.4rem; border: 0; border-radius: 3px; font-size: 90%; text-transform: uppercase; font-family: inherit; }
button:hover { cursor: pointer; }

button[value="save"] 	{ display: none; }
button[value="hide"] 	{ background: #e68a00; color: white; float: right; margin-left: 0.5rem; }
button[value="delete"] 	{ background: #e64444; color: white; float: right; }

button[name="webloginmode"] { background: #2d7800; color: white; font-size: 1.3rem; }

pre { border: solid 1px #f3b036; background: #fdfdf1; border-radius: 3px; padding: 12px; display: block; margin: 1em 0; font-size: 1rem; white-space: normal; }



.form div { margin-bottom: 0.8em;  }


.cartBlock .form input[type=text], 
.cartBlock .form input[type=password],
.cartBlock .form textarea,
.cartBlock .form select { min-width: 100%; max-width: 100%; }

.cartBlock .form input[type=text], 
.cartBlock .form input[type=password],
.cartBlock .form textarea,
.cartBlock .form select,
.cartBlock .form option,
.cartBlock .row { padding: 0.3rem; border: solid 1px #e4e4e4; display: block; border-radius: 3px; min-height: 2rem; }
.cartBlock .row { background: #ddd; font-weight: inherit; margin-bottom: 1em; }

.cartBlock .form div .row { margin-bottom: 0; }

.cartBlock h3 { font-size: 1.1rem; text-align: center; }
.cartBlock h3 span { font-size: 1.4rem; }

.form input[type=text]:hover, 
.form input[type=password]:hover,
.form textarea:hover,
.form select:hover { border-color: #bbb; }

.form label { margin-bottom: 5px; display: block; color: #777; }

.form .field_address 	{ width: 100% }
.form .field_room, .form .col3 		{ width: 32%; float: left; margin-right: 2%; margin-bottom:0; }
.form .field_entrance	{ width: 32%; float: left; margin-right: 2%; }
.form .field_floor 	{ width: 32%; float: left; clear: right; } 

.form .col3:nth-child(3n) { clear: right; margin-right: 0%; }

.form .field_phone { width: 49%; float: left; margin-right: 1%; }
.form .field_email, .form .col2 { width: 49%; float: left; margin-left: 1%; }

.form section { padding: 0; }

.variants { margin-bottom: 1em; }
.variants > div { margin-bottom: 0.4rem; overflow: hidden; position: relative; }
.variants div a { color: #0078F6; float: right; }
.variants div a:hover { color: #333; }
.variants div button { background: white; color: inherit; border: solid 2px #fff; display: block; text-transform: inherit; font-size: inherit; width: 100%; text-align: left; border-radius: 3px; padding: 0.4rem 0.8rem;}
.variants div button em { display: none; /*display: inline-block;*/ width: 12px; height: 12px; border-radius: 99px; border: solid 1px #e4e4e4; content:" "; position: relative; top: 1px; margin-right:3px; }
.variants div button i { font-size: 0.8rem; display: block; }

.variants div:hover button,
	.variants div.selected button,
	.variants div.selected button em { border-color: #bbb; }
.variants div.selected button em { background: #0078F6; }
.variants b.price { float: right; }
.variants form { margin: 0; overflow: hidden; }
.variants .comment { color: #888; }

.variants div.hide { opacity: 0.5; }
.variants div.hide:hover { opacity: 1; }

/*
.variants label { background: white; color: inherit; border: solid 1px #f1f1f1; display: block; text-transform: inherit; font-size: inherit; width: 100%; text-align: left; padding: 7px 10px; border-radius: 3px; margin-bottom: 0.5rem; overflow: hidden; position: relative; }
.variants label em { display: inline-block; width: 12px; height: 12px; border-radius: 99px; border: solid 1px #e4e4e4; content:" "; position: relative; top: 1px; margin-right:3px; }
.variants label:hover,
.variants label.selected { border-color: #bbb; }
.variants label.selected em { background: #0078F6; }
*/
.cartBlock input[name=deliveryCost] { width: 50px; display: inline-block; min-width: auto; }

.pay { text-align: center; }
.pay form { display: inline-block; }	

/*form#web_user_attributes button[type="submit"]{ display: none; }*/


.status1 { background: #b9dbff !important }
.status2 { background: #B1F2FC !important;  }
.status3 { background: #F3FDB0 !important; }
.status4 { background: #BEFAB4 !important; }
.status5 { background: #FFAEAE !important; }
.status6 { background: #FFE1A4 !important; }

.statuses { margin-bottom: 1rem; }

.statuses label { display: inline-block; padding: 0.2rem 0.5rem; opacity: 0.3; color: black; }
.statuses input { display: none; }
.statuses input:checked+label, .statuses label:hover { opacity: 1; }

button[name="confirm"]	{ background: #2d7800; color: white; }

select[name="status"] { display: inline-block; min-width: auto; }

.cartBlock button[name="edit_price"] { padding: 0.2rem 0.5rem; }


table { border-collapse: collapse; } 
table td, table th { border: solid 1px #e4e4e4; }
table th { padding: 6px 6px; }
table td { padding: 3px 6px; }
TR:nth-child(odd) { background: #f1f1f1; }
TR:nth-child(even) { background: #f8f8f8; }

.list table { font-size: 90%;  }
.list tr:nth-child(even) {  }
table.list > tbody > tr > td:nth-child(1) { text-align: center; }
.list tr td table { width: 100%; }	
.list tr td table td:nth-child(even) { width: 10px; }
.list .orderID { font-size: 110%; font-weight: bold;}
.list .date { display: block; color: #333; font-size: 80%; }
.user tr th:nth-child(4),
.user tr td:nth-child(4) { display: none; }

.cartAnchor { position: relative; top: -100px; }




.in_comparison { display: none; }