/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
.tooltip {
    z-index:1500;
}

.select2-hidden-accessible {
    display:none;
}

/* Sobreescribe estilo Modales */
.modal
{
    text-align: center;
    padding: 0 !important;
}
 
.modal:before
{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}
 
.modal-dialog
{
    display:inline-block;
    text-align: left;
    vertical-align: middle;
    
}
.modal-dialog-2
{
    display:inline-block;
    text-align: left;
    vertical-align: middle;
    position:fixed;
    top:5%;
    right:27%;
    
}
.oculto {
    visibility:hidden;
}


.hrColor {
border: 0 none #C6CCC6;
border-top: 1px solid #C6CCC6;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}

.help-block-chico{
    font-size: 11px;
    margin-top:-1px;
    color: #b94a48;
}

.input-file-boton{
    height: 24px;
    width: 29px;
    padding: 0px 0px;    
    border: 1px solid;
    position: absolute;
    top: 4px;
    float: none;
    color: white;
    cursor: pointer;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border: 0px solid #000000;        
}

.filesubir{
    background-color: #c79121;
    border-color: #b1811d;
    right: 53px;
}

.fileeliminar{
    background-color: #a90329;
    border-color: #900323;
    right: -5px;
}

.filedescargar{
    background-color: #739e73;
    border-color: #659265;
    right: 24px;
}



/* Sobreescribe estilo Modales */


/* Estilo para cortar palabras muy largas en un td respetando el ancho de la celda */

table.fixed { 
    table-layout: fixed; 
}

table.fixed td { 
    word-wrap: break-word; 
}

.verticalTop {
    vertical-align:top;
}

/*Color de footer JqGrid*/

.ui-jqgrid-sdiv .ui-jqgrid-ftable .footrow {
    background-color: LightSteelBlue;
    background-image: none;
}


.ui-jqgrid tr.ui-row-ltr td {
    padding: 6px 4px;
    font-size: 11px!important;
}

.clockpicker-popover {
    z-index: 20000;
}

@keyframes shine {
10% {
opacity: 1;
top: -30%;
left: -30%;
transition-property: left, top, opacity;
transition-duration: 0.7s, 0.7s, 0.15s;
transition-timing-function: ease;
}



100% {
opacity: 0;
top: -30%;
left: -30%;
transition-property: left, top, opacity;
}
}