form
{
background: #F5F5F5;
border-radius: 10px;
padding: 0.2em 0 0.2em 0;
/*font-family: Arial,Helvetica,sans-serif;*/
font-size: 1em;
border: 1px solid #DDDDDD;
}
form.shadow
{
/*box-shadow: 0px 0px 4px 1px #AAAAAA;*/
border: 1px solid #FFFFFF;
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
background: #F5F5F5;
}

form.grey td {background: #EEEEEE;}
input, textarea, textarea.mceEditor, select
{
padding: 2px;
font-size: 1em;
/*font-family: Arial,Helvetica,sans-serif;*/
background: #FFFFFF;
}
form.grey table td input, form.grey table td select {background: #EEEEEE !important;}
textarea, textarea.mceEditor {font-size: 1em; font-family: verdana, arial, helvetica, sans-serif;}
/*
input[type=submit], a input[type=button].link {
font-weight: bold;
font-size: 1.1em;
padding: 0.3em 0.6em;
}*/

.bigger {font-size: 1.1em;}
.smaller {font-size: 0.9em;}

a input.link {font-weight: bold;}
/*a input.link:hover
{
  background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFFFCC), color-stop(1, #FF9900));
  background-image: -ms-linear-gradient(top bottom, #FFFFCC, #FF9900);
  background-image: -o-linear-gradient(top bottom, #FFFFCC, #FF9900);
  background-image: -moz-linear-gradient(top bottom, #FFFFCC, #FFCC33);
  background-image: -webkit-linear-gradient(top bottom, #FFFFCC, #FF9900);
  background-image: linear-gradient(to bottom, #FFFFCC, #FF9900)
}*/
.nodecoration:hover {text-decoration: none;}

label {font-size: 0.9em;font-size: 1em; font-style: italic; color: #555555;}
label span {font-weight: bold !important; color: red !important; font-size: 1.3em;}
fieldset {border: 1px solid #BBBBBB;}

.mceFirst {background: #DDDDDD !important;}
.mceFirst a.mceButton {border-color: #DDDDDD;}
.mceToolbar {background: #DDDDDD;}

#login
{
margin: 2em auto;
width: 300px;
box-shadow: 2px 2px 8px 1px #444444;
/*background: #2E0000 url(../img/fon/header_bg_150.jpg);*/
background: #191E24;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #262E36), color-stop(1, #060809));
background-image: -o-linear-gradient(top, #262E36, #060809);
background-image: -moz-linear-gradient(top, #262E36, #060809);
background-image: -webkit-linear-gradient(top, #262E36, #060809);
background-image: linear-gradient(to bottom, #262E36, #060809);
font-size: 1.2em;
font-weight: bold;
}
#login table {width: 280px;}
#login table th {font-size: 1.5em;}
#login table td, #login table th {background: none; /*background: #FFFFFF;*/ color: #FFFFFF; text-shadow: 1px 1px 3px #000000;}
#login table td.f {width: 75%;}
#login table tr:hover, #login table tr.hover td {background: none;}
#login input[type=submit] {
box-shadow: 2px 2px 8px 1px #1F0000;
}
#login input[type=submit]:hover, a input[type=button].link:hover {
/*background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FF9900), color-stop(1, #FFCC33));
background-image: -ms-linear-gradient(top, #FF9900, #FFCC33);
background-image: -o-linear-gradient(top, #FF9900, #FFCC33);
background-image: -moz-linear-gradient(top, #FF9900, #FFCC33);
background-image: -webkit-linear-gradient(top, #FF9900, #FFCC33);
background-image: linear-gradient(to bottom, #FF9900, #FFCC33);
border: 1px solid #000000;
box-shadow: none;*/
}
#login input[type=text], #login input[type=password] {
width: 100%;
border: 1px solid #000000;
border-radius: 4px;
padding: 0.3em;
/*font-size: 1.2em; font-weight: bold;*/
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #EEEEEE), color-stop(1, #FFFFFF));
background-image: -o-linear-gradient(top, #EEEEEE, #FFFFFF);
background-image: -moz-linear-gradient(top, #EEEEEE, #FFFFFF);
background-image: -webkit-linear-gradient(top, #EEEEEE, #FFFFFF);
background-image: linear-gradient(to bottom, #EEEEEE, #FFFFFF);
/*box-shadow: inset 1px 1px 0px 0px #1F0000;*/
}

input[type=submit], a input[type=button].link {
/*
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
box-shadow: 1px 1px 3px 1px #333333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.3em 0.8em;
*/
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
box-shadow: 1px 1px 3px 1px #333333;
border-radius: 4px;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.4em 0.8em 0.2em 0.8em;
margin: 10px 0;
font-size: 1.1em;
font-weight: bold;
}
input[type=submit]:hover, a input[type=button].link:hover {border: 1px solid #000000; box-shadow: none;}

.mceFirst {background: #DDDDDD !important;}
.mceFirst a.mceButton {border-color: #DDDDDD;}

.order
{

}
.order tr td
{
/*border-bottom: 1px solid #DDDDDD;*/
}

#calculator {
 width: auto; width: 100%;
/*margin-left: 320px;*/
margin-bottom: 1em;
background: #EEEEEE;
padding: 0.5em;
border: 1px solid #DDDDDD;
border-radius: 0.5em;
}
#calculator select {font-size: 1.2em !important; width: auto; margin: 0.25em 0.25em 0.25em 0.25em !important;}
#calculator #price {border: 0px dotted red; margin: 0.25em 0em 0.25em 0.25em;}

/* Кнопка добавления товара в корзину */
.add2cart {
border: 0px dotted red;
/* width: 200px; width: auto; */ width: 100%;
padding: 0px 0px;
margin: 0 0.25em 0 0;
text-align: left;
/*float: left;*/
background: #EEEEEE;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.add2cart input[type='submit']
{/*
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
box-shadow: 1px 1px 3px 1px #333333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.4em 0.8em 0.2em 0.8em;
margin: 10px 0;
font-size: 1.1em;
font-weight: bold;*/
margin: 0.5em 0 0.25em 0;
}
.add2cart input[type='submit']:hover{/*border: 1px solid #000000; box-shadow: none;*/}
.add2cart table {border: 0; width: auto; margin: 0em 0.5em 0em 0;}
.add2cart table td {padding: 0em 0.2em; background: #EEEEEE; text-align: center;}
.add2cart table td.label {padding: 0;}
.add2cart table td.label label {padding: 0; margin: 0; line-height: 100%;}
.add2cart a {border: 0px dotted red; padding: 0px; margin: 0px 0px 0px 0px;}
.add2cart a img { margin: 0px 0px 0px 0px;}

/* Таблица выбранных товаров в корзине */
#checkout {
width: 100%;
margin: 0.25em 0;
padding: 0em 0;
font-size: 1em; /*font-family: Verdana,Arial,Helvetica,sans-serif;*/
background: #FFFFFF;
overflow: scroll;
}
#checkout td, #checkout th  {padding: 5px 10px; padding: 0.25em 0.2em; background: #F5F5F5; text-align: center;font-size: 1em; width: auto;}
#checkout th  {background: #DDDDDD; padding: 10px 4px;}
#checkout tr.total td  {background: #DDDDDD; font-weight: bold; padding: 9px 5px;}
#checkout td.left {text-align: left;}
#checkout td.kol {padding: 3px 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
#checkout td.kol div.icon {border: 1px dotted #000000; border-radius: 4px; width: 30px; height: 30px; margin: 2px;}
#checkout td.kol div input {width: 2.5em; padding: 3px 2px; margin: 2px 0;}
#checkout td.icon {padding: 2px 0px; min-width: 28px;}
#checkout_form input {font-weight: bold; text-align: center; font-size: 1.1em; padding: 2px 2px;}
#checkout_form input[type=text].no_input {border: 0; background: #F5F5F5; color: #000000; padding: 2px 2px; width: 4em;}
#checkout_form input[type=text].total {border: 0; background: #DDDDDD; color: #000000; padding: 2px 2px; width: 4.5em;}
#checkout_form input[type=submit], #checkout_form input[type=button]
{
background: #FFCC33;
background-image: -webkit-gradient(linear, top, bottom, color-stop(0, #FFCC33), color-stop(1, #FF9900));
background-image: -ms-linear-gradient(top, #FFCC33, #FF9900);
background-image: -o-linear-gradient(top, #FFCC33, #FF9900);
background-image: -moz-linear-gradient(top, #FFCC33, #FF9900);
background-image: -webkit-linear-gradient(top, #FFCC33, #FF9900);
background-image: linear-gradient(to bottom, #FFCC33, #FF9900);
border: 1px solid #FF9900;
box-shadow: 1px 1px 3px 1px #333333;
border-radius: 4px;
text-shadow: 1px 1px 3px #FFCC00;
padding: 0.4em 0.6em 0.2em 0.6em; padding: 0.4em 0.4em 0.3em 0.4em;
margin: 5px 2px;
font-size: 1.1em;
font-weight: bold;
}
#checkout_form input[type=submit]:hover, #checkout_form input[type=button]:hover {border: 1px solid #000000; box-shadow: none;}