body
{
    font-family: 'Open Sans', sans-serif;
    margin: 0;  
    font-size: 12px;    
}


table
{
    font-size: 12px;
    border: 1px solid #080808 ;            
    border-collapse: collapse; 
    table-layout: fixed;
    width: max-content!important;
    flex-direction: column;        
    /*width: 200px!important;*/
    /*white-space: nowrap;*/
}

th
{
    font-size: 12px;
    border: 1px solid #080808 ;        
    font-weight: bold;
    background-color: darkblue;
    color: white;
    text-align: center;
    padding: 5px 5px;
    /*width: 200px!important;*/
}

td
{
    border: 1px #080808 solid;        
    font-size: 12px;
    padding: 5px 5px;
    /*width: 200px!important;    */    
}

.ui-autocomplete 
{ 
    z-index: 2147483647;
    height: 230px;     
    width: 150px;       
    overflow-y: scroll; 
    overflow-x: hidden;
    font-size: 13px!important;
    font-weight: bold;
    color: rgb(14, 1, 61)!important;
    background-color: rgb(232, 247, 213)!important;
    max-height: 230px;   /*100px*/
    /*¨--------overflow-y: auto;*/
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
} 
    
.ui.autocomplete:hover
{
    color: black;   
    background-color: red;
}
        
.ui-autocomplete:focus
{
    display: none;
}

/* , select:focus */
input:focus 
{    
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;    
    background-color: white;
    border-color: 2px solid #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0,0, 0.6);            
}


input[type="file"] 
{
    display: none;
}


input[type="checkbox"] 
{
    transform: scale(1.7);
}



.modal 
{    
    border-color: 4px solid #0000;
    height: 90vh;
    /*top: 10% !important;*/
}


.modal-header
{
  width: 100%;
}


.modal-body
{
  height: 400px;  
  width: 100%;
  overflow-y: auto;
}

.modal-footer
{  
  width: 100%;     
}


    
.VentanaInicio
{
    width: 100%;
    position: relative;
    /*top: 100px;
    left: 160px;*/
    border-radius: 20px;
    z-index: 2100;
    border-color: darkgray;
    background-color: #00abf0; 
    color: white;
}
        
.titulos
{
    justify-content: center;
    align-items: center;
    background-color: darkgreen;
    color: white;
    font-weight: bold;
}