@charset "utf-8";



/*/////////////////////////////  Previously povided  CSS Updated  //////////////////////////////// */      
   body  {
    font-size:14px;  font-family: "Roboto Condensed", sans-serif;  !important;
}


#ecfsmain {
max-width: 1024px;
    margin: 0 auto;
    font-family: "Roboto Condensed", sans-serif;
    font-size:1em;  
    background-color: #efefef;
    padding: 35px;  !important;
}


#ecfsmain a {font-family: "Roboto Condensed", sans-serif;
    font-size:1.3em;   !important;}

#ecfsmain a:hover {color:#337ab7 !important;}

#ecfsmain input[type=radio]  {
  position: relative;
  vertical-align: middle;
   margin-right: 1em;
  margin-top: -2px;
  vertical-align: middle;
  cursor: pointer;
float: left;
   margin: 0 auto;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;font-size:14px;   !important;
    font-size:1em;  
    background-color: #efefef;
    padding: 1px;  !important;
}

#ecfsmain label, #ecfsmain .labelTD ,#ecfsmain p { font-size:1.3em;   !important;}
#ecfsmain  .headerTD {font-size:1.4em; line-height: 1.9em; margin:6px;   !important;}

  #ecfsmain input, #ecfsmain input[type=text], #ecfsmain select,  #ecfsmain textarea{  
          background: #fff;
    border: 1px #ccc solid; 
    margin: 6px  0;
    padding: 6px;
    border-radius:4px;
      display:block;  !important;
      
}
#ecfsmain input[type=checkbox]:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);  !important;
}

 #ecfsmain input:focus {
          background: #fff;
    border: 2px #000 solid !important; 
    margin: 6px  0;
    padding: 6px;
    border-radius:4px;
      display:block;  !important;
      
}
#ecfsmain textarea{  max-width: 520px;
    width: 100%;   !important;}


 #ecfsmain input[type=button]:hover , #ecfsmain  input[type=submit]:hover {
    color: #181b25;
    border: 1px solid #dedee1;
    background-color: white;
    text-decoration: none;  !important;
}
    
 #ecfsmain input[type=button], #ecfsmain input[type=submit] {
    display: inline-block;
    margin: 0;
    padding: 0 12px;
    min-height: 36px;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    font-weight: normal;
    font-size: 13px;
    line-height: 36px;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    cursor: pointer; 
    border-radius: 5px;
    box-sizing: content-box;  !important;
}
    
    
 #ecfsmain input[type=checkbox]  {
   width: 1.4em;
    height: 1.4em;
    margin: 0.5em 0;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);  
     border-radius: .5em;   !important;
}   
    

 #ecfsmain input[type=checkbox]:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);  !important;
}
    
    
 #ecfsmain iframe{
    background: #fff; 
    border: 1px solid #ccc;
    width: 100%;
    max-width: 520px;   !important;

}


#main {
max-width: 1024px;
    margin: 0 auto;
    font-family: "Roboto Condensed", sans-serif;
    font-size:1em;  
    background-color: #efefef;
    padding: 25px;  !important;

	
}
        
#main a:hover {color:#337ab7 !important;}
    
#main label, #main .labelTD ,#main p { font-size:1em;   !important;}
#main  .headerTD {font-size:1.3em;margin:6px;   !important;}

  #main input,  #main select,  #main textarea{  
          background: #fff;
    border: 1px #ccc solid; 
    margin: 6px  0;
    padding: 6px;
    border-radius:4px;
      display:block;  !important;
      
}
#main textarea{  max-width: 520px;
    width: 100%;   !important;}



        
        
 #main input[type=button]:hover , #main  input[type=submit]:hover, #main a.btn-blue:hover {
    color: #181b25;
    border: 1px solid #dedee1;
    background-color: white;
    text-decoration: none;  !important;
}
    
 #main input[type=button], #main input[type=submit],  #main a.btn-blue {
    display: inline-block;
    margin: 0;
    padding: 0 12px;
    min-height: 36px;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
    font-weight: normal;
    font-size: 13px;
    line-height: 36px;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    cursor: pointer; 
    border-radius: 5px;
    box-sizing: content-box;  !important;
}
    
       
        
 #main input[type=checkbox] {
   width: 1.4em;
    height: 1.4em;
    margin: 0.5em 0;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);  
     border-radius: .5em;   !important;
}   
    

 #main input[type=checkbox]:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);  !important;
}
    
    
 #main iframe{
    background: #fff; 
    border: 1px solid #ccc;
    width: 100%;
    max-width: 520px;   !important;

}
    
 #main a.btn-blue { margin-right:15px;  !important;}
        
        
@media screen and (max-width: 768px) {    
   #ecfsmain input, #main select, #main textarea {   max-width: 260px;  !important;}
}
@media screen and (max-width: 480px) {    
    #ecfsmain {padding-left:0; padding-right:0;   !important;}   
}
        
        
 /*/////////////////////////////  Additional  CSS for tables  //////////////////////////////// */ 
        
.column100.column1 {  width: 130px;   !important;font-size: 16px;   !important;}  /* Date Col */
.column100.column2{  width: 200px;   !important;font-size: 16px;   !important;}  /* Date Col */
.column100.column3{  width: 130px;   !important;font-size: 16px;   !important;}  /* Date Col */
.column100.column4{  width: 130px;   !important;font-size: 16px;   !important;}  /* Date Col */
.column100.column5 {  width: 130px;   !important;font-size: 16px;   !important;}  /* Date Col */
.column100.column6 {  width: 130px;   !important;font-size: 16px;   !important;}  /* Date Col */
.column100.numbers { text-align: right; padding-right:2%;  font-size: 16px;   !important;}     /* Number right */
.container-table100{    background:none;  !important;}
.title-details {background:#fff; padding:20px; font-size: 16px;   !important;}
.table100.ver2 td {  color: #444;   !important;}   
        
 @media screen and (max-width: 768px) {  
     body  { background:#efefef;  }
   .container-table100{ justify-content: left; align-items: top;  }
   .table100  {  min-width: 600px; padding-left:0;}   /* Keeps the table scrolable on a mobile*/
 
}
 @media screen and (max-width:480px) {        
        .container-table100 {padding-left:5px; vertical-align: top;}
}


