@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

body { display: block; margin: 0px; font-family: Roboto; }
h1{font-size: 40px; font-weight: 300; margin: 1% auto;}
h3{font-size: 20px; margin: 1% auto;}
p{margin: 0%;}

.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}

.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}

.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}

.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px !important;}
.mr40{margin-right: 40px !important;}


.fl50{display: flex; flex: 48%; flex-flow: row wrap;}
.fl100{display: flex; flex: 100%; flex-flow: row wrap; justify-content: space-between; align-items: flex-end;}
.fl75{flex: 74%;}
.fl65{flex: 64%;}
.fl35{flex: 34%;}
.fl25{flex: 24%;}

.flend{justify-content: flex-end;}

.fl50 img, .fl35 img, .fl65 img, .fl100 img{width: 100%;}

.left{text-align: left; justify-content: flex-start;}

.tb_grn{color: #036635;}
.tb_red{color: #de2f1b;}
.clr_blue{color: #0048a7;}

.inp_250{width: 100%; max-width: 315px;}
.inp_128{width: 100%; max-width: 128px;}
.inp_180 { width: 100%; max-width: 128px;}
.inp_80{width: 100%; max-width: 80px;}

.centrado{text-align: center; margin: auto;}

.comp_input_txt{position: relative; font-family: Arial;}
.comp_input_txt p{position: absolute; font-size: 16px; color: #1a1a1a; top: -10px; left: 10px; background: #fff; padding: 0px 10px;}
.comp_input_txt input[type="text"], .aui .comp_input_txt input[type="password"], input{width: 100%; padding: 15px 10px; border: 1px solid #cccccc; border-radius: 4px; background: #ffffff; font-size: 14px; color: #121212; display: block; box-sizing: border-box;}

.nota{font-size: 12px; color: #55667A;}
.tit_grl{font-size: 25px; color: #0048a7;}

.btn_prin{width: fit-content; padding: 15px 50px; border-radius: 15px; background: #de2f1b; font-family: Arial; font-size: 16px; color: #ffffff; text-align: center; font-weight: bold; margin: 5px auto; cursor: pointer;}
.btn_prin:hover{background-color: #b73b2e;}
.btn_a_sec{width: 100%; padding: 15px 0px; border-radius: 15px; border: 2px solid #0067ee; background: #ffffff; font-family: Arial; font-size: 16px; color: #0067ee; text-align: center; font-weight: bold; margin: 0px auto; cursor: pointer;}
.btn_a_sec:hover{background-color: #0067ee; color: #fff;}
.btn_conts{width: fit-content; padding: 15px 50px; border-radius: 15px; background: #f5b603; font-family: Arial; font-size: 16px; color: #1a1a1a; text-align: center; font-weight: bold; cursor: pointer;}
.btn_conts:hover{background-color: #f59c02;}

.link, a{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0276BA;}

.select{padding: 14px 2%; border: 1px solid #cccccc; border-radius: 5px; font-family: Arial; font-size: 16px; color: #0071d1; text-align: center; font-weight: bold; height: auto; width: auto; max-height: 49px;}
.select option{text-align: left; white-space: normal; font-weight: bold;}

.bloq_blue_head_med a{font-family: Roboto; font-size: 15px; color: #ffffff; text-decoration: none; font-weight: 100;}

.txt_gen{font-family: Roboto; font-size: 15px; color: #1a1a1a;}

.blu_head { display: flex; background: #0276ba; justify-content: center; color: #fff; padding: 0% 0% 2%; }
.blu_head_admon { display: flex; background: #003f91; justify-content: center; color: #fff; padding: 3% 0% 5%; }
.cont_gen { width: 95%; max-width: 1000px; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0% auto; margin-top: 25px; }
.bloq_blue_head_med { flex: 49%; align-items: center; display: flex; position: relative;}
.bloq_blue_head_gd { flex: 100%; text-align: center; }

.cont-toltip-log{position: relative; margin: 0px 10px;}

.bloq_gen_brd_gd {
    width: 100%;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.1);
    border-radius: 10px;
    border: solid 1px #c9c9c9;
    display: flex;
    flex-flow: row wrap;
    padding: 3% 1%;
    box-sizing: border-box;
    justify-content: space-between;
    background: #fff;
    position: relative;
    top: -55px;
}
.bloq_gen_brd_gd_adm {
    width: 100%;
    max-width: 800px;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.1);
    border-radius: 10px;
    border: solid 1px #c9c9c9;
    display: flex;
    flex-flow: row wrap;
    padding: 3%;
    box-sizing: border-box;
    justify-content: space-between;
    background: #fff;
    position: relative;
    top: -55px;
    margin: auto;
}

.bloq_gen_gd {z-index: 2; width: 100%; display: flex; flex-flow: row wrap; flex: 100%; }
.bloq_gen_gd p{flex: 100%;}
.bloq_gen_gd img{width: 100%;}

.pl_bl_bloq_gen { width: 100%; position: relative; background: #0048a7; text-align: center; padding: 10px; box-sizing: border-box; color: #fff; font-size: 20px; border-radius: 10px 10px 0px 0px; }
/*display: flex;*/
.bloq_sec_gen_brd {  flex-flow: row wrap; padding: 10px; box-sizing: border-box; justify-content: space-between; align-items: flex-end;}

.bloq_gen_brd_40 { box-shadow: 3px 3px 8px rgba(0,0,0,0.1); border: solid 1px #c9c9c9; border-radius: 10px; flex: 39%; max-width: 600px; }
.bloq_gen_brd_60 { box-shadow: 3px 3px 8px rgba(0,0,0,0.1); border: solid 1px #c9c9c9; border-radius: 10px; flex: 59%; max-width: 700px; }
.bloq_gen_brd_65 { box-shadow: 3px 3px 8px rgba(0,0,0,0.1); border: solid 1px #c9c9c9; border-radius: 10px; flex: 64%; max-width: 650px; }
.bloq_gen_brd_30 { box-shadow: 3px 3px 8px rgba(0,0,0,0.1); border: solid 1px #c9c9c9; border-radius: 10px; flex: 30%; max-width: 340px; }
.bloq_gen_brd_25 { box-shadow: 3px 3px 8px rgba(0,0,0,0.1); border: solid 1px #c9c9c9; border-radius: 10px; flex: 25%; max-width: 280px; }
.bloq_gen_brd_20 { box-shadow: 3px 3px 8px rgba(0,0,0,0.1); border: solid 1px #c9c9c9; border-radius: 10px; flex: 20%; max-width: 205px; }

.cont_spe_cont_gen{ width: 95%; max-width: 1000px; display: flex; flex-flow: row wrap; margin: 0% auto;}
.bloq_spe_gen_brd_35 { flex: 34%; max-width: 250px; margin-left: 30px; }


.nota div{ width: 9px; height: 9px; margin: auto 5px; display: inline-block; }

.cl_azu { background: #287f88; }
.cl_pub { background: #26303f; }
.cl_sur { background: #25b1ec; }

.tab_cons_gen{ width: 100%; margin: auto; border-radius: 5px; }
.tab_cons_gen thead{ background: #0048a7; color: #fff; font-family: Roboto; font-size: 12px; text-align: center; font-weight: bold; height: 60px; }
.tab_cons_gen thead tr th {text-align: center;}
.tab_cons_gen tbody tr { background: #e7f1fa; text-align: center; height: 40px; font-family: Roboto; color: #0a0a0a; font-size: 12px; }
.tab_cons_gen tbody tr:nth-child(even) { background: #f2f5fa; }
.tab_cons_gen tbody tr td + td + td { font-weight: bold; }

.li_cons{ list-style: none; margin: 0px; padding: 0px; }
.li_cons li{ border-bottom: 1px solid #c9c9c9; padding: 15px 0px; }

.drp-cont{display: none; position: absolute; z-index: 1; font-size: 15px; color: #ffffff; background: #0048a7; border-radius: 5px; width: 275px; height: auto; padding: 20px; box-sizing: border-box; left: -215px; top: 75px;}
.drp-cont a{font-size: 15px; color: #ffffff; flex: 100%; margin: 5px auto; text-decoration: underline;}
.drp-cont-adm{display: none; position: absolute; z-index: 3; font-size: 15px; color: #ffffff; background: #0067ee; border-radius: 5px; width: 275px; height: auto; padding: 20px; box-sizing: border-box; left: -215px; top: 75px;}
.drp-cont-adm a{font-size: 15px; color: #ffffff;}


.active { font-weight: 600; }
.tab-content { display: none; }
.show {display: flex;}

.tri{z-index: 1; position: absolute; top: -15px; right: 20px; width: 46px; height: 46px; background: #0048a7; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.tri-adm{z-index: 1; position: absolute; top: -15px; right: 20px; width: 46px; height: 46px; background: #0067ee; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}

.drp-btn{cursor: pointer;}

#faq_btn, #log_btn{width: 35px; height: 35px; text-align: center; border-radius: 20px; padding: 3px; box-sizing: border-box;}
#faq_btn:hover, #log_btn:hover{background: #0048a7;}
#faq_btn:hover:after{content: "Ayuda"; text-align: center; margin-left: -30%;}
#log_btn:hover:after{content: "Perfil"; text-align: center; margin-left: -30%;}

.ico_calendar{position: absolute; top: 10px; right: 10px; max-width: 25px;}
.ico_copy{ max-width: 15px;}
.ico_mouse{ max-width: 45px;}

.icon_alert{position: absolute; right: 15px;}
#ui-datepicker-div{z-index: 99 !important;}

.btn_search{position: absolute; background: #0067ee; border-radius: 0px 5px 5px 0px; right: 0px; padding: 9px; box-sizing: border-box; cursor: pointer;}

#msg_alert{display: flex; justify-content: space-between; position: fixed; background: #fff; width: 100%; max-width: 600px; margin-left: 50%; left: -300px; top: 0px; border-radius: 0px 0px 5px 5px; font-size: 15px;}
#msg_alert .msg_alert_ico{background: #de2f1b;
    padding: 7px 9px;
    border-radius: 0px 0px 0px 5px;}
.msg_alert_txt{ color: #1a1a1a; padding: 7px 10px;}
.msg_alert_close{border-left: solid 1px #ededed; padding: 7px 9px; border-radius: 0px 0px 0px 5px;}
.msg_alert_red{padding: 7px 10px;}

#bodyLog{background: url(../img/bg-login.jpg); background-repeat: no-repeat; background-size: cover;}
.cont_log{max-width: 500px; border-radius: 10px; box-shadow: 3px 3px 8px rgba(0,0,0,0.1); border: solid 1px #c9c9c9; margin: 5% auto; background: #fff; padding: 30px; box-sizing: border-box;}
.tit_log_blue{font-size: 30px; font-family: Roboto; color: #00bef5;}
.sub_log_blue{font-size: 22px; font-family: Roboto; color: #00bef5;}
.img_tit_log{border-bottom: solid 1px #cccccc;}
.txt_login{font-family: Arial; font-size: 16px; color: #1a1a1a;}

.result tr td{background: #dfe9f2; font-family: Roboto; font-size: 12px; color: #0a0a0a; text-align: center; height: 60px;}
.bloq_table{overflow-x: scroll; overflow-y: auto; max-width: 100%; position: relative;}

#res_busc{display: none;}
.info_ico{max-width: 20px; height: 20px;}
.info_arro{max-width: 18px; height: 18px;}
.result tr th.th_fijo{background: #e2a806; color: #0a0a0a; min-width: 138px;}
.result tr td.td_fijo{background: #fcf2d4; color: #0a0a0a; min-width: 138px;}

#cont_table{height: 550px;}
/*#table_resul{position: absolute;}*/

.result tr th.cont_flex_tab { background: #0048a7; font-family: Roboto; font-size: 12px; color: #ffffff; font-weight: bold; height: 60px; }
.cont_flex_tab div, .th_fijo div{display: flex; padding: 3px; justify-content: space-between; box-sizing: border-box;}
.cont_flex_tab div, .ico-th div{display: flex; padding: 3px; justify-content:center; align-items:center; box-sizing: border-box;}

.cont_flex_tab .info_arro, .th_fijo .info_arro{transition: opacity 0.5s ease-in-out; opacity: 0;}
.cont_flex_tab:hover .info_arro, .th_fijo:hover .info_arro{opacity: 1;}


.daterangepicker,
.yearly table.table-condensed .monthselect,
.yearly table.table-condensed thead tr:nth-child(2),
.yearly table.table-condensed tbody,
.monthly table.table-condensed thead tr:nth-child(2),
.monthly table.table-condensed tbody {
    display: none;
}

.daterangepicker.monthly .drp-calendar,
.daterangepicker.yearly .drp-calendar {
    width: 1000px !important;
}

.yearly table.table-condensed .yearselect {
    width: 100%;
}

.footer_center {
    text-align: center;
}