/***********************************************************************************************************
    CSS para estilos personalizados del Aplicativo
************************************************************************************************************/

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    background-image: linear-gradient(to bottom,#28a745 0,#28a745 100%);
}

.btn-portada, .btn-portada:hover, .btn-portada:active, .btn-portada:visited {
     color: #fff !important;
    background-color: #D0042B !important;
    border-color: #D0042B !important;
    background-image: linear-gradient(to bottom,#D0042B 0,#D0042B 100%);
}


/*Para que los controles dentro del Contenedor se vean en Linea*/
.controls-inline {
    display: inline-flex;
    width: 100%;
}

/*--------------------------------------------------------------------------------
    glyphicon Expeciales 
---------------------------------------------------------------------------------*/
/*Iconos de Panels informativos*/
.glyphiconGris {
    color: #666666;
    font-size: 2em;
    cursor: default;
}

/*--------------------------------------------------------------------------------
   Paneles Informativos
---------------------------------------------------------------------------------*/
.InfoExp_Panel {
    background-color: #ededed;
    padding: 5px;   
    display: block;
    border-radius: 0px 0px 10px 10px;
    border: 1px dashed #999;
    font-size:0.8em;
}

/*Paneles Informativos*/
.Info_Panel {
    /*width: 98%;*/
    /*clear: both;*/
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    padding: 10px;
    margin: 10px;
    margin-left:15px;
    margin-right:15px;
    display: block;
    border-radius: 10px;
}

/*Panel Informativo. Fila de Icono y Titulo*/
.Info_Cabecera {
    display: block;
    margin-right: 20px;
    margin-left: 5px;
}

    /*Panel Informativo. Fila de Iconos y Titulo, h4 del titulo*/
    .Info_Cabecera h4 {
        margin-left: 10px;
    }
    /*Panel Informativo. Fila de Iconos y Titulo, Icono*/
    .Info_Cabecera i {
        margin-right: 5px;
    }

/*Panel de Informacion parte del Texto*/
.Info_Cuerpo {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
    width: 100%;
    padding: 5px;
    max-height: 155px;
    overflow: auto;
    text-transform: none;
}

/*Icono de Mostrar-Abrir Panel*/
.mostrarOcultarInformacion {
    background: no-repeat center center #666666;
    height: 30px;
    width: 30px;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #ffffff;
    margin-top: -40px;
    margin-right: 15px;
    display: block;
}

/*Imagen para Panel Informativo Flecha Arriba*/
.ocultarInformacion {
    background-image: url(../images/panel-up.png) !important;
}

/*Imagen para Panel Informativo Flecha Abaja*/
.mostrarInformacion {
    background-image: url(../images/panel-down.png) !important;
}

/*Paneles de No hay registros*/
.dataTables_empty {
    padding: 10px;
    font-style: italic;
}

/*--------------------------------------------------------------------------------
   Rev_Certificados / Para Hacer zoom en cada certificado
---------------------------------------------------------------------------------*/

.fadebox {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 3;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
}

.overbox {
    display: none;
    position: absolute;
    top: 1%;
    width: 95%;
    height: 100%;
    padding: 5px;
    z-index: 5;
    overflow: auto;
}

/*--------------------------------------------------------------------------------
   Botones / Opciones Grid
---------------------------------------------------------------------------------*/
.dropdown-toggle {
    color: #cd032e;
    border-color: #cd032e;
}

.iconoTabla {
    font-size: 1.5em;
    color: #D0042B;
}

    .iconoTabla:hover {
        color: #A70826;
    }

table .dropdown-menu {
    right: 0px;
    left: auto;
}


/**********************************************************************************
    ESTILO RESPONSIVE
**********************************************************************************/
/*    ESTILOS LG    */
@media all and (min-width: 1200px) {
}

/*    ESTILOS MD    */
@media all and (max-width: 1199px) {
    /*--------------------------------------------------------------------------------
        Paneles Informativos
    ---------------------------------------------------------------------------------*/
    /*Panel Informativo Fila de Icono y Titulo*/
    .Info_Cabecera {
        padding: 0;
        margin-bottom: -16px;
    }
}

/*    ESTILOS SM    */
@media all and (max-width: 991px) {
    /*--------------------------------------------------------------------------------
        Paneles Informativos
    ---------------------------------------------------------------------------------*/
    /*Panel Informativo Fila de Icono y Titulo*/
    .Info_Cabecera {
        text-align: left;
    }

    /*--------------------------------------------------------------------------------
        Sobreescribimos estilo de Bootstrap para menus despegables
    ---------------------------------------------------------------------------------*/
    .dropdown-menu > li > a {
        display: -ms-inline-flexbox;
        display: -webkit-inline-box;
    }
}

/*    ESTILOS XS    */
@media all and (max-width: 767px) {
}

/*    ESTILOS XXS MUY PEQUEÑO    */
@media all and (max-width: 270px) {
}