body
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #000;
	height:100%;
}


.white-button
{
	background-color:white !important;
	height:40px;
	color:black;
	border-radius:20px;
}

.white-button:hover, .white-button:active, .white-button:focus
e

{
	color:grey;
}

.green-button
{
	background-color:white !important;
	height:40px;
	color:black;
	border-radius:20px;
}

.green-button:hover,.green-button:active,.green-button:focus
{
	color:grey;
}

.is_empty
{
	background: radial-gradient(white, #FFA9A1) !important;
	
}

.sw_optionline
{
	background-color:white;
	margin:7px;
	border:1px solid #C0C0C0;
}

.sw_optionname
{
	background-color:#E9F6AE;
	padding:8px;	
	display: flex;
	justify-content: center;
	flex-direction: column;  
	font-weight:bold;
}

.sw_optiondsc
{
	
	padding:8px;	
	display: flex;
	justify-content: center;
	flex-direction: column;  
}

.sw_optioninput
{
	
	padding:8px;	
	display: flex;
	justify-content: center;
	flex-direction: column;
  
}

.sw_optionprice
{
	
	padding:8px;	
	display: flex;
	justify-content: center;
	flex-direction: column; 
}

.sw_typehead
{
	padding:10px !important;	
	vertical-align:baseline;
	background-color:#82B53F;
	color:white;
}

.sw_typename
{
	padding:15px;
	color:black;
	padding-left:15px;
	font-size:1.4em;
	
}

.sw_table
{
	padding:20px !important;
	font-size: 1.2em;
	background-color:white;	
	border:1px solid #C0C0C0;
}

.sw_line
{
	padding-bottom:10px !important;
	border-bottom:1px solid #C0C0C0;
	padding-top:10px;

}

.sw_linebutton
{
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.sw_lineprice
{
	font-weight:bold;
	  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

.sw_linename
{
	 display: flex;
	justify-content: center;
	flex-direction: column;
  
}

.sw_col
{
	border-right:1px solid #C0C0C0 !important;
}

.sw_over:hover
{
	background-color: #E9F6AE;
}

.sw_selected
{
	background-color: #B3F698;
	font-weight:bold;
}

.sw_itselected
{
	background-color: #B3F698;
	font-size:0.8em;
	padding:5px;
	display:none;
}

.btn_success
{
	background-color:#82B53F !important;
}

.sw_cursor
{
	cursor:pointer;
}

.sw_none
{
	display:none;
}

.modal-info
{
	color:black !important;
}

.cliche_admin
{
	opacity:0.7;
	border:2px solid #8E9193;
	border-radius:50px;
	padding:10px !important;
	cursor:pointer;
}

.cliche_admin
{
	opacity:1 !important;
	border:2px solid #8E9193 !important;
	border-radius:50px;
	font-weight:bold;
}

.cliche_admin img
{
	max-width:250px;
	width:100%;
	min-width:150px;
}


.var_list
{
	background-color:#D0D5D8 !important;
	border-radius:10px;
}

.ui-slider {
    background: #C4E5EE !important; 
	border: 1px solid #EFEFEF !important;
	height:10px;
	margin-top:10px !important;
	
}

.counter
{
		color:black !important;
	width:60px !important;
	height:20px !important;
	text-decoration:none !important;
	padding-left:2px !important;
	padding-bottom:9px !important;	
	padding-top:0px !important;	
		font-size: 8px !important;
		margin-top:20px;
		text-align:center;
		background-color:#BED5D5;
		border-radius:5px;
		opacity:0.7;
}

.ui-slider-handle
 {
	border-radius:10px% !important;
	background:#4AAEEE !important;
	position: relative; 	
	display: block;
	margin-top:0px !important;
	outline:none !important;
	width:10px !important;
	height:20px !important;

 }
 
 .ui-widget-header { 
	border: 1px solid #D4D4D4;
	background: #f00;
}
 
.ui-slider-handle:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

.underslider
{
	width:100%;
	text-align: justify;						 
	text-align-last: justify;"
}

.d_self
{
	display:none;
}

.cliche,.rig
{
	opacity:0.7;
	border:2px solid #EFEFEF;
	border-radius:50px;
	padding:10px !important;
	cursor:pointer;
}

.cliche_active,.rig_active
{
	opacity:1 !important;
	border:2px solid #FFE679 !important;
	border-radius:50px;
	font-weight:bold;
}

.cliche img,.rig img
{
	max-width:250px;
	width:100%;
	min-width:150px;
}

.deliveryself, .deliverypar
{
	margin-top: 10px;
}

hr
{
	border: 1px dashed #E0E0E0 !important;
}

.is_empty
{
	background: radial-gradient(white, #FFA9A1) !important;
	
}

#formAgree
{
	transform:scale(1.6);
  opacity:0.9;
  cursor:pointer;
  margin:5px !important;
}


.result_down
{
	margin:25px !important;
}

#ins
{
	font-weight:bold;
}

.sendorder
{
	margin-top:25px;
}

.disabled
{
	opacity:0.3;
}

.line:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
	font-size:4px !important;
}

.height50
{
	height:50px !important;
}

.nowr
{
	width:30px;
	margin-right:10px !important;
	margin-top:-5px !important;
}

.input_elem_left
{
	float:left;
}

.input_elem_right
{
	height:40px;	
	float:none;
}


.wincalc
{
	height: 100px;
}

.buttons
{
	margin-top:15px;
}



.formresult
{
	padding:20px !important;
	font-size: 1.5em;
	display:none;
}

.preorder
{
	padding:10px !important;
}

.calc-header
{
	font-size:25px;
}

.calc-elem
{
	font-size:14px;
	padding:20px !important;
}

.calc_result
{
	font-size:2.2em;
	padding-top:10px;
}

.calc_resulter
{
	line-height:25px;
}

#calc-invest-sum,#calc-profit-sum,#calc-retail-sum
{
	font-weight:bold;
}

.downnote
{
	display:none;
	font-size:1em;
	background-color:#F0F0F0;
	margin-top:10px;
	margin-bottom:10px;
	border-radius: 10px;
	padding:20px;
	background: linear-gradient(to bottom, #F0F0F0, #FBFBFB);
	color:#000000;
}

.topnote
{
	font-size:2em;
	background-color:#F0F0F0;
	margin-top:10px;
	margin-bottom:10px;
	border-radius: 10px;
	padding:20px;
	background: linear-gradient(to top, #F0F0F0, #FBFBFB);
	color:#000000;
}
.spacer
{
	padding:20px !important;
}

.calc div
{
  padding:7px;

}


.incenter
{
	text-align:center;
}

.inleft
{
	text-align:left;
}

.inright
{
	text-align:right;
}

.calc_price
{
	text-align:center;
	font-size:1.2em;
	background:red;
	padding:10px !important;
	background-color: #B4B4B4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin-top:10px;
	margin-bottom:10px;

}

.width80
{
	width:70px !important;
	display:inline !important;
}

.width80i
{
	width:70px !important;
	display:inline !important;
}





.form_groups
{
	margin-top:30px;
	width:100%;
	color:#73717E;
	border: 1px solid #C0C0C0;	
	background-color: #F0F0F0; /* Для старых браузров */
	padding:20px !important;
	margin-top:0px !important;
     
	
	
}

.file-upload {
     position: relative; /* Даем возможность делать позиционирование, внутри данного элемента */
     overflow: hidden; /* Все что выходит за пределы - скрываем */
     width: 20%; /* Задаем ширину кнопки выбора файла */
     height: 20px; /* Задаем высоту кнопки выбора файла */
     background: #6da047;
     border-radius: 3px;
     padding: 8px 4px;
     color: #fff;
     text-align: center;
	 height:35px;
}
.file-upload:hover {
     background: #7aad55;
}
.file-upload input[type="file"]{
    display: none; /* Обязательно скрываем настоящий Input File */
}
.file-upload label {
     /* Растягиваем label на всю возможную площадь блока .file-upload */
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
}
.file-upload span {
     line-height: 36px; /* Делаем вертикальное выравнивание текста, который написан на кнопке */
}

.form_head
{
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}

.winlist
{
	color:#7B7B7B;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background: #D6D6D6; /* Для старых браузров */
    background: linear-gradient(to top, #D6D6D6, #EDEDED); 
	padding:20px !important;
	margin-top:20px;
}

.resultat
{
	background: #8ABDCE; 
	display:none;
}

.calc_summa
{
	font-weight:bold;
	
}


.closeres
{
   cursor:pointer;
}


.line2
{
	margin:10px;
}


.topname
{
	font-weight: bold;
	
}

.line2:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

.winlist:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

.calc:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

.downnote:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

.disabled
{
	opacity: 0.3;
}

@media (max-width: 991px)
 { 
	.bigheight
	{
		height:50px !important;
	}
 }
 
@media print
{
	.printSelected>* {display: none; }
	.printSelected>.printSelection { display: block; }   

	.bigheight
	{
		height:30px !important;
	}	
}

.pbar_toptext
{
	color:#3BB4D7;
}

.pbar_downtext
{
	color: #469F46;
	padding-top:0px !important;
	margin-top:-20px !important;
}

.printSelection{display:none;}

.new_order td
{
	padding:10px;
}

.new_order
{
	width:100%;
}
.slider_add
{
	margin-top:-10px !important;
}

.addfield
{	
	margin-top:-3px !important;
	height:30px;
	width:100%;
	font-size:1em;
}

.addfield2
{	
	margin-top:-3px !important;
	height:30px;
	width:100%;
	font-size:1em;
}

#parent_popup /* стиль затемнения */
{
	background: #000;
	display:none;
	width: 100%;
	height: 100%;
	opacity: 0.5; /* прозрачность */
	position: fixed;
	z-index: 300;
	top: 0;
	left: 0;
}

.popup--centered_overlay
{
	text-align: center;
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 400;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.1);
}

.popup--centered_overlay:before
{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.counter
{
	display:none;
}

.popup--centered
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	color:#000;
	background: #D6D6D6; /* Для старых браузров */
    background: linear-gradient(to top, #D6D6D6, #EDEDED); 
	border: 2px solid white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	width: 400px;
	text-align: left;
	box-shadow:
		0 1px 4px rgba(0, 0, 0, .3),
		-23px 0 20px -23px rgba(0, 0, 0, .8),
		23px 0 20px -23px rgba(0, 0, 0, .8),
		0 0 40px rgba(0, 0, 0, .1) inset;
}

#popupcontent
{
	font-family: 'Exo', Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	padding: 30px;
	margin-top: -20px;
	color: #FFFFFF;
	text-align:center;
}

#closepopup
{
	position:relative;
	margin-left:385px;
	margin-top:-10px;
    height: 30px;
    width: 30px;
    background-color: #FF0004;
    border-radius: 5px;
    position: relative;
	cursor:pointer;
	
}

#closepopup:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "X"; /* use the hex value here... */
    font-size: 20px; 
    color: #FFF;
    line-height: 30px;
    text-align: center;
}

.clear:after
{
	content: " 5456";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    line-height: 0;
		font-size:4px !important;
}