
/*------------------------------------------------------------------------
# mod_ol_icons 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 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: 40%;
 color: currentColor;
}

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
 }
}