/** Shopify CDN: Minification failed

Line 101:0 Unexpected "}"

**/
h1.babytitle {
    background-color: #afb439;
    color: #fff;
    margin: 0;
    padding: 20px 10px;
    text-align: center;
}
.baby-eye-cal
{
        padding: 40px 0px 0px;
}
.ec_calculator_gen {
    overflow: hidden;
    box-shadow: 0 0 8px #555;
    margin-top: 15px;
    background: #fff;
    padding: 15px;
    padding-bottom: 30px !important;
}
.content_goes_here {
    padding: 2%;
}
 .eye-box {
background: #afb4391c;
    float: none;
    padding: 0 0 2%;
    text-align: center;
    border: 2px dotted #afb439;
    border-radius: 10px;
    width: 100%;
}
.eye-box>h2 {
    padding: 30px 0 0;
    font-size: 35px;
    cursor: pointer;
}
.eye.meye {
    height: 175px;
    text-align: center;
}
.eye {
   width: 50%;
    /* float: left; */
    text-align: left;
    padding-bottom: 30px;
    margin: 30px 0 34px;
    justify-content: center;
    text-align: center;
}
.eye label {
    /* float: left; */
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
.moth-fat-eye-sec {
    display: flex;
  flex: 0 0 100%;
  width:100%;
}
.mpart, .fpart {
    margin: 20px auto  0 auto;
    float: left;
    text-align: center;
    width: 100%;
}
.fblue, .fbrown, .fgreen, .mblue, .mbrown, .mgreen {
    display: inline-block;
}


/* .total_res{
  display:none;
} */
 #result_container, .eye.meye {
    border-right: 2px solid #afb439;
}
.eye-result-sec {
    display: flex;
    flex: 0 0 100%;
}
picture img {
    width: auto !important;
    cursor: pointer;
}
#result_container {
    width: 50%; 
    float: left;
}
/* #result_eye {
    width: 48%;
    float: left;
    margin: 0 auto;
    padding-top: 20px;
} */
}

#result_eye {
    flex-direction: column;
    width: 48%;
    display: flex !important;
    float: left;
    margin: 0 auto;
    padding-top: 20px;
    justify-content: center;
    align-items: center;
}
#result_eye, .total_res h2 {
    display: none;
    text-align: center;
}
#recal-btn {
    text-align: center;
    padding: 10px 0 0 0;
    display: none;
}
#result_eye span {
    padding: 20px 0 0 0;
}
#result_eye span.fblue, #result_eye span.fbrown, #result_eye span.fgreen, .eye span.textonly {
    display: block;
    text-align: center;
}
#result_container svg.highcharts-root {
    width: 100%;
    height: 300px;
}

a {
    color: #b1c338;
}
rect.highcharts-background {
    fill: #afb4391c;
}
.containertools {
    background: #fff;
    border-radius: 5px;
      padding: 0% 2% 2% 2%;
    position: relative;
    margin: 2% 0;
}
.flying-carpet-wrapper {
    overflow: hidden;
}
.alignright {
    margin: 0 0 12px 24px;
    float: right;
}
    .wrapper-body {
        padding-bottom: 50px !important;
    } 

div#recal-btn button
{
  border-radius:6px;
  height: auto !important;
    font-family: Nunito;
    /* display: block; */
    text-align: center;
    background-color: #b1c338 !important;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
     padding: 12px 40px;
    animation: vertical-shaking 6s ease infinite;
    animation-delay: 5s;
    transform-origin: 50% 50%;
    border: solid 1px #b1c338;
}
.browncolor {
    color: #CC934F;
    font-weight: 700;
}
.greencolor {
    color: #9DCC4F;
    font-weight: 700;
}
.bluecolor {
    color: #1876db;
    font-weight: 700;
}
div#result_eye {
    width: 50%;
}
div#result_eye {
   
    width: 50%;
    flex-direction: column;
    align-items: center;
}

@media only screen and (max-width:767px){
  .baby-eye-cal {
    padding: 20px 0px 0px;
}
  h1.babytitle
{
      font-size: 24px;
    line-height: 1.2em;
      padding: 12px 10px;
}
#result_container, .eye.meye {
    border-right: 0px;
}
      #result_eye {
        flex-direction: column;
        /* display: flex !important; */
        padding-top: 20px !important;
        width: 100%;
        border-top: 2px solid #00BBD3;
        justify-content: center;
        align-items: center;
    }
  .eye-box>h2 {
    margin: 0px;
    font-size: 24px;
}
  .eye-result-sec{
    display:block;
  }
.alignright{
  margin-left:0px;
}
#result_container {
    width: 100%;
}
  #result_container svg.highcharts-root
  {
    height: 300px;
  }
  .eye-box {
    padding: 2% 2%;
  }
.ec_calculator_gen {
    padding-bottom: 0px !important;
}

 



  
}