@charset "utf-8";
/* CSS Document */
body{
	background-color: #FFB883 !important;
}
.modal-dialog{
	width:800px !important;
}
.modal-content{
	background-color: #E7E7E7 !important;
}

#stem-logo-container{
	position:relative;
	background: #FEFEFE url(../images/bg_logo.png) top repeat-x;
	width:1024px;
	height:69px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left:auto;
	margin-right:auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#calc-container {
	position:relative;           /*Главния контейнер*/
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height:auto;
	background: #E7E7E7	top repeat-x;
	padding: 10px 10px 10px 10px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	font-family: Tahoma, Geneva, sans-serif;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;

}

#header-text {						/*Чупката на вътрешния контейнер и заглавния надпис*/
	position:relative;
	background-color: #FFFBF0;
	text-align:center;
	font-size: 13px;
	font-family:Tahoma, Geneva, sans-serif;
	width:300px;
	height:20px;
	margin: 0px 0px -1px 35px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	z-index: 1;
}

#left-right-wraper{
	position:relative;
	display: flex;
}

#inside-container-left{	/*Вътрешния ляв контейнер*/
	position:relative;
	flex:0.5;
	padding:0px 15px 15px 15px;
	margin-right: 2px;
	border: 1px solid #CCC;
	border-radius:5px;
	background-color: #FFFBF0;
	font-family:Tahoma, Geneva, sans-serif;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
}
#inside-container-right{
	position:relative;				/*Вътрешния десен контейнер*/
	float:right;
	flex:0.4;
	width: 249px;
	background-color: #FFFBF0;
	border-radius:5px;
	font-family:Tahoma, Geneva, sans-serif;
	border:1px solid #CCC;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	-moz-transition: all .8s ease;
	-ms-transition: all .8s ease;
	-o-transition: all .8s ease;
}
#description-image-container{
	float:left;
	width:auto;
	margin-top: 10px;
	padding: 1px 2px 2px 2px;
	border-bottom: 2px solid #CCC;
	border-radius: 5px;
}
#description-image-container p {
	background-color: white;
	font-family: Tahoma;
	font-size: 10px;
	border: 1px solid #CCC;
	text-align: center;
}

#h-side-input{
	clear:both;
	margin-top: 25px;
	float:left;
}
#b-side-input{
	margin-top:25px;
	float:left;
	margin-left: 10px;
	border-left:thin dashed #CCCCFF;
	padding-left: 10px;
}
.form-input-frame label{
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
#profile-type-container label{
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
#glass-container label{
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
#radios-container label{
	display: inline;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
.mm-text{
	font-size: 11px;
	font-weight: bold;
}
.description{
	font-size: 10px;
	margin-top: 5px;
}
input.hinge-size{
	width:70px;
	height:22px;
	border-radius:4px;
}
.form-text{
	width:45px;
	border-radius: 4px;
}
.form-text:focus{
	outline:none;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.21);

}
input.hinge-size:focus{
	outline:none;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.21);
}
#profile-type-container{
	float: left;
	width:auto;
	clear:both;
	margin-top: 10px;
	padding-top: 10px;
	border-top: thin dashed #CCCCFF;
}
select.form-select{
	width:265px;
	font-size:10px;
	border-radius:4px;
}
select.form-select:focus{
	outline:none;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.21);
}
#glass-container{
	float: left;
	width:100%;
	clear:both;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom:10px;
	border-top: thin dashed #CCCCFF;
}
.ui-tooltip{
	outline:none;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,.21);
	font-family:Tahoma;
	font-size: 10px;
	background-color:red;
	height:auto;
}
.ui-tooltip-content{
	font-size:10px;
	z-index: auto;
	margin-top:-5px;
	margin-bottom: -5px;
}
#radios-container{
	width:100%;
	clear:both;
	padding-top:10px;
	border-top: thin dashed #CCCCFF;
}
#hinge-config{
	float:left;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	width: 330px;
	font-family:Tahoma, Geneva, sans-serif;
}
#handle-config{
	float:left;
	margin-top:10px;
	padding-top:10px;
	width: 330px;
	font-family:Tahoma, Geneva, sans-serif;
}
#handles-container{
	float:left;
	width:auto;
	clear:both;
	margin-top:10px;
	padding-top:10px;
	border-top:thin dashed #CCCCFF;
}
.form-item label {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
#handle-image-container{
	float:left;
	width:200px;
	margin-top:25px;
}
#handle-radios-container{
	float:left;
	display:inline;
}
.alu-hinge-values{
	float:left;
	margin-left: 2px;

}
#description-margin{
	margin-bottom:10px;
}
.alu-hinge-values .form-text{
	float:left;
}
.alu-hinge-values label{
	margin-left:5px;
}
.alu-handle-values{
	float:left;
	margin-left: 5px;
}
.alu-handle-values .form-text{
	float:left;
}
#edit-alu-params-handle-0-wrapper{
	font-family: Tahoma;
	font-size: 14px;
}
#perforation-div-options{
	margin-bottom:15px;
	margin-top: 10px;
}
.myButton {
	clear:both;
	position:relative;
	margin-top: 5px;
	background-color:#FFFBF0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCC;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:10px 25px;
	text-decoration:none;
}
.myButton-1 {
	clear:both;
	position:relative;
	margin-top: 5px;
	background-color:#FFFBF0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCC;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:10px 25px;
	text-decoration:none;
}
/*.myButton:hover {
background-color: #999;
}
.myButton:active {
position:relative;
top:1px;
}
*/
.disabledLabel {
	color: darkgrey;
}
#errors-container{
	position:relative;
	margin-top: 5px;
	float:left;
	clear:both;
	border: 1px solid red;
	width:auto;
}
#errors{
	margin-left: -15px;
	margin-top:10px;
}
#errors li{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color:#F03;
	margin-bottom: 5px;
	-webkit-transition: all .8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.priceLabel{
	margin-top: 5px;
	background-color:#FFFBF0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #CCC;
	display:block;
	clear:both;
	float:right;
	color:#000000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:10px 25px;
	text-decoration:none;
}
.hinges-labels{
	cursor:pointer;
}
.option{
	cursor:pointer;
}


/* Order.html CSS */
.orders{
	padding: 5px 0px 0px 15px;
}
.orders label{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
}
.orders p{
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
}
textarea{
	max-width: 85%;
}
#info-top-div{
	border: 1px solid #CCC;
	border-radius:5px;
	background-color: #FFFBF0;
	font-family:Tahoma, Geneva, sans-serif;
	margin-bottom: 3px;
}
#order-details{
	margin-left: -20px;
	font-size: 10px;
	font-family:Tahoma, Geneva, sans-serif;
}
#order-details label{
	font-weight: bold;
	font-size: 12px;
}
#order-details li{
	margin-left: -13px;
	font-size: 12px;
}