/* GENERAL  */

.navbar-header,
.navbar-brand{
    float: none;
}

.page-aside-section .progress{
    background-color: #e3e3e3;
}
/*.progress-bar-success {
    background-color: #4b47ce;
}*/
.table th,
.table td{
    padding: 0.400rem;
    font-size: 13px;
}

.btn{
    border-radius: 30px;
}


/*
.btn-primary {
  color: #fff;
  background-color: #0f0abe;
  border-color: #0f0abe;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
  .btn-primary:hover {
    color: #fff;
    background-color: #4b47ce;
    border-color: #4b47ce;
}
  .btn-primary:focus, .btn-primary.focus {
    background-color: #0b078e; border-color: #0b078e;
}

  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #0f0abe;
    border-color: #0f0abe;
}
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf;
}
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      background-color: #0b078e; border-color: #0b078e;
  }


.btn-outline-primary, .btn-outline.btn-primary {
    color: #0f0abe;
    border-color: #0f0abe;
}
.btn-outline-primary:hover,
.btn-outline.btn-primary:hover {
    background-color: #0f0abe;
    color: #FFF;
}
*/
.modal-content{
    border-radius: 35px;
    overflow: hidden;
}
.modal-info .modal-header {
    background-color: #4b47ce;
}

.btn-success {
    background-color: #219658;
    border-color: #219658;
}
.btn-success.btn-bottom::before {
    border-top-color: #219658;
}

.boxed{
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
}

.alert-warning,
.alert-info {
    color: #745e3c;
    background-color: #FCF3E4;
    border-color: #745e3c;
    font-size: 15px;
}


/* SECCIÓN PRINCIPAL  */

.principal, .encuesta{
    /*border-left: 1px solid #bfc6d0;
    border-right: 1px solid #bfc6d0;*/
    min-height: 500px;
    padding: 30px;
}
.encuesta{
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: white;
    box-shadow: 0px 0px 8px 0px #0a0a0a61;
    position: relative;
}
body.index .principal{
    padding: 0px;
}

.texto_bienvenida{
    padding: 30px 10px;
}

/* LLENADO DE LA ENCUESTA */

.btnfinalizar{
    float: right;
}
.finalizar{
    background-color: #11c26d !important;
    color: #FFF !important;
}
.finalizar i{
    color: #FFF !important;
}

.deuda_movil {
    padding-bottom: 20px;
    border-bottom: 1px solid #001e46;
    background: transparent;
}


.radio-custom {
    padding-left: 10px;
}

.radio-success input[type=radio]:checked+input[type=hidden]+label::before, .radio-success input[type=radio]:checked+label::before {
    border-color: #0f0abe;
}

.bbd{
    border-bottom: 1px dotted;
}

.agregar_institucion {
    line-height: 36px;
    display: block;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    background-color: #3e4c60;
    border-radius: 5px;
}

.clear {
    overflow: hidden;
    clear: both;
    margin: 10px 0px;
    /*border-bottom: 1px dashed #49566a;*/
}


.pregunta_condicionada {
    border: 1px solid;
    padding: 10px 0px;
    /*border-top: none;*/
    margin-bottom: 20px;
    /*margin-top: -10px;*/
    background-color: #FFF7EB;
    margin-left: 0px;
    margin-right: 0px;

    background: linear-gradient(to bottom, transparent 0%, #e6edf9 100%);
    border: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom: 1px solid #3f5674;
    box-shadow: 0px 2px 2px #ccc;
}

.pregunta_condicionada label {
    font-size: 13px;
    line-height: 14px;
}

.pregunta_condicionada select.form-control {
    height: 34px;
    font-size: 13px;
    background-color: #FFF;
}

.lista_miembros>.row {
    padding: 5px;
    border-radius: 3px;
    margin-bottom: 5px;
    /*margin-left: 0px;
    margin-right: 0px;*/
    border-bottom: 1px solid #ededed;
}

/*.lista_miembros>.row:nth-of-type(odd) {
    background-color: #f6f6f6;
}

.lista_miembros>.row:nth-of-type(even) {
    background-color: #eaeaea;
}*/
.nombre_puesto {
    border-bottom: none !important;
    padding: 0px !important;
    color: #000;
}


.popover{
    max-width: 350px;
}
/*
.popover-body {
    background: #4b47ce;
    color: #FFF;
    font-size: 14px;
    line-height: 17px;
    font-family: "Mulish", sans-serif;
    border-radius: 25px;
    box-shadow: 0 2px 6px rgb(0 0 0 / 20%);
}
.popover-body ul{
    padding: 0px 20px;
}
.popover-body ul li{
    margin-bottom: 10px;
}
.popover{
    max-width: 450px;
    
    box-shadow: none;
    border: none;
    background-color: transparent;
}


.bs-popover-left .arrow::after,
.popover-auto[x-placement^=left].arrow::after,
.popover-left .arrow::after{
    border-left-color: #4b47ce;
}

.bs-popover-right .arrow::after,
.popover-auto[x-placement^=right] .arrow::after, 
.popover-right .arrow::after {
    border-right-color: #4b47ce;
}
*/
.iconayuda{
    font-size: 25px;
    color: #4b47ce;
    cursor: pointer;
    position: absolute;
    right: 15px;
    transition: ease-out 0.2s;
}
.iconayuda:hover{
    color: #8784de;
}

.paddrg {
    padding-right: 30px;
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(235, 103, 9, 0.8);
    box-shadow: 0 0 0 0 rgba(235, 103, 9, 0.8);
  }
  20% {
      -moz-box-shadow: 0 0 0 10px rgba(235, 103, 9, 0);
      box-shadow: 0 0 0 10px rgba(235, 103, 9, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(235, 103, 9, 0);
      box-shadow: 0 0 0 0 rgba(235, 103, 9, 0);
  }
}

.preguntas_pendientes{
    /*animation-name: pulse;
    animation-duration: 4s;
    animation-iteration-count: infinite;*/
    margin-top: -25px;
    float: right;
}

.empty {
    border: 1px solid red !important;
    /*animation-name: alerta;
    animation-duration: 2s;
    animation-iteration-count: 6;*/
    background: #FFF !important;
}


.listacheck{
    padding: 5px 20px;
    border-radius: 3px;
    margin-bottom: 2px;
}

select.form-control.noempty,
input.form-control.noempty {
    border: 1px solid #7E002A !important;
}

@keyframes alerta {
    0% {
        background-color: #FFFFFF;
    }
    50% {
        background-color: #ffcbcb;
    }
    100% {
        background-color: #FFFFFF;
    }
}

.condicional.form-control{
    margin-bottom: 10px;
}

/*
.form-control,
.input-group-text,
.checkbox-custom label::before{
    border-color: #9f9f9f;
}
.form-control,
.input-group-text{
    color: #363636;
}
*/

a {
    color: #0f0abe;
}

.checkbox-custom label::before{
    border-color: #001e46;
}

input.form-control,
select.form-control{
    background-color: #dddddd;
    border-color: #a7a7a7;
    border-radius: 44px;
    color: #7e002a !important;
    font-family: "Mulish";
    font-weight: bold;
    font-size: 14px;
}

input.form-control:disabled,
select.form-control:disabled{
    background-color: #dddddd !important;
    border-color: #dddddd !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.form-control option:disabled{
    background-color: #dddddd !important;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select.form-control option:invalid,
.form-control::placeholder{
    color: #3f5674 !important;
}

select.form-control option{
    background-color: white;
}

.checkbox-default input[type=checkbox]:checked+input[type=hidden]+label::before,
.checkbox-default input[type=checkbox]:checked+label::before,
.checkbox-default input[type=radio]:checked+input[type=hidden]+label::before,
.checkbox-default input[type=radio]:checked+label::before{
    border-color: #9f9f9f;
}

.checkbox-primary input[type=checkbox]:checked+input[type=hidden]+label::before,
.checkbox-primary input[type=checkbox]:checked+label::before,
.checkbox-primary input[type=radio]:checked+input[type=hidden]+label::before,
.checkbox-primary input[type=radio]:checked+label::before {
    background-color: #0f0abe;
    border-color: #0f0abe;
}


.row{
    margin-bottom: 15px;
}

body .oculto{
    display: none !important;
}
.pre_movil,
.espacio_movil,
.seccion_movil{
    display: none;
}

.row-preguntas {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.row-preguntas div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
}

.pregunta_condicionada label,
.pre_movil,
label {
    position: relative;
    width: 100%;
    padding-bottom: 10px;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    line-height: 15px;
}

.pre_movil{
    padding: 10px 0px 0px 0px;
    margin-top: 5px;
}


.pregunta_condicionada label{
    font-size: 0.98em;
}

.checkbox-custom label{
    font-size: 14px;
    color: #000;
}

.page-aside {
    transition: none;
}
    .contenedor-boton-agregar{
        text-align: right;
        display: block;
        margin-top: 30px;
    }

@media (max-width: 767px) {
    .row-preguntas{
        display: none;
    }
    .pre_movil,
    .espacio_movil,
    .seccion_movil{
        display: block;
    }
    .alert.pre_movil{
        margin-bottom: 5px;
        text-align: center;
        line-height: 13px;
    }

    .page-aside {
        transition: visibility .1s ease,top .3s ease,left .5s ease,right .5s ease;
    }

    .lista_miembros>.row {
        padding: 0px;
        margin-bottom: 30px;
        padding-bottom: 30px;

        border-radius: 5px;
        /*border-bottom: 1px dotted #7e002a;*/
        background: rgb(255,255,255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(227 227 227 / 68%) 100%);
    }

    .contenedor-boton-agregar{
        text-align: center;
    }
    h1, h2{
        text-align: center;
    }
    .nombre_puesto{
        text-align: center;
    }
    .nombre_puesto span{
        font-size: 17px;
        font-weight: bold;
        color: #91264a;
        text-transform: uppercase;
    }

    .row{
        position: relative;
    }
    .eliminar{
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .btn_footer{
        display: flex;
        margin-top: 30px;
        flex-wrap: wrap;
        gap: 0px;
    }

    .btn_footer .btn{
        padding: 0.429rem 1rem;
        font-size: 1rem;
        line-height: 1.57142857;
        flex: 0 0 50%;
    }
    .btn_footer .btnfinalizar{
        flex-basis: 100%;
    }

    .btn_footer .btn .icon{
        display: none;
    }

}


/* AJUSTES AL TEMA  */
.alert{
    line-height: 1.3em;
}

.alert-success {
    color: #0b321d;
    background-color: #96e3ba;
    border-color: #219658;
}

.alert-danger {
    color: #721c24;
    background-color: #e59999;
    border-color: #d86666;
}

.alert-info {
    color: #272e39;
    background-color: #cddcf3;
    border-color: #9cb9e7;
}

.alert-warning {
    color: #3d300b;
    background-color: #fae195;
    border-color: #b89221;
}

/*.form-control {
    border-color: #76838f;
}*/
.form-group .form-control-label{
    color: #000;
    font-weight: bold;
    line-height: 1.3em;
}
.form-control.focus, .form-control:focus {
    border-color: #000;
}

.page-aside .list-group-item .icon {
    color: #ffffff;
}

.page-aside-section:last-child{
    margin-top: 70px;
}

.page-aside .list-group-item{
    background-color: transparent;
    color: #FFF;
    box-shadow: inset 0 0 0 0 #FFF;
    -webkit-transition: ease-out 0.4s;
    -moz-transition: ease-out 0.4s;
    transition: ease-out 0.4s;    
}

.page-aside .list-group-item:hover{
    box-shadow: inset 400px 0 0 0 #FFF;
    background-color: transparent;
}

.page-aside .list-group-item:focus,
.page-aside .list-group-item.active,
.page-aside .list-group-item.active>.icon{
    color: #000;
    box-shadow: inset 400px 0 0 0 #FFF;
}
.page-aside .list-group-item.active{
    font-weight: 600;
}

.page-aside .list-group-item:focus,
.page-aside .list-group-item:hover,

.page-aside .list-group-item:focus>.icon,
.page-aside .list-group-item:hover>.icon,

.page-aside .list-group-item.active:focus,
.page-aside .list-group-item.active:hover,

.page-aside .list-group-item.active:focus>.icon,
.page-aside .list-group-item.active:hover>.icon
{
    color: #000;
    
}
.page-aside a.list-group-item{
    border-radius: 0px;
}
.progress{
    margin-bottom: 0px;
    border-radius: 30px;
}
.breadcrumb{
    padding-left: 0px;
}

.page-aside-fixed .page-aside {
    /* width: 261px;*/
    border: none;
    top: 148.01px;
    height: calc(100% - 148.01px);
    background-color: #001e46;
}
.page-aside .page-aside-inner{
    background-color: transparent;
}

.alert ul{
    margin-bottom: 0px;
}

@media (min-width: 992px) {
    .vista1 .btn-direction{
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
}

@media (max-width: 991px) {
    .btn-direction{
        width: 100%;
        margin: 20px 0px 0px 0px;
    }
    .btn-direction::before{
        display: none;
    }
    .vista2 .btn-direction{
        margin-top: 0px;
        margin-bottom: 20px;
    }
}

.btn.regresar{
    border-radius: 30px;
}
.btn.btn_1,
.btn.btn_2{
    color: #FFF;
    border-radius: 30px;
}

.blockquote-info{
    border-color: #0f0abe;
    background-color: #e6edf9;
}

.blockquote-footer {
    font-size: 14px;
    color: #0f0abe;
}

/*@media (min-width: 1200px) {*/
    /*.css-menubar .page,*/
    .css-menubar .vista2.gracias .site-footer,
    .css-menubar .vista2.ultima .site-footer,
    .css-menubar .vista1 .site-footer {
        margin-left: 0px !important;
    }
/*}*/

h1, h2{
    margin: 0px;
    font-size: 23px;
    margin-bottom: 30px;
    
    /*text-transform: uppercase;*/
}
/*h2{
    font-size: 20px;
}*/

.principal h1{
    text-align: center;
}

body .site-footer{
    height: auto;
    padding: 35px 30px;
    background-color: #f5f5f5;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}
body.vista2 .site-footer{
    border-left: 1px solid #e4eaec;
}

body .site-footer-legal{
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    color: #001e46;
    width: 80%;
}
body .site-footer-right{
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
}

body .page{
    /*min-height: calc(100% - 292px);*/
    min-height: auto;
}
/*body.vista2 .page{
    min-height: calc(100% - 290px);
}*/
body.layout-full .page{
    /*height: 75% !important;*/
    height: auto;
}

.vista2 .page{
    /*padding-bottom: 50px;*/
    background-color: #001634;

}

.site-navbar{
    background-color: transparent;
}
.css-menubar .site-navbar .navbar-header {
    width: auto/*260px*/;
    min-width: auto/*260px*/;
    text-align: center;
}

.site-navbar .navbar-header .navbar-toggler{
    color: #000;
}

body .navbar-fixed-bottom,
body .navbar-fixed-top{
    position: relative;
}

body .navbar{
    border-top: 7px solid;
    box-shadow: none;
    display: block;
    background: #7e002a;
    padding: 0px !important;
}

body .navbar,
body .navbar-brand{
    /*height: 110px;*/
    height: auto;
}
body .navbar-brand{
    padding: 10px 5px;
    padding-bottom: 0px;
}

body .navbar .logo_ox{
    width: 100px;
}

.navbar-brand-logo{
    height: 5em;
}

.texto_adaptacion{
    text-align: center;
    color:  #FFF;
    padding: 10px 0px;

}
.texto_adaptacion h2{
    color: #FFF;
    margin-bottom: 0px;
}

.btnfinalizar.movil{
    display: none;
}

@media (max-width: 767px) {
    .bbd{
        border-bottom: none;
    }
    body .site-footer-legal{
        width: 100%;
    }
    body .navbar,
    body .navbar-brand{
        height: 90px;
    }
    .navbar-brand-logo{
        height: 3em;
    }
    .page-aside-fixed .page-aside {
        top: 106.01px;
        height: calc(100% - 106.01px);
    }

    .lista_miembros{
        padding-left: 10px;
    }

    .btn.regresar,
    .btn.btn_1,
    .btn.btnfinalizar{
        width: 100%;
        margin: 0px;
        margin-bottom: 5px;
    }

}


@media (max-width: 580px) {
    body .navbar,
    body .navbar-brand{
        height: 40px;
    }
    .navbar-brand-logo{
        height: 2em;
    }
    body .navbar .logo_ox{
        width: 50px;
    }


    .btnfinalizar.movil{
        display: block;
    }
    .btnfinalizar.desktop{
        display: none;
    }

}


.page-aside-left .page-aside-switch{
    padding: 25px 0px 25px 0px !important;
    background-color: #7e002a !important;
    /*box-shadow: 3px 0 3px rgba(255, 255, 255, 0.6) !important;*/
    /*border-radius: 0px;*/
}
.page-aside-left .page-aside-switch i{
    color: #FFF;
}
.page-aside-left .page-aside-switch span{
    display: block;
    -webkit-transform: rotate(270deg); 
    -moz-transform: rotate(270deg);
    color: #FFF;
}