.baseBt {
      padding:8px 20px 8px 20px;
      box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
      cursor:pointer;
      font-size:18px;
      border:0;
   }   
   .baseBt:hover {
    box-shadow: 0 8px 27px 0 rgba(0,0,0,0.2),0 6px 30px 0 rgba(0,0,0,0.19);
    transform: translate(+3px,+3px);
   }      
   .baseBt a {
      text-decoration: none;
   }
   .fs8 {
      font-size:8px !important;
   }
   .fs10 {
      font-size:10px !important;
   }   
   .fs12 {
      font-size:12px !important;
   }
   .fs14 {
      font-size:14px !important;
   }   
   .fs16 {
      font-size:16px !important;
   }
   .fs18 {
      font-size:18px !important;
   }
   .fs20 {
      font-size:20px !important;
   }
   .fs22 {
      font-size:22px !important;
   }
   .fs24 {
      font-size:24px !important;
   }
   .fs26 {
      font-size:26px !important;
   }
   .fs28 {
      font-size:28px !important;
   }   
   .fs30 {
      font-size:30px !important;
   }      
   .fs32 {
      font-size:32px !important;
   }      
   .fs34 {
      font-size:34px !important;
   }      
   .fs36 {
      font-size:36px !important;
   }      
   .fs38 {
      font-size:38px !important;
   }      
   .fs40 {
      font-size:40px !important;
   }      
   
   .baseSt {
    border:none;
    line-height:13mm;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    font-size:12px;
    cursor:pointer;
   }
   .baseSt5 {
    border:none;
    line-height:10mm;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
    cursor:pointer;
   }    
   .baseSt20 {
    border:none;
    line-height:13mm;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:25px;
    padding-right:25px;
    font-size:18px;
    cursor:pointer;
   }   
   .baseSt10 {
    border:none;
    line-height:13mm;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:30px;
    padding-right:30px;
    font-size:16px;
    cursor:pointer;
   } 
   .baseSt12 {
    border:none;
    line-height:13mm;
    padding-top:12px;
    padding-bottom:12px;
    padding-left:30px;
    padding-right:30px;
    font-size:16px;
    cursor:pointer;
   }       
   .baseSt15 {
    border:none;
    line-height:13mm;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:30px;
    padding-right:30px;
    font-size:16px;
    cursor:pointer;
   }     
   .baseSt4 {
    border:none;
    line-height:9mm;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:20px;
    padding-right:20px;
    font-size:12px;
    cursor:pointer;
   }  
   .baseSt4B {
    border:none;
    line-height:16mm;
    padding-top:20px;
    padding-bottom:20px;
    font-size:12px;
    cursor:pointer;
   }                
   .baseSt3 {
    border:none;
    line-height:6mm;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:20px;
    padding-right:20px;
    font-size:12px;
    cursor:pointer;
   }  
   .baseSt3B {
    border:none;
    line-height:6mm;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
    cursor:pointer;
   }        
   .baseStMin {
    border:none;
    line-height:10mm;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
    cursor:pointer;
   }
   .basSt {
    border:none;
    line-height:13mm;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    font-size:12px;
   }
   .basSt5 {
    border:none;
    line-height:10mm;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:20px;
    font-size:16px;
   }    
   .basSt20 {
    border:none;
    line-height:13mm;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:25px;
    padding-right:25px;
    font-size:18px;
   }   
   .basSt4 {
    border:none;
    line-height:9mm;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:20px;
    padding-right:20px;
    font-size:12px;
   }  
   .basSt4B {
    border:none;
    line-height:9mm;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
   }                
   .basSt3 {
    border:none;
    line-height:6mm;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:20px;
    padding-right:20px;
    font-size:12px;
   }  
   .basSt3B {
    border:none;
    line-height:6mm;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
   }        
   .basStMin {
    border:none;
    line-height:10mm;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
   }      
   .card {
     border: 0;
     padding:30px;
     margin-bottom: 20px;        
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   }       
   .card .card-title a {
     color: #424242;
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     -ms-transition: 0.4s;
     transition: 0.4s;
   }
   .card .card-title a:hover {
     color: #616161;
     -webkit-transition: 0.4s;
     -moz-transition: 0.4s;
     -o-transition: 0.4s;
     -ms-transition: 0.4s;
     transition: 0.4s;
   }     
   .card img {
    width: 100%;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    display:block;
    overflow: hidden;      
   }     
   .card .card-footer {
     padding-bottom: 0;
   }   
   
   .bCard {
    border:none;
    line-height:6mm;
    padding:30px;
    font-size:12px;
      -webkit-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      -moz-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);      
   }                     
   .baseCard {
      -webkit-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      -moz-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);                 
   }
   .baseStCard {
    border:none;
    line-height:5mm;
    padding-top:0px;
    padding-bottom:5px;
    padding-left:5px;
    padding-right:5px;
    font-size:12px;
      -webkit-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      -moz-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);      
   }      
   .baseSt:hover,.baseSt3:hover,.baseSt3B:hover,.baseSt4:hover,.baseSt4B:hover,.baseSt5:hover,.baseSt10:hover,.baseSt15:hover,.baseSt20:hover,.baseStMin:hover,.btn:hover,.boton:hover{
      transform: translateY(+2px);
      -webkit-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      -moz-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
   }
   .baseSt img {
    border:none;
    padding-top:10px;
   }    
   .bsGrey  {
    background-color:#616161 !important;
    color:white !important;
   }
   .bsGreyBlue {
    background-color:#607d8b !important;
    color:white !important;
   }   
   .bsGreyLight {
    background-color:#ededed !important;
    color:#211714 !important;
   }  
   .bsGreyL {
    background-color:#eeeeee !important;
    color:#000000 !important;
   }    
   .bsGreyLL {
    background-color:#f1f1f1 !important;
    color:#211714 !important;
   }      
   .bsGreyLLL {
      background-color:#f0f0f0 !important;
      color:#211714 !important;
   }   
   .bsGreyB {
      background-color:#beced6 !important;
      color:#211714 !important;
   }    
   .bsBlue {
    background-color:#4d9aef !important;
    color:white !important;
   }  
   .bsBlue2 {
    background-color:#016DD0 !important;
    color:white !important;
   }    
   .bsBlue3 {
    background-color:#2196F3 !important;
    color:white !important;
   }    
   .bsBlueLight {
    background-color:#71aef2 !important;
    color:white !important;
   }       
   .bsBlueFort {
    background-color:#3675a3 !important;
    color:white !important;
   }   
   .bsBlueFort2 {
    background-color:#344F7E !important;
    color:white !important;      
   }         
   .bsRed {
    background-color:#e8002f !important;
    color:white !important;
   }
   .bsWhite {
    background-color:#fefefe !important;
    color:#212b30 !important;       
   }
   .bsWhiteRed {
    background-color:#fefefe !important;
    color:#ff0000 !important;       
   }
   .bsBlackRed {
    background-color:#000000 !important;
    color:#ff0000 !important;       
   }      
   .bsPink {
    background-color:#ff9999 !important;
    color:#ffffff !important;      
   }   
   .bsPink1 {
    background-color:#BF1460 !important;
    color:#ffffff !important;      
   }   
   .bsPink2 {
    background-color:#db5286 !important;
    color:#ffffff !important;      
   }   
   .bsPink3 {
    background-color:#d972a0 !important;
    color:#ffffff !important;      
   }     

   .bsInfo {
    background-color:#33b5e5 !important;
    color:#ffffff !important;
   }
   .bsWarning {
    background-color:#f0ad4e !important;
    color:#ffffff !important;
   }
   .bsDanger {
    background-color:#d9534f !important;
    color:#ffffff !important;
   }
   .bsYellow {
    background-color:#ffeb5e !important;
    color:#555555 !important;
   }     
   .bsTurquesa {
    background-color:#1cceca !important;
    color:#ffffff !important;
   }  
   .bsMaterial {
      background-color:#00bbee !important;
      color:#ffffff !important;
   } 
   .bsMaterial1 {
      background-color:#009cc6 !important;
      color:#ffffff !important;
   } 
   .bsMaterial2 {
      background-color:#007d9f !important;
      color:#ffffff !important;
   } 
   .bsMaterial3 {
      background-color:#005e77 !important;
      color:#ffffff !important;
   } 
   .bMaterial {
      background-color:#00bbee !important;
   } 
   .cMaterial {
      color:#00bbee !important;
   } 
   
   .bsSuccess {
    background-color:#5cb85c !important;
    color:#ffffff !important;
   }
   .bsPrimary {
    background-color:#337ab7 !important;
    color:#ffffff !important;
   }
   .bsDefault {
    background-color:#777777 !important;
    color:#ffffff !important;
   }      
   .bsGreen {
    background-color:#8ac007 !important;
    color:white !important;      
   }      
   .bsGreen1 {
    background-color:#5c8005 !important;
    color:white !important;      
   }       
   .bsGreen2 {
    background-color:#2e5c2e !important;
    color:white !important;      
   }       
   .bsGreen3 {
    background-color:#8ba845 !important;
    color:white !important;      
   }    
   .bsGreen4 {
    background-color:#79a806 !important;
    color:white !important;      
   }    
   .bsGreenBlue {
    background-color:#18C797 !important;
    color:white !important;      
   } 
   .bsGreenLight {
    background-color:#93ce09 !important;
    color:white !important;      
   }            
   .bsBlack {
    background-color:#000000 !important;
    color:white !important;
   }      
   .bsOrangeDeep {
    background-color:#ff5722 !important;
    color:white !important;
   }    
   .bsOrange {
    background-color:#ff9800 !important;
    color:white !important;
   }
   .bsOrange1 {
    background-color:#d57f00 !important;
    color:white !important;
   } 
   .bsOrange2 {
    background-color:#d54424 !important;
    color:white !important;
   }      
    .bsOrange3 {
    background-color:#aa371d !important;
    color:white !important;
   }  
   .bsSand {
    background-color:#fdf5e6 !important;
    color:#a67502 !important;
   } 
   .bsPurple {
    background-color:#673ab7 !important;
    color:#ffffff !important;
   }   
   .bsMorado {
      background-color:#abb7de !important;
      color:#ffffff !important;
   }
   .bsMoradoL {
      background-color:#d2daec !important;
      color:#405255 !important;
   }   
   .bsMorado1 {
      background-color:#52568B !important;
      color:#ffffff !important;
   }  
   .bsMorado2 {
      background-color:#7578a2 !important;
      color:#ffffff !important;
   }    
   .bsMoradoR {
      background-color:#A357AB !important;
      color:#ffffff !important;
   }     
   .bGrey {
    background-color:#616161 !important;
   }
   .bGreyBlue {
    background-color:#607d8b !important;
   }   
   .bGreyLight {
    background-color:#f1f1f1 !important;
   }      
   .bGreyLL {
    background-color:#f5f5f5 !important;
   }      
   .bGreyLLL {
    background-color:#e8e7e3 !important;
   }      
   .bBlue {
    background-color:#4d9aef !important;
   }
   .bBlueFort {
    background-color:#3675a3 !important;
   }      
   .bRed {
    background-color:#e8002f !important;
   }
   .bWhite {
    background-color:#fefefe !important;
   }
   .bPink {
    background-color:#ff9999 !important;
   }       
   .bInfo {
    background-color:#5bc0de !important;
   }
   .bWarning {
    background-color:#f0ad4e !important;
   }
   .bDanger {
    background-color:#d9534f !important;
   }
   .bSuccess {
    background-color:#5cb85c !important;
   }
   .bPrimary {
    background-color:#337ab7 !important;
   }
   .bDefault {
    background-color:#777777 !important;
   }      
   .bGreen {
    background-color:#8ac007 !important;
   }    
   .cGreenBlue {
    background-color:#18C797 !important;
   }
   .bBlack {
    background-color:#000000 !important;
   }      
   .bOrangeDeep {
    background-color:#ff5722 !important;
   }    
   .bOrange {
    background-color:#ff9800 !important;
   }         
   .bSand {
    background-color:#fdf5e6 !important;
   } 
   .bPurple {
    background-color:#673ab7 !important;
   }       
   .bBlueL {
    background-color:#6ccafd !important;
   }  
   .bGreyBlueL {
    background-color:#d5dde1 !important;
   }  
   .bGreenL {
    background-color:#56eb5e !important;
   } 
   .bOrangeDeepL {
    background-color:#fbc5b3 !important;
   }   
   .bPurpleL {
    background-color:#cdbdea !important;
   }  
   
   .bInfoL {
    background-color:#85d0e7 !important;
   }                 
   .cGrey {
    color:#616161 !important;
   }
   .cGreyBlue {
    color:#607d8b !important;
   }   
   .cGreyLight {
    color:#f1f1f1 !important;
   }      
   .cBlue {
    color:#4d9aef !important;
   }
   .cBlueFort {
    color:#3675a3 !important;
   }      
   .cRed {
    color:#e8002f !important;
   }
   .cWhite {
    color:#fefefe !important;
   }
   .cPink {
    color:#ff9999 !important;
   }       
   .cInfo {
    color:#5bc0de !important;
   }
   .cDanger {
    color:#d9534f !important;
   }
   .cWarning {
    color:#f0ad4e !important;
   }
   .cSuccess {
    color:#5cb85c !important;
   }
   .cPrimary {
    color:#337ab7 !important;
   }
   .cDefault {
    color:#777777 !important;
   }      
   .cGreen {
    color:#8ac007 !important;
   }   
   .cGreenBlue {
    color:#18C797 !important;
   }
   .cBlack {
    color:#000000 !important;
   }      
   .cOrangeDeep {
    color:#ff5722 !important;
   }    
   .cOrange {
    color:#ff9800 !important;
   }         
   .cSand {
    color:#a67502 !important;
   } 
   .cPurple {
    color:#673ab7 !important;
   }
   .cTurquesa {
    color:#1cceca !important;
   }     
   
   .fileUpload {
       position: relative;
       overflow: hidden;
       margin: 10px;
       padding:0;
       width:200px;
   }
   .fileUpload span {
      padding-left:30%;
   }         
   .fileUpload input {
       position: absolute;
       top: 0;
       right: 0;
       margin: 0;
       padding: 0;
       font-size: 40px;
       cursor: pointer;
       opacity: 0;
       filter: alpha(opacity=0);
   }
   ul.mnh li {
     display: inline-block;
     margin: 0 -1px;
   }
   ul.mnh  {
     margin: 0;
     padding: 0;
   }
   
   /* Base Button Style */
   .btn {
     border:0;
     position: relative;
     display: block;
     text-align: center;
     text-decoration: none;
     transform-style: flat;
     transition: all 250ms ease-out;
     cursor:pointer;
     padding:10px 20px 10px 20px;
   }
   .btn:before, .btn:after {
     content: "";
     position: absolute;
     z-index: -2;
     transition: all 250ms ease-out;
   }
   .botonBase {
     border:0;
     display:inline-block;
     text-align: center;
     text-decoration: none;
     transform-style: flat;
     transition: all 250ms ease-out;
     cursor:pointer;
   }   
   .botonBase:hover {
      transform: translateY(+2px);
      -webkit-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      -moz-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
   }  
   .boton {
     border:0;
     position: relative;
     display:inline-block;
     text-align: center;
     text-decoration: none;
     transform-style: flat;
     transition: all 250ms ease-out;
     cursor:pointer;
     padding:10px 20px 10px 20px;
   }
   .boton:before, .btn:after {
     content: "";
     position: absolute;
     z-index: -2;
     transition: all 250ms ease-out;
   }   
   .bMax {
     max-width :200px;
     padding: 10px;
     font-size:16px;
   }
   .bMid {  
     max-width :150px;
     padding: 10px 10px 10px 10px;
     font-size:14px;
   }
   .bMin {
     max-width :100px;
     padding: 5px 10px 5px 10px;
     font-size:14px;
   }
   
   .bMidOpen {  
     //max-width :150px;
     padding: 10px 10px 10px 10px;
     font-size:14px;
   }      
   .bMinOpen {
     //max-width :100px;
     padding: 5px 10px 5px 10px;
     font-size:10px;
   }   
   
   /* Paper effect ⬠slightly raised off background */
   .paper {
     padding:10px 20px 10px 20px;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(128, 128, 128, 0.1) inset;
     border-color: #dedede;
   }
   .footerLink {
     position: absolute;
     bottom: 0;
     right: 0;
     padding: 10px 15px;
     color: #fff;
     background-color: rgba(0, 0, 0, 0.8);
     border-radius: 5px 0 0 0;
     text-decoration: none;
     transition: 300ms;
   }
   .footerLink:hover {
     background-color: rgba(60, 60, 60, 0.8);
   }
   
    .borderR {
      border:hidden  5px #000000;
      -moz-border-radius-topleft: 40px;
      -moz-border-radius-topright:40px; 
      -moz-border-radius-bottomleft:40px;
      -moz-border-radius-bottomright:40px; 
      -webkit-border-top-left-radius:28px;
      -webkit-border-top-right-radius:40px; 
      -webkit-border-bottom-left-radius:40px;
      -webkit-border-bottom-right-radius:40px;
      border-top-left-radius:40px;
      border-top-right-radius:40px; 
      border-bottom-left-radius:40px;
      border-bottom-right-radius:40px;
   }
   .borderRr {
      border:hidden  5px #000000;
      -moz-border-radius-topright:40px; 
      -moz-border-radius-bottomright:40px; 
      -webkit-border-top-right-radius:40px; 
      -webkit-border-bottom-right-radius:40px;
      border-top-right-radius:40px; 
      border-bottom-right-radius:40px;
   }  
   .borderRl {
      border:hidden  5px #000000;
      -moz-border-radius-toprileft:40px; 
      -moz-border-radius-bottomleft:40px; 
      -webkit-border-top-left-radius:40px; 
      -webkit-border-bottom-left-radius:40px;
      border-top-left-radius:40px; 
      border-bottom-left-radius:40px;
   }      
   .bordertR {
      border:hidden  5px #000000;
      -moz-border-radius-topleft: 40px;
      -moz-border-radius-topright:40px; 
      -webkit-border-top-left-radius:40px;
      -webkit-border-top-right-radius:40px; 
      border-top-left-radius:40px;
      border-top-right-radius:40px; 
   }   
   .borderbR {
      border:hidden  5px #000000;
      -moz-border-radius-bottomleft: 40px;
      -moz-border-radius-bottomright:40px; 
      -webkit-border-bottom-left-radius:40px;
      -webkit-border-bottom-right-radius:40px; 
      border-bottom-left-radius:40px;
      border-bottom-right-radius:40px; 
   } 
   .bordertrR {
      border:hidden  5px #000000;
      -moz-border-radius-topright: 40px;
      -webkit-border-top-right-radius:40px;
      border-top-right-radius:40px;
   }       
   .borderbrR {
      border:hidden  5px #000000;
      -moz-border-radius-bottomlright: 40px;
      -webkit-border-bottom-right-radius:40px;
      border-bottom-right-radius:40px;
   }    
   .bordertlR {
      border:hidden  5px #000000;
      -moz-border-radius-topleft: 40px;
      -webkit-border-top-left-radius:40px;
      border-top-left-radius:40px;
   }       
   .borderblR {
      border:hidden  5px #000000;
      -moz-border-radius-bottomlleft: 40px;
      -webkit-border-bottom-left-radius:40px;
      border-bottom-left-radius:40px;
   }    
   .borderCirc {
      border-radius: 50%;
   }        
   .tit {
    position:relative;
    margin:5px 5px 34px 5px;
    top;5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:20px;
      -webkit-box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33);
      -moz-box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33);
      box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33); 
   }  
   .enlinea {
      display:inline-block !important;
   }
   .parrafo {
    margin:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:20px;
      -webkit-box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33);
      -moz-box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33);
      box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33); 
   }       
   
   .style-5  {
     padding: 10px;
     width:300px;
     min-width:80%;
     border: solid 1px #c0c0c0;
   }
   .style-5 :focus {
     border: solid 1px #71aef2;
   }
   .style-6  {
     padding: 10px;
     border: solid 1px #c0c0c0;
   }
   .style-6 :focus {
     border: solid 1px #71aef2;
   }   
    textarea.st  {
        border: dotted 1px;
        height:80px;
        padding:4px;
        font-size:16px;
        text-align:left !important;
        font-weight:200 !important; 
        overflow-y:auto;
    }
    input.st  {
        border: dotted thin #afafaf;
        font-size:16px;
        text-align:left !important;
        font-weight:200 !important;
        padding:10px  !important;
    }
    
    select.st  {
        font-size:16px;
        text-align:left !important;
        font-weight:200 !important;
        padding:14px  !important; 
        margin:auto;
    }
    input.st:focus,input.st:hover,textarea.st:focus,textarea.st:hover,select.st:focus,select.st:hover {
       outline:thin outset #afafaf;
       border:none;
       background-color:#efefef;
       color:#000;
    }

   /*checkbox*/
   .st.ck input[type=checkbox] {
     position: absolute;
     top: -300em;
   }
   
   .st.ck input[type=checkbox]:checked + label {
     background-position: 0 0;
   }
   
   .st.ck label {
     background: var(--imgckrad) no-repeat 0 -32px;
     padding: 0.2em 0 0.2em 2em;
     cursor: pointer;
   }
   
   .st.ck.checked label {
     background-position: 0 0;
   }
   
   /*radio*/
   .st.r input[type=radio] {
     position: absolute;
     top: -3000px;
   }
   
   .st.r input[type=radio]:checked + label {
     background-position: 0 -66px;
   }
   
   .st.r label {
     background: var(--imgckrad) no-repeat 0 -98px;
     padding: 0.2em 0 0.2em 2em;
     cursor: pointer;
   }
   
   .st.r.checked label {
     background-position: 0 -66px;
   }

   
   .ico32 {
    line-height:1mm;
    border:none;
    padding:8px 10px 0 8px;
    font-size:14px;
    cursor:pointer;
    width:32px;
    height:32px;
   }
   .ico20 {
    line-height:2mm;
    border:none;
    padding:6px 0 0 6px;
    font-size:12px;
    cursor:pointer;
    width:20px;
    height:20px;
   }
   .ico24 {
    line-height:4mm;
    border:none;
    text-align:center;
    padding:4px;
    font-size:14px;
    cursor:pointer;
    width:24px;
    height:24px;
   }
   .ico32:hover,.ico20:hover,.ico24:hover {
   transform: translateY(+2px);
   -webkit-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
   -moz-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
   box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
   }
   .header-fixed > thead,
   .header-fixed > tbody,
   .header-fixed > thead > tr,
   .header-fixed > tbody > tr,
   .header-fixed > thead > tr > th,
   .header-fixed > tbody > tr > td {
    display: block;
   }
   
   .header-fixed > tbody > tr:after,
   .header-fixed > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
   }
   
   .header-fixed > tbody {
    overflow-y: auto;
   }
   
   .header-fixed > tbody > tr > td,
   .header-fixed > thead > tr > th {
    float: left;
   } 
   .pd5 {
   padding:5px;
   }
   .pd10 {
   padding:10px;
   }
   .pd15 {
   padding:15px;
   } 
   .pd20 {
   padding:20px;
   }    
   .fw100 {
      font-weight:100;
   }   
   .fw200 {
      font-weight:200;
   }
   .fw300 {
      font-weight:300;
   }
   .fw400 {
      font-weight:400;
   }
   .fw500 {
      font-weight:500;
   }
   .fw600 {
      font-weight:600;
   } 
   .fw700 {
      font-weight:700;
   }
   .fw800 {
      font-weight:800;
   }
   .fw900 {
      font-weight:900;
   }   
   table .tablestrip {
    border-collapse: collapse;
    width: 100%;
   }   
   .tablestrip th,  .tablestrip td {
    text-align: left;
    padding: 8px;
   }  
   .tablestrip tr:nth-child(even) {background-color: #f2f2f2;}
   .box3d {
   box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33);
   vertical-align:middle;
   }
   .boxOver:hover {
    transform: translate(+3px,+3px);
    cursor:pointer;
   }
   .pdn-5-10 {
   padding:5px 10px 5px 10px !important;
   }
   .pdn-10-20 {
   padding:10px 20px 10px 20px !important;
   }
   .pdn-20-20 {
      padding:20px 20px 20px 20px !important;
   }
   .over:hover {
      transform: translateY(+6px);
      -webkit-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      -moz-box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      box-shadow: 0px 4px 12px 3px rgba(153,150,153,0.72);
      cursor:pointer;
   }  
   .overl:hover {
      cursor:pointer;
      transform: translate(+8px,+8px);
   }     
   .btTree {
       background-image: none;
       font-size: 60%;
       height:80%;
       padding:.1% 0 0 0;
       text-align:center;
       font-weight:100;  
       margin:0 4px 0 4px;  
       box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(128, 128, 128, 0.1) inset;
       border-radius: 20%;
   }    
   .center {
      margin-left:auto;
      margin-right:auto;
   } 
   .tcenter {
      text-align: center;
   }  
   .tleft {
      text-align: left;
   }   
   .tright {
      text-align: right;
   }   
   .select {
      border:1px solid #d9d9d9;
      height:30px;
      overflow: hidden;
      position:relative;
   }
   .select select {
      background: transparent;
      border: none;
      font-size: 14px;
      height: 30px;
      padding: 5px;
      width: calc(100% + 20px);
      
   }
   .select select:focus{ outline: none;}
   .select::after{
   	content:"\025be";
   	display:table-cell;
   	padding-top:7px;
   	text-align:center;
   	width:30px;
   	height:30px;
   	background-color:#d9d9d9;
   	position:absolute;
   	top:0;
   	right:0;	
   	pointer-events: none;
   }  
   .f10{font-size:10px;}
   .f12{font-size:12px;}
   .f14{font-size:14px;}
   .f16{font-size:16px;}
   .f18{font-size:18px;}
   .f20{font-size:20px;}
   .f22{font-size:22px;}
   .f24{font-size:24px;}
   .f26{font-size:26px;}
   .f28{font-size:28px;}
   .f30{font-size:30px;}
   .fl10{font-size:10px;font-weight:100;}
   .fl12{font-size:12px;font-weight:100;}
   .fl14{font-size:14px;font-weight:100;}
   .fl16{font-size:16px;font-weight:100;}
   .fl18{font-size:18px;font-weight:100;}
   .fl20{font-size:20px;font-weight:100;}
   .fl22{font-size:22px;font-weight:100;}
   .fl24{font-size:24px;font-weight:100;}
   .fl26{font-size:26px;font-weight:100;}
   .fl28{font-size:28px;font-weight:100;}
   .fl30{font-size:30px;font-weight:100;}
   .fb10{font-size:10px;font-weight:bold;}
   .fb12{font-size:12px;font-weight:bold;}
   .fb14{font-size:14px;font-weight:bold;}
   .fb16{font-size:16px;font-weight:bold;}
   .fb18{font-size:18px;font-weight:bold;}
   .fb20{font-size:20px;font-weight:bold;}
   .fb22{font-size:22px;font-weight:bold;}
   .fb24{font-size:24px;font-weight:bold;}
   .fb26{font-size:26px;font-weight:bold;}
   .fb28{font-size:28px;font-weight:bold;}
   .fb30{font-size:30px;font-weight:bold;}


.wow-alert-overlay {
    position:fixed;
    top:0;
    left:0;
    background:rgba(220, 220, 220, 0.6);
    width:100%;
    height:100%;
    z-index: 999999;
}
.wow-alert-content {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;


    background:#FFF;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -khtml-border-radius:3px;
     padding-top:5px;
     
     
    padding-bottom:5px;
    padding-left:20px;
    padding-right:20px;
      -webkit-box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33);
      -moz-box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33);
      box-shadow: 10px 10px 34px -9px rgba(0,0,0,0.33); 
   
    
    
    position:fixed;
    z-index:99999999;
    min-width:30%;
    min-height:20%;
    max-width:75%;
    padding: 15px 20px;
    left: 10%;
    top: 10%;
}
.wow-alert-content p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    margin: 10px 0 20px 0;
    font-weight: bold;
    text-align: center;
}
.wow-alert-content a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    font-family: Helvetica, Arial, sans-serif;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -khtml-border-radius:3px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    color: #F6FAF7;
    display: block;
    margin: 0 auto;
    width: 100px;
    background: #579959;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
}
.wow-alert-content a:hover {
    background: #477F4A;
}
.fleft {
   float:left;
}   
.fright {
   float:right;
} 
.vericaltext{
  writing-mode: vertical-lr;
  text-orientation: upright;
} 
.hide {
    display:none;
}

 :root {
      --imgckrad: url("5AuZEuV.gif");
   }