input { 
    min-height:     var(--elementMinHeight);
    height:         var(--elementHeight);
    width:          var(--elementWidth);
    min-width:      var(--elementMinWidth);
    border:         var(--elementBorder); 
    padding:        var(--elementPadding);
    margin:         var(--elementMargin);
    border-radius:  var(--elementRadius); 
    -webkit-box-sizing: border-box;
 }


 div 
 {  
    
    padding:        var(--containerPadding);
    margin:         var(--containerMargin);
    border:         var(--containerBorder);
    border-radius:  var(--containerRadius); 
 }

 input:disabled {
   background: #FFF;
   border: none;
   font-weight:bold;
 }
 

 input[type=checkbox] {
           
          cursor: pointer; 
          border:none;
          background-color: #fff;
          width: 8px;
          height: 8px;
          min-width:16px;
          min-height:16px;
          
    }
     

input[type=radio] {
      
      
      cursor: pointer; 
      border:none;
      background-color: RED;
      width: 8px;
      height: 8px;
      min-width:16px;
      min-height:16px;
      
}

input[type=radio]::before {
      
   
   background-color: RED;
  
   
}


 input[type="button"]
 {
    cursor: pointer;
    opacity: 0.8;
    font-weight: bold;
    -webkit-box-sizing: border-box;
 }

 input[type="button"]:hover
 { 
    opacity: 1;
 }

 
 input[type="button"]:focus
 { 
   opacity: 1;
   color: black;
 }

 


 .action { 
    border: 1px solid var(--info);
    background:var(--info); 
    color:var(--white)
 }

select { 
   
   -webkit-box-sizing: border-box;
   height:         var(--elementHeight);
   line-height:    var(--elementHeight);
   width:          var(--elementWidth);
   min-width:      var(--elementMinWidth);
   border:         var(--elementBorder); 
   padding:        var(--elementPadding);
   margin:         var(--elementMargin);
   border-radius:  var(--elementRadius); 
   margin-top:1px;

}

select:disabled {
   background: #FFF;
   border: none;
   font-weight:bold; 
   -webkit-appearance: none;
   -moz-appearance: none; 
 }


TABLE                { width:100%;border-spacing:0px; border:1px solid var(--gray94) }
TH                   { font-size:11px; font-weight:600; text-align:start; background:var(--gray94); height:28px; padding:2px}
TD                   { padding:2px}
TR                   { border-bottom: 1px dashed var(--gray94);    }
TR:hover             { background:var(--gray96)}
TR:nth-child(even)   { background:var(--gray98)}
 
tfoot td             { font-weight: bold; height: 30px; border-top: 1px solid var(--gray90); background-color: var(--gray98); font-size: 1;}

.tableSeperator      { background: var(--gray70); height:1px !important; margin:5px 0 5px 0; }
.caption             { font-weight:600; height:var(--elementHeight); padding:5px; color: var(--gray30)}