.ui {
  box-sizing: border-box;
}
.ui *, .ui *:before, .ui *:after {
  box-sizing: inherit;
}
.calculate h1, h2, h3{
	margin: 0;
	padding: 0;	
}
.calculate{
	border-left: 1px solid #eee;	
	border-right: 1px solid #eee;	


}

#floating-bar .calculate{
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-top: 1px solid #165C7D;
}
#floating-bar .calculate .arrow{
	background: #f90;
	height: 100px;
	width: 25px;
	position: absolute;
	margin-left:-25px;	
	margin-top: 50px;
	background: url(../img/calculate-arrow.png);
}

.calculate .panel{
    font-size: 12px;
}
.calculate .panel .header{
	background: #eee;
	padding: 10px;
	border-bottom: 1px solid #fff;

}
.calculate .panel.completed .header{
	cursor: pointer;
}
.calculate .panel.completed .header:hover{
	background: #c0d5e5;	
}

.calculate .panel.disabled .header, .calculate .panel.printed_not_possible .header{
	cursor: no-drop;
	opacity: 0.5;
}

.calculate .panel .content{
	display: none;
	border-bottom: 1px solid #eee;
}

.calculate .panel.panel-result .content{
	display: block;	
}

.calculate .panel.active .content{
	display: block;
}

.calculate .panel .state{
	display: block;
	float: left;
	width: 5%;
}
.calculate .panel .state .number{
	font-weight: bold;
	font-size: 12px;
	color: #068bc6;
	background: none; 
	border: 1px solid #068bc6;
	width: 16px;
	height:16px;
	text-align: center;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.calculate .panel.completed .state .number, .calculate .panel.disabled .state .number{
	display: none;
}
.calculate .panel .state .check{
	display: none;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #fff;
	font-size: 14px;
	color: #068bc6;
	background: #fff;
	width: 18px;
	height:16px;
	text-align: center;
	padding-top: 2px;
}
.calculate .panel.completed .state .check, .calculate .panel.disabled .state .check{
	display: block;
}
.calculate .panel.completed .state .check:before{
	content: "\f00c";
}
.calculate .panel.completed .header:hover .state .check:before{
	content: "\f044";
}

.calculate .panel.disabled .state .check:before{
	content: "\f00c";
}
.calculate .panel.disabled .header:hover .state .check:before{
	content: "\f00c";
}


.calculate .panel .title{
	float: left;
	width: 40%;
	font-weight: bold;
	font-size: 14px;
	color: #165C7D;
}
.calculate .panel .spec{
	float: left;
	width: 45%;
	font-size: 14px;
}

.calculate .panel .info{
	float: left;
	width: 10%;
}
.calculate .panel .info a{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;	
	display: block;
	width: 15px;
	height: 12px;
	text-align: center;
	line-height: 100%;
	float: right;
	padding-top: 3px;
	text-decoration: none;
	color: #068bc6;
	font-weight: bold;
	font-size: 10px
}
.calculate .panel .info a:hover{
	background: #165C7D;	
	color: #fff;
}
.calculate .panel .content{
	padding: 10px;
}
.calculate .panel .content .form{

}
.calculate .panel .content .notice .warning{
	background: #fcf8e3;
	color: #000;
	padding: 5px;
}
.calculate .panel .content .notice .danger{
	background: #f2dede;
	color: #000;
	padding: 5px;
}
.calculate .panel .content .form .next{
	border: none;
	padding: 5px 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #a8c5e7;
	background: #eaf1f9;
}
.calculate .panel .content .form .next-row.hide{
	display: none;	
}
.calculate .panel .content .form .next.active{
	background: #068bc6;	
	color: #fff;
}
.calculate .panel .content .form .row{
	padding: 5px 0;	
}
.calculate .panel .content .form .left{
	float: left;
	width: 45%;
}
.calculate .panel .content .form .left{
	padding: 5px 0;
}
.calculate .panel .content .form .row-title .left {
	padding: 0;
}
.calculate .panel .content .form .row-title .left h3, 
.calculate .panel .content .form .row-title .right h3 {
	color: #165C7D;
}
.calculate .panel .content .form .right{
	float: left;
	width: 55%;
}
.calculate .panel .content .form .right input{
	box-sizing: border-box;
	padding: 5px;	
	border: 1px solid #aaa;
	color: #000;
	width: 100%;
}
.calculate .panel .content .form .right input[type="checkbox"]{
	width:20px;
}
.calculate .panel .content .form .right input[type="radio"]{
	width:20px;
}
.calculate .result{
	padding: 10px;	
}

/* 
	
*/
.pricetable{

}
.pricetable h3{
	font-size: 12px;
	margin-bottom: 0 0 10px 0;
	padding: 0;
	
}
.pricetable .row{
	font-size: 12px;
	padding: 5px;
	padding: 5px;
}
.pricetable .row.unprinted{
	margin-top: 10px;
	border-top: 1px solid #165C7D;
}
.pricetable .row.amount{

}
.pricetable .row.price_piece{
	border-top: 1px solid #165C7D;
}
.pricetable .row.price_discount {
	color: #fe0000;
	font-weight: bold;
}
.pricetable .row.price_discount .price {
	text-decoration: line-through;
}
.pricetable .row:nth-child(even){
	background: #eee;	
}

.pricetable .row .left{
	float: left;
	width: 60%;
}
.pricetable .row .right{
	float: left;
	width: 40%;
}
/*
	radio-image-group
*/
.radio-image-group {

}
.radio-image-group a{
box-sizing: border-box;
}
.radio-image-group a.option{
	display: block;
	width: 18%;	
	margin: 1%;
	float: left;
	text-align: center;

}
.radio-image-group a{
	border: 2px solid #ddd;	
	text-decoration: none;
}
.radio-image-group a.selected{
	border: 2px solid #165C7D;	
}
.radio-image-group a .text{
	
	width:70px; 
	height: 70px; 
	background: #eee; 
	font-size: 12px; 
	text-align: center;
	padding: 5px;
	word-break: keep-all ;
	overflow: hidden;

}

/*
	Custom select field
*/
.cSelect{
	position: relative;
	box-sizing: border-box;
	display: block;	
	width: 100%;
}
.cSelect.active .menu{
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 10px 2px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.25);	
}
.cSelect i{
	position: absolute;
	right: 0;
    top: 0;
	padding: 7px 8px;
}
.cSelect input{
	box-sizing: border-box;
	padding: 2px 5px;	
	border: 1px solid #aaa;
	color: #000;
	width: 100%;
}
.cSelect .default.text{
	padding: 5px;	
	border: 1px solid #aaa;
}
.cSelect.disabled .default.text{
	color: #aaa; 
}
.cSelect.disabled .fa {
	color: #aaa;	
}
.cSelect .menu{
	position: absolute;
	display: none;
	width:100%;
	background :#fff;
	overflow: auto;
	max-height: 300px;
}



.cSelect.active .menu{
	display: block;	
	z-index: 800; 
}
.cSelect.active.disabled .menu{
	display: none;
}

.cSelect .menu .item{
	padding: 5px;	
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	cursor: pointer;
}
.cSelect .color{
	width:16px; 
	height: 16px; 
	margin-right: 6px; 
	background: #eee; 
	float: left;	
}
.cSelect .addPrice{
	float: right; 
	margin-right: 20px;	
}
.cSelect .menu .item:hover, .cSelect .menu .item.active{
	background: #cfe2f1;	
}

/*
	COLOR BOXES
*/
.colorcheck a{
	display:block; width: 20px; height: 20px; border: 1px solid #aaa; overflow: hidden; margin-right: 10px; float: left;
	margin: 1px 6px 1px 1px;
	text-indent: -1000px;
}
.colorcheck a.selected{
	border: 2px solid #000;	
	margin:0 5px 0 0;
}
/*
	image sliders
*/
#detail-left .bx-wrapper {
	margin-bottom: 10px;	
}
#detail-left .bx-prev{
	margin-left: -23px
}
#detail-left .bx-next{
	margin-right: -23px;
}
/*

*/
.calculate .panel .ttip.info, .ttip.info{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #068bc6;	
	display: inline-block;
	width: 15px;
	height: 12px;
	text-align: center;
	line-height: 100%;
	float: none;
	padding-top: 3px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	margin-top: -2px;
}
.calculate .panel .ttip.info:hover{
	background: #eee;	
	color: #068bc6;
}

/*
	Floating bar 
*/
#floating-bar a.btn-offer{
	display: block;
	background: #f90;
	border-radius: 10px;
    font-family: 'DINPro-Regular', Arial;
    font-weight: bold;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
	background: rgb(254,0,0);
	background: -moz-linear-gradient(top,  rgba(240,137,19,1) 0%, rgba(240,137,19,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(240,137,19,1) 0%,rgba(240,137,19,1) 100%);
	background: linear-gradient(to bottom,  rgba(240,137,19,1) 0%,rgba(240,137,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08c13', endColorstr='#f08c13',GradientType=0 );
    font-size: 15px;
	margin: 0 10px 10px 10px;
	text-align: center;
}
#floating-bar a.btn-order{
	display: block;
	background: #f90;
	border-radius: 10px;
    font-family: 'DINPro-Regular', Arial;
    font-weight: bold;
	color: #fff;
	padding: 10px 15px;
	text-decoration: none;
	background: rgb(254,0,0);
	background: -moz-linear-gradient(top,  rgba(147,204,71,1) 0%, rgba(147,204,71,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(147,204,71,1) 0%,rgba(147,204,71,1) 100%);
	background: linear-gradient(to bottom,  rgba(147,204,71,1) 0%,rgba(147,204,71,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cc47', endColorstr='#93cc47',GradientType=0 );
    font-size: 15px;
	margin: 0 10px 10px 10px;
	text-align: center;
}
#floating-bar a.btn-offer:hover{

	background: rgb(220,0,0); 
	background: -moz-linear-gradient(top,  rgba(222,120,4,1) 0%, rgba(222,120,4,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(222,120,4,1) 0%,rgba(222,120,4,1) 100%); 
	background: linear-gradient(to bottom,  rgba(222,120,4,1) 0%,rgba(222,120,4,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de7804', endColorstr='#de7804',GradientType=0 );
}
#floating-bar a.btn-order:hover{

	background: rgb(220,0,0); 
	background: -moz-linear-gradient(top,  rgba(137,184,77,1) 0%, rgba(137,184,77,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(137,184,77,1) 0%,rgba(137,184,77,1) 100%); 
	background: linear-gradient(to bottom,  rgba(137,184,77,1) 0%,rgba(137,184,77,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89b84d', endColorstr='#89b84d',GradientType=0 );
}



#floating-bar a.btn-offer .offer-top, #floating-bar a.btn-order .offer-top{
	font-size: 17px;	
}
#floating-bar a.btn-offer .offer-bottom, #floating-bar a.btn-order .offer-bottom{
	font-size: 15px;	
}