body{
    background: white !important;
}

div[dnd-list] .dndPlaceholder{
    display: block;
    background-color: #5bc0de;
    min-height: 60px;
    padding: 0px !important;
    line-height: 60px;
    font-size: 20px;
    color: white;
    font-weight: bold;
    text-align: center;
    font-family: Helvetica-Bold;
}

div[dnd-list] .dndPlaceholder:after{
    content: "PONER AQUI";
}

@font-face{
    font-family: Helvetica-Bold;
    src: url("font/Helvetica-Bold.otf");
}

@font-face{
    font-family: Helvetica-Light;
    src: url("font/Helvetica-Light.otf");
}

@font-face{
    font-family: AovelSans;
    src: url("font/AovelSans.ttf");
}

.font-bold{
    font-family: Helvetica-Bold;
}

.ml-18{
    margin-left: 18px;
}

.btn:disabled{
    cursor: default !important;
}

.disabled>a{
    cursor: default !important;
}

.padding_1{
    padding: 1% !important;
}

.low_margin_top{
    margin-top: 2px !important;
}

.content_no_padding{
    padding: 0px !important;
}

.content_no_margin{
    margin: 0px important;
}

.full_height{
    height: 100% !important;
}

.full_width{
    width: 100% !important;
}

.stats_padding{
    padding: 4px;
}

.border_right{
    border-right: 1px solid #B5B2B1;
}

.border_left{
    border-left: 1px solid #B5B2B1;
}

.border_bottom{
    border-bottom: 1px solid #B5B2B1;
}

.border_top{
    border-top: 1px solid #B5B2B1;
}

.warning{
    color: #FBCA37;
    font-size: 1.5em;
}

.errorConn{
    overflow: hidden;
    background: #F4F5F7;
    padding: 4em;
}


#title_error,
#icon_error,
#text_error{
    color: #666666;
}

.input_white{
    background-color: #ffffff;
}

.input_default{
    background-color: #eee;
}

/**************** login dv ********************/
/*image login dv */ 
.log_img1{
    position: relative !important;
    width: 160px !important;
    top: 2.5em !important;
    right: 0em !important;
    bottom: 0em !important;
    left: 2em !important;
    z-index: 3;
}

.log_volver{
    position: relative !important;
    width: 160px !important;
    top: 2.5em !important;
    right: 0em !important;
    bottom: 0em !important;
    left: 2em !important;
    z-index: 3;
}
/*logo login dv */ 
.logo-login{
    padding: 0em !important;
    margin-top: 2em !important;
    margin-bottom: 1em !important;
}
/*img logo login dv */ 
.imglogo{
    padding: 0em 0em 2em 0em !important;
    width: 300px !important;
}

.view-pass{
    position: absolute;
    top: 10px;
    right: 30px;
    color: #606060;
}

.view-pass1{
    position: absolute;
    top: 10px;
    right: 30px;
    color: #606060;
    display: none;
}
/*text login dv */
.text_login{
    color: #636362 !important;
    font-size: 2em !important;
}
/*line login dv */ 
hr.separator{ 
    border-top: 0.7em solid #5FC4E8 !important;
    border-radius: 20px !important;
    margin-top: 0em !important;
    margin-bottom: 2em !important; 
} 
hr.separat{ 
    border-top: 0.3em solid #5FC4E8 !important;
    border-radius: 20px !important;
    margin-top: 1em !important; 
}
/*panel login dv */ 
.login_panel{
    margin-top: 7%;
    width: 400px !important;
}
/*input login dv */
.login_input{
    border-color: #636362 !important;
    border-radius: 0.5em !important;
    color: #636362 !important;
    font-size: 18px !important;
}

.login_input:focus{
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%),0 0 8px rgba(105, 112, 117, 60%) !important;

}
/*alerta login dv */
.alert_login{
    color:red !important;
    text-align:center !important;
}

.esp_forgot{
    margin-top: 5%;
}
/*text forgot login dv */
.text_forgot{
    color: #636362 !important;
    transition: all 0.3s ease !important;
    font-family: Helvetica !important;
    text-decoration: none !important;
    font-size: 1em !important;
    margin-top: 10em !important;
}
/*text forgot login hover dv */
.text_forgot:hover{
    color: #5FC4E8 !important;  
}
/*button login dv */
.btn_login{
    /* background: white !important; */
    margin-top: 10%;
    border-color: #5dc5e9 !important;
    background: #5dc5e9 !important;
    /* border-radius: 1em !important; */
    color: #fff !important;
    font-size: 15px !important;
    /* line-height: 5px !important; */
    font-weight: bold !important;
    width: 130px !important;
    height: 40px !important;
    /* transition: all 0.3s ease !important; */
}
/*button login hover dv */
/* .btn_login:hover{
    background: #5FC4E8 !important;
    border-color: #5FC4E8 !important;
    color: white !important;
} */
/*button login position dv */
/* .login_b{
    position: absolute !important;
    right: -8em !important;
    top: -3.9em !important;  
} */
/*img footer login dv */ 
.log_img2{
    position: relative !important;
    width: 160px !important;
    top: 6.5em !important;
    left: 2em !important;
    z-index: 3 !important;
    color: #636362 !important;
    font-size: 1.3em !important;
    font-weight: bold;
}
/*img footer login dv */ 
.imgfooter{
    padding: 0em 0em 0em 0em !important;
    width: 300px !important;
}
/*video fondo login dv */
video{
    top: 0;
    position: fixed !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    object-fit: cover !important;
    
    /* z-index: 1000; */
    /*-webkit-filter: sepia(100%);*/
}

/**************** forgot dv ********************/
/*logo forgot dv */ 
.logo-forgot{
    padding: 0em !important;
    margin-top: 1.5em !important;
    margin-bottom: 1em !important;
    margin-left: -1em !important;
}
/*img logo forgot dv */ 
.imgforgot{
    padding: 0em 0em 2em 0em !important;
    width: 300px !important;

}
/*text forgot login dv */
.text_forgot1{
    color: #636362 !important;
    transition: all 0.3s ease !important;
    font-family: Helvetica !important;
    text-decoration: none !important;
    font-size: 1em !important;
}
/*line forgot dv */ 
hr.separatorf{ 
    border-top: 0.7em solid #666666 !important;
    border-radius: 20px !important;
    margin-top: 0em !important;
    margin-bottom: 2em !important; 
} 
hr.separatf{ 
    border-top: 0.3em solid #666666 !important;
    border-radius: 20px !important;
    margin-top: 1em !important; 
}
/*input forgot dv */ 
.forgot_input{
    border-color: #8c8c8c !important;
    box-shadow: 0px 0px 2px #8c8c8c;
    border-radius: 0.6em !important;
    color: #636362 !important;
    font-size: 18px !important;
}
/*alerta forgot dv */
.alert_forgot{
    color:#5FC4E8 !important;
    text-align:center !important;
}
/*button forgot dv */
.btn_forgot{
    background: white !important;
    border-color: #666666 !important;
    border-radius: 1em !important;
    color: #636362 !important;
    font-size: 23px !important;
    line-height: 5px !important;
    width: 170px !important;
    height: 50px !important;
    transition: all 0.3s ease !important;
}
/*button forgot hover dv */
.btn_forgot:hover{
    background: #666666 !important;
    border-color: #666666 !important;
    color: white !important;
}
/*text forgot footer dv */
.text_footer{
    margin-top: 1.6em !important;
    /* margin-left: 0.6em !important; */
    color: #636362 !important;
    font-size: 1.3em !important;
    font-weight: bold !important;
}
/*text cafeinnova 2017 forgot dv */
.copyrigh{
    font-family: Helvetica-Light !important;
    color: #bcbcbc !important;
    width:100% !important;
    position: relative !important;
}
.copyrigh span{
    position: absolute !important;
    bottom: 1.2em !important;
    right: 3em !important;
}
.copyrigh1{
    font-family: Helvetica-Light !important;
    color: #bcbcbc !important;
    text-align: center !important;
    display: none;
}

/**************** home dv ********************/
/*titulo home dv */
.welcome{
    font-family: Helvetica-Bold !important;
}
/*welcome home dv */
.welcome_mess{
    font-family: Helvetica-Light !important;
    font-size: 1.2em !important; 
    color: black !important;
}

/**************** main dv ********************/
/* footer-login */

.footer-login{
    position: fixed;
    bottom: 0em;
    /* position: absolute;  */
    width: 100%;
    /* margin-top: 18%; */
}
.footer-forgot{
    position: fixed;
    bottom: 0em;
    /* position: absolute;  */
    width: 100%;
    /* margin-top: 18%; */
}


/*footer main dv */ 
.footer{
    position: fixed;
    bottom: 0em;
    width: 100%;
    border: none;
    background: white !important;
    margin-left: 17.9em;
}
/*img cafeingrey footer main dv */
.developed_company{
    position: relative;
    bottom: 1em;
    width: 150px;
}
/*text cafeinnova 2017 main dv */
.copyright{
    position: fixed;
    right: 1em;
    bottom: 1em;
    z-index: 10;
    font-family: Helvetica-Light;
    color: #bcbcbc;
}


.scroll-multiSelect ul{
    height: 350px; 
    overflow-y: scroll
}

.scroll-multiSelect::-webkit-scrollbar {
    -webkit-appearance: none;

}

.scroll-multiSelect::-webkit-scrollbar:vertical {
    width:10px;
}

.scroll-multiSelect::-webkit-scrollbar-button:increment,.scroll-multiSelect::-webkit-scrollbar-button {
    display: none;
} 


.scroll-multiSelect::-webkit-scrollbar:horizontal {
    height:5px;
}

.scroll-multiSelect::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.scroll-multiSelect::-webkit-scrollbar-track {
    border-radius: 10px;  
}


/*scroll main dv */
.scroll{
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
/*no scroll main dv */
.no-scroll{
    overflow: hidden;
}
/*style scroll main dv */
::-webkit-scrollbar{
    width: 11px;
    background-color: #F8F8F8;
} 
::-webkit-scrollbar-track{
    background: #F8F8F8;
    border: thin solid #F8F8F8;
    border-radius: 0em;
}
::-webkit-scrollbar-thumb{
    background: #0078FF;
    /*color de barra*/
    border: thin solid #0078FF;
    border-radius: 0em;
    -webkit-border-radius: 0em;
}

/**************** header dv ********************/
/*logo header dv */ 
.re-size{
    width: 220px !important;
    height: 70px !important;
    padding: 0em !important;
    top: 0.7em !important;
    position: absolute !important;
    margin-left: 0.5em !important;
}
/*img background header dv */ 
.sicoa_nav{
    border-color: transparent !important;
    background: #ffffff;
    background-image: url("../img/cabecera.png");
    height: 80px !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
}
/*icons header dv */
.header_styles{
    color: #5FC4E8 !important;
    font-size:1.7em !important;
}
/*title header name user dv */
.siaco_title{
    text-transform: capitalize !important;
    color: #636362 !important;
    transition: all 0.3s ease !important;
    font-size:1.1em !important;
}
.user_panel{
    transition: all 0.3s ease !important;
}

.user_panel_active{
    background: transparent !important;
    color: #636262 !important;
}

.user_panel2:hover{
    background: #ffff !important;
    /* color: #636262 !important; */
}

/* opciones de menu del header */
.user-options{
    margin-top: 7px;
    background-color: #636262;
    width: 260px !important;
    height: 230px;
    color: #fff;
}
.user-options>li>a{
    background-color: #636262;
    padding: 0.2em !important;
    margin: 1.1em !important;
    font-family: Helvetica-bold !important;
    color: #fff !important;
}
.user-options>li>a:hover{
    background: #636262 !important;
    color: #f6ff00 !important;
    font-family: Helvetica-bold !important;
    text-decoration: none !important;
}
.user-options>li>a:focus{
    background: #636262 !important;
    color: #f6ff00 !important;
    font-family: Helvetica-bold !important;
    text-decoration: none !important;
}
/*title my profile header dv */
.text_perfil{
    color: #ffffff  !important;
    margin-left: 1.2em !important;
    margin-right: 1.2em !important;
    font-family: Helvetica-Light !important;
}
/*close panel user header dv */
.close_dropdown{
    right: 1em !important;
    top: 0.8em !important;
    width: 23px !important;
    height: 23px !important;
    position: absolute;
    text-align: center !important;
    font-family: Helvetica-Light !important;
    font-size: 0.9em !important;
    transition: all 0.3s ease !important;
    color: #fff !important;
}
.close_dropdown:hover{
    /* background: #5FC4E8 !important; */
    color: white !important;
}
#user-component{
    position: fixed;
    top: 6px;
    right: 0;
    font-family: Helvetica-Bold;
    z-index: 20;
}

/**************** siderbar dv ********************/
/*title module active color dv */
.active a{
    color: #5FC4E8 !important;
    background: transparent !important;
}
/*title module siderbar dv */
.siaco_menu{
    border: none !important;
}
.siaco_menu_items{
    color: #636362 !important;
    font-family: Helvetica !important;
    text-align: left !important;
    transition: all 0.4s ease;
    font-size: 1.3em !important;
    border: none !important;
    padding: 0.7em 0em 0.5em 1.6em !important;
}

.siaco_menu_item{
    color: #46463f !important;
    font-family: Helvetica-Light !important;
    text-align: center !important;
    transition: all 0.4s ease;
    font-size: 1.3em !important;
    border: none !important;
    padding: 0.7em 0.5em 0.5em 0.5em !important;
}

.siaco_menu_items:hover{
    background: transparent !important;
    color: #000000 !important;
}
/*img footer siderbar dv */
.company_sidebar{
    position: fixed !important;
    bottom: 1em !important;
    width: 190px !important;
    margin-left: 1em !important;
}

/**************** view modulos dv ********************/
/*div view sicoa dv */
.rezise{
    bottom: 4em !important;
    min-height: auto !important;
    max-height: auto !important;
    top: 46px !important;
    position: absolute !important;
    padding: 3em !important;
    right: 0 !important;
    left: 0 !important;
    font-family: Helvetica-Light !important;
}
/*cursor pointer hand dv */
.hand{
    cursor: pointer !important;
}
/*Module title page dv */
.page_title{
    margin: 13px 0px 20px !important;
    border-color: transparent !important;
}

/*Module title page dv */
.text_module{
    font-family: Helvetica-bold !important;
}
/*Module icon page dv */
.icon_submodule{
    color: #5FC4E8 !important;
    font-size: 0.7em !important;
}
/*modulo subtitle page dv */
.text_submodule{
    color: #636362 !important;
    font-size: 0.6em !important;
    font-family: Helvetica-Light !important;
}
/*divider title page dv */
.divider_title{
    position: relative;
    height: 0.1em;
}
.divider_title:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(90deg, #5FC4E8 0%, #fff 100%);
    background-image: -webkit-linear-gradient(90deg, #5FC4E8 0%, #fff 100%);
    background-image: -moz-linear-gradient(90deg, #5FC4E8 0%, #fff 100%);
    background-image: -o-linear-gradient(90deg, #5FC4E8 0%, #fff 100%);
}

.divider-select{
    content: '';
    margin-top: 1%;
    right: 0;
    left: 0;
    height: 0.1em;
    
    background-color:#727070;
}



/*input search page dv */
.input_focus:focus{
    border-color: #5FC4E8 !important;
}
/*margin input search page dv */
.searching{
    margin-left:-12px !important;
}
/*text center page dv */
.text_center{
    text-align: center !important;
}
/*text center page subtitle dv */
.text-center>h3{
    margin-top: 0px !important;
}
/*text bold page dv */
.text-bold{
    font-family: Helvetica-bold !important;
}
/*button page dv */
.col-md-1_sicoa{
    width: 120px !important;
}
.col-md-2_sicoa{
    width: 160px !important;
}
/*button padding page dv */
.low_padding{
    padding: 3px !important;
}
/*button float right page dv */
.float_right{
    float: right !important;
}
.float_left{
    float: left !important;
}
/*cursor input disable page dv */
.form-control:disabled{
    cursor: default !important;
}
/*margin table page dv */
.low_margin{
    margin: 3px !important;
}
/*text center table page dv */
.text_center th{
    text-align: center !important;
    vertical-align: middle !important;
}
/*text center table page dv */
.text_center td{
    text-align: center !important;
    vertical-align: middle !important;
}
/*border table page dv */
.sicoa_table{
    border-color: #5FC4E8 !important;
    border-collapse: separate !important;
    text-align: center;
}


/*fields table page dv */
.table>tbody>tr>td{
    border-width: 1px !important;
}
/*headers table page dv */
.sicoa_table>th{
    font-family: Helvetica-Bold !important;
    border-bottom: solid #5FC4E8 !important;
    border-width: 1px !important;
    text-align: center;

    /* padding: 0% 15% 0% 15%; */
}
/*select table page dv */ 
.sicoa_table_select{
    color: #0077FF !important;
    transition: all 0.2s ease !important;
}
/*textarea page dv */ 
.no-sizing{
    resize: none !important;
}
.textarea{
    width: 100% !important;
    resize: none !important;
    height: 300px !important;
}
/*text help page dv */ 
.foreman{
    color: #3a3a3a;
    font-family: Helvetica-Bold;
}
/*no data page dv */ 
.no-data{
    margin-top: 0.5em !important;
    color: #636362 !important;
    margin-left: 2px !important;
    overflow-x: hidden !important;
}
/*text no data page dv */ 
.text_nodatatitle{
    font-size: 1.8em !important;
}
.text_nodata{
    font-size: 1.1em !important;
}
.text_nodataresult{
    color: #5FC4E8 !important;
}
/*pagination page dv */ 
#pagination{
    height: 30px;
}
#pagination>ul{
    margin: 10px 0px 0px 0px !important;
}
.pagination>.active>a{
    color: white !important;
    background: #5FC4E8 !important;
    transition: all 0.5s ease;
    border-color: #5FC4E8 !important;
}
.pagination>.active>a:hover{
    color: black !important;
    border-color: #5FC4E8 !important;
}
.pagination>li>a{
    color: black !important;
    transition: all 0.5s ease;
}
.pagination>li>a:hover{
    color: #5FC4E8 !important;
    background: #eeeeee !important;
}
/*text back page dv */
.text_back{
    font-size: 1.5em !important;
}

/**************** modulo binnacle dv ********************/
/*input binnacle dv */
.bit_input{
    border-color: #eee !important;
    opacity: 1 !important;
    border: 0px solid #eee;
    color: #636362 !important; 
    border-radius: 0em !important;
}
/*input placeholder binnacle dv */
.form-control.bit_input::-webkit-input-placeholder{
  color: #636362 !important;
}
/*hover table binnacle dv */
.table_hover_binnacle:hover{
    color: #0077FF !important;
    transition: all 0.2s ease !important;
}
/*img menu binnacle dv */ 
.imgmenu{
    padding: 2em 1.5em 0em 0em !important;
    width: 300px !important;
    text-align: left !important;
}
/*input binnacle dv */
.bit_inputt{
    border-color: #eee !important;
    opacity: 1 !important;
    border: 0px solid #eee;
    color: #636362 !important; 
    border-radius: 0em !important;
    width: 50% !important;
}
/*icon binnacle dv */
.icon_binnacle{
    color: #000 !important;
    font-size: 1.1em !important;
}
/*view list binnacle dv */
.text_list{
    color: #000 !important;
    font-size: 1em !important;
    font-family: Helvetica-Bold !important;
}
/*color ok control binnacle dv */
.color_ok{
    color: #5CB85C !important;
}
/*color some control binnacle dv */
.color_some{
    color: #EF922E !important;
}
/*color any control binnacle dv */
.color_any{
    color: #9E2500 !important;
}

.color_text{
    color: #606060 !important;
}


/**************** modulo estudiantes dv ********************/
/*input search entity dv */
.btn-default{
    border-color: #CCCCCC !important;
}
.btn-default:hover{
    border-color: #5FC4E8 !important;
    background-color: #ffffff !important;
}
.selectize-input.selectize-focus{
    border-color: #5FC4E8 !important;
}
/*input search color text dv */
.text-muted{
    color: #999 !important;
}
/*1 elemento activo filtro entidad dv */
.ui-select-bootstrap .ui-select-choices-row.active>span{
    color: #0077FF !important;
    text-decoration: none !important;
    outline: 0 !important;
    background-color: #ffffff !important;  
}
/*hover y focus filtro entidad dv */
.ui-select-bootstrap .ui-select-choices-row>span:hover, 
.ui-select-bootstrap .ui-select-choices-row>span:focus{
    text-decoration: none !important;
    color: #0077FF !important;
    background-color: #ffffff !important;
}
/*button padding dv */
.low_paddinges{
    padding: 3px !important;
    padding-top: 1.8em !important;
}
/*hover table students dv */ 
.table_hover_students:hover :nth-child(3){
    color: #0077FF !important;
    transition: all 0.2s ease !important;
}
/*input estudiantes dv */
.stu_input{
    border-color: #eeeeee !important;
    border-radius: 0em !important;
    opacity: 1 !important;
    border: 0px solid #eee;
    color: #636362 !important; 
    background-color: #eeeeee !important;
}
/*button selected student pae dv */
.button_selected{
    background: #5CB85C !important;
    border-radius: 0em !important;
    border-color: #5CB85C !important;
    color: white !important;
    transition: all 0.3s ease !important;
}
/*button default student pae dv */
/* .btn_default{
    background-color: #eeeeee !important;
    border-radius: 0em !important;
    border-color: #eeeeee !important;
    transition: all 0.4s ease !important;
}
.btn_default:hover{
    border-color: #5CB85C !important;
} */

/**************** modulo entity dv ********************/
/*hover table entity dv */ 
.table_hover_entity:hover :nth-child(1){
    color: #0077FF !important;
    transition: all 0.2s ease !important;
}
/*input entity dv */
.ent_input{
    border-color: #eeeeee !important;
    border-radius: 0em !important;
    opacity: 1 !important;
    border: 0px solid #eee;
    color: #636362 !important; 
    background-color: #eeeeee !important;
}


/**************** modulo news dv ********************/
/*hover table entity dv */ 
.table_hover_news:hover {
    color: #0077FF !important;
    transition: all 0.2s ease !important;
}
/*input entity dv */
.new_input{
    border-color: #eeeeee !important;
    border-radius: 0em !important;
    /* opacity: 1 !important; */
    /* border: 0px solid #eee; */
    color: #636362 !important; 
    /* background-color: #eeeeee !important; */
}


/*select entity dv */
.new_select{
    /* border-color: #eeeeee !important; */
    border-radius: 0em !important;
    height: 34.3px !important;
    opacity: 1 !important;
    /* border: 0px solid #eee; */
    color: #636362 !important; 
    /* background-color: #eeeeee !important; */
}

/**************** modulo visit dv ********************/
/*display none visit dv */
.display_none{
    display:none !important;
}
/*hover table visit dv :nth-child(3)*/ 
.table_hover_visits:hover{
    color: #0077FF !important;
    transition: all 0.2s ease !important;
}
/*input visit dv */
.vis_input{
    border-color: #eeeeee !important;
    border-radius: 0em !important;
    opacity: 1 !important;
    border: 1px solid #ccc;
    color: #636362 !important; 
    /* background-color: #eeeeee !important; */
}
/*select visit dv */
.vis_select{
    border-color: #eeeeee !important;
    border-radius: 0em !important;
    height: 34.3px !important;
    opacity: 1 !important;
    border: 0px solid #eee;
    color: #636362 !important; 
    background-color: #eeeeee !important;
}

/*attached visit dv */
.vis_adj{
    margin-left: -10px !important;
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    color: #62a140  !important;
    font-family: AovelSans !important;
    text-align: center !important;
    font-size: 4em !important;
    -webkit-text-stroke: 10px white !important;
    cursor: pointer !important;
}
.vis_adj [class*="icon-"]{
    display: block !important;
    cursor: pointer !important;
    transition-property: transform, color;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform, color;
    -webkit-transition-duration: 0.8s;
    -ms-transition-property: -ms-transform, color;
    -ms-transition-duration: 0.8s;
}
/*attached visit hover dv */
.vis_adj:hover [class*="icon-"]{
    cursor: pointer !important;
    color: #62a140 !important;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

/**************** modulo users dv ********************/
/*hover table users dv */
.table_hover_users:hover {
    color: #0077FF !important;
    transition: all 0.2s ease !important;
}
/*input user dv */
.use_input{
    border-color: #eeeeee !important;
    border-radius: 0em !important;
    /* opacity: 1 !important; */
    /* border: 0px solid #eee; */
    color: #636362 !important; 
    /* background-color: #eeeeee !important; */
}
/*select user dv */
.use_select{
    border-color: #eeeeee !important;
    border-radius: 0em !important;
    height: 34.3px !important;
    opacity: 1 !important;
    border: 0px solid #eee;
    color: #636362 !important; 
    background-color: #eeeeee !important;
}
/*button selected gender user dv */
.button_gender{
    background: #5CB85C !important;
    border-radius: 0em !important;
    border-color: #5CB85C !important;
    color: white !important;
    transition: all 0.3s ease !important;

}
.button_gender:hover{
    color: #000000 !important;
}


.icon_more{
    margin-left: -10px !important;
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    color: #62a140  !important;
    font-family: AovelSans !important;
    text-align: center !important;
    font-size: 4em !important;
    -webkit-text-stroke: 8px white !important;
    cursor: pointer !important;
}
/**************** modulo kaidi dv ********************/
/*hover table kaidi dv */
.table_hover_kaidi:hover{
    color: #0077FF !important;
    transition: all 0.2s ease !important;
}
/*input kaidi dv */
.kai_input{
    border-color: #eeeeee !important;
    border-radius: 0em !important;
    opacity: 1 !important;
    border: 0px solid #eee;
    color: #636362 !important; 
    background-color: #eeeeee !important;
}
/*select kaidi dv */
.kai_select{
    border-color: #eeeeee !important;
    border-radius: 0em !important;
    height: 34.3px !important;
    opacity: 1 !important;
    border: 0px solid #eee;
    color: #636362 !important; 
    background-color: #eeeeee !important;
}

.multi_select{
    padding:6px 12px !important;
}

.multi_select span {
    font-size:14px !important;
}

span.btn-primary{
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

span .btn-default:hover :focus :active{
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}



/**************** modal dv ********************/

/*line modal dv */
.line_modal{
    background: #62a140 !important;
    height: 15px !important;
}
/*borde modal dv */
.modal_border{
    border-color: #62a140 !important;
    border: solid;
    border-width: 2px !important;
}

/*line modal dv */
.line_modalD{
    background: #9e2500 !important;
    height: 15px !important;
}
/*borde modal dv */
.modal_borderD{
    border-color: #9e2500 !important;
    border: solid;
    border-width: 2px !important;
}

.line_modalF{
    background: #8678df !important;
    height: 15px !important;
}
/*borde modal dv */
.modal_borderF{
    border-color: #8678df !important;
    border: solid;
    border-width: 2px !important;
}

/*borde modal choice dv */
.modal_borderc{
    border-color: orange !important;
    border: solid;
    border-width: 2px !important;
}
/*line modal choice dv */
.line_modalc{
    background: orange !important;
    height: 15px !important;
}

/*body modal dv */
.modal_body_mobile{
    padding: 2em !important;
}
/*header modal dv */
.modal-header{
    padding: 1.2em 0em 1.2em ;
}

/*text modal dv */
.sicoa_title2{
    font-family: Helvetica-Bold;
}
/*body modal dv */
.modal-body{
    padding: 1.2em 0em 1.2em !important;
}
/*body modal dv */
.modal_body{
    color: black !important;
    font-size: 1.5em !important;
    font-weight: bold !important;
}
/*info modal dv */
.info_modal{
    font-family: Helvetica-Light !important;
    color: black !important;
}
/*footer modal dv */
.modal-footer{
    border: none !important;
}
/*footer modal img ecce dv */
.company_modal{
    margin-left: -2.4em !important;
    height: 50px !important;
}

/*** back modal dv ***/
/*text back modal dv */
.icon_backm{
    color: #5FC4E8 !important;
    font-size: 0.7em !important;
}
/*text back modal dv */
.text_backm{
    color: #636362 !important;
    font-size: 1em !important;
    font-family: Helvetica !important;
}

/*divider back modal dv */
.divider_modal{
    margin-top: 0.5em !important;
    position: relative;
    height: 0.1em;
}
.divider_modal:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(90deg, #5FC4E8 0%, #fff 100%);
    background-image: -webkit-linear-gradient(90deg, #5FC4E8 0%, #fff 100%);
    background-image: -moz-linear-gradient(90deg, #5FC4E8 0%, #fff 100%);
    background-image: -o-linear-gradient(90deg, #5FC4E8 0%, #fff 100%);
}
/*Module icon page dv */
.icon_modal{
    /*margin-right: 0.05em !important;*/
    color: #5FC4E8 !important;
    font-size: 1.4em !important;
    font-weight: bold !important;
}

/**************** buttons dv ********************/
/*button back page dv */
.btn_back{
    width: 33px !important;
    height: 33px !important;
    text-align: center !important;
    padding: 4px 0 !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
    border-radius: 4em !important;
    background: transparent !important;
    transition: all 0.4s ease;
    border-color: transparent !important;
    color: #636362 !important;
}
.btn_back:hover{
    color: #5FC4E8 !important;
}
/*buttons page dv */
.button_module{
    font-family: Helvetica-Light !important;
    color: white !important;
    background: #62a140 !important;
    border-radius: 0em !important;
    transition: all 0.3s ease !important;
}
.button_module:hover{
    border-color: #62a140 !important;
    color: #62a140 !important;
    background: white !important;
}
/*buttons add page dv */
.button_module_edit{
    font-family: Helvetica-Light !important;
    color: white !important;
    background: #ffaa1c !important;
    border-radius: 0em !important;
    transition: all 0.3s ease !important;
}
.button_module_edit:hover{
    border-color: #ffaa1c !important;
    color: #ffaa1c !important;
    background: white !important;
}
/*buttons delete page dv */
.button_module_delete{
    font-family: Helvetica-Light !important;
    color: white !important;
    background: #9e2500 !important;
    border-radius: 0em !important;
    transition: all 0.3s ease !important;
}
.button_module_delete:hover{
    border-color: #9e2500 !important;
    color: #9e2500 !important;
    background: white !important;
}
/*buttons add - acept page dv */
.btn_success{
    background: #5CB85C !important;
    color: white !important;
    border-radius: 0em !important;
    border-color: #5CB85C;
    transition: all 0.4s ease;
}
.btn_success:hover{
    background: white !important;
    color: #5CB85C !important;
}
/*buttons cancel page dv */
.btn_danger{
    background: #9E2500 !important;
    color: white !important;
    border-radius: 0em !important;
    border-color: #9E2500;
    transition: all 0.4s ease;
}
.btn_danger:hover{
    background: white !important;
    color: #9E2500 !important;
}

.btn_default{
    background: #aaa9a9 !important;
    color: #666666 !important;
    font-weight: bold;
    border-radius: 0em !important;
    border-color: #aaa9a9;
    transition: all 0.4s ease;
}
.btn_default:hover{
    background: white !important;
    color: #62a140 !important;
    border-color: #62a140;
}

.btn_default.help{
    background: #666666 !important;
    color: #ffffff !important;
    font-weight: bold;
    border-radius: 0em !important;
    /* border-color: #aaa9a9; */
    border-color: #666666;
}

.btn_default.help:hover{
    background: white !important;
    color: #666666 !important;
    border-color: #666666;
}


/*buttons cancel page dv */
.btn_finalize{
    background: #8678df !important;
    color: white !important;
    border-radius: 0em !important;
    border-color: #8678df;
    transition: all 0.4s ease;
}
.btn_finalize:hover{
    background: white !important;
    color: #8678df !important;
}


.img-modal{
    margin-top: 5%;
    width:400px;
    height:350px
}

/**************** zoom screen sicoa dv *******************/
/*max width 429px dv */
@media only screen and (max-width: 429px){
    /*panel login dv */
    .login_panel{
        position: relative !important;
        width: 100% !important;  
        right: 0 !important;
        left: 0 !important;  
    }
    /*img footer login dv */
    .log_img2{
        display: none !important;
    }
    /*logo home dv*/ 
    .re-size{
        margin-left: -0.5em !important;
    } 
    /*div view sicoa dv */
    .rezise{
        /* padding: 1em !important; */
        top: 75px !important;
        position: absolute !important;
    }
    /*Module title page dv */ 
    .page_title{
        font-size: 1.3em !important;
        margin-left: 0.2em !important;
    }
    /*Module title page dv */
    .text_module{
        font-size: 1.1em !important;
    }
    /*body modal dv */
    .modal_body_mobile{
        padding: 0em !important;
    }

    .hideColspan{
        display: none;
    }
}
/*max width 544px dv */
@media only screen and (max-width: 544px){
    .not_mobile{
        display: none !important;
    }

    .text_infoecce{
        font-size: 10px !important;
    }
}


/*max width 767px dv */
@media only screen and (max-width: 767px){
    /*image login dv */
    .log_img1{
        top: 0.5em !important;
        right: 0em !important;
        bottom: 0em !important;
        left: 0.5em !important;
    }
    /*button login position dv */
    .login_b{
        position: relative !important;
        right: 0em !important;
        top: 0em !important;  
    }
    /*img footer login dv */
    .log_img2{
        top: 7.1em !important;
        right: 0em !important;
        bottom: 0em !important;
        left: 0.5em !important;
        font-size: 0.9em !important;
    }
    .mobile_logos2{
        position: absolute !important;
        width: 100% !important;
        top:47.5em !important;
    }
    /*div text forgot login dv */
    .esp_forgot{
        margin-top: 8% !important
    }
    /*Line jump footer dv */
    .divider{
        display: none !important;
    }
    /*text forgot footer dv */
    .text_footer{
        text-align: center !important;
    }
    /*text cafeinnova 2017 forgot dv */
    .copyrigh{
        display: none !important;
    }
    .copyrigh1{
        display: block !important;
    }
    /*siderbar dv */
    .sicoa_sidebar{
        margin-top: 30px !important;
        background-color: #ffffff !important;
    }
    /*img footer siderbar dv */
    .company_sidebar{
        display: none !important;
    }
    /*footer main dv */
    .footer{
        margin-left: 0em !important;
    }
    /*header dv */
    #user-component{
        right: 45px;
    }

    .btn-estudiantes{
        margin-right: 1em;
    }

    .col-xxs-10{
        /* width: 75% !important; */
        width: 64% !important;
        font-size: smaller;
    }

    .col-xxs-1{
        width: 6% !important;
    }

    .score{
        width: 100% !important;
    }


}
/*max width 991px dv */
@media only screen and (max-width: 991px){

    .size_number{
        font-size: 3em !important;
    }

    .size_number_est{
        font-size: 2.6em !important;
    }
    .col-md-2_sicoa{
        width: 100% !important;
    }

    /*button float right page dv */
    .float_right{
        float: none !important;
    }
    /*button page dv */
    .col-md-1_sicoa{
        width: 100% !important;
    }
    /*button padding page dv */
    .low_padding{
        padding-top: 0em !important;
    }

    .icono_home{
        font-size: 1.4em !important;
    }

    .welcome_mess{
        font-size: 1em  !important;
    }

    .text_infoecce{
        font-size: 0.9em;
    }


}





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

    .size_number{
        font-size: 3em !important;
        text-align: center;
    }

    .size_text{
        font-size: 120% !important;
        padding-right: 0px;
    }


    .size_number_est{
        font-size: 2.6em !important;
    }
    .size_text_est{
        font-size: 1em;
        padding-left: 0px;
    }
    
}


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

    
        .size_number{
            font-size: 2.3em !important;
            text-align: center;
        }

        .size_text{
            font-size: 125% !important;
            padding-right: 10px !important;
            margin-right: 10px;
        }
    

        .size_number_est{
            font-size: 2.6em !important;
        }
        .size_text_est{
            font-size: 1em;
            padding-left: 0px;
        }
        .score{
            width: 100% !important;
        }

    }

    /*max width 1024px dv */
@media only screen and (max-width: 1024px){
    /*no scroll main dv */
    .no-scroll{
        overflow: auto;
    }

    .img-modal{
        width: 350px;
    }

    .size_number_est{
        font-size: 3em !important;
    }
    .size_text_est{
        font-size: 1em;
        padding-left: 0px;
    }

    .size_number{
        font-size: 3em !important;
        text-align: center;
    }
    .size_text{
        font-size: 150% !important;
    }

    .score span.spanText{

    }

}

/*min width 768px dv */
@media only screen and (min-width: 768px){
    .sicoa_sidebar{
        margin-top: 90px !important;
    }
    .sicoa_sidebar_height{
        top: 80px !important;
        bottom: 0 !important;
        background: #ffffff !important;
        position: fixed !important;
        width: 251px !important;
    }

    .imgInfo{
        margin-top: 10px;
    }



}

@media only screen and (min-width: 1024px){
 
    .imgInfo{
        margin-top: 160px;
    }
}

@media only screen and (min-width: 991px){

  
}


/*max height 540px dv */
@media only screen and (max-height:540px){
    /*div view sicoa dv */
    .rezise{
        bottom: 0em !important;
    }
    /*footer main dv */
    .footer{
        display: none!important;
    }

    .imgInfo{
        margin-top: 10px;
    }

}
/*max height 768px dv */
@media only screen and (max-height: 768px){
    /*Line jump footer dv */
    .divider{
        display: none !important;
    }
    /*logo login dv */ 
    .logo-login{
        margin-top: 0em !important;
        margin-bottom: 0em !important;
    }
    /*img logo login dv */ 
    .imglogo{
        padding: 0em 0em 0em 0em !important;
        width: 300px !important;
    }

    /*img logo login dv */ 
    .imgmenu{
        padding: 0em 0em 0em 0em !important;
        width: 300px !important;
    }
    /*logo forgot dv */
    .logo-forgot{
        margin-bottom: 0em !important;
    }
    /*img logo forgot dv */ 
    .imgforgot{
        padding: 0em 0em 0em 0em !important;
    }
    /*text forgot login dv */
    .text_forgot1{
        font-size: 1.3em !important;
    } 
    /*footer login*/ 
    .footer-login{
        position: sticky;
        margin-top: 25px;
    }
}
@media only screen and (max-height: 832px){
        /*Line jump footer dv */
        .divider{
            display: none !important;
        }
        /*logo login dv */ 
        .logo-login{
            margin-top: 0em !important;
            margin-bottom: 0em !important;
        }
        /*img logo login dv */ 
        .imglogo{
            padding: 0em 0em 0em 0em !important;
            width: 300px !important;
        }
    
        /*img logo login dv */ 
        .imgmenu{
            padding: 0em 0em 0em 0em !important;
            width: 300px !important;
        }
        /*logo forgot dv */
        .logo-forgot{
            margin-bottom: 0em !important;
        }
        /*img logo forgot dv */ 
        .imgforgot{
            padding: 0em 0em 0em 0em !important;
        }
        /*text forgot login dv */
        .text_forgot1{
            font-size: 1.3em !important;
        } 
        /*footer login*/ 
    .footer-forgot{
        margin-top: 0px;
        bottom: 0em;
        position: sticky;
    }
}
@media only screen and (max-width: 446px){
    /*Line jump footer dv */
    .divider{
        display: none !important;
    }
    /*logo login dv */ 
    .logo-login{
        margin-top: 0em !important;
        margin-bottom: 0em !important;
    }
    /*img logo login dv */ 
    .imglogo{
        padding: 0em 0em 0em 0em !important;
        width: 300px !important;
    }

    /*img logo login dv */ 
    .imgmenu{
        padding: 0em 0em 0em 0em !important;
        width: 300px !important;
    }
    /*logo forgot dv */
    .logo-forgot{
        margin-bottom: 0em !important;
    }
    /*img logo forgot dv */ 
    .imgforgot{
        padding: 0em 0em 0em 0em !important;
    }
    /*text forgot login dv */
    .text_forgot1{
        font-size: 1.3em !important;
    } 
    /*footer login*/ 
.footer-forgot{
    margin-top: 0px;
    bottom: 0em;
    position: sticky;
}
}


.fontAV
{
    font-family: AovelSans !important;
}

.back_shifts_wait
{
    position: fixed;
    z-index: 19;
    right: 3em;
    top: 4em;
    cursor: pointer;
    background: white;
    height: 60px;
    padding-top: 2.2em;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

.back_shifts_wait i a
{
    color:  #0078FF;
    text-decoration: none;
    transition: all 1.5s ease; 
    display: none;
}


/*attached visit dv */
.visit_adj{
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    color: black !important;
    font-family: AovelSans !important;
    text-align: center !important;
    font-size: 5em !important;
    transition: all 0.4s ease !important;
}
/*attached visit hover dv */
.visit_adj:hover{
    color: #0077FF !important;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.shift_add_modal{
    /*padding:5% !important;*/ 
    padding:5% 10% 5% 10% !important; 
}

/* --------------------------modulo exportar -------------------- */

.btn-export{
    background: #5CB85C !important;
    color: white !important;
    border-radius: 0em !important;
    border-color: #5CB85C;
    transition: all 0.4s ease;
    padding: 8% 20% 8% 20%;
    font-size: 1.2em;
    margin-right: 90px;
}


.quantity{
    text-align: center;
    color: #5CB85C;
    font-size: 3em;
    /* margin-bottom: 16%; */
}


/* módulo para graficas */

.btn_success:hover{
    background: white !important;
    color: #5CB85C !important;
}

.btn-graphic{
    margin-top: 35px;
    background: #444bff !important;
    color: white !important;
    border-radius: 38px !important;
    border-color: #444bff;
    border: 1px solid transparent;
    transition: all 0.4s ease;
    /* font-size: 1.1em !important; */
    padding-left: 15px;
    padding-right: 15px;
}

.btn-graphic:hover{
    cursor: pointer;
    background: #5f6bff !important;
   
}

.btn-home{
    background: #ffffff !important;
    color: #444bff !important;
    border-radius: 0em !important;
    border: 1px solid  #444bff;
    transition: all 0.4s ease;
    font-size: 1.3em !important;
    padding-left: 3%;
    padding-right: 3%;
}

.btn-estudiantes{
    color: #ffffff !important;
    border-radius: 0em !important;
    transition: all 0.4s ease;
    cursor: auto;
    margin-right: 1em;
}


.btn-estudiantes div div{
    font-size: 3em;
    margin-top: 0px;
}

.btn-emitir{
    color: #ffffff !important;
    border-radius: 0em !important;
    transition: all 0.4s ease;
    cursor: auto;
    font-size: 18px;
    text-align: center;
    padding:0.5em 0em 0.5em 0em;
    margin-bottom: 10%;
}

.text-date{
    font-size: 23px;
    margin-left: 4%;
    text-transform: capitalize;
}

.btn-tipoA{
    color: #ffffff !important;
    border-radius: 7em !important;
    transition: all 0.4s ease;
    cursor: auto;
    margin-bottom: 1em;
    font-size: 22px;
    float: none;
}

.btn-circle{
    color: #ffffff !important;
    border-radius: 50em !important;
    transition: all 0.4s ease; 
    border-color: transparent;   
    cursor: auto;
    font-size: 22px;
    margin-top: 10px;
}

.btnColorRi{
    background-color: #00dadd !important;
    border: 1px solid  #00dadd; 
    box-shadow: 0 6px 0 #0096a4
}

.btnColorAps{
    background-color: #ff9900 !important; 
    border: 1px solid  #ff9900; 
    box-shadow: 0 6px 0 #a1642a;
}

.btnDefaultTE{
    background-color: #999999 !important; 
    border: 1px solid  #999999; 
    box-shadow: 0 6px 0 #636363
}



.colorDefault{
    background-color: #999999!important; 
    border: 1px solid  #999999;  
}


.infoComedores{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    color: #ffffff !important;
    font-size: 15px;
}
.fondo_comedoresTot{
    background-color: #ff3c15 !important; 
    border: 1px solid  #ff3c15; 
    margin-bottom: 10px;
    margin-right: 12px;
}

.fondo_comedoresFin{
    background-color: #32d0a7 !important;
    border: 1px solid  #32d0a7;
    margin-bottom: 10px;
  
}


.fondo_comedoresIni{
    background-color: #66A5AD !important; 
    border: 1px solid  #66A5AD;
    margin-bottom: 10px;
  
}

.fondo_comedoresPend{
    background-color: #4343ff !important;
    border: 1px solid  #4343ff; 
    margin-bottom: 10px;
  
}
.infoEstudiantes{
    color: #ffffff !important;
    font-size: 15px;
}
.flex{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;

}

.fondo_estudiantesAdmit{
    background-color: #9a5ff7 !important;
    border: 1px solid  #9a5ff7;
    margin-bottom: 10px;
}

.fondo_estudiantesAtend{
    background-color: #67c1ea !important;
     border: 1px solid  #67c1ea;
     margin-bottom: 10px; 
}

.fondo_estudiantesPae{
    background-color: #62a140 !important;
    border: 1px solid  #62a140;
    margin-bottom: 10px;
}

.fondo_estudiantesNoPae{
    background-color: #d71422 !important; 
    border: 1px solid  #d71420;
    margin-bottom: 10px;
}

.size_number{
    font-size: 55px ;
}

.size_number_est{
    font-size: 40px ;
}

.size_text{
    font-size: 148%;
    font-weight: bold;
    padding-top: 5%;
}
.size_text_est{
    font-size: 135%;
}


/* CAMBIAR DISEÑO DE CHECKBOX DE GRÁFICAS*/

    .content-input-graphic input,
    .content-select select{
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-color: #888a88bb !important;

    }
    .content-input-graphic{
        margin-top: 10px;
        border-color: #888a88bb;

    }


    .content-input-graphic input[type=checkbox ]{
        width: 30px;
        height: 30px;
        border-radius: 15px;
        border: 1px #888a88bb solid

    }

    .content-input-graphic input[type=checkbox ] + i{
        width: 30px;
        height: 30px;
        border-radius: 15px;
        margin-top: 30px;

    }

    
    .content-input-graphic input[type=checkbox]:checked {
        background: #2ebf00;
    }
    
    .content-input-graphic input[type=checkbox]:checked + i{
        background: #2ebf00;
    }



    .content-input-graphic-disabled input,
    .content-select select{
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-color: #888a88bb !important;
    }



    .content-input-graphic-disabled{
        margin-top: 10px;
        border-color: #888a88bb;

    }


    .content-input-graphic-disabled input[type=checkbox ]{
        width: 30px;
        height: 30px;
        border-radius: 15px;
        border: 1px #888a88bb solid
    }

    .content-input-graphic-disabled input[type=checkbox ] + i{
        width: 30px;
        height: 30px;
        border-radius: 15px;
        margin-top: 30px;
    }
    
    .content-input-graphic-disabled input[type=checkbox]:checked {
        background: #888a88bb;
    }

    .content-input-graphic-disabled input[type=checkbox]:checked + i{
        background: #888a88bb;
    }
/*-----------------------------------*/


/* CAMBIAR DISEÑO DE CHECKBOX DE VISITAS*/

    .content-input input,
    .content-visit select{
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;

    }

    .content-visit{
        margin-top: 5px;
        /* display: flex; */
    }

    .content-input .visit{
        position: relative;
        margin-bottom: 35px;
        margin-top: 0px;
        /* display: flex; */
    }

    .content-input input.visit + i{
        background: transparent;
        border:1px solid #62a140;
        position: absolute; 
        left: 0;
        top: 0;
    }

    .content-input  input[type=checkbox ].visit + i{
        width: 50px;
        height: 50px;
        border-radius: 55px;
        align-items: center;
        margin-bottom: 10%;
    }

    .content-input input[type=checkbox]:checked.visit + i {
        background: #62a140;
    }
/*-----------------------------------*/


.alerta-info i{
    display: contents;
    position: relative;
    color:#afaeae;
}



@media (hover:hover){
    .alerta-info i:hover{
        color:#0077FF;
    }

    .alerta-info span{
        color:#0077FF;
    }
}


.info2 {
    top: 0%;
    padding-left: 5px;
    font-style: italic;
    z-index: 3; /*Los datos por encima de todo lo demás*/
    top: 10%;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition:all linear 0.5s 0s;
    -webkit-transition:all linear 0.5s 0s;
    transition:all ease 0.5s 0s;
}

.info2 i{
    color: #2ebf00;
}

.caja2:hover .info2{
    cursor: pointer;
    font-style: italic;
    filter: alpha(opacity=100);
    opacity:1;
}


/* -----------------MODAL GRAFICA ------------------- */

/* ---------------- sroll--------------  */
.content-grafica{
    height: 650px; 
    overflow-y: auto
}

.content-grafica::-webkit-scrollbar {
    -webkit-appearance: none;

}

.content-grafica::-webkit-scrollbar:vertical {
    width:10px;
}

.content-grafica::-webkit-scrollbar-button:increment,.content-grafica::-webkit-scrollbar-button {
    display: none;
} 


.content-grafica::-webkit-scrollbar:horizontal {
    height:5px;
}

.content-grafica::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

.content-grafica::-webkit-scrollbar-track {
    border-radius: 10px;  
}

/* ------------fin scrooll--------------------  */

.info-grafica-modal{
    padding-top: 5px;
    padding-bottom: 5px;
    color:#555!important;
    font-family: Helvetica-Bold !important;
    text-transform: capitalize;

}

.info-grafica-modal hr{
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal-body-mobile{
    padding-left: 2em;
    padding-top: 0.6em;
    padding-right: 2em;
    padding-bottom: 1em;
}

/* finalizados-------------- ---------------------*/

.grafica-headerFin{
    border-bottom: 3px solid #32d0a7;
}

.modalTextFin{
    color: #32d0a7;
    padding-top: 2%;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 1.7em;
}

/* ------------------------- */

/* iniciados-------------- */

.grafica-headerIni{
    border-bottom: 3px solid #66A5AD;
}

.modalTextIni{
    color: #66A5AD;
    padding-top: 2%;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 1.7em;
}

/* ------------------------- */

/* pendientes-------------- */

.grafica-headerPend{
    border-bottom: 3px solid #4343ff;
}

.modalTextPend{
    color: #4343ff;
    padding-top: 2%;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 1.7em;
}

/* ------------------------- */
.content-imagesModal{
    height: 600px; 
}


.carousel-inner>.item>img{
    display: initial;
}

.carousel-control.left{
    background-image: none;
    color: #000;
}

.carousel-control.right{
    background-image: none;
    color: #000;
}

.linkopacity{
	filter:alpha(opacity=50);
	-moz-opacity: 0.8;
	opacity: 0.8;
	-khtml-opacity: 0.8;
    cursor: pointer;
}
 
.linkopacity:hover{
	filter:alpha(opacity=100);  
	-moz-opacity: 1.0;  
	opacity: 1.0;
	-khtml-opacity: 1.0; 
}

.linkopacity:hover .centrado{
    visibility: hidden;

}

.contenedorImg{
    position: relative;
    display: inline-block;
    text-align: center;
}
.texto-encima{
    position: absolute;
    top: 10px;
    left: 10px;
}
.centrado{
    color: white;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

.btnTablaN{
    width: 30px;
    height: 30px;
    border-radius: 25px;
    align-items: center;
}



/* -----------------información ECCE ------------------  */

.titleEcce{
    color: #5FC4E8;
}

.textHelp{
    color:  #636362;
}

/* CAMBIAR DISEÑOS DE RADIO-BUTTON EN MODULO HELP  */

.input-help {
    border: none;
    border-bottom: 1px solid #636362;
    border-radius: 0;
  }
  
  .input-help:focus {
    outline: none;
    border-bottom: 1px solid #2875e9;
  }
  
  .content-input {
    display: flex;
    align-items: center;
  }
  
  .content-input input[type="radio"].help {
    width: 15px;
    height: 15px;
    margin-right: 5px;
  }
  
  .content-input input[type="radio"].help {
    border: 1px solid #969696;
    border-radius: 50%;
    width: 15px;
    height: 15px;
  }
  
  .content-input input[type="radio"].help:checked{
    background: #2875e9;
    border-color: #2875e9;
  }


/* TEXTO DE MODULO INFO ECCE  */

.text_infoecce{
    font-size: 1.1em;
    font-family: Helvetica-Light;
}

.circle-thin{
    width: 30px; 
    height: 30px; 
    border: 2px solid;
    border-radius: 50%;   
}

.match-container {
    overflow-x: auto !important;
    overflow-y: hidden !important;

}

.daterangepicker{
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    font-family: Helvetica-Light !important;
    text-transform: capitalize;
}

.daterangepicker td {
    color: #000;
    font-size: 1em;

}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #62a140;
  color: #fff;
}
/* 
input[type=time].form-control{
    font-family: Helvetica-Light !important;

} */

form.tab-form-demo .tab-pane {
    margin: 20px 20px;
  }

.nav-tabs{
    border-bottom: none;
    display: flex;
    justify-content: center;
    font-size: 0.8em;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: #000 !important;
    font-family: 'Helvetica-Bold';
    border: 1px solid #5fc4e8;
    background-color: #5fc4e8 !important;
    border-radius: 30px;
    width: 90px;
}


.nav-tabs>li{
    color: #000 !important;
    font-family: 'Helvetica-Bold';
    border: 1px solid #ddd;
    background-color: #bbc3c7 !important;
    border-radius: 30px;
    width: 90px;
}

.nav-tabs>li>a{
    color: #000 !important;
    font-family: 'Helvetica-Bold';
    border-color: transparent !important;
} 


/* INFORMACION DE PUNTAJE */
.score{
    font-size: 1em;
    border-radius: 7px;
    height: 5em;
    width: 50%;
}

.scoreBySect{
    font-size: 1em;
    border-radius: 7px;
    height: 3em;
    width: 50%;
}

.spanText{
   
    height: 100%;
    color: white;
    text-align: center;
    font-family: 'Helvetica-Bold';
    padding-top: 10px;
    word-wrap: break-word;
    white-space: normal;
}

.scoreBySect .spanText{
    padding-top: 0 !important;
}


.expected{
    border: 3px solid blue;
}

.obtained{
    border: 3px solid rgb(46, 46, 48);
}

.percentage{
    border: 3px solid #5fc4e8;
}


.expected span.spanText{
    background-color: blue;
}

.obtained span.spanText{
    background-color: rgb(46, 46, 48);
}

.percentage span.spanText{
    background-color:  #5fc4e8;
}

.expected span.spanScore{
    color: blue;
}

.obtained span.spanScore{
    color: rgb(46, 46, 48);
}

.percentage span.spanScore{
    color:  #5fc4e8;
}

.spanScore{
    height: 100%;
    font-size: 200%;
    text-align: center;
    font-family: 'Helvetica-Bold';
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    word-wrap: break-word;
    white-space: normal;

}

.scoreBySect .spanScore{
    padding-top: 0 !important;
}

.informationForm {
    display: flex;
    justify-content: center;
    margin: 7px;
}

.informationForm div{

    border: 2px solid;
    border-radius: 8px;
    border-color: red;
}

.number_manip{
    height: 240px;
    text-align: center;
}

.tab-content>.active {
    display: flex;
    flex-direction: column;
}

.tab-content p{
    align-self: center;
    background-color: #5fc4e8;
    border-radius: 4px;
    padding: 10px;
    color: white;
    font-weight: bold;
}


.date-picker-container {
    position: relative;
}

.date-picker-container .clear-button {
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
}

.date-picker-container input {
    padding-right: 10px; /* Espacio para el botón de borrar */
}

.date-picker-container input::-webkit-clear-button {
    display: none;
}

.date-picker-container input::-ms-clear {
    display: none;
}

.date-picker-container input::after {
    content: 'X';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #ccc;
    cursor: pointer;
}

.date-picker-container input:focus::after {
    color: red; /* Cambia el color al enfocar el input */
}


.color-cell {
    position: relative;
}
  
.circle {
    width: 50%;
    height: 90%;
    border-radius: 50%;
    position: absolute;
    max-height: 25px;
}
.circle-label {
    display: inline-block;
    border-radius: 50%;
    width: 20px;  /* Ancho del círculo */
    height: 20px; /* Altura del círculo */
    margin-right: 10px; /* Espacio entre el círculo y el texto */
  }