table#input-parameter tr:hover td {
background-color: #f2f2f2 !important;
color: #666!important;
}
.local-selector:hover, .global-selector:hover {
background: #fde0b3 !important;
outline: 0;
text-shadow: none;
}
.active-selector{
background:   #ffc368 !important;
outline: 0;
text-shadow: none;
}
.active-selector:after{background-image:url(//www.afzir.com/wp-content/themes/afzir/assets/images/calc/checked.webp);
width: 30px;
height: 30px;
background-size: 30px 30px;
content: " ";
position: absolute;
left:35%;
bottom: 2.5rem;}
.icon-box .icon-box-text h3 {
font-size: 1rem;
}
.input-section {
background-color: #f1f1f1;
}
.active-selector .icon-box-text h3,.local-selector:hover .icon-box-text h3, .global-selector:hover .icon-box-text h3 {color:#fff}
.local-selector, .global-selector {
background: #ddd;
border-right: 4px solid #fff;
box-shadow: none;
color: #333;
cursor: pointer;
float: left;
margin: 0;
position: relative;
text-align: center;
text-shadow: none;
padding: 15px;
transition: all ease .2s;
}
.local-selector::before,.global-selector::before {
background: rgba(0,0,0,.1);
bottom: 0;
content: "";
height: 50%;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.box-grout-calculate{    text-align: center;    background-color: #e6e6e6;    border-radius: 25px;    padding: 25px;    background-image: url(//www.afzir.com/wp-content/themes/afzir/assets/images/calc/banner.jpg);    height: 150px;}
.box-grout-calculate p{text-align: center;position: absolute;bottom: 3px;left: 224px;}
.box-grout-calculate p button{    background-color: #ff991c;    color: white;    padding: 0 15px;    border-radius: 4px;    box-shadow: 1px 2px 3px #483d2f;    margin: 0;}
.box-grout-calculate p button:hover{margin-bottom:5px}
.calc-center .row .col .col-inner {
position: relative;
margin: 0 auto;
}
#box-imageProduct{padding:30px}
img#imageProduct {    border-radius: 6px;}
table th {
text-transform: none;
background-color: #4caf50;
color: #fff;
}
table th, table td {
border: 1px solid #ddd;
}
table td {    background-color: #f2f2f2;
}
.bg-white{background-color:white}
.local-selector, .global-selector {
background: #ddd;
border-right: 4px solid #fff;
box-shadow: none;
color: #333;
cursor: pointer;
float: left;
margin: 0;
position: relative;
text-align: center;
text-shadow: none;
padding: 15px;
transition: all ease .2s;
}
.active-selector {
background: #ffc368 !important;
outline: 0;
text-shadow: none;
}
.local-selector::before, .global-selector::before {
background: rgba(0,0,0,.1);
bottom: 0;
content: "";
height: 50%;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.local-selector::before, .global-selector::before {
background: rgba(0,0,0,.1);
bottom: 0;
content: "";
height: 50%;
left: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.section-title b {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 2px;
opacity: .1;
background-color: currentColor;
}
.section-title-normal b {
display: none;
}
.section-title-normal span {
border-bottom: 2px solid #f39200 !important;
}
.section-title-normal span {
margin-left: 15px;
padding-bottom: 7.5px;
border-bottom: 2px solid rgba(0,0,0,.1);
margin-bottom: -2px;}
.section-title {
position: relative;
-js-display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.input-section {margin-bottom:2em; margin-top:2em;
padding: 30px;
background-color: #f1f1f1;
} .result-section {
background-image: url(//www.afzir.com/wp-content/themes/afzir/assets/images/calc/graphpaper.webp);
background-repeat: repeat;
display: none;
}
.button.is-gloss {
background-color: #000;
padding: 5px;
color: #fff;
margin: 20px;
position: relative;
display: block;
text-align: center;
cursor: pointer;
}
.resualt-loading {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #ffffffd1;
display: block;
z-index: 999999999 !important;
width: 100%;
height: 100%;
}
.loader-wait-calc {
position: relative;
width: 250px;
height: 250px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
top: 40%;
}
#content p {
margin-bottom: 10px;
text-align: justify;
font-size: 16px;
line-height: 2em;
}
h2.loader-text-wait {
color: #ff6900;
font-weight: 500;
text-align: center;
font-family: consolas;
}