table {border-collapse:inherit;border-spacing:2px;margin:25px 0;}
table:before {display: none;}
table td{color:#53575a;border:1px solid #747474;padding:5px;vertical-align:middle;text-align:center;border-radius:3px;}
thead {background-color: #c5c5c5fc; font-weight: 600;}
tbody {background-color: #ffffff;}
input.itog{width:80px;font-size: 1.2em;height: 25px;padding: 1px 5px;text-align: center;background-color:#91d2fb;color: #000000;font-weight: 700;border: 1px solid #fff;line-height: 25px;}
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
textarea{width:100%;height: 170px;box-sizing: border-box;padding: 10px;border: 3px dashed #939393;border-radius: 10px;background: none;font-family: 'Roboto-Bold';font-size: 12pt;}
*:focus {outline: none;}
select {width: 100%;height: 27px;border: 1px solid #7a7a7a; box-sizing: border-box; padding: 0; margin: 0; border-radius: 2px; border: none;background-color: rgba(255, 255, 255, 0.7);}
#empt {color: #939292;}
#phone_form::placeholder, #fio_form::placeholder, #email_form::placeholder {color: red;}
#color_form {text-align: center;padding: 0;}
#order_form {width:100%;max-width:1280px;margin:25px auto;font-size:14px;}
#order_form table {width: 100%;}
#order_form table input {display: block;height: 27px; line-height: 27px;text-align: center;vertical-align: middle;border: 0;padding: 0px 10px;outline: 0;width: 100%;margin: 0px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#order_form table tr.field td {padding: 0;}
#order_form table tr.field td.number {text-align: center;}
#result_form {text-align: center;color: red;font-size: 24px;margin: 30px 0;position: fixed;width: 100%;left: 50%;margin-left: -50%;bottom: 50%;height: 60px;line-height: 60px;background-color: rgba(000,000,000,.8);display: none;text-shadow: -1px -1px 15px #ffffff, 0px -1px 15px #ffffff, 1px -1px 15px #ffffff, 1px 0px 15px #ffffff, 1px 1px 15px #ffffff, 0px 1px 15px #ffffff, -1px 1px 15px #ffffff, -1px 0px 15px #ffffff;}
.input-file-row {
	display: inline-block;
	min-width: 20%;
    text-align: center;
	border: 3px dashed #939393;
    padding: 10px 5px 0;
    border-radius: 10px;
}
.input-file {
	position: relative;
	display: inline-block;
}
.input-file span {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
	color: rgb(255 255 255);
	text-align: center;
	border-radius: 4px;
	background-color: #419152;
	line-height: 22px;
	height: 40px;
	padding: 10px 20px;
	box-sizing: border-box;
	border: none;
	margin: 0;
	transition: background-color 0.2s;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
 
/* Focus */
.input-file input[type=file]:focus + span {
/*	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);*/
}
 
/* Hover/Active */
.input-file:hover span {
	background-color: #59be6e;
}
.input-file:active span {
	background-color: #2E703A;
}
 
/* Disabled */
.input-file input[type=file]:disabled + span {
	background-color: #eee;
}
 
/* Список файлов */
.input-file-list {
	padding: 10px 0 0 0;
}
.input-file-list-item {
	margin-bottom: 10px;
}
.input-file-list-remove {
	color: red;
	text-decoration: none;
	display: inline-block;
	margin-left: 5px;
}
.text-file {display: flex; flex-direction: row; gap: 25px;}
.center {text-align: center;}
.readonly {background-color: #ededed;color: green;}
.kre {position: absolute; color: #b3b3b3; cursor: pointer; line-height: 0; font-family: comic sans ms; margin-left: 5px; font-weight: 900;transition: 0.2s;}
.kre:hover {color: red;}
.red_error{border:1px solid red;background: #FF8181;}
.string {float: right;}
.heading {font-size: 18px;}
.number {width: 3%;}
.blank_input{margin:0 auto;overflow:hidden;max-width: 800px;}
.blank_input div{display: block;margin: 0 0 25px 0;}
.blank_input div span.hd_span {display: inline-block;width: 25%;}
.blank_input div input{padding: 0 5px;line-height: 22px;background-color: rgba(0, 0, 0, 0);border: 0;border-bottom: 1px solid #AFAFAF;width: 70%;outline: 0;}
.opti {font-size: 1em;line-height: 2em;text-align: center; margin: 25px 0 15px;display: flex;}
.opti select, .opti input {width: 100%;background: #91d2fb; height: 30px;border: 1px solid #a9a9a9; box-sizing: border-box; border-radius: 5px;font-size: 1.1em;transition: .3s;}
.opti select:hover, .opti input:hover {border: 1px solid #000; cursor: pointer;}
.opti span {display: inline-flex; flex-direction: column; width: 20%; margin: 5px 10px; min-width: 160px;}
.none{display:none;}
.checkbox {vertical-align: top;margin: 0 3px 0 0;width: 17px;height: 17px;}
.checkbox + label {cursor: pointer;}
.checkbox:not(checked) {position: absolute;opacity: 0;}
.checkbox:not(checked) + label {position: relative;padding: 0 0 0 60px;}
.checkbox:not(checked) + label:before {content: '';position: absolute;top: -4px;left: 0;width: 50px;height: 26px;border-radius: 13px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2);}
.checkbox:not(checked) + label:after {content: '';position: absolute;top: -2px;left: 2px;width: 22px;height: 22px;border-radius: 10px;background: #FFF;box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: all .2s;}
.checkbox:checked + label:before {background: #9FD468;box-shadow: 0 0 0 3px rgba(255,255,0,.5);}
.checkbox:checked + label:after {left: 26px;}
.tooltip {display: inline;position: relative;z-index: 999;opacity: 1;}
.tooltip-item {color: red;font-size: 1.5em;cursor: pointer;z-index: 100;position: relative;display: inline-block;font-weight: 700;-webkit-transition: background-color 0.3s, color 0.3s, -webkit-transform 0.3s;transition: background-color 0.3s, color 0.3s, transform 0.3s;}
.tooltip:hover .tooltip-item {color: #c5c5c5;-webkit-transform: translate3d(0,-1em,0);transform: translate3d(0,-1em,0);}
.tooltip-content {position: absolute;z-index: 99;width: 400px;left: 50%;margin-left: -200px;bottom: -145px;text-align: center;background: #c5c5c5;opacity: 0;font-size: 1em;line-height: 1.5;padding: 1em 0.5em;color: #000;border-top: 55px solid #2a3035;cursor: default;pointer-events: none;border-radius: 5px;-webkit-transform: translate3d(0,-0.5em,0);transform: translate3d(0,-0.5em,0);-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;}
.tooltip-content a {color: #32434f;}
.tooltip-text {opacity: 0;-webkit-transform: translate3d(0,1.5em,0);transform: translate3d(0,1.5em,0);-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;text-shadow: 1px 1px 2px #cfcfcf;}
.tooltip:hover .tooltip-content,
.tooltip:hover .tooltip-text {pointer-events: auto;opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
@media (max-width: 400px) {.opti span {width: 90%; margin:5px;}}
@media screen and  (max-width:800px){
  .blank_input div span.hd_span{display:none;}
  .blank_input div input{width:100%;text-align:center;}
  #modal{text-align:center;}
}
  @media print {
h1, .right, .color red button, .color blue button, .button, .submit-order, .print, .b-page_newyear, #dj-megamenu373, div#jm-footer, label , #jm-back-top, #jm-back-top span, #pop_up_bl, #zvon , #modal, #kre, .topheader { display: none;}
body, article {width: 100%;margin: 0;padding: 0;}
#jm-logo{max-width: 250px;}
#comment{border: none;}
.rama{border: none; margin:0;}
.blank_input div input {height:25px;}
@page {margin: 1cm;}
.none {display:inline;}
.blank_input div input{border-bottom: 1px;}
::-webkit-input-placeholder{opacity:0;}
::-moz-placeholder{opacity:0;}
:-moz-placeholder{opacity:0;}
:-ms-input-placeholder {opacity:0;}
#order_form{margin:0;}
#adr a {color: #000000;}
#adr {animation: none;}
#adr a img {display: none;}
}