/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27/02/2020, 03:40:10 PM
    Author     : sistemas
*/
:root {
    --parent: #6A0F49;
    --parent2: #6A0F49;
    --parenthover: #882557;
    /*--parent: #5c6c74;
    --parent2: #5c6c74;
    --parenthover: #5c6c74;*/
}

.table-responsive {
    padding-bottom: 1.5rem !important;
}

/*
.bg-incidencias{
    background: url("../img/fondo-incidencias.png"); 
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat;
}   */

.bg-con-incidencias {
    min-height: 50vh;
    background: url("../img/con-incidencias.jpg");
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat;
}

.bg-con-incidencias>div {
    transform: translateY(70%);
}

.bg-sin-incidencias {
    min-height: 50vh;
    background: url("../img/sin-incidencias.jpg");
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat;
}

.bg-apto-basificacion {
    min-height: 50vh;
    background: url("../img/apto_basificacion.png");
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat;
}

.bg-noapto-basificacion {
    min-height: 50vh;
    background: url("../img/Noapto_basificacion.png");
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat;
}

.bg-apto-plantilleo {
    min-height: 50vh;
    background: url("../img/apto_plantilleo.jpg");
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat;
}

.bg-noapto-plantilleo {
    min-height: 50vh;
    background: url("../img/no_apto_plantilleo.jpg");
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat;
}

.bg-registro-basificacion {
    min-height: 50vh;
    background: url("../img/registrado_basificado.png");
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat;
}

.bg-registro {
    background: url("../img/fondo-registro.jpg");
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat
}

.background-incidencias {
    min-height: 75vh;
    background: url("../img/background.jpg");
    background-position: center;
    background-size: 95vw;
    background-repeat: no-repeat
}

._login_left {
    border-right: 1px solid #d1d3e2;
}

.bg-gradient-parent {
    background-color: var(--parent);
    background-image: linear-gradient(180deg, var(--parent) 10%, var(--parent2) 100%);

}


.btn-parent {
    color: #fff;
    background-color: var(--parent2);
    border-color: var(--parent2);
}


.btn-parent:hover {
    color: #fff;
    background-color: var(--parenthover);
    border-color: var(--parenthover);
}

.bg-base {
    background-color: #414142;
}


.text-parent {
    color: var(--parent2);
}

.border-bottom-parent {
    border-bottom: .25rem solid var(--parent2) !important;
}

.bg-parent {
    background-color: var(--parent2);
    border-color: var(--parent2);
}


._invalid {
    border: 2px solid !important;
    border-color: rgba(251, 4, 34, 0.5) !important;
}

.form-control-file {
    border-color: #fff;
    overflow: hidden;
}

.custom-file-label {
    overflow: hidden;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #e74a3b !important;
}

#collapseTwo>div, #collapseThree>div {
    border: solid 1.5px var(--parent);
}

.note-editable>table, .note-editable>table>tbody>tr, .note-editable>table>tbody>tr>td {
    border-color: #000;
}

.c-pointer {
    cursor: pointer;
}

.c-auto {
    cursor: auto !important;
}

.c-n-allowed {
    cursor: not-allowed;
}

.border-left-parent {
    border-left: .25rem solid #6a0f49 !important;
}

/*
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--parent2);
}

.nav-pills .nav-link  {
    color: var(--parent2);
}*/

.nav-tabs .nav-link.active {
    color: var(--parent2);

}

.nav-tabs .nav-link {
    color: #6e707e;
}

.bootstrap-select {
    border: 1px solid #d1d3e2 !important;
}

._without::-webkit-datetime-edit-ampm-field {
    display: none;
}

/* Cambiamos el tamaño de letra para las tablas de contratos en CADPE */
._formContrato_1>table>tbody>tr>td>div>input,
._formContrato_1>table>tbody>tr>td>div>textarea,
._formContrato_1>table>tbody>tr>td>div>span,
._formContrato_1>table>tbody>tr>td,
._formContrato_1>table>tbody>tr>td>div>div>button,
._formContrato_2>table>tbody>tr>td>div>input,
._formContrato_2>table>tbody>tr>td>div>textarea,
._formContrato_2>table>tbody>tr>td>div>span,
._formContrato_2>table>tbody>tr>td,
._formContrato_2>table>tbody>tr>td>div>div>button,
._formContrato_3>table>tbody>tr>td>div>input,
._formContrato_3>table>tbody>tr>td>div>textarea,
._formContrato_3>table>tbody>tr>td>div>span,
._formContrato_3>table>tbody>tr>td,
._formContrato_3>table>tbody>tr>td>div>div>button,
._formContrato_4>table>tbody>tr>td>div>input,
._formContrato_4>table>tbody>tr>td>div>textarea,
._formContrato_4>table>tbody>tr>td>div>span,
._formContrato_4>table>tbody>tr>td,
._formContrato_4>table>tbody>tr>td>div>div>button {
    font-size: 0.8rem !important;
}



/* Animacion */
.border-flashit {
    border-color: #bac8f3;
    border-radius: 5px;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(78, 115, 223, .25);
    -webkit-animation: flash 1s linear 3;
    animation: flash 1s linear 3;
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}




/* Temrinan animaciones*/

/* Modificamos la disposicion de elementos de la datatable */
@media (min-width: 1px) and (max-width: 399.98px) {
    .bg-con-incidencias {
        min-height: 25vh;
        background: url("../img/con-incidencias.jpg");
        background-position: center;
        background-size: 95vw;
        background-repeat: no-repeat;
    }

    .bg-con-incidencias>div {
        transform: translateY(100%);
    }

    .bg-sin-incidencias {
        min-height: 25vh;
        background: url("../img/sin-incidencias.jpg");
        background-position: center;
        background-size: 95vw;
        background-repeat: no-repeat;
    }

    .sidebar-public {
        width: 0px !important;
    }

    .dropdown-menu.show {
        max-width: 90%;
        transform: none !important;
        -webkit-max-width: 90%;
        -webkit-transform: none !important;
    }
}

@media (max-width: 575.98px) {
    .dataTables_wrapper>.row {
        display: inline;
    }

    .dataTables_wrapper>.row>.col-sm-12, .dataTables_wrapper>.row>.col-md-6 {
        padding-left: 0 !important;
    }

    div.dataTables_filter, div.dataTables_length {
        text-align: left !important;
    }

    .h3 {
        font-size: 1.25rem;
    }

    .propuesta-card {
        background-color: #f8f9fc !important;
    }

    .navbar>img {
        /*max-height: 50% !important; */
    }

    .bg-con-incidencias {
        min-height: 25vh;
        background: url("../img/con-incidencias.jpg");
        background-position: center;
        background-size: 95vw;
        background-repeat: no-repeat;
    }

    .bg-con-incidencias>div {
        transform: translateY(100%);
    }

    .sidebar-public {
        width: 0px !important;
    }

    .dropdown-menu.show {
        max-width: 90%;
        transform: none !important;
        -webkit-max-width: 90%;
        -webkit-transform: none !important;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    .bg-con-incidencias {
        min-height: 90vh;
        background: url("../img/con-incidencias.jpg");
        background-position: center;
        background-size: 95vw;
        background-repeat: no-repeat;
    }

    .sidebar-public {
        width: 0px !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .dataTables_wrapper>.row {
        display: inline;
    }

    .dataTables_wrapper>.row>.col-sm-12, .dataTables_wrapper>.row>.col-md-6 {
        padding-left: 0 !important;
    }

    div.dataTables_filter, div.dataTables_length {
        text-align: left !important;
    }

    .h3 {
        font-size: 1.25rem;
    }

    .navbar>img {
        max-height: 50% !important;
    }

    .sidebar-public {
        width: 0px !important;
    }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .dataTables_wrapper>.row>.col-md-6 {
        max-width: 100%;
    }

    .bg-con-incidencias {
        min-height: 90vh;
        background: url("../img/con-incidencias.jpg");
        background-position: center;
        background-size: 95vw;
        background-repeat: no-repeat;
    }

    .sidebar-public {
        width: 0px !important;
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {


    div.dataTables_wrapper>.row {
        display: inline !important;
    }

    .dataTables_wrapper>.row>.col-sm-12, .dataTables_wrapper>.row>.col-md-6 {
        padding-left: 0 !important;
    }



    div.dataTables_filter, div.dataTables_length {
        text-align: left !important;
    }

    .bg-con-incidencias {
        min-height: 50vh;
        background: url("../img/con-incidencias.jpg");
        background-position: center;
        background-size: 95vw;
        background-repeat: no-repeat;
    }

    .sidebar-public {
        width: 0px !important;
    }
}

@media (min-width: 768px) {
    .nombreArchivo {
        display: unset;
    }
}

.sidebar-public {
    width: 0px !important;

}

.topbar-public {
    height: 5.375rem !important;
}

._fondo_home {
    min-height: 100vh;
    background: url("../img/fondo_home.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-header {
    background-color: var(--parent) !important;
    color: #fff;
    font-weight: 700;
}

.btn:disabled, .form-check-input:disabled, .form-check-input:disabled+label {
    cursor: not-allowed;
}

.b-radius-5 {
    border-radius: 5px;
}

select>option:disabled {
    display: none;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item, .sidebar .nav-item .collapsing .collapse-inner .collapse-item, h6.collapse-header {
    white-space: normal !important;
}

.y-centrar {
    display: flex;
    align-items: center;
}

.y-bottom {
    display: flex;
    align-items: flex-end;
}

#ModalVerDocumentos > div > div > .modal-body{
    height: 75vh;
}

#div_doc_embebido{
    height: 65vh;
}



/* Medium devices (tablets, 768px and up) */
.semaforo_verde {
    
        background-color: #4aa30f;
    

}


.semaforo_amarillo {
    
    background-color: #e8f71f;


}


.semaforo_rojo {
    
    background-color: #e7150e;


}


._baja{ 
    background-color: rgba(255,204,0) !important;
}

.log {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 150px;
    width: 250px;
    overflow: scroll;
    background: white;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}

.log-entry {
    padding: 5px;
    border-bottom: 1px solid #d0d9e9;
}

.log-entry:nth-child(odd) {
    background-color: #e1e7f1;
}

#map {
    width: 90%;
    height: 450px;
    background: white;
}

#panel {
    width: 100%;
    height: 400px;
}

.contacto-navbar{
    font-size: 0.65rem;
}

#EmojiEncuesta label {
    font-family: "Noto Emoji", sans-serif;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    color: #fff;
    line-height: 20px;
    padding: 5px; 
    font-size: 17px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    box-shadow: inset 0 2px 0px rgba(255, 255, 255, 0.25),
        inset 0 -2px 0px rgba(0, 0, 0, 0.18);
    transition: 0.3s;
    background: lightgray;
    border: solid 5px lightgray;
}
#EmojiEncuesta label:has(input:checked) {
    background-color: var(--success);
    border-color: var(--success);
    box-shadow: inset 1px 2px 0px rgba(0, 0, 0, 0.18),
        inset -1px -2px 0px rgba(255, 255, 255, 0.25);
}
#EmojiEncuesta input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}