/******************************************************************************************/
/********************************GENÉRICOS APLICACIONES************************************/
/******************************************************************************************/
body {
    font-size: 14px;
    font-family: "Montserrat";
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #e9ecef !important;
}

html, body { height: 100%; min-height: 100%; }

.h1, h1 { font-size: 1.85rem; }
.h2, h2 { font-size: 1.50rem; }
.h3, h3 { font-size: 1.25rem; }
.h4, h4 { font-size: 1rem; }
.h5, h5 { font-size: 1rem; }




/******************************************************************************************/
/*************************************FOTOS BACKGROUNDS************************************/
/******************************************************************************************/


#contenedor-cabecera-imagen {
    background: url("../../images/imagenCasco.jpg") center center no-repeat;
    background-size: cover;
}



/******************************************************************************************/
/***************************************ENLACES A******************************************/
/******************************************************************************************/
a { color: white; text-decoration: none; }
a:hover { color: white; opacity: 0.6; text-decoration: none; }
a:focus { outline: none !important; box-shadow: none !important; }


/******************************************************************************************/
/****************************************INPUTS********************************************/
/******************************************************************************************/

/*Generales*/
.input .form-control {
    padding: 6px;
}

/*Login Usuario, Password*/
.input-ico.mdi-usuario:before, .input-ico.mdi-password:before {
    position: absolute;
    top: 5px;
    left: 5px;
    color: white;
    font-family: "Material Design Icons";
}

.input-ico.mdi-usuario:before { content: "\F0004"; }
.input-ico.mdi-password:before { content: "\F033E"; }
.input-ico input::placeholder { color: #bbb; font-size: 14px; }


/*Cajas de texto con icono*/
.input-ico {
    background-color: transparent;
    border-bottom: solid 1px white;
    position: relative;
    display: block;
}

.input-ico input {
    background-color: transparent;
    border: none;
    padding-left: 30px;
    color: white;
}

.input-ico .form-control:focus {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.input-ico input::placeholder {
    color: #bbb;
}


/*Cajas de texto sin icono*/
.input {
    background-color: transparent;
    border-bottom: solid 1px white;
    position: relative;
    display: inline-block;
    width: 100%;
}

.input label {
    color: #000;
    font-size: 14px;
    line-height: 1.1;
    padding-top: 5px;
    margin-bottom: 0px;
}


.input textarea {
    background-color: #f9f9f9;
    border: none;
    border-bottom: solid 1px black;
    border-radius: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.input textarea:focus {
    background-color: #f9f9f9 !important;
}

.input textarea, .input .choices__inner {
    margin-top:6px;
}

.input input, .input select {
    background-color: transparent;
    border: none;
    color: #000;
    border-bottom: solid 1px black;
    border-radius: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.custom-input-select-desactivado {
    background-color: #e9ecef;
    opacity: 1;
    pointer-events: none;
}


/******************************************************************************************/
/**********************************FORM CONTROLS/SELECTS***********************************/
/******************************************************************************************/
    /*.form-control::placeholder {*/ /* Chrome, Firefox, Opera, Safari 10.1+ */ /*color: #979797; opacity: 1;*/ /* Firefox */ /*}*/ /*Modificación del color del placeHolder*/
/*.form-control:-ms-input-placeholder {*/ /* Internet Explorer 10-11 */ /*color: #979797; }*/ /*Modificación del color del placeHolder*/
/*.form-control::-ms-input-placeholder {*/ /* Microsoft Edge */ /*color: #979797; }*/ /*Modificación del color del placeHolder*/
.form-control.is-invalid, .was-validated .form-control:invalid { padding-right: calc(1.3em + .75rem); background-position: right calc(.875em + .1875rem) center } /*Icono error a la derecha*/

/*.form-select { color: black !important; }*/
/*option[value="00000000-0000-0000-0000-000000000000"], option[value="0"], option[value=""] { color: #979797 !important; }*/ /*Modifica color dropdown*/




/******************************************************************************************/
/****************************************FILE INPUT****************************************/
/******************************************************************************************/


.input .custom-file-label {
    line-height: 1.7 !important;
    height: calc(1.5em + 0.75rem + 5px);
    background-color: white;
    border: none;
    color: black;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px black;
    border-radius: 0px;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    padding: 0px;
    outline: none !important;
    box-shadow: none !important;
    /*Overflow para que se visualice solo en una linea*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 50px;
}

.custom-file-labell:focus {
    border: solid 4px red !important;
}


/******************************************************************************************/
/***************************************CHECKBOX*******************************************/
/******************************************************************************************/
input[type=checkbox] {
    transform: scale(1.5);
    cursor: pointer;
}


/******************************************************************************************/
/************************************RADIO BUTTONS*****************************************/
/******************************************************************************************/
input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 3px;
    /* background-color only for content */
    background-clip: content-box;
    border: 2px solid #bbbbbb;
    background-color: transparent;
    border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
    background-color: #26AF12;
}



/******************************************************************************************/
/***************************************SWITCH*********************************************/
/******************************************************************************************/
.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #FFD600;
    background-color: #FFD600;
}

.custom-switch .custom-control-label::after { margin-top: 4px; }
.custom-switch .custom-control-label::before { margin-top: 4px; }
.custom-switch .custom-control-input:checked ~ .custom-control-label::before { margin-top: 4px; }



/******************************************************************************************/
/****************************************BOTONES*******************************************/
/******************************************************************************************/

.btn-secondary { background-color: #6c757d; color: #fff; padding: 3px 30px; }
.btn-secondary:hover { background-color: #6c757d; color: #fff; opacity: 0.5; }
.btn-secondary:focus { outline: none !important; box-shadow: none !important; }

.btn-action { background-color: black; color: #fff; padding: 3px 30px; }
.btn-action:hover { background-color: black; color: #fff; opacity: 0.5; }
.btn-action:focus { outline: none !important; box-shadow: none !important; }

.btn-red { background-color: red; color: #dc3545; padding: 3px 30px; }
.btn-red:hover { background-color: red; color: #fff; opacity: 0.5; }
.btn-red:focus { outline: none !important; box-shadow: none !important; }

.btn-blue { background-color: #007bff; color: #fff; padding: 3px 30px; }
.btn-blue:hover { background-color: #007bff; color: #fff; opacity: 0.5; }
.btn-blue:focus { outline: none !important; box-shadow: none !important; }




/******************************************************************************************/
/**************************************RASTRO MIGAS****************************************/
/******************************************************************************************/
.breadcrumb-item a { color: #007bff; text-decoration: none; }
.breadcrumb-item a:hover { color: #007bff; opacity: 0.6; text-decoration: none; }



/******************************************************************************************/
/****************************************WRAPPER*******************************************/
/******************************************************************************************/
.wrapper { display: block; }



/******************************************************************************************/
/*******************MULTISELECT (Combo multiseleccionable)*********************************/
/******************************************************************************************/
.choices {
    margin-bottom:0px;
}

.choices__input {
    box-shadow: 0 0 0 0px !important;
    background-color: transparent;
    width: 5px;
    margin-bottom: 0px;
    border: none !important;
    padding: 6px;
}

.choices__input::placeholder {
    color: #979797;
    font-size: 1rem;
}

.choices__list--multiple .choices__item {
    background-color: #26AF12 !important;
    border-color: #26AF12 !important;
    color: white !important;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left:6px;
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    border-left: 1px solid red !important;
    f_ilter: invert(1) grayscale(100%);
}

.choices__list--dropdown {
    color: black;
}

.choices__inner {
    border: solid 0px black !important;
    min-height: 20px !important;
    padding-left:0px;
    padding-right:0px;
}

.choices__input {
    width: 100% !important;
    background-color: transparent;
    border-color: transparent;
    outline: none !important;
    box-shadow: none !important;
    border-bottom: solid 1px black !important;
    font-size:1rem !important;
    padding: 6px !important;
}

.choices__input:focus {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    outline: none !important;
    box-shadow: none !important;
    border-bottom: solid 1px #26AF12 !important;
}



/******************************************************************************************/
/****************************************BORDES********************************************/
/******************************************************************************************/
.borde-abajo-negro { border-bottom: 3px solid black !important; }
.borde-abajo-gris { border-bottom: 1px solid #333 !important; }
.borde-abajo-negro { border-bottom: 3px solid black !important; }



/******************************************************************************************/
/****************************************CARDS*********************************************/
/******************************************************************************************/
.card-border-grisClaro { border: 2px solid #EFEEEE; }
.card-border-rojoClaro { border: 2px solid #dfa0a0; }
.card-border-azulClaro { border: 2px solid #a0bfdf; }




/******************************************************************************************/
/********************************BARRA MENÚ LATERAL/SUPERIOR*******************************/
/******************************************************************************************/
.content { width: 100%; transition: all 0.3s; }

.sidebar {
    width: 250px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -255px;
    z-index: 999;
    background: #333;
    color: #fff;
    transition: all .3s;
    box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
    text-align: left;
}

.sidebar.active { left: 0; }

.sidebar ul.menu-elements {
    padding: 10px 0;
    border-bottom: 1px solid #444;
    transition: all .3s;
}

.sidebar ul li a {
    display: block;
    padding: 10px 20px;
    border: 0;
    color: #fff;
}

.sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li.active > a:hover,.sidebar ul li.active > a:focus 
{
    outline: 0;
    background: #555;
    color: #fff;
}

.sidebar ul li a i {
    margin-right: 5px;
}

.sidebar ul li.active > a, a[aria-expanded="true"] {
    background: #444;
    color: #fff;
}

.sidebar ul ul a {
    background: #444;
    padding-left: 30px;
    font-size: 14px;
}

.sidebar ul ul li.active > a {
    background: #555;
}

.sidebar a[data-toggle="collapse"] {
    position: relative;
}

.sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.dismiss {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 10px;
    transition: all .3s;
    background: #444;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
}

.dismiss:hover, .dismiss:focus {
    background: #555;
    color: #fff;
}

#sidebar-desktop { min-height: calc(100vh - 129px); /* restar lo que mida la cabecera y el footer */ }

/*Si se pone el width será siempre fijo y hará la transición, si no se pone no hará la transición*/
/*.side-bar-filter {
        width: 450px !important;
        height: 100% !important;
        transition: all 0.5s ease !important;
    }*/

.side-bar-filter.collapse-filter {
    width: 0px !important;
    margin: -15px !important;
}



/******************************************************************************************/
/****************************************TABLAS********************************************/
/******************************************************************************************/
.table-responsive-rows th { font-size: 1em !important; }

.mvc-grid-table > table > thead > tr > th {
    background-color: white !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 2px solid #dee2e6 !important;
    border-bottom: 2px solid #dee2e6 !important;
}

.mvc-grid-table > table > thead > tr > th, .mvc-grid-table > table > tbody > tr > td, .mvc-grid-table > table > tfoot > tr > td {
    border-left: none !important;
    border-right: none !important;
}


.table-responsive-rows td.title_usuarios-acciones { text-align: center; font-size: 1px; width: 100px;}
.table-responsive-rows td.title_preguntas-acciones { text-align:center; font-size:1px; width:100px; }
.table-responsive-rows td.title_preguntas-respuestas { font-size:12px; line-height:12px; }
.table-responsive-rows td.title_historicoTests-Oposicion { font-size:12px; line-height:12px; }
.table-responsive-rows td.title_historicoTests-Temas { font-size:12px; line-height:12px; }
.table-responsive-rows td.title_historicoTests-Secciones { font-size:12px; line-height:12px; }


@media only screen and (max-width: 1400px) {
    /* Force table to not be like tables anymore */
    .table-responsive-rows table, .table-responsive-rows thead, .table-responsive-rows tbody, .table-responsive-rows th, .table-responsive-rows td, .table-responsive-rows tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .table-responsive-rows thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-responsive-rows tr {
        padding-bottom: 50px;
        border-left: none;
        border-right: none;
    }

    .table-responsive-rows td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        font-size: 14px;
        position: relative;
        padding-left: 42% !important;
        white-space: normal;
        text-align: right;
    }

    .table-responsive-rows td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        font-size:14px;
    }

    .mvc-grid-table > table > thead > tr > th:nth-of-type(1), .mvc-grid-table > table > tbody > tr > td:nth-of-type(1), .mvc-grid-table > table > tfoot > tr > td:nth-of-type(1) {
        border-top: 1px solid black !important;
    }

    .mvc-grid-table > table > thead > tr > th:last-child, .mvc-grid-table > table > tbody > tr > td:last-child, .mvc-grid-table > table > tfoot > tr > td:last-child {
        border-bottom: 1px solid black !important;
    }

    /* Nombres de títulos tabla USUARIOS */    
    .table-responsive-rows td.title_usuarios-rol:before { content: "Rol:"; }
    .table-responsive-rows td.title_usuarios-email:before { content: "Email:"; }
    .table-responsive-rows td.title_usuarios-nombreApellidos:before { content: "Nombre/Apellidos:"; }
    .table-responsive-rows td.title_usuarios-activo:before { content: "Activo:"; }
    .table-responsive-rows td.title_usuarios-oposiciones:before { content: "Oposiciones:"; }
    .table-responsive-rows td.title_usuarios-fechaCreacion:before { content: "Fecha Creaci\00f3n:"; }
    .table-responsive-rows td.title_usuarios-fechaFin:before {
        content: "Fecha Fin:";
    }
    .table-responsive-rows td.title_usuarios-acciones { text-align: right !important; width: auto; font-size:1px; padding-right:5px; }
    .table-responsive-rows td.title_usuarios-acciones:before { content: "Acciones:"; }    

    /* Nombres de títulos tabla PREGUNTAS */    
    .table-responsive-rows td.title_preguntas-oposicion:before { content: "Oposici\00f3n:"; }
    .table-responsive-rows td.title_preguntas-tema:before { content: "Tema:"; }
    .table-responsive-rows td.title_preguntas-seccion:before { content: "Secci\00f3n:"; }
    .table-responsive-rows td.title_preguntas-pregunta:before { content: "Pregunta:"; }
    .table-responsive-rows td.title_preguntas-respuestas:before { content: "Respuestas:"; }
    .table-responsive-rows td.title_preguntas-simulacro:before { content: "Simulacro:"; }
    .table-responsive-rows td.title_preguntas-activa:before { content: "Activa:"; }
    .table-responsive-rows td.title_preguntas-acciones { text-align: right !important; width: auto; font-size:1px; padding-right:5px; }
    .table-responsive-rows td.title_preguntas-acciones:before { content: "Acciones:"; }    

    /* Nombres de títulos tabla DOCUMENTACIÓN */    
    .table-responsive-rows td.title_documentacion-titulo:before { content: "T\00edtulo:"; }
    .table-responsive-rows td.title_documentacion-extension:before { content: "Extensi\00f3n:"; }
    .table-responsive-rows td.title_documentacion-descripcion:before { content: "Descripci\00f3n:"; }    
    .table-responsive-rows td.title_documentacion-oposicion:before { content: "Oposici\00f3n:"; }
    .table-responsive-rows td.title_documentacion-tema:before { content: "Tema:"; }
    .table-responsive-rows td.title_documentacion-fechaCreacion:before { content: "Fecha Creaci\00f3n:"; }
    .table-responsive-rows td.title_documentacion-acciones { text-align: right !important; width: auto; font-size:1px; padding-right:5px; }
    .table-responsive-rows td.title_documentacion-acciones:before { content: "Acciones:"; }
    .table-responsive-rows td.title_title_documentacion-activo:before { content: "Activo"}
    /* Nombres de títulos tabla OPOSICIONES */
    .table-responsive-rows td.title_oposiciones-id:before {
        content: "Id:";
    }
    .table-responsive-rows td.title_oposiciones-nombre:before { content: "Oposici\00f3n:"; }
    .table-responsive-rows td.title_oposiciones-duracion:before { content: "Duraci\00f3n (meses):"; }
    .table-responsive-rows td.title_oposiciones-valor:before { content: "Valor:"; }
    .table-responsive-rows td.title_oposiciones-activa:before { content: "Activa:"; }
    .table-responsive-rows td.title_oposiciones-acciones { text-align: right !important; width: auto; font-size:1px; padding-right:5px; }
    .table-responsive-rows td.title_oposiciones-acciones:before { content: "Acciones:"; }    

    /* Nombres de títulos tabla TEMAS */    
    .table-responsive-rows td.title_temas-nombre:before { content: "Tema:"; }
    .table-responsive-rows td.title_temas-orden:before {  content: "Orden:";}
    .table-responsive-rows td.bloque:before {
        content: "Bloque:";
    }
    .table-responsive-rows td.title_temas-oposicion:before { content: "Oposici\00f3n:"; }
    .table-responsive-rows td.title_temas-acciones { text-align: right !important; width: auto; font-size:1px; padding-right:5px; }
    .table-responsive-rows td.title_temas-acciones:before { content: "Acciones:"; }   

    /* Nombres de títulos tabla SECCIONES */    
    .table-responsive-rows td.title_secciones-nombre:before { content: "Nombre:"; }
    .table-responsive-rows td.title_secciones-tema:before { content: "Tema:"; }
    .table-responsive-rows td.title_secciones-oposicion:before { content: "Oposici\00f3n:"; }
    .table-responsive-rows td.title_secciones-acciones { text-align: right !important; width: auto; font-size:1px; padding-right:5px; }
    .table-responsive-rows td.title_secciones-acciones:before { content: "Acciones:"; }   

    /* Nombres de títulos tabla IMPORTAR DATOS */    
    .table-responsive-rows td.title_importarPreguntas-oposicion:before { content: "Oposici\00f3n:"; }
    .table-responsive-rows td.title_importarPreguntas-temasSeccion:before { content: "Temas/Secci\00f3n:"; }

    /* Nombres de títulos tabla HISTÓRICO TESTS */    
    .table-responsive-rows td.title_historicoTests-fechaInicio:before { content: "F. Inicio:"; }
    .table-responsive-rows td.title_historicoTests-fechaFin:before { content: "F. Fin:"; }
    .table-responsive-rows td.title_historicoTests-preguntas:before { content: "Preguntas:"; }
    .table-responsive-rows td.title_historicoTests-acertadas:before { content: "Acertadas:"; }
    .table-responsive-rows td.title_historicoTests-falladas:before { content: "Falladas:"; }
    .table-responsive-rows td.title_historicoTests-noContestadas:before { content: "No Contestadas:"; }
    .table-responsive-rows td.title_historicoTests-nota:before { content: "Nota:"; }
    .table-responsive-rows td.title_historicoTests-valorOposicion:before { content: "Valor Oposición:"; }
    .table-responsive-rows td.title_historicoTests-corregirInstante:before { content: "Corregir Instante:"; }
    .table-responsive-rows td.title_historicoTests-oposicion:before { content: "Oposici\00f3n:"; }
    .table-responsive-rows td.title_historicoTests-temas:before { content: "Temas:"; }
    .table-responsive-rows td.title_historicoTests-secciones:before { content: "Secciones:"; }
    .table-responsive-rows td.title_historicoTests-acciones { text-align: right !important; width: auto; font-size:1px; padding-right:5px; }
    .table-responsive-rows td.title_historicoTests-acciones:before { content: "Acciones:"; }
    .table-responsive-rows td.title_historicoTests-nombre:before { content: "Nombre:"; }
    .table-responsive-rows td.title_historicoTests-fechaRealizado:before {
        content: "Fecha Realizado:";
    }
    .table-responsive-rows td.title_historicoTests-apto:before {
        content: "Apto:";
    }
    /* Nombres de títulos tabla ALUMNOS/CLASES */    
    .table-responsive-rows td.title_usuarioClase-nombre:before { content: "Nombre:"; }
    .table-responsive-rows td.title_usuarioClase-apellidos:before { content: "Apellidos:"; }
    .table-responsive-rows td.title_usuarioClase-fechaReserva:before { content: "F. Asignación:"; }
    .table-responsive-rows td.title_usuarioClase-acciones { text-align: right !important; width: auto; font-size:1px; padding-right:5px; }
    .table-responsive-rows td.title_usuarioClase-acciones:before { content: "Acciones:"; }     

    /* Nombres de títulos tabla SIMULACROS */    
    .table-responsive-rows td.title_simulacros-nombre:before { content: "Nombre:"; }
    .table-responsive-rows td.title_simulacros-fechaDesde:before { content: "F. Desde:"; }
    .table-responsive-rows td.title_simulacros-fechaHasta:before { content: "F. Hasta:"; }
    .table-responsive-rows td.title_simulacros-realizados:before { content: "Realizados:"; }
    .table-responsive-rows td.title_simulacros-preguntas:before { content: "Preguntas:"; }
    .table-responsive-rows td.title_simulacros-acciones { text-align: right !important; width: auto; font-size:1px; padding-right:5px; }
    .table-responsive-rows td.title_simulacros-acciones:before { content: "Acciones:"; }     
}



/******************************************************************************************/
/***********************************TABLA PAGINACIÓN****************************************/
/******************************************************************************************/

.mvc-grid-pager button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.tableless thead {
    display: none;
}

.tableless td {
    border: solid 0px transparent !important;
}


/******************************************************************************************/
/**************************************BOTON MODAL GUARDAR*********************************/
/******************************************************************************************/
/*Modificación del botón de guardado*/
.btn-guardar-modal {
    color: #26AF12;
    background-color: transparent;
    border-color: #26AF12; /*set the color you want here*/
    opacity: 1;
}

/*Modificación del hover, focus, etc, del botón de guardado*/
.btn-guardar-modal:hover, .btn-guardar-modal:focus, .btn-guardar-modal:active, .btn-guardar-modal.active, .open > .dropdown-toggle.btn-guardar-modal {
    color: #fff;
    background-color: #26AF12;
    border-color: #26AF12; /*set the color you want here*/
    outline: none !important;
    box-shadow: none !important;
    opacity: 1;
}


/******************************************************************************************/
/**************************************BOTON MODAL CANCELAR********************************/
/******************************************************************************************/
/*Modificación del botón de cancelar/volver*/
.btn-cancelar-modal {
    color: #bd2918;
    background-color: transparent;
    border-color: #bd2918; /*set the color you want here*/
    opacity: 1;
}

/*Modificación del hover, focus, etc, del botón de cancelar/volver*/
.btn-cancelar-modal:hover, .btn-cancelar-modal:focus, .btn-cancelar-modal:active, .btn-cancelar-modal.active, .open > .dropdown-toggle.btn-cancelar-modal {
    color: #fff;
    background-color: #bd2918;
    border-color: #bd2918; /*set the color you want here*/
    outline: none !important;
    box-shadow: none !important;
    opacity: 1;
}


/******************************************************************************************/
/**************************************BOTON MODAL CERRAR**********************************/
/******************************************************************************************/
.btn-cerrar-modal {
    background-color: transparent;
    border: none;
}




/******************************************************************************************/
/***************************************VARIOS*********************************************/
/******************************************************************************************/
.form-control-inputoposur-pequenio {
    width: 50px;
    display: inline;
    margin-top: 4px;
    height: 30px;
    font-size: 15px;
    text-align: right;
    float: right;
}

.form-control-inputoposur-pequenio.form-control:focus {
    color: #000;
    background-color: white;
    border-color: transparent;
    outline: none !important;
    box-shadow: none !important;
    border: solid 1px #26AF12;    
}

.oposur-logo-administracion {
    height: 30px;
}
.oposur-fondo-Verde { background-color: #26AF12; }
.oposur-fondo-VerdeClaro { background-color: #a8dfa0; }
.oposur-fondo-RojoClaro { background-color: #dfa0a0; }
.oposur-fondo-AzulClaro { background-color: #a0bfdf; }
.oposur-fondo-VioletaClaro { background-color: #cea0df; }
.oposur-fondo-VerdeRespuesta { background-color: #d4efd0; }
.oposur-fondo-GrisClaro { background-color:#EFEEEE; }
.oposur-texto-Verde { color: #26AF12; }
.oposur-texto-VerdeRespuesta { color: #00CC60; }
.oposur-texto-Gris { color: #979797; }
.oposur-texto-RojoRespuesta { color: #dc3545; }
.oposur-texto-Amarillo { color: #ebae15; }


.oposur-barra-Negra {
    color: black;
    height: 1px;
    background-color: black;
    opacity: 1;
}
.oposur-barra-Verde {
    margin-bottom: 10px;
    color: #26AF12;
    height: 2px;
    background-color: #26AF12;
    opacity: 1;
}
.oposur-barra-Verde-Delgada {
    margin-bottom: 10px;
    color: #26AF12;
    height: 1px;
    background-color: #26AF12;
    opacity: 1;
}

@media only screen and (max-width: 768px) {

    .divRespuestasOposur {
        display: inline-block !important;
    }

    .divRespuestasCorrectasOposur {
        text-align: center !important;
    }

    .divRestoRespuestasCorrectasOposur {
        padding-top: 20px !important;
        display: inline-grid !important;
        text-align: center !important;
    }
}

.oposur-enlace-clases:not([href]) {
    color: white;
    text-decoration: none;
}

@media only screen and (max-width: 1032px) {

    .divBotones {
        display: block !important;
    }
}

.oposur-exportar:hover {
    text-decoration: none;
    color:blue !important;
    font-weight: 800;
    cursor: pointer;
}

.oposur-exportar:hover .oposur-texto-Amarillo
{
   color:blue !important;
}


.oposicion .oposur-divImportarPreguntas {
    display: none;
}

.nested-div {
    padding-left: 10px;
}

.nested-div .nested-div {
    padding-left: 20px;
}

.nested-div .nested-div .nested-div {
    padding-left: 35px;
}

.rowSeleccionadaImportar:hover {
    background-color: lightgrey;
    border-radius: 10px;
    margin-left: -25px;
    margin-right: -25px;
}

.oposicion .nested-content {
    display: none;
}

/******************************************************************************************/
/***************************************CARGANDO*******************************************/
/******************************************************************************************/
#materialLoading {
    font-family: roboto;
    color: #222;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: table;
    z-index: 9999;
}

#materialLoadingCentered {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

#materialLoadingContent {
    text-align: center;
}

    #materialLoadingContent .spinner-container {
        background-color: #FFFFFF;
        text-align: center;
        border-radius: 7px;
        padding: 40px 20px;
    }

        #materialLoadingContent .spinner-container .texto {
            padding-top: 10px;
            font-size: 16px;
            font-weight: bold;
        }

        #materialLoadingContent .spinner-container .spinner-border {
            text-align: center;
            color: #26AF12;
            width: 3rem;
            height: 3rem;
        }

#materialLoading.hide {
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none;
}

    #materialLoading.hide #materialLoadingCentered {
        transform: scale(0.8);
        transition: transform 0.2s ease-out;
    }

#materialLoading.show {
    opacity: 1;
    transition: opacity 0.2s ease-in;
}

    #materialLoading.show #materialLoadingCentered {
        transform: scale(1);
        transition: transform 0.2s ease-in;
    }