body{

font-family: Oswald;



}

hr{

    margin: 11px 0 !important;

}

button.btn{

    margin: 0 6px;

}



.info_text{

color:#9abf1a;
font-size: 13px;

}



.divhr,.Div3,.options_for_progressive,.coloring,.divhr2,.divhr3,.divhr4,.Divlast{

display: none;

}





 .helpdivs {
 font-size: 9pt;
 background: #baafe2;
 border-radius: 0.8em;
 -moz-border-radius: 0.8em;
 -webkit-border-radius: 0.8em;
 color: #fff;
 display: inline-block;
 font-weight: bold;
 line-height: 1.2em;
 text-align: center;
  width: 1.2em;
}



.helpdivspacks{
font-size: 12pt;
background: #baafe2;
border-radius: 0.8em;
-moz-border-radius: 0.8em;
-webkit-border-radius: 0.8em;
color: #fff;
display: inline-block;
font-weight: bold;
line-height: 1.2em;
text-align: center;
 width: 1.2em;
}

 .fornumb {
  background: #9abf1a;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  width: 1.6em;
}




.borstayle{
  border-radius: 10px;
  border: 1px solid #d1d1d1;

}


/*------------------------------------------------------------------

presc

*/


.tooltipx {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltipx .tooltipxtext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltipx .tooltipxtext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.ForDiscover-Polycarbonate{
   border: 2px solid #7DA3B7;
   background: #fff;
   text-align: center;
   border-radius: 10px;
   cursor: pointer;
   margin:  0px 10px 10px 10px;
  }

  .Discover-Polycarbonate-div {

       background: #7DA3B7;
       color: #fff;
       text-align: center;
       display: block;
       margin: 0;
       line-height: 2;
       font-size: 22px;
   }



 .ForDiscover-CR-39, .ForNone{
    border: 2px solid silver;
    background: #fff;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    margin:  0px 10px 10px 10px;
   }

  .Discover-CR-39-div,.None{

       background: silver;
       color: #fff;
       text-align: center;
       display: block;
       margin: 0;
       line-height: 2;
       font-size: 22px;
   }





   .Fornone{
      border: 2px solid #1ed2f4;
      background: #fff;
      text-align: center;
      border-radius: 10px;
      cursor: pointer;
      margin:  0px 10px 10px 10px;
     }


   .ForInspire-Polycarbonate,.ForClear_AR_Coating, .ForPremium_Clear_AR, .ForBlue_Light_Coating, .ForUniversalle_Soft_allround, .ForSuper_Premium_presbyopia, .ForIndividually, .ForWorking_Spatz, .ForDigiUV_near_and_intermediate_distance, .ForDriver_motorists, .ForLeisure{
      border: 2px solid #fdb55f;
      background: #fff;
      text-align: center;
      border-radius: 10px;
      cursor: pointer;
      margin:  0px 10px 10px 10px;
     }

    .Inspire-Polycarbonate-div, .None, .Blue_Light_Coating, .Premium_Clear_AR, .Universalle_Soft_allround, .Super_Premium_presbyopia, .Individually, .Working_Spatz, .DigiUV_near_and_intermediate_distance, .Driver_motorists, .Leisure {

         background: #fdb55f;
         color: #fff;
         text-align: center;
         display: block;
         margin: 0;
         line-height: 2;
         font-size: 22px;
     }


     .Clear_AR_Coating {

          background: #4C74F1;
          color: #fff;
          text-align: center;
          display: block;
          margin: 0;
          line-height: 2;
          font-size: 22px;
      }


     .ForInspire-CR-39{
        border: 2px solid #E5E4E2;
        background: #fff;
        text-align: center;
        border-radius: 10px;
        cursor: pointer;
      margin:  0px 10px 10px 10px;
       }

      .Inspire-CR-39-div{

           background: #E5E4E2;
           color: #fff;
           text-align: center;
           display: block;
           margin: 0;
           line-height: 2;
           font-size: 22px;
       }

       .ForInspire-160{
          border: 2px solid #1ed2f4;
          background: #fff;
          text-align: center;
          border-radius: 10px;
          cursor: pointer;
      margin:  0px 10px 10px 10px;
         }

        .Inspire-160-div{

             background: #1ed2f4;
             color: #fff;
             text-align: center;
             display: block;
             margin: 0;
             line-height: 2;
             font-size: 22px;
         }



.ForInspire-167{

border: 2px solid #00D3D0;
background: #fff;
text-align: center;
border-radius: 10px;
cursor: pointer;
margin:  0px 10px 10px 10px;
        }

 .Inspire-167-div{

     background: #00D3D0;
     color: #fff;
     text-align: center;
     display: block;
     margin: 0;
     line-height: 2;
     font-size: 22px;
 }

                    .For-Inspire-Trivex{
                       border: 2px solid #02D102;
                       background: #fff;
                       text-align: center;
                       border-radius: 10px;
                       cursor: pointer;
                       margin:  0px 10px 10px 10px;
                      }

                      .InspireTrivex-div{

                          background: #02D102;
                          color: #fff;
                          text-align: center;
                          display: block;
                          margin: 0;
                          line-height: 2;
                          font-size: 22px;
                      }