/*------------------------------------------------------------------------
# Body Mass Index Extension
# ------------------------------------------------------------------------
# author    olwebdesign
# copyright Copyright (C) 2020 olwebdesign.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.olwebdesign.com
-------------------------------------------------------------------------*/

.form-radio{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
position: relative;
background-color: #f1f1f1;
color: #666;
top: 0px;
height: 23px !important;
width: 23px !important;
border: 0;
border-radius: 50px;
cursor: pointer;     
margin-right: 7px;
outline: none;
}
.form-radio:checked::before{
position: absolute;
left: 11px;
top: 1px;
left: 8px;
content: '\02143';
transform: rotate(40deg);
}
.form-radio:hover{
background-color: #f7f7f7;
}
.form-radio:checked{
background-color: #f1f1f1;
}
.bmi-bmi-calculator-holder label{
float: left; width: auto; padding-right: 20px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
} 
.bmi-bmi-calculator-holder label input[type="radio"], .bmi-bmi-calculator-holder label input[type="checkbox"] {
margin: 0px;
margin-top: 0px;
}
.bmi-bmi-calculator-holder .bmi-bmic-table-holder .bmi-section-title-holder {
margin-bottom:30px
}
.bmi-bmi-calculator-holder .bmi-bmic-table-holder .bmi-bmic-table-heading th {
font-size:15px;
line-height:1.2em;
letter-spacing:.02em;
text-transform:uppercase;
font-family:Montserrat,sans-serif;
font-weight:700
}

.bmi-bmi-calculator-holder table thead {
font-size:20px;
line-height:1.25em;
letter-spacing:1px;
text-transform:uppercase;
font-weight:600;
}
.bmi-bmi-calculator-holder table thead tr {
border:none;
border-bottom:1px solid rgba(215,215,215,0.7)
}
.bmi-bmi-calculator-holder table thead tr th {
border-top:none
}
.bmi-bmi-calculator-holder table thead tr th:first-child {
border-left:none
}
@media only screen and (max-width:1024px) {
.bmi-bmi-calculator-holder table thead tr th:first-child {
padding:17px 32px 17px 20px
}
}
.bmi-bmi-calculator-holder table thead tr th:last-child {
border-right:none
}
.bmi-bmi-calculator-holder table th {
text-align:left;
padding:18px 32px
}
.bmi-bmi-calculator-holder table td {
text-align:left;
padding:15px
}
.bmi-bmi-calculator-holder table td:first-child {
width:35%
}
.bmi-bmi-calculator-holder table td:last-child {
width:65%
}
.bmi-bmi-calculator-holder table tbody tr {
border:none;
border-bottom:1px solid rgba(215,215,215,0.7)
}
.bmi-bmi-calculator-holder table tbody tr:last-child {
border-bottom:0
}
.bmi-bmi-calculator-holder table tbody tr td,
.bmi-bmi-calculator-holder table tbody tr th,
.bmi-bmi-calculator-holder table thead td,
.bmi-bmi-calculator-holder table thead th {
border-right:1px solid rgba(215,215,215,0.7)
}
.bmi-bmi-calculator-holder table tbody tr td:last-child,
.bmi-bmi-calculator-holder table tbody tr th:last-child,
.bmi-bmi-calculator-holder table thead td:last-child,
.bmi-bmi-calculator-holder table thead th:last-child {
border-right:none
}
.bmi-bmi-calculator-holder .bmi-bmic-legend {
margin-top:21px;
margin-left:20px;
font-size:14px;
font-family:Montserrat,sans-serif
}
@media only screen and (max-width:1366px) {
.bmi-bmi-calculator-holder .bmi-bmic-legend {
margin-left:33px
}
}
@media only screen and (max-width:1024px) {
.bmi-bmi-calculator-holder table tbody tr td:first-child {
padding:17px 32px 17px 20px
}
.bmi-bmi-calculator-holder .bmi-bmic-legend {
margin-left:20px
}
.bmi-bmi-calculator-holder input[type=text],
.bmi-bmi-calculator-holder select,
.bmi-bmi-calculator-holder textarea {
width: 40% !important;
}
}
.bmi-bmi-calculator-holder .bmi-bmic-legend .bmi-bmic-legend-bold {
font-weight:700;
font-family:Montserrat,sans-serif;
}
.bmi-bmi-calculator-holder input[type=text],
.bmi-bmi-calculator-holder select,
.bmi-bmi-calculator-holder select:not(.form-select):not(.form-control),
.bmi-bmi-calculator-holder textarea {
background-color: transparent;
font-size:15px;
margin-bottom:0;
padding:8px;
border:1px solid rgba(215,215,215,0.7);
line-height:23px;
width: 48%;
color: currentColor;
display: inline;
}

body .select2-container--default * {
box-sizing: border-box;
}
.bmi-bmi-calculator-holder select, .bmi-bmi-calculator-holder input[type="file"]{
height: auto;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
display: block;
padding: 0;
line-height: inherit;
color: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bmi-bmi-calculator-holder .output input[type=text] {
background-color:transparent;
font-size:19px;
margin-bottom:0;
padding: 1px;
width: auto !important;
border:0px solid transparent;
-webkit-box-shadow: 0 0 0 0px #eaeaea inset; box-shadow: 0 0 0 0px #eaeaea inset;
}

.bmi-bmi-calculator-holder .bmi-bmic-submit-row {
margin-top:30px
}

.bmi-btn.bmi-btn-large {
padding: 12px 50px !important; 
color: #fff;
background-color: #000;
border: 1px solid transparent; 
background: #000;
background-image: -webkit-linear-gradient(top,  #000, #000);
background-image: -moz-linear-gradient(top, #000, #000);
background-image: -ms-linear-gradient(top, #000, #000);
background-image: -o-linear-gradient(top, #000, #000);
}


.bmi-grid-col-1,
.bmi-grid-col-10,
.bmi-grid-col-11,
.bmi-grid-col-12,
.bmi-grid-col-2,
.bmi-grid-col-3,
.bmi-grid-col-4,
.bmi-grid-col-5,
.bmi-grid-col-7,
.bmi-grid-col-8,
.bmi-grid-col-9 {
min-height:1px;
padding-left:15px;
padding-right:15px;
position:relative;
box-sizing:border-box
}
.bmi-grid-col-1 {
float:left;
width:8.33333%
}
.bmi-grid-col-1:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-1 {
width:100%;
float:none
}
}
.bmi-grid-col-2 {
float:left;
width:16.66667%
}
.bmi-grid-col-2:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-2 {
width:100%;
float:none
}
}
.bmi-grid-col-3 {
float:left;
width:25%
}
.bmi-grid-col-3:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-3 {
width:100%;
float:none
}
}
.bmi-grid-col-4 {
float:left;
min-height:1px;
margin-top: 5px;
width:33.33333%
}
.bmi-grid-col-4:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-4 {
width:100%;
float:none
}
}
.bmi-grid-col-5 {
float:left;
width:41.66667%
}
.bmi-grid-col-5:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-5 {
width:100%;
float:none
}
}
.bmi-grid-col-6 {
position:relative;
margin-top: 5px;
min-height:1px;
float:left;
width:50%;
}
.bmi-grid-col-6:after,
.bmi-grid-col-6:before {
content:" ";
display:table
}
.bmi-grid-col-6:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-6 {
width:100%;
float:none
}
}
.bmi-grid-col-7 {
float:left;
width:58.33333%
}
.bmi-grid-col-7:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-7 {
width:100%;
float:none
}
}
.bmi-grid-col-8 {
float:left;
width:66.66667%
}
.bmi-grid-col-8:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-8 {
width:100%;
float:none
}
}
.bmi-grid-col-9 {
float:left;
width:75%
}
.bmi-grid-col-9:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-9 {
width:100%;
float:none
}
}
.bmi-grid-col-10 {
float:left;
width:83.33333%
}
.bmi-grid-col-10:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-10 {
width:100%;
float:none
}
}
.bmi-grid-col-11 {
float:left;
width:91.66667%
}
.bmi-grid-col-11:after {
clear:both
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-11 {
width:100%;
float:none
}
}
.bmi-grid-col-12 {
float:left;
margin-top: 5px;
width:100%
}
.bmi-grid-col-12:after {
clear:both
}
.bmi-grid-col-push-1 {
left:8.33333%
}
.bmi-grid-col-pull-1 {
right:8.33333%
}
@media only screen and (max-width:1024px) {
.bmi-grid-col-12 {
width:100%;
float:none
}
.bmi-grid-col-push-1 {
left:0
}
.bmi-grid-col-pull-1 {
right:0
}
}