body
{
    font-family: 'Open Sans', sans-serif;
    margin: 0;                
    min-height: 100vh;    
    background-image: url("../files/arriendo.jpg");
    background-repeat: no-repeat;
    background-position: center;    
    background-size: cover;
    background-attachment: fixed;     
}

.bordebox
{
    width: 90%!important;
    height: 30px;
    font-size: 18px;
}

.cabeceracalendario
{
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 10px;
    text-align: center;
    background-color: darkblue;
    color: white;
    border: 1px solid #000 !important;
}

.textocalendariored
{
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 10px;
    text-align: center;
    background-color: coral;
    color: white;
    border: 1px solid #000 !important;
    
}

.textocalendariogreen
{
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 10px;
    text-align: center;
    background-color:  lawngreen;
    color: black;
    border: 1px solid #000 !important;   
}

.textocalendarioblue
{
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 10px;
    text-align: center;
    background-color: lightblue;
    color: black;
    border: 1px solid #000 !important;   
}

.intermitente
    {
      animation: infinite resplandorAnimation 1.5s;      
    }

@keyframes resplandorAnimation 
    {
      0%,100%{
            opacity: .4;
      }
      50%{
            opacity: 1;
      }
    }


.opciones:hover
{    
    transition:all 300ms ease;     
    background: darkblue; 
    color: white;    
    font-size: 15px;
    font-weight: bold;
    
    border: 1px solid red;
    border-color: #FF0000;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0,0, 0.6);            
    outline: none;
}

/*
body:before 
{
    content: "";
    width: 100%;
    min-height: 100vh;
    position: absolute;
    top: 0;
    left: 0;    
    background: linear-gradient(green 70%, #52c4df 30%);    
    opacity: 0.1;        
}*/

.centradototal
{
    font-size: 15px;
    border: none;
    justify-content: center; 
    align-items: center;
    vertical-align: middle;    
}


label 
{    
    line-height: 5px;      
}

.misajustes 
{       
    padding-left: 0;
    padding-right: auto;
}


.ui-autocomplete 
{ 
    z-index: 2147483647;
    height: 180px;        
    overflow-y: scroll; 
    overflow-x: hidden;
    font-size: 14px;
    font-weight: bold;
    background-color: #d3e8a3; 
} 
    
.ui.autocomplete:hover
{
    color: black;   
    background-color: red;
}
        
.ui-autocomplete:focus
{
    display: none;
}


input:focus , select:focus
{    
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #d3e8a3;
    border-color: #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;
}


.modal {
    position: fixed;
    top: 2% !important;
    /*left: 050%;*/
}


.modal-body 
    {
        max-height: calc(90vh - 170px);
        overflow-y: auto;
        overflow-x: hidden;
    }

        
.intermitente
{
     animation: infinite resplandorAnimation 1.5s;      
}

@keyframes resplandorAnimation 
{
    0%,100%{
        opacity: .6;
    }
    50%{
        opacity: 1;
    }
}




.carousel-indicators li {
    visibility: hidden; 
}


.titulos
{
    justify-content: center;
    align-items: center;
    background-color: darkblue;
    color: white;
    font-weight: bold;
}

.datos
{
    font-size: 2.2em;
    font-family: sans-serif;
}


@media (max-width:768px) 
{
    .datos
    {
        font-size: 1.5em;
        font-family: sans-serif;
    }    
}
    




    table.tabla_detalle {
      border: 1px solid #1C6EA4;
      background-color: #EEEEEE;
      width: 100%; 
      text-align: left;
      border-collapse: collapse;
    }
    table.tabla_detalle td, table.tabla_detalle th {
      border: 1px solid #AAAAAA;
      padding: 3px 2px;
    }
    table.tabla_detalle tbody td {
      font-size: 12px;
    }
    table.tabla_detalle tr:nth-child(even) 
    {
      background: #f7e8aa;   /* #D0E4F5  */
    }    
    /*table.tabla_detalle tr:nth-child(odd) 
    {
      background: #aed6f1;  
    }*/
    
    table.tabla_detalle thead {
      background: #1C6EA4;
      background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
      background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
      background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
      border-bottom: 2px solid #444444;
    }
    table.tabla_detalle thead th {
      font-size: 10px;
      font-weight: bold;
      color: #FFFFFF;
      border-left: 2px solid #D0E4F5;
    }
    table.tabla_detalle thead th:first-child {
      border-left: none;
    }

    table.tabla_detalle tfoot {
      font-size: 12px;
      font-weight: bold;
      color: #FFFFFF;
      background: #D0E4F5;
      background: -moz-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
      background: -webkit-linear-gradient(top, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
      background: linear-gradient(to bottom, #dcebf7 0%, #d4e6f6 66%, #D0E4F5 100%);
      border-top: 2px solid #444444;
    }
    table.tabla_detalle tfoot td {
      font-size: 12px;
    }
    table.tabla_detalle tfoot .links {
      text-align: right;
    }
    table.tabla_detalle tfoot .links a{
      display: inline-block;
      background: #1C6EA4;
      color: #FFFFFF;
      padding: 2px 8px;
      border-radius: 5px;
    }