/* 
 Theme Name:   Twenty Twenty IDEAL
 Theme URI:    https://ideal.alteo.technology/twentyseventeen-IDEAL/
 Description:  Tema hijo, basado en Twenty Twenty para el sistema IDEAL
 Author:       Jeseel Florez
 Author URI:   https://ideal.alteo.technology/
 Template:     twentytwenty
 Version:      1.0.1
 Tags:         full-witdh, specific page
 Text Domain:  twenty-twenty-ideal
*/

/*---------------------------IMPORTACION DE FUENTES----------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
/*-----------------------------------------------------------------------------*/

header{
    display:none;
}

#Logo_Header
{
    position: absolute;
    right: 0;
    height: 8vh;
    margin-top: 4vh;
    margin-right: 3.8vw;
}

body,
.ui-datepicker{
    font-family: 'Montserrat' !important;
}

#site-content{
    background: #F3F3F3;
    min-height:100vh;
    font-family: 'Montserrat'
}

#notif_operacion{
    position: fixed;
    bottom: .5vw;
    right: .5vw;
    font-size: .8vw;
    font-weight: 500;
    padding: 1vw;
    background-color: #7fb900;
    color: #ffffff;
    border-radius: 15px;
    opacity: 0;
    transition: opacity 1s;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#notif_operacion.activo{
    opacity: 1;
}


button{
    border-radius: 40px !important;
    font-family: 'Montserrat' !important;
    text-transform: unset !important;
    text-decoration: none !important;
}

.btn_grn_acc_35{
    padding: 1.76vh;
    width: 22.08vw;
}


.btn_grn1{
    background-color: #7FB900 !important;
    font-size: 1.82vw;
}

.cargar-archivo{
    display: flex;
    align-items: center;
    cursor:pointer;
    width: 13vw;
}

.cargar-archivo input{
    display:none;
}

.cargar-archivo svg{
    width: 1.5vw;
}

.div_editable{
    padding: .7vw;
    border: 1px solid #CACDD5;
    border-radius: 10px;
    font-size: .73vw;
    min-height: 7.97vw;
}

.div_editable div,
.div_editable span{
    font-size: .73vw !important;
    font-family: 'Montserrat' !important;
}

.div_editable img{
    margin: 0px auto;
    width: 85%;
    height: auto;
}

#upload_file_name
{
    display: table;
    margin-left: auto;
    font-size: .7vw;
    color: green;
    font-weight: 600;
    margin-right: 1vw;
}


.flex_end{
    display: flex;
    justify-content: flex-end;
}
    

.btn_par{
    margin-right: 2.14vw;
}

#btn_comprimir{
    font-size: .5vw;
    background-color: #7FB900;
    margin-left: 2vw;
    padding: .5vw .8vw;
}

#btn_guardar,
#btn_salir{
    font-size: 1.04vw;
    padding: 0.89vw 1vw;
}

#btn_salir{
    background-color: #77B2BE;
    
}

.nomb_proyecto, .enca_proyecto{
    position: absolute;
    right: 0;
    margin-right: 4.17vw;
    margin-top: 1.93vw;
    font-style: italic;
    font-size: 1.15vw;
    color: #949494;
}

.enca_proyecto{ margin-top: 3.5vw; }

.form_infox,
#tittle_tipo
{
    margin-left: 41.21vw;
    margin-right: 17.48vw;
}

.form_infox.cronogramas,
#tittle_tipo.cronogramas
{
    margin-left: 3.21vw;
    margin-right: 3.48vw;
}

.nsolicfin .form_infox,
.nsolicfin #tittle_tipo
{
    margin-left: 34.21vw;
    margin-right: 10vw;
}

.form_infox.cronogramas{
    min-height: 15vw;
}

#tittle_tipo
{
    font-size: 1.48vw;
    color:#1e3068;
    margin-top: 5.52vw;
    margin-bottom: 1.15vw;
}

#tittle_tipo.cronogramas
{
    margin-top: 2.52vw;
}

.form_infox{
    background-color: #ffffff;
    padding: 1vw 3.2vw 1vw 2.45vw;
    border-radius: 10px;
    border: 1px solid #707070;
    margin-bottom: 3vw;
}

.form_infox label
{
    font-size: .68vw;
    color: #555d78;
    font-weight: 700;
    margin: 0;
}

.form_infox input[type=text],
.form_infox textarea
{
    border: 1px solid #CACDD5;
    border-radius: 10px;
    font-size: .73vw;
}

.form_infox input[type=text]
{ height: 2.29vw; }

.form_infox textarea
{ height: 7.97vw; }

.form_infox .div_conjunto
{
    display: flex;
    align-items: center;
    margin-top: 1.5vw;
    margin-bottom: 1.5vw;
}

.flechas{
    cursor:pointer;
}

.form_infox .div_conjunto .flechas
{margin-right: .1vw;}

.form_infox .div_conjunto .flechas svg
{ width: 1.61vw; }

.form_infox .div_conjunto .ikon svg
{ width: 1.4vw; }

.flechas svg{
    transition: transform .3s;
}

svg.rota90der{
    transform: rotate(-90deg);
}

#SVG_Tenta_0 .SVG_resheno,
.SVG_lapices {fill:#555d78;}

.form_infox .last_conduit{
    display: flex;
    justify-content: space-between;
    margin-top: 1vw;
}

.form_infox .last_conduit #contiene_dinamic{
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform-origin: top;
    transition: transform 0.26s ease, max-height .5s;
}

.form_infox .last_conduit .iniciales{
    display: flex;
    align-items: center;
}

.form_infox .last_conduit .iniciales input,
.form_infox .last_conduit .iniciales textarea
{
    width: 18vw;
    margin-right: 1vw;
}

.form_infox .last_conduit #contiene_dinamic .secline{
    width: 18vw;
    margin-top: 1vw;
}

.form_infox .last_conduit .iniciales textarea,
.form_infox .last_conduit #contiene_dinamic textarea.secline{
    height: 5vw;
    padding: .8vw;
}

.Modulos_Formats{
    margin-left: 2vw;
}

.Modulos_Formats .iniciales{
    display: flex;
    justify-content: space-between;
}

.Modulos_Formats .iniciales .contenedor{
    width: 29vw;
}

.Modulos_Formats .iniciales input[type=text],
.Modulos_Formats .iniciales .div_editable{
    margin-bottom: 1vw;
}

.Modulos_Formats .iniciales .mashmallow_svg{
    display: flex;
    align-items: flex-end;
    margin-bottom: 2.7vw;
}

#content_bibliogr .iniciales .mashmallow_svg{
    margin-bottom: 1.4vw;
}

.form_infox .last_conduit #contiene_dinamic :disabled{
    background-color: #eeeeee;
}

.form_infox .content_container{
    margin-left: 2vw;
    transform: scaleY(1);
    transform-origin: top;
    transition: transform 0.26s ease, max-height .5s;
}

.rollon{
    transform-origin: top;
    transition: transform 0.26s ease, max-height .5s;
}

.rollback{
    transform: scaleY(0) !important;
    max-height: 0;
}

.SVG_Adici {
    width: 2vw;
}

.SVG_Resta {
    width: 3vw;
    margin: -.3vw;
}

.acc_dnn_anli
{
    display: flex;
    padding-right: .8%;
    padding-left: 9.17vw;
    justify-content: space-between;
    margin-bottom: 1vw;
}

.acc_dnn_anli button{
    padding: 0.8vw;
    width: 9vw;
    height: 2.6vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5a5a5a;
    transition: background-color .5s;
}

.acc_dnn_anli button svg{
    height: 1.2vw;
    width: 1.67vw;
}

.acc_dnn_anli .aprove:not(.activo):hover:enabled,
.acc_dnn_anli .aprove.activo{
    background-color: #7fb900;
}

.acc_dnn_anli .denny:not(.activo):hover:enabled,
.acc_dnn_anli .denny.activo{
    background-color: #77b2be;
}

#div_avances .fir{
    display: flex;
    justify-content: space-evenly;
}

#div_calendar .first,
.div_fechas,
#div_calendar .thi .m_activi .main_container,
#div_calendar .fir .colores,
#div_avances .fir .colores,
#div_calendar .contsuba{
    display: flex;
}

#div_avances .fir .colores{
    margin-bottom: 1vw;
}

#div_fecha{
    position: absolute;
}

#div_fechas0
{
    margin-top: 3.37vw;
    margin-bottom: 2.16vw;
}

.div_fechas .texto{
    font-size: .94vw;
    font-weight: bold;
    color: #555D78;
    width: 5vw;
}

.datepick input[type=week]{
    width: 10.42vw;
    border: 1px solid #CACDD5;
    border-radius: 7px;
    color: #555D78;
    padding: 0.4vw;
    height: 2.3vw;
    font-size: .92vw;
}

.datepick input[type=week]::-webkit-calendar-picker-indicator{
    background: none;
    margin-left:.1vw;
    width:.7vw;
}

.datepick input[type=week]::before{
    display: none;
}

.datepick svg{
    position: absolute;
    width: 1vw;
    margin-left: 8.5vw;
    margin-top: 0.6vw;
    pointer-events: none;
}

#div_calendar .fir{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.97vw 23.17vw 1.85vw 28.17vw;
}


#div_calendar .fir .colores .conj_color{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #555D78;
    font-weight: 600;
    font-size: 0.83vw;
}

#div_avances .fir .colores .conj_color{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #555D78;
    font-weight: 600;
    font-size: 0.83vw;
}

#div_calendar .fir .colores .conj_color span,
#div_avances .fir .colores .conj_color span{
    display: block;
    border-radius:16px;
    height:1.8vw;
    width:2.6vw;
    margin-right: 0.31vw;
}

#div_avances .thi{
    border-bottom: .16vw solid #A7A7A7;
}

#div_calendar .fir .colores .red,
#div_avances .fir .colores .red,
#div_calendar .thi .m_activi .main_container .main .status_tarea option[value="3"],
#div_avances .thi .m_activi .main_container.status_3 .status{
    background-color:#FF8787;
}

#div_calendar .thi .m_activi .main_container .main .status_tarea option:hover {
    background-color:#FF8787 !important;
}

#div_calendar .fir .colores .blue,
#div_avances .fir .colores .blue,
#div_calendar .thi .m_activi .main_container .main .status_tarea option[value="4"],
#div_avances .thi .m_activi .main_container.status_4 .status{
    background-color:#B7D6DC;
}

#div_calendar .fir .colores .green,
#div_avances .fir .colores .green,
#div_calendar .thi .m_activi .main_container .main .status_tarea option[value="1"],
#div_avances .thi .m_activi .main_container.status_1 .status{
    background-color:#B8D280;
}

#div_avances .fir .colores .yellow,
#div_calendar .thi .m_activi .main_container .main .status_tarea option[value="2"],
#div_avances .thi .m_activi .main_container.status_2 .status{
    background-color:#FFED7B;
}

#div_avances .fir .colores .gray,
#div_calendar .thi .m_activi .main_container .main .status_tarea option[value="0"],
#div_avances .thi .m_activi .main_container.status_0 .status{
    background-color:#C5C5C5;
}

#div_calendar .sec .cont_semanas{
    display: flex;
    margin-left: 27.14vw;
    border-bottom: .05vw solid #ffffff;
}

#div_calendar.div_financ .sec .cont_semanas
{ margin-left: 17.7vw; }


#div_calendar.div_financ .sec .cont_semanas a
{ text-decoration: unset; }

#div_calendar .sec .semana,
.sec .month,
.thi .indicador,
.thi .cont_monto{
    height: 2.5vw;
    width: 14.7vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .99vw;
    color: #FFFFFF;
    font-weight: 500;
    border-right: .16vw solid #A7A7A7;
}

#div_calendar.div_financ .sec .month,
#div_calendar.div_financ .thi .indicador
{font-weight: 700;}

#div_calendar .sec .semana{ background-color: #77B2BE; }

#div_calendar .sec .month,
.thi .indicador
{ background-color: #7FB900; }

.thi .divindi3 .indicador{ background-color: #77B2BE; }

.thi .divindi2 .cont_monto
{ background-color: #F3F3F3; }

.thi .divindi3 .cont_monto
{ background-color: #b7d6dc; }

.thi .cont_monto
{color:#787878;}

#div_calendar .sec .SecPfeil
{
    position: absolute;
    height: 2vw;
    width: 2vw;
    cursor:pointer;
}

#div_calendar .sec #Linker_Pfeil{
    margin-left: 24vw;
    margin-top: .1vw;
}

#div_calendar.div_financ .sec #Linker_Pfeil
{
    margin-left: 13vw;
    margin-top: 1.2vw;
}

#div_calendar .sec #Rechter_Pfeil{
    margin-left: 86.5vw;
    margin-top: -2.5vw;
}

#div_calendar.div_financ .sec #Rechter_Pfeil
{margin-left: 79vw;}

#div_calendar .sec .semana.other,
#div_calendar .sec .month.other,
#div_calendar .thi .cont_dias_semana.other,
#div_calendar .thi .cont_monto.other{
    display:none;
}

#div_calendar #contiene_activ{
    width: 27.14vw;
    border-left: .05vw solid #A7A7A7;
    border-bottom: .05vw solid #A7A7A7;
    border-right: .16vw solid #A7A7A7;
}

#div_calendar.div_financ .thi
{ margin-left: 3vw; }

#div_calendar .thi .header,
#div_avances .thi .header{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 1.04vw;
    font-weight: bold;
    text-transform: uppercase;
    border-right: .16vw solid #A7A7A7;
}

#div_calendar .thi .header{
    background-color: #7FB900;
    width: 17.14vw;
}

#div_calendar .thi .header.second{ width: 5vw; }

#div_avances .thi .header{
    width: 17.6vw;
    background-color: #77B2BE;
    text-align: center;
    padding: .8vw;
}

#div_calendar .thi .header svg,
#div_avances .thi .header svg{
    width: 1.5vw;
    margin-left: 1vw;
    cursor: pointer;
}

#div_calendar .thi .cont_dias_semana{
}

#div_calendar .thi .cont_dias_semana div{
    display: flex;
}

#div_calendar .thi .cont_dias_semana span{
    display: flex;
    justify-content: center;
    width: 2.1vw;
    height: 2.55vw;
    align-items: center;
    font-size: .78vw;
    font-weight: 500;
    background-color: #7FB900;
    border-right: .05vw solid #A7A7A7;
    color: #ffffff;
}

#div_calendar .thi .cont_dias_semana .sfin{
    border-right: .16vw solid #A7A7A7;
}

#div_calendar .thi .cont_dias_semana .nom{
    border-bottom: 0.05vw solid #ffffff;
}

#div_calendar .thi .m_activi{
    color: #555D78;
}

#div_calendar .thi .m_activi .main_container{
    
}


#div_calendar .thi .m_activi .main,
#div_avances .thi .m_activi .main{
    display: flex;
    align-items: center;
    font-size: 0.87vw;
    font-weight: bold;
}

#div_avances .thi .m_activi .main{
    font-weight: 500;
}

#div_avances .thi .m_activi .main .edit_obj{
    font-size: .85vw;
    color: #555D78;
}

#div_avances .thi .m_activi .main .CLTarea{
    min-width: 15vw;
    height: 100%;
    display: flex;
    align-items: center;
}

#div_calendar .thi .m_activi .main{
    background-color: #b7d6dc;
}

#div_calendar .thi .m_activi .main_container .main .status_tarea{
    
}

#div_avances .thi .m_activi .main_container{
    display: flex;
}


#div_avances .thi .m_activi .main_container:not(.suw){
    background-color: #F3F3F3;
}

#div_avances .thi .m_activi .status{
    width: 1vw;
    transition: background-color .4s;
}

#div_avances .thi .m_activi .main{
    width: 16.6vw;
    border-right: .16vw solid #A7A7A7;
    padding: .5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

#div_avances .thi .header.cstado, #div_avances .thi .m_activi .main.cstado{ width: 14vw; }

#div_avances .thi .header.second, #div_avances .thi .m_activi .main.second{ width: 9vw; }

#div_avances .thi .header.final, #div_avances .thi .m_activi .main.final{ width: 38vw; }

#div_avances .thi select{
    font-size: .85vw;
    padding: .2vw;
    background: transparent;
    color: #555D78;
    font-weight: bold;
    font-family: 'Montserrat';
    border-radius: 5px;
    border-color: #CACDD5;
}

#div_calendar .thi .m_activi .main .edit_obj{
    width: 100%;
    padding: 1.39vw 1.31vw 1.47vw 1.51vw;
}

#div_calendar .thi .m_activi .main .edit_obj:empty:before{
    /*content: attr(data-placeholder);*/
}

#div_calendar .thi .m_activi .main .flechas{
    position: absolute;
    width: 2vw;
    margin-left: -2.25vw;
}

#div_calendar .thi .m_activi .suba{
    font-weight: 500;
    font-size: 0.73vw;
    padding: 0.73vw 0.79vw 0.78vw 1.2vw;
}

#div_calendar .thi .m_activi .contsuba:not(.suw) .suba,
#div_calendar .thi .m_activi .contsuba:not(.suw) .crono_check{
    background-color: #F3F3F3;
}

#div_calendar .thi .m_activi .main,
#div_calendar .thi .m_activi .suba{
    width: 17.14vw;
    border-right: .16vw solid #A7A7A7;
}

#div_calendar .thi .m_activi .main.second,
#div_calendar .thi .m_activi .suba.second{
    width: 5vw;
}

#div_calendar .thi .m_activi .suba.second{
    display: flex;
    padding: .3vw;
    align-items: center;
    justify-content: center;
}

#div_calendar .thi .m_activi .second input[type="date"]{
    padding: 1vw 0;
    font-size: .94vw;
    height: 1vw;
}

#div_calendar .thi .m_activi .second input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    margin-left: -0.7vw;
    width:5vw;
    background: transparent;
    cursor: pointer;
}

#div_calendar .thi .m_activi .suba.second .date-picker{
    width: 4.3vw;
    font-size: .9vw;
    padding: 1vw 0 1vw .5vw;
    height: 1vw;
    border-radius: 5px;
    border: 1px solid #CACDD5;
}

#div_avances .thi .m_activi .main.second .date-picker,
#div_avances .thi .m_activi .main.second .date-picker.hasDatepicker{
    width: 7vw;
    border-radius: 5px;
    border: 1px solid #CACDD5;
    font-size: .85vw;
    padding: .3vw 1.6vw .3vw 0.3vw;
    cursor: pointer;
    background-color: transparent;
}

#div_calendar .thi .m_activi .suba.second svg{
    margin-left: 1.5vw;
    position: absolute;
    width: 1vw;
    background-color: #ffffff;
    pointer-events: none;
}

#div_avances .thi .m_activi .main.second svg{
    position: absolute;
    width: 1.2vw;
    margin-left: 2.4vw;
    pointer-events: none;
}

#div_avances .thi .m_activi .div_editable{
    width: 97%;
    font-size: .85vw;
    color: #555D78;
}

#div_calendar .thi .m_activi .suw .suba
#div_calendar .thi .m_activi .suw .crono_check{
    background-color: #FFFFFF;
}

#div_calendar .thi .m_activi .adicion{
    position: absolute;
    margin-left: -2vw;
    margin-top: -2vw;
    width: 1.56vw;
    cursor: pointer;
}

#div_calendar .crono_check{
    width: 2.1vw;
    border-right: .05vw solid #A7A7A7;
    border-bottom: .05vw solid #A7A7A7;
    cursor: pointer;
    transition: background-color .4s;
}

#div_calendar .thi .m_activi .main_container label{
    background-color: #b7d6dc;
    cursor: not-allowed;
}

#div_calendar .crono_check.activo{
    background-color: #7FB900 !important;
}

#div_calendar .crono_check.last{
    border-right: .16vw solid #A7A7A7;
}

#div_calendar .crono_check input{
    opacity: 0;
}

#div_calendar .crono_check.other{
    display:none;
}

.contened_emergente{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: visibility .1s, opacity .3s .1s;
    visibility: hidden;
    opacity: 0;
}

.contened_emergente.activo{
    visibility: visible;
    opacity: 1;
}

.contened_emergente .fondo{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: #505153;
    opacity: .5;
}

.contened_emergente .ventana{
    background-color: white;
    border-radius: 20px;
    width: 45vw;
    min-height: 10vw;
    z-index: 1;
    padding: 1.5vw 2vw;
}

.contened_emergente .ventana svg{
    margin-left: auto;
    cursor: pointer;
    width: 1.1vw;
}

.contened_emergente .ventana #mensaje_box{
    display: flex;
    justify-content: center;
    margin-top: 1.2vw;
    margin-bottom: 2.01vw;
    font-size: 2.6vw;
    flex-direction: column;
}

.contened_emergente .ventana #mensaje_box .mediumtext
{ font-size: 2vw; }

.contened_emergente .ventana #mensaje_box .smalltext
{ font-size: 1.5vw; }

.contened_emergente .ventana #mensaje_box ul{
    margin: .4vw 0 1vw 1vw;
    font-size: 1.8vw;
}

.contened_emergente .ventana .botones{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 3vw;
}

.contened_emergente .ventana .botones button{
    padding: 0;
    width: 7.08vw;
    height: 2.6vw;
    font-size: 1.56vw;
    font-weight: 600;
}

#btn_acp{ background-color: #7FB900; }

#btn_dny{ background-color: #77B2BE; }

.conten_finan6{
    margin-bottom: 1vw;
}

#cont_finan_n
{
    margin-top: 2.5vw;
    display: flex;
}

#cont_finan_n #shopl_finan
{
    width: 27%;
    border-right: 1px solid #707070;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#cont_finan_n #shopl_finan button{ width: 9vw; }

#cont_finan_n #shopl_finan button{
    padding: 0;
    font-size: 2.3vw;
}

#cont_finan_n #shopl_finan #content_shopl{
    text-align: center;
}

#cont_finan_n #shopl_finan #content_shopl button{
    font-size: .7vw;
    padding: 1% 5%;
    width: 9vw;
    margin-bottom: 1vw;
    background-color: #77B2BE;
    min-width: 7vw;
    min-height: 2.5vw;
}

#cont_finan_n #shopl_finan #content_shopl .btnactivo{
    background-color: #01323B;
}

#cont_finan_n #detail_finan{
    margin-left: 7.45%;
    color:#646464;
}

#cont_finan_n #detail_finan h3,
#cont_finan_n #detail_finan h4{
    font-weight: 800;
    margin: 0;
}

#cont_finan_n #detail_finan h3{
    font-size: 1.3vw;
    margin-bottom: 2.5vw;
}

#cont_finan_n #detail_finan h4{
    font-size: .94vw;
    margin-bottom: .5vw;
}

#cont_finan_n #detail_finan input,
#cont_finan_n #detail_finan select{
    height: 2.29vw;
    width: 30vw;
    margin-bottom: 1vw;
    border-radius: 10px;
    border: 1px solid #CACDD5;
    padding: 0.5vw 1vw;
    font-size: .73vw;
}

#cont_finan_n #detail_finan input{
    
}

#cont_finan_n #detail_finan select{
    
}

#detail_finan #elim_item{
    position: absolute;
    margin-left: 33vw;
    margin-top: -2vw;
    color: red;
    font-size: 1.3vw;
    font-weight: 800;
    cursor: pointer;
}

#detail_finan #elim_item.deshabilitado{
    color: #ddd;
    cursor: default;
}

#fi_cons1{
    margin-top: 1.5vw;
}

#fi_cons1 .data_fecha{
    position: absolute;
    margin-left: 65vw;
}

#fi_cons1 .data_fecha .sp1{
    font-weight: 600;
    font-size: 1.3vw;
    display: -webkit-inline-box;
    width: 13vw;
}

#fi_cons1 .data_fecha .sp2{
    font-size: 1.15vw;
    font-weight: 400;
}

#fi_cons1 #presup,
#fi_cons1 #proyect_data{
    font-size: 1.55vw;
    font-weight: 700;
    margin-bottom: 1vw;
}

#fi_cons1 #usuari_data{
    display: flex;
    align-items: center;
    margin-left: 1.42vw;
    margin-bottom: 1vw;
}

#fi_cons1 #usuari_data .usuari_foto img{
    width: 4.11vw;
    height: 4.11vw;
    border-radius: 60px;
}

#fi_cons1 #proyect_data span{
    display: block;
    font-size: 1vw;
    font-weight: 300;
    margin-left: 1.5vw;
    margin-top: .5vw;
}

#fi_cons2 table{
    border: unset;
}

#fi_cons2 table thead{
    font-size: 1vw;
    text-align: center;
}

#fi_cons2 table thead th{
    vertical-align: middle;
    background-color: #7fb900;
    color: #fff;
}

#fi_cons2 table tbody{
    
}

#fi_cons2 table tbody td{
    text-align: center;
    background-color: #e9e9e9;
    border: 1px solid #70706f;
    font-size: .95vw;
}

#fi_cons2 table tbody .td_invis{
    border: unset;
    background-color: transparent;
}

#fi_cons2 table tbody .total{
    background-color: #7fb900;
    font-weight: 600;
    color: #fff;
    font-size: 1vw;
}

#fi_cons3{
    display: flex;
    justify-content: space-evenly;
    margin: 0vw 30vw;
}

#fi_cons3 button{
    width: 7vw;
    padding: .8vw .5vw;
    font-size: .9vw;
}

#fi_cons3 #aprobar{
    background-color: #59a800;
}

#fi_cons3 #negar{
    background-color: #77b2be;
}

#content_btnfin.MSGbox
{
    margin-top: 2vw;
    justify-content: center;
    align-items: center;
    height: 2.5vw;
    background-color: #7FB900;
    color: #fff;
    border-radius: 50px;
}

/************************ INI BTN SWITCH SLIDER ************************/

.div_switchslide{
    font-size: 1.2vw;
    display: flex;
    align-items: center;
}

#div_switchslide_inicio{
    float: right;
    margin-top: 1vw;
    margin-right: 1vw;
    width: 20vw;
    justify-content: space-between;
    font-size: 1.55vw;
    font-weight: 500;
    color: #01323B;
}

.switch {
  position: relative;
  display: inline-block;
  width: 3.3vw;
  height: 1.45vw;
  margin: 0;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider_onof {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider_on {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #77B2BE;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 0.83vw;
  width: 0.83vw;
  left: .3vw;
  bottom: .3vw;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #01323B;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(1.77vw);
  -ms-transform: translateX(1.77vw);
  transform: translateX(1.77vw);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#fecha_selectores
{
    margin: 1vw 14vw;
    padding: 1vw 4vw;
    border: 1px solid black;
    border-radius: 10px;
}

.fechas_avance{
    position: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2vw;
}

.send_fechas{
    display: flex;
    justify-content: center;
    margin-top: 1vw;
}

.send_fechas button{
    padding: 1vw;
    font-size: 1vw;
    background-color: #7fb900;
}

.content_pcpal_menu
{
    display: flex;
    justify-content: space-between;
}

.content_pcpal_menu .content_user
{
    margin: 1.5vw 0vw;
    padding: .7vw;
    background-color: #469c2e33;
    border-radius: 30px;
}

.content_user h4{
    margin: 0.5vw 0vw;
    font-size: 1.5vw;
    text-align: center;
}

.content_user .sec_btn
{ margin-top: 1vw; }

/************************ FIN BTN SWITCH SLIDER ************************/