@charset "UTF-8";

.h11e-paint-calculator {
	
}
.h11e-paint-calculator .times {
	position: absolute; 
	cursor: pointer;
}
.h11e-paint-calculator .fields {
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}
.h11e-paint-calculator .ui.radio.checkbox label {
	padding-left: 30px !important;
}
.h11e-paint-calculator .areasize {
	width: 60%;
}
.h11e-paint-calculator .areatype {
	width: 30%;
}
.h11e-paint-calculator .dimension{
	width: 40%;
}
#dimension_paint_calculator {
	text-decoration: none !important; 
	font-size: 14px; 
	color: #1467AA; 
	cursor: pointer;
}
[data-tooltip] {
	text-align: center;
	margin-top: 7px;
}
#paint_size_input_table > div {
	width: 33%; 
	text-align: center;
	margin-left: 30px;
}
.ext-label {
	margin-top: 0px;
}

#dimension_calculator_form {
	padding: 0px; 
	width: 100%; 
}
.calculateByDimension {
	padding: 15px 15px 0px;
}
.row-counter {
	padding: 2px 15px 2px 15px;
}
.row-counter .wmessage {
	min-width:80px !important; 
	padding:0 !important;
	margin-right: 10px !important;
}
.row-counter .wmessage p {
	background: #F4F9FC; 
	border-color: #549BD8; 
	color: #549BD8 !important; 
	font-size: 12px;
}
.row-counter .length {
	width:120px !important;
}
.row-counter .x-spr {
	width:20px !important;
	text-align:center;
}
.row-counter .width {
	width:120px !important;
}
.row-counter .areaunit {
	min-width:100px !important; padding:0 8px;
}
.row-counter .equal {
	width:20px !important;
	text-align:center;
	padding:0 8px;
}
.row-counter .result {
	font-weight: bold; 
	color: #CACACA; 
	width:140px !important; 
	text-align:center;
}
.row-counter .result label {
	color:#CACACA;
}
.row-counter .m2 {
	font-weight: bold; 
	min-width:90px !important;
}
.row-counter .valuermarea {
	width:20px !important; 
	padding:0;
}
.row-counter .valuermarea a {
	color:#CACACA;
}

.table-wrapper .buttons > div {
	margin-left:15px;
}
.table-wrapper .buttons button {
	font-size: 14px !important; 
	color: #2864A9; 
	background: white !important;
}

#dimension_calculator_form .form {
	margin-top:10px;
	margin-bottom: 10px;
}
#dimension_calculator_form .actions.form .fields {
	height:35px !important;
}
#dimension_calculator_form .actions.form .fields>.field:first-child div{
	font-size: 12px; 
	padding: 10px; 
	background: #F4F9FC; 
	margin-left: 11px;
}
#dimension_calculator_form .actions.form .fields>.field:first-child div span,
#doorTotalResult {
	color: #285A8D; 
	font-weight: bold;
}
#dimension_calculator_form .actions.form .fields:last-child .field {
	margin-right:11px;
}
#dimension_calculator_form .actions.form .fields:last-child .field a {
	font-size: 14px !important;
}

.area-doorwindow {
	margin-top: 8px;
}
.area-doorwindow label.title {
	margin-bottom: 8px; 
	font-weight: bold;
}
.area-doorwindow .checkbox {
	margin-top: 5px;
}
.area-doorwindow .checkbox label {
	cursor: pointer;
}

#doors_calculator_form {
	padding: 0px; 
	width: 100%; 
	margin-top: 8px !important;
}
#doors_calculator_form > .ui.form,
#windows_calculator_form > .ui.form {
	padding: 0 15px 0px;
}
.door-label {
	padding: 15px 15px 0px;
}

#service-tableDoor {
	 padding-bottom: 15px;
}
#service-tableDoor .form {
	font-size: 14px; width: 100%;
}
.row-counter-door {
	padding: 2px 15px 2px 15px;
}
.row-counter-door .wmessage {
	min-width:80px !important; 
	padding:0 !important; 
	margin-right: 10px !important;
}
.row-counter-door .wmessage p {
	background: #F4F9FC; 
	border-color: #549BD8; 
	color: #549BD8 !important; 
	font-size: 12px !important;
	padding : 12px 15px !important;
}
.row-counter-door .door {
	min-width:75px !important; 
	padding:0;
}
.row-counter-door .length {
	min-width:75px !important; 
	padding:0;
}
.row-counter-door .x-spr {
	min-width:10px !important;
	padding:0 8px;
}
.row-counter-door .width {
	min-width:75px !important; 
	padding:0;
}
.row-counter-door .areaunit {
	min-width:100px !important; padding:0 8px;
}
.row-counter-door .equal {
	min-width:10px !important; 
	padding:0 8px;
}
.row-counter-door .result {
	min-width:70px !important; 
	padding:0;
	font-weight: bold; 
	color: #CACACA;
	text-align:center;
}
.row-counter-door .result label {
	color:#CACACA;
}
.row-counter-door .m2 {
	min-width:90px !important; 
	padding:0 10px;
}
.row-counter-door .valuermarea {
	min-width:20px !important; 
	padding:0;
}
.row-counter-door .valuermarea a {
	color:#CACACA;
}

.table-wrapper-door .buttons > div {
	margin-left:15px;
}
.table-wrapper-door .buttons button {
	font-size: 14px !important; 
	color: #2864A9; 
	background: white !important;
}
#windows_calculator_form {
	padding: 0px; 
	width: 100%; 
	display: none; 
	margin-top: 8px !important;
}
#windows_calculator_form .window-label {
	padding: 15px 15px 0px;
}
#windows_calculator_form .actions.form {
	margin-top:10px;
	margin-bottom: 10px;
}
#windows_calculator_form .actions.form .fields {
	height:35px !important;
}
#windows_calculator_form .actions.form .fields>.field:first-child div{
	font-size: 12px; 
	padding: 10px; 
	background: #F4F9FC; 
}
#windows_calculator_form .actions.form .fields>.field:first-child div span {
	color: #285A8D; 
	font-weight: bold;
}
#windows_calculator_form .actions.form .fields:last-child .field {
	margin-right:11px;
}
#windows_calculator_form .actions.form .fields:last-child .field a {
	font-size: 14px !important;
}
.row-counter-window {
	padding: 2px 15px 2px 15px;
}
.row-counter-window .wmessage {
	min-width:80px !important;
	padding:0 !important;
	margin-right: 10px !important;
}
.row-counter-window .wmessage p {
	background: #F4F9FC; 
	border-color: #549BD8; 
	color: #549BD8 !important; 
	font-size: 12px;
}
.row-counter-window .window {
	min-width:75px !important; 
	padding:0;
}
.row-counter-window .length {
	min-width:75px !important; 
	padding:0;
}
.row-counter-window .x-spr {
	min-width:10px !important;
	padding:0 8px;
}
.row-counter-window .width {
	min-width:75px !important; 
	padding:0;
}
.row-counter-window .areaunit {
	min-width:100px !important; padding:0 8px;
}
.row-counter-window .equal {
	min-width:10px !important; 
	padding:0 8px;
}
.row-counter-window .result {
	min-width:70px !important; 
	padding:0;
	font-weight: bold; 
	color: #CACACA;
	text-align:center;
}
.row-counter-window .result label {
	color:#CACACA;
}
.row-counter-window .m2 {
	min-width:90px !important; 
	padding:0 10px;
}
.row-counter-window .valuermarea {
	min-width:20px !important; 
	padding:0;
}
.row-counter-window .valuermarea a {
	color:#CACACA;
}

.table-wrapper-window .buttons > div {
	margin-left:15px;
}
.table-wrapper-window .buttons button {
	font-size: 14px !important; 
	color: #2864A9; 
	background: white !important;
}

.extracal {
	margin-top: 15px;
}
.extracal .form.xlabel {
 	margin-top: 8px;
}
.extracal .form.label label {
	margin-bottom: 8px; font-weight: bold;
}

.extracal .form.option {
	font-size: 14px; opacity: 0.8;
}
.extracal .form.option label {
	font-size: 14px; font-weight: 500;
}

.actions .fields {
	height:30px;
}
.actions.form .fields>.field:first-child div{
	background: #F4F9FC; 
	font-size: 12px; 
	margin-left: 4px;
}
.actions.form .fields>.field:first-child div div {
	color: #285A8D; 
	font-weight: bold;
}

.calculate-btn {
	margin: 10px 0;
}

/* mobile */
.mobileweb .mkp-calculator-modal.ui.modal .header label {
	font-size: 22px !important;
}
.mobileweb .mkp-calculator-modal i.close.icon, .mobileweb .mkp-calculator-modal i.times.icon {
	top: 20px !important;
	right: 20px !important;	
}
.mobileweb .ui.modal>.content {
	padding :10px !important;
}
.mobileweb .area-doorwindow .checkbox {
	margin-bottom: 10px;
}
.mobileweb #dimension_calculator_form .actions.form .fields {
	height: auto !important;
}
.mobileweb .ui.modal>.actions {
	text-align: center;
}
.mobileweb .actions .field + .field {
	text-align: center;
}
.mobileweb .ui.basic.blue.button, .ui.basic.blue.buttons .button {
	background-color: #fff;
	padding: 11px 8px !important;
}
.mobileweb .ui.primary.button {
	padding: 11px 8px !important;
}