html{
    box-sizing: border-box;
    font-size: 15px;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
}
*,*:before,*:after{
    box-sizing: inherit;
}
body{
    margin: 0px;
    padding: 0px;
    font-family: Roboto;
}
p{
    margin-top: 0px;
}
form{
    margin: 0px;
}
.allwrap100{
    width: 100%;
    height: auto;
    min-width: 350px;
    min-height: 100%;
    background-color: rgb(50, 46, 73);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}
.allwrap_bannertop{
    background-color: rgb(240, 242, 245);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    max-width: 900px;
    width: 100%;
    box-shadow: 0px 0px 10px black;
    position: sticky;
    position: -webkit-sticky;
    top: 0px;
    z-index: 90;
}
.allwrap{
    background-color: rgb(240, 242, 245);
    margin: 0px 50px 0px 50px;
    padding: 0px 20px 0px 20px;
    max-width: 900px;
    width: 100%;
    box-shadow: 0px 0px 10px black;
    position: relative;
    flex: 1;
}
.bannertop {
    width: 100%;
    height: 80px;
    background-color: white;
    z-index: 150;
    box-shadow: 0px 5px 5px rgb(177, 177, 177);
    font-size:90px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.bannertop_menubtn {
    width: 60px;
    background-color: white;
    float: left;
    margin: 10px 0px 10px 0px;
    font-size: 85px;
    text-align: center;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(imgs/menubtn.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bannertop_address{
    min-width: 135px;
    background-color: white;
    float: left;
    margin: 10px 10px 10px 10px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bannertop_neighborhood_logo {
    width: 80px;
    float: left;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.bannertop_neighborhood_name {
    font-size: 15px;
    text-align: left;
    color: rgb(31, 31, 31);
    font-weight: bold;
    line-height: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.bannertop_user {
    width: 60px;
    height: 60px;
    float: right;
    margin: 10px 0px 10px 10px;
    cursor: pointer;
    display: none;
}
.screen_closed {
    display: none;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    animation: closedarkener1 1s ease forwards, closedarkener2 0.5s ease 1s forwards;
}
.screen_darken {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    z-index: 100;
    position: fixed;
    top: 0px;
    left: 0px;
    animation: opendarkener 1s ease 0s forwards;
}
.menu_open {
    width: 80%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: -100%;
    z-index: 200;
    background-color: white;
    animation: openmenu 0.8s ease forwards;
    box-shadow: 5px 0px 10px black;
    overflow-y: auto;
    max-width: 350px;
}
.menu_closed {
    width: 80%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: white;
    animation: closemenu 0.8s ease forwards;
    z-index: 200;
    box-shadow: 5px 0px 10px black;
    max-width: 350px;

}
@keyframes openmenu {
    100% {left: 0px;}
}
@keyframes closemenu {
    100% {left: -100%;}
}
@keyframes opendarkener {
    100% {opacity: 0.8;}
}
@keyframes closedarkener1 {
    100% {opacity: 0;}
}
@keyframes closedarkener2 {
    100% {display: none;}
}
@keyframes btnup {
    100% {margin-top: 5px;}
}
@font-face {
    font-family: Roboto;
    src: url(fonts/Roboto-Regular.ttf);
}
.menu_title{
    width: 90%;
    height: auto;
    margin: 5px 5px 5px 10px;
    float: left;
    padding-top: 10;
    font-size: 20px;
    color: black;
}
.menu_separator{
    width: 90%;
    height: 5px;
    margin: 5px 0px 5px 20px;
    border-bottom: 5px dotted rgb(134, 134, 134);
    float: left;
}
.menu_item{
    width: 90%;
    height: 40px;
    margin: 5px;
    float: left;
    border-radius: 5px;
    border: 1px solid rgb(255, 255, 255);
}
.menu_item:hover{
    background-color: rgb(217,229,255);
    cursor: pointer;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
}
.menu_item_icon{
    width: 30px;
    height: 30px;
    margin: 5px;
    float: left;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.menu_item_text{
    width: auto;
    height: auto;
    margin: 5px 0px 5px 10px;
    float: left;
    padding-top: 0px;
    font-size: 20px;
    color: black;
}
#blocker{
    width: 100%;
    height: 80px;
    top: 0px;
    left: 0px;
    z-index: 0;
    max-height: 15%;
    min-height: 80px;
}
.page_img{
    width: 100%;
    height: 120;
    margin: 5px 0px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid rgb(255, 255, 255);
    border-bottom: none;
    background-image: url("imgs/page_entrada.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.page_index{
    margin-top: 20px;
}
.page_empleados{
    background-image: url("imgs/page_empleados.png");
    border-radius: 10px 10px 10px 10px;
}
.page_micuenta{
    background-image: url("imgs/page_micuenta.png");
    border-radius: 10px 10px 10px 10px;
    background-position: bottom;
}
.carholder {
    width: 100%;
    height: 200px;
    overflow-x: auto;
    overflow-y: hidden;
}
.carholder_wapper{
    width: 680px;
    height: 190px;
}
.carholder_btn{
    width: 150px;
    height: 90%;
    margin: 2px 5px 0px 5px;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    float: left;
    box-shadow: 0px 3px 10px rgb(180, 180, 180);
}
.carholder_btn_img{
    width: 100%;
    height: 60%;
    padding: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.carholder_btn_txt{
    width: 100%;
    height: 35%;
    margin: 5px 0px 0px 0px;
    padding: 5px;
    font-size: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.carholder_btn:hover{
    margin-top: 0px;
    cursor: pointer;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    background-color: rgb(187, 208, 255);
}
.estatus100 {
    width: 100%;
    z-index: 0;
    cursor: pointer;
}
.estatus_wrapper {
    margin: 0px 0px 10px 0px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    border-top: none;
    overflow: hidden;
    display: flex;
}
.e_color1 {
    background-color: rgb(163, 228, 184);
}
.e_color2 {
    background-color: rgb(163, 228, 184);
}
.e_color3 {
    background-color: rgb(224, 228, 163);
}
.e_color4 {
    background-color: rgb(228, 163, 163);
}
.estatus_txt{
    color: black;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    text-overflow: initial;
    padding: 10px;
}
.estatus_img{
    width: 48px;
    min-height: 56px;
    float: left;
    margin: 15px 5px 15px 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.e_img1{
    background-image: url("imgs/st_green.png");
}
.e_img2{
    background-image: url("imgs/st_soon.png");
}
.e_img3{
    background-image: url("imgs/st_yellow.png");
}
.e_img4{
    background-image: url("imgs/st_block.png");
}
.e_img5{
    background-image: url("imgs/st_green.png");
}
.thepage {
    border: 0px;
    color: black;
    background-color: rgb(255, 243, 210);
    height: auto;
    width: 100%;
    z-index: 0;
    display: inline-flex;
}
.visitas_carholder_100{
    width:100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.visitas_carholder{
    height: 110px;
    background-color: rgb(209, 209, 209);
    margin: 10px 10px 10px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 8px 8px 8px;
    border-radius: 10px;
    box-shadow: inset 0px 5px 5px gray;
}
.visitas_carholder_titleline{
    width: 100%;
    height: 42px;
    position: relative;
}
.visitas_carholder_title{
    font-size: 15px;
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    float: left;
    overflow: hidden;
    padding-right: 90px;
}
.visitas_carholder_edit{
    min-width: 70px;
    height: 30px;
    font-size: 12px;
    margin: 4px 0px 5px 0px;
    background-color: rgb(211, 230, 182);
    padding: 7px 10px 7px 10px;
    font-weight: bold;
    position: absolute;
    right: 0px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
}
.visitas_inline_btn{
    min-width: 70px;
    height: 30px;
    font-size: 12px;
    margin: 4px 20px 5px 0px;
    background-color: rgb(211, 230, 182);
    padding: 7px 10px 7px 10px;
    font-weight: bold;
    position: absolute;
    right: 0px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
}
.visitas_carholder_edit:hover{
    background-color: greenyellow;
    cursor: pointer;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    margin-top: 3px;
}
.visitas_inline_btn:hover{
    background-color: greenyellow;
    cursor: pointer;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    margin-top: 3px;
}
.visitas_carholder_wrapper{
    width: 924px;
    height: 85px;
}
.visitas_carholder_btn{
    width: 80px;
    height: 94%;
    margin: 2px 7px 0px 2px;
    padding: 5px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
    float: left;
    background-color: rgb(217, 229, 255);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-overflow: clip;
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.visitas_carholder_btn_selected{
    width: 80px;
    height: 94%;
    margin: 0px 7px 0px 2px;
    padding: 5px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
    float: left;
    background-color: rgb(187, 208, 255);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-overflow: clip;
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.visitas_carholder_btn_unselected{
    width: 80px;
    height: 94%;
    margin: 2px 7px 0px 2px;
    padding: 5px;
    border: 1px solid rgb(168, 168, 168);
    border-radius: 8px;
    float: left;
    background-color: rgb(230, 230, 230);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-overflow: clip;
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.visitas_carholder_btn:hover{
    cursor: pointer;
    border: 1px solid rgb(255, 255, 255);
    margin-top: 0px;
    background-color: rgb(187, 208, 255);
}
.visitas_carholder_btn_delete{
    width: 25px;
    height: 25px;
    border-radius: 30px;
    background-color: rgb(255, 53, 53);
    border: 1px solid white;
    position: absolute;
    top: -5px;
    right: -3px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    color: white;
    text-shadow: 0px 1px 0px rgb(31, 0, 0);
    text-align: center;
    font-size: 30px;
    font-weight: bolder;
    z-index: 10;
}
.visitas_carholder_btn_delete2{
    width: 25px;
    height: 25px;
    border-radius: 30px;
    background-color: rgb(255, 53, 53);
    border: 1px solid white;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    color: white;
    position: relative;
    top: -5px;
    left: -20px;
    text-shadow: 0px 1px 0px rgb(31, 0, 0);
    text-align: center;
    font-size: 30px;
    font-weight: bolder;
    cursor: pointer;
}
.visitas_carholder_separator_delete2{
    width: 5px;
    height: 94%;
    float: left;
    position: relative;
}
.visitas_carholder_btn_delete2:hover{
    background-color: red;
    top: -6px;
    cursor: pointer;
}
.visitas_carholder_btn_delete_txt{
    position:relative;
    top:-12px
}
.visitas_carholder_btnEdit{
    width: 80px;
    height: 94%;
    margin: 2px 2px 0px 2px;
    padding: 5px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
    float: left;
    background-color: rgb(217, 229, 255);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-overflow: clip;
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.visitas_carholder_btnEdit_selected{
    width: 80px;
    height: 94%;
    margin: 0px 2px 0px 2px;
    padding: 5px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
    float: left;
    background-color: rgb(187, 208, 255);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-overflow: clip;
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.visitas_carholder_btnEdit_unselected{
    width: 80px;
    height: 94%;
    margin: 2px 2px 0px 2px;
    padding: 5px;
    border: 1px solid rgb(168, 168, 168);
    border-radius: 8px;
    float: left;
    background-color: rgb(230, 230, 230);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-overflow: clip;
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    cursor: pointer;
}
.visitas_carholder_btnEdit:hover{
    cursor: pointer;
    border: 1px solid rgb(255, 255, 255);
    margin-top: 0px;
    background-color: rgb(187, 208, 255);
}
.visitas_title{
    width: 100%;
    height: 22px;
    font-size: 15px;
    margin: 10px 0px 10px 0px;
    font-weight: bold;
    overflow: hidden;
}
.error_titleline{
    width: 100%;
}
.error_title{
    height: auto;
    font-size: 15px;
    margin: 5px 20px 5px 20px;
    padding: 5px;
    overflow: hidden;
    text-align: center;
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    background-color: firebrick;
    cursor: pointer;
}
.tip_title{
    height: auto;
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    padding: 5px;
    overflow: hidden;
    text-align: center;
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    background-color: rgb(178, 128, 34);
}
.exito_title{
    height: auto;
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    padding: 5px;
    overflow: hidden;
    text-align: center;
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    background-color: rgb(34, 178, 34);
    cursor: pointer;
}
.visitas_formline_wrapper{
    width: 100%;
}
.visitas_formline{
    height: 50px;
    font-size: 15px;
    margin: 10px 0px 0px 0px;
}
.visitas_formlineplus{
    height: 90px;
    font-size: 15px;
    margin: 10px 0px 0px 0px;
}
.visitas_formlinemini{
    height: 30px;
    font-size: 15px;
    margin: 10px 0px 0px 0px;
}
.visitas_formline_icon{
    display: inline;
    height: 40px;
    width: 40px;
    margin: 0px 5px 0px 0px;
}
.visitas_formline_label{
    width: 20%;
    height: 45px;
    font-size: 13px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.visitas_formline_check{
    width: 100%;
    font-size: 15px;
    float: left;
}
.visitas_formline_input{
    width: 80%;
    height: 45px;
    font-size: 15px;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 25px;
}
.visitas_formline_input_field{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid gray;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    padding-left: 10px;
}
.visitas_vigencia_btn{
    height: 94%;
    margin: 2px 2px 0px 2px;
    padding: 5px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
    float: left;
    background-color: rgb(217, 229, 255);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-overflow: clip;
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    flex-grow: 1;
}
.visitas_vigencia_btn:hover{
    cursor: pointer;
    border: 1px solid rgb(255, 255, 255);
    margin-top: 0px;
    background-color: rgb(187, 208, 255);
}
.visitas_vigencia_btn_disabled{
    height: 94%;
    margin: 2px 2px 0px 2px;
    padding: 5px;
    border: 1px solid rgb(168, 168, 168);
    border-radius: 8px;
    float: left;
    background-color: rgb(235, 235, 235);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-overflow: clip;
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    cursor: pointer;
    flex-grow: 1;
}
.visitas_check_mult{
    width: 25px;
    height: 25px;
    margin: 10px 0px 0px 0px;
}
.visitas_formline_submit{
    margin: 10px 0px 30px 0px;
    height: 60px;
    font-size: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgb(211, 230, 182);
    border-radius: 5px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
}
.visitas_formline_submit:hover{
    background-color: greenyellow;
    cursor: pointer;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    margin-top: 9px 0px 1px 0px;
}
.aport_carholder{
    height: 130px;
    background-color: rgb(209, 209, 209);
    margin: 0px 10px 10px 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 8px 8px 8px 8px;
    border-radius: 10px;
    box-shadow: inset 0px 5px 5px gray;
}
.aport_carholder_wrapper{
    width: 924px;
    height: 105px;
}
.aport_carholder_titleline{
    width: 100%;
    height: 32px;
    position: relative;
}
.aport_carholder_title{
    height: 22px;
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
    float: left;
    overflow: hidden;
}
.aport_carholder_yr_wrapper{
    height: 20px;
    border-bottom: 2px solid gray;
    border-left: 2px solid gray;
    border-right: 2px solid gray;
    float: left;
    margin-right: 1px;
}
.apport_carholder_yr_txt{
    width: 25px;
    height: 20px;
    font-size: 12px;
    position: sticky;
    padding: 2px 5px 0px 5px;
    left: 0px;
    margin: 0px 10px 0px 0px;
}
.aport_carholder_mth{
    width: 45px;
    height: 80px;
    float: left;
}
.aport_carholder_mth_ammount{
    width: 100%;
    height: 16px;
    text-align: center;
    font-size: 14px;
}
.aport_carholder_mth_bar{
    width: 80%;
    height: 40px;
    margin: 5px 10% 0px 10%;
    text-align: center;
    font-size: 12px;
    position: relative;
}
.aport_carholder_mth_bar_inner100{
    width: 100%;
    height: 40px;
    background-color: rgb(42, 117, 58);
}
.aport_carholder_mth_bar_inner50{
    width: 100%;
    height: 20px;
    background-color: rgb(155, 161, 62);
    position: relative;
    top: 20px;
}
.aport_carholder_mth_bar_inner0{
    width: 100%;
    height: 2px;
    background-color: rgb(117, 42, 42);
    position: relative;
    top: 38px;
}
.aport_carholder_mth_bar_innerNA{
    width: 100%;
    height: 40px;
    background-color: rgb(105, 42, 117);
}
.aport_carholder_mth_bar_inner0NA{
    width: 100%;
    height: 2px;
    background-color: rgb(114, 114, 114);
    position: relative;
    top: 38px;
}
.font_bold{
   font-weight: bold;
   color: red; 
}
.aport_carholder_mth_txt{
    width: 100%;
    height: 20px;
    border-top: 2px solid rgb(116, 116, 116);
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.photoHolders{
    display: none;
}
.emp100{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.emp_new{
    margin: 0px 0px 35px 0px;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    height: 190px;
    flex-grow: 1;
    min-width: 250px;
    flex-shrink: 1;
    cursor: pointer;
}
.emp_wrapper{
    margin: 0px 5px 35px 5px;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    height: 190px;
    flex-grow: 1;
    min-width: 250px;
    flex-basis: 250px;
    flex-shrink: 1;
}
.emp_wrapper_hidden{
    margin: 0px 5px 10px 5px;
    height: 1px;
    flex-grow: 1;
    min-width: 250px;
    flex-basis: 250px;
    flex-shrink: 1;
}
.emp_img{
    height: 160px;
    background-color: rgb(138, 138, 138);
    border-radius: 5px;
    width: 100px;
    float: left;
    cursor: pointer;
    background-position: left;
    background-repeat: no-repeat;
}
.img_cover{
    background-size: cover;
}
.img_contain{
    background-size: contain;
}
.emp_data{
    height: 160px;
    position: relative;
    margin-left: 105px;
}
.emp_data_noname{
    height: 160px;
    position: relative;
    font-size: 15px;
    text-align: center;
    word-wrap: normal;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}
.emp_data_noname:hover{
    background-color: rgb(217, 229, 255);
    border-radius: 5px;
}
.emp_data_name{
    font-size: 15px;
    text-align: center;
    word-wrap: normal;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.emp_data_btn{
    margin: 0px 20px 0px 20px;
    height: 60px;
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgb(211, 230, 182);
    border-radius: 5px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180); 
    position: relative;
    bottom: 0px;
}
.emp_btns{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.emp_delete{
    position: relative;
    bottom: -5px;
    width: 50%;
    height: 30px;
    background-color: rgb(211, 230, 182);
    border-radius: 5px;
    text-align: center;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    font-size: 12;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgb(255, 255, 255);
    margin: 0px 10px 0px 10px;
}

.emp_delete:hover{
    background-color: greenyellow;
    cursor: pointer;
}
.emp_edit{
    position: relative;
    bottom: -5px;
    width: 50%;
    height: 30px;
    background-color: rgb(211, 230, 182);
    border-radius: 5px;
    text-align: center;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    font-size: 12;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgb(255, 255, 255);
    margin: 0px 10px 0px 10px;
}
.emp_edit:hover{
    background-color: greenyellow;
    cursor: pointer;
}
.emp100_nuevo{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.emp100_nuevo_wrapper{
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 5px 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    min-width: 100%;
}
.emp100_nuevo_name{
    width: 30%;
    font-size: 15px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.emp100_nuevo_input{
    width: 70%;
    float: right;
}
#nuevo_input{
    width: 100%;
    font-size: 15px;
    margin-bottom: 10px;
}
.emp100_nuevo_btn{
    width: 80px;
    height: 30px;
    border: 1px solid rgb(255, 255, 255);
    background-color: rgb(211, 230, 182);
    float: right;
    margin: 0px 5px 5px 5px;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
}
.emp100_nuevo_btns{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 5px;
}
.emp100_nuevo_btn:hover{
    background-color: greenyellow;
    cursor: pointer;
}
.emp100_confirm_wrapper{
    margin: 0px 10px 10px 10px;
    padding: 10px;
    background-color: rgb(235, 235, 235);
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    height: 50px;
    max-width: 530px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
}
.emp100_baja_wrapper{
    margin: 0px 10px 10px 10px;
    padding: 10px;
    background-color: rgb(255, 249, 187);
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    height: 85px;
    width: 100%;
    max-width: 530px;
    min-width: 320px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
}
.emp100_baja{
    background-color: rgb(255, 249, 187);
}
.emp100_baja_txt{
    width: 100%;
    float: left;
}
.emp100_baja_btns{
    width: 100%;
    float: left;
}
.text_highlight{
    font-weight: bold;
    color: rgb(45, 70, 124);
    display: contents;
}
.text_highlight_verde{
    font-weight: bold;
    color: rgb(45, 124, 49);
    display: contents;
}
.text_highlight_rojo{
    font-weight: bold;
    color: rgb(124, 45, 45);
    display: contents;
}
.wallet_bannertop100{
    width: 100%;
    box-shadow: 0px 3px 5px rgb(0, 0, 0);
    height: 60px;
    background-color: white;
    position: fixed;
    top: 0px;
    z-index: 10;
}
.wallet_bannertop{
    margin: 5px 20px 5px 20px;
    height: 50px;
}
.wallet_bannertop_backBtn{
    width: 70px;
    height: 35px;
    font-size: 12px;
    margin: 4px 20px 5px 0px;
    background-color: rgb(211, 230, 182);
    padding: 7px;
    font-weight: bold;
    position: absolute;
    left: 20px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wallet_bannertop_backBtn:hover{
    background-color: greenyellow;
    cursor: pointer;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    margin-top: 3px;
}
.wallet_pass100{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.wallet_block{
    width: 100%;
    margin-top: 120px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-grow: 1;
}
.wallet_pass{
    max-width: 300px;
    height: 450px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(0, 0, 0);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    flex-grow: 1;
}
.login100{
    width: 100%;
    height: 90%;
    min-height: 410px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: rgb(50, 46, 73);
    background-image: url(imgs/vecindario1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.login_block{
    width: 100%;
    margin-top: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-grow: 1;
}
.login_back{
    max-width: 350px;
    height: 440px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(0, 0, 0);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    flex-grow: 1;
}
.login_logoVcinosmx{
    width: 100%;
    height: 90px;
    background-color: white;
    border-radius: 5px;
    background-image: url('imgs/logovcinosmx.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.login_row{
    max-width: 350px;
    height: 55px;
    background-color: white;
    border-radius: 5px;
    margin: 5px 20px 10px 20px;
}
.login_row_mini{
    max-width: 350px;
    height: 35px;
    background-color: white;
    border-radius: 5px;
    margin: 5px 20px 10px 20px;
}
.login_row_left{
    width: 60%;
    height: 100%;
    float: left;
}
.login_row_right{
    width: 35%;
    height: 100%;
    float: right;
}
.login_row_btn{
    max-width: 350px;
    height: 60px;
    border-radius: 5px;
    background-color: rgb(211, 230, 182);
    margin: 10px 20px 0px 20px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.login_row_btn:hover{
    background-color: greenyellow;
    cursor: pointer;
    margin-top: 9px;
}
.login_cookies{
    width: 100%;
    height: 80px;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: fixed;
    z-index: 230;
    margin: 0px;
    bottom: 0px;
}
.login_cookies_txt{
    max-width: 500px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 30px 0px 30px;
    padding: 0px 20px 0px 20px;
    box-shadow: 0px 3px 10px gray;
    border-radius: 5px 5px 0px 0px;
    background-color: rgb(240, 240, 240);
}
.login_footer{
    width: 100%;
    height: 120px;
    background-color: black;
    border-top: 1px solid white;
    padding-top: 10px;
    color: whitesmoke;
}
.login_row_input{
    width: 100%;
    height: 45px;
    border-radius: 5px;
    border: 1px solid gray;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    padding-left: 10px;
}
.login_row_input_tip{
    width: 100%;
    height: 10px;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 15;
    font-size: 8px;
    text-align: left;
    color: rgb(116, 116, 116);
}
.login_recordar_check{
    width: 25px;
    height: 25px;
}
.caseta_titleline{
    width: 100%;
    height: 32px;
    position: relative;
}
.caseta_title{
    height: 22px;
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
    float: left;
    overflow: hidden;
}
.caseta_row100{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    justify-items: stretch;
}
.caseta_row{
    margin: 0px 0px 10px 0px;
    height: 90px;
    box-shadow: 0px 3px 10px rgb(180, 180, 180);
    background-color: white;
    border-radius: 5px;
}
.caseta_row:hover{
    background-color: rgb(217, 229, 255);
    margin-top:0px;
    cursor: pointer;
}
.caseta_row_icon{
    height: 90px;
    background-image: url(imgs/icon_qr.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.caseta_row_text_line{
    padding: 5px;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: rgb(45, 70, 124);
    font-weight: bold;
}
.caseta_row_txt_vig{
    color: black;
    font-size: 12px;
}
.caseta_row_delete{
    height: 90px;
    background-image: url(imgs/icon_delete.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0px 5px 5px 0px;
}
.caseta_row_delete:hover{
    height: 90px;
    background-image: url(imgs/icon_delete.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgb(228, 122, 122);
}
.tutorial_holder{
    width: 100%;
    height: 100%;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;
}
.tutorial_car{
    width:400%;
    height: 100%;
}
.tutorial_page{
    width: 25%;
    height: 100%;
    scroll-snap-align: start;
    background-color: rgb(50, 46, 73);
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tutorial_page_content{
    width: 350px;
    height: 80%;
    max-height: 480px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 3px 10px rgb(0, 0, 0);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tut1{
    background-image: url("imgs/tut_1.png");
}
.tut2{
    background-image: url("imgs/tut_2.png");
}
.tut3{
    background-image: url("imgs/tut_3.png");
}
.tut4{
    background-image: url("imgs/tut_4.png");
}
.tutorial_page_content_btn{
    max-width: 350px;
    height: 60px;
    border-radius: 5px;
    background-color: rgb(211, 230, 182);
    margin: 10px 20px 20px 20px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
}
.tutorial_page_content_btn:hover{
    background-color: greenyellow;
    cursor: pointer;
    margin-top: 9px;
}
.tutorial_nav{
    max-width: 350px;
    height: 60px;
    border-radius: 5px;
    margin: 10px 20px 20px 20px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-size: 20px;
    float: left;
}
.tutorial_nav_mid{
    width: 68%;
    height: 60px;
    flex-grow: 1;
    float: left;
    padding: 0px 50px 0px 50px;
}
.tutorial_nav_prev{
    width: 14%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-grow: 1;
    float: left;
    cursor: pointer;
}
.tutorial_nav_prev_icon{
    background-image: url(imgs/icon_prev.png);
}
.tutorial_nav_next{
    width: 14%;
    height: 100%;
    background-image: url(imgs/icon_next.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-grow: 1;
    float: right;
    cursor: pointer;
}
.tutorial_dot{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 25%;
    float: left;
    height: 100%;
}
.tutorial_filled{
    background-image: url(imgs/icon_dotfilled.png);
}
.tutorial_empty{
    background-image: url(imgs/icon_dotempty.png);
}
.tutorial_play{
    background-image: url(imgs/icon_play.png);
}
.micuenta_label{
    width: 20%;
    height: 45px;
    font-size: 13px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.micuenta_input{
    width: 80%;
    height: 45px;
    font-size: 15px;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 0px 0px 25px;
}
.micuenta_input_pass{
    width: 80%;
    height: 45px;
    font-size: 15px;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 90px 0px 25px;
}
.micuenta_input_passfield{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid gray;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    padding-left: 10px;
    z-index: 5;
}
.aviso100{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.aviso_block{
    width: 100%;
    margin-top: 120px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-grow: 1;
}
.aviso_square{
    width: 80%;
    max-width: 700px;
    min-width: 300px;
    height: 450px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(0, 0, 0);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}
.aviso_titleline{
    width: 100%;
    position: relative;
    margin: 0px 0px 0px 0px;
    float: left;
    flex-grow: 1;
}
.aviso_title{
    font-size: 20px;
    margin: 5px 20px 5px 20px;
    font-weight: bold;
    float: left;
    overflow: hidden;
}
.aviso_texto{
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 18px;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    float: left;
    flex-grow: 1;
}
.aviso_imagen{
    min-width: 100px;
    width: 100%;
    height: 200px;
    display: inline;
    clear: both;
    float: left;
    margin: 0px 30px 10px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: sticky;
}
.aviso_imagen_edit{
    min-width: 100px;
    width: 100%;
    height: 200px;
    display: inline;
    clear: both;
    float: left;
    margin: 0px 10px 10px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: sticky;
    cursor: pointer;
}
@media (min-width: 768px) {
    .aviso_imagen {
        width: 50%;
        position: relative;
    }
    .aviso_texto{
        font-size: 16px;
    }    
}
.aviso_row100{
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
}
.aviso_row{
    margin: 0px 0px 20px 0px;
    height: 90px;
    box-shadow: 0px 3px 10px rgb(180, 180, 180);
    background-color: white;
    border-radius: 5px;
    position: relative;
}
.aviso_row:hover{
    background-color: rgb(217, 229, 255);
    margin-top:0px;
    cursor: pointer;
}
.aviso_row_flex{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.aviso_row_click{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-shrink: 1;
}
.aviso_row_img{
    width: 30%;
    max-width: 200px;
    height: 70px;
    border-radius: 5px 0px 0px 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 10px 0px 10px 10px;
    flex-grow: 1;
}
.aviso_row_txt{
    width: 70%;
    height: 90px;
    font-size: 16px;
    padding:10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    overflow: hidden;
}
.aviso_row_archive{
    width: 50px;
    flex-grow: 0;
    flex-shrink: 0;
    background-image: url(imgs/icon_archive.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0px 5px 5px 0px;
}
.aviso_row_archive:hover{
    cursor: pointer;
    background-color: rgb(45, 70, 124);
    background-image: url(imgs/icon_archive2.png);
}
.aviso_row_moveToInbox{
    width: 50px;
    flex-grow: 0;
    flex-shrink: 0;
    background-image: url(imgs/icon_moveToInbox.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0px 5px 5px 0px;
}
.aviso_row_moveToInbox:hover{
    cursor: pointer;
    background-image: url(imgs/icon_moveToInbox2.png);
    background-color: rgb(63, 128, 60);
}
.aviso_row_nuevo{
    width: 65px;
    height: 30px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 5px 0px 5px 0px;
    background-color: rgb(199, 0, 0);
    box-shadow: 0px 1px 5px gray;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    color: white;
}
.aviso_seccion_row{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.aviso_seccion_titulo{
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
}
.aviso_seccion_btns{
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.aviso_seccion_btn{
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-size: 13px;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    background-color:  rgb(217, 229, 255);
    box-shadow: 0px 1px 3px gray;
}
.aviso_seccion_btn:hover{
    cursor: pointer;
    background-color: rgb(187, 208, 255);
}
.aviso_seccion_btn_icon{
    width: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.aviso_seccion_btn_txt{
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.icon_inbox{
    background-image: url(imgs/icon_inbox.png);
}
.icon_archive{
    background-image: url(imgs/icon_archive3.png);
}
.aviso_seccion{
    width: 100%;
    float: left;
}
.aviso_seccion_vacio{
    width: 100%;
    height: 160px;
    font-size: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
    margin: 0px 0px 10px 0px;
}
.photoHolder100{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    z-index: 300;
    position: fixed;
    top: 80px;
    left: 0px;
}
.photo_mult{
    margin-top: 10px;
    height: 100%;
    width: 100%;
    scroll-snap-type: x mandatory;
    overflow-y: hidden;
    overflow-x: auto;
}
.photo_holder_mult{
    height: 100%;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.photo_holder_mult::-webkit-scrollbar {
    display: none;
}
.photo_holder{
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    scroll-snap-align: start;
}
.photo_block{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-grow: 1;
}
.photo_square{
    width: 80%;
    max-width: 600px;
    min-width: 300px;
    height: 450px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(0, 0, 0);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.photo_titleline{
    width: 100%;
    height: auto;
    position: relative;
    margin: 20px 0px 0px 0px;
    float: left;
    flex-grow: 1;
    min-height: 0px;
}
.photo_title{
    font-size: 20px;
    margin: 5px 0px 5px 20px;
    font-weight: bold;
    float: left;
    overflow: hidden;
}
.photo_toolbox100{
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: fixed;
    z-index: 300;
}
.tool_top{
    top: 10px;
}
.tool_bottom{
    top: 540px;
}
.photo_toolbox{
    width: 80%;
    max-width: 600px;
    min-width: 300px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(0, 0, 0);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
}
.photo_toolbox_btn{
    width: 15%;
    flex-grow: 1;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    background-position-x: center;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: 5px;
}
.photo_toolbox_txt{
    width: 15%;
    flex-grow: 1;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 5px;
}
.photo_toolbox_btn:hover{
    background-color: rgb(173, 199, 255);
    cursor: pointer;
}
#tool_cerrar{
    background-image: url(imgs/icon_toolbar_close.png);
}
#tool_borrar{
    background-image: url(imgs/icon_toolbar_delete.png);
}
#tool_nuevo{
    background-image: url(imgs/icon_toolbar_new.png);
}
#tool_prev{
    background-image: url(imgs/icon_toolbar_prev.png);
}
#tool_img{
    font-size: 20px;
}
#tool_next{
    background-image: url(imgs/icon_toolbar_next.png);
}
#tool_download{
    background-image: url(imgs/icon_toolbar_download.png);
}
.nav{
    width: 100%;
    color: rgb(48, 48, 48);
    margin: 10px 0px 5px 0px;
}
.nav_block{
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 14px;
}
.nav_block_current{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 20px;
}
.nav_block:hover{
    color: rgb(45, 70, 124);
    font-weight: bold;
    cursor: pointer;
}
/*GUARDIAS*/
.login_back_caseta{
    margin: 0px 20px 0px 20px;
    max-width: 500px;
    height: 470px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(0, 0, 0);
    border: 1px solid rgb(255, 255, 255);
    border-radius: 5px;
    flex-grow: 1;
    padding: 10px;
}
.loginCaseta_colleft{
    width: 50%;
    float: left;
}
.loginCaseta_colright{
    width: 50%;
    float: right;
}
.loginCaseta_photoHolder{
    margin: 10px 10px 10px 20px;
    height: 250px;
    background-color: gray;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.emp_wrapperCaseta{
    margin: 0px 5px 10px 5px;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    height: 190px;
    flex-grow: 1;
    min-width: 250px;
    flex-basis: 250px;
    flex-shrink: 1;
}
.fam_wrapper{
    margin: 0px 5px 10px 5px;
    padding: 10px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    flex-grow: 1;
    min-width: 250px;
    flex-basis: 250px;
    flex-shrink: 1;
    max-height: 120px;
}
.fam_data{
    position: relative;
    max-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 15px;
    text-align: center;
    word-wrap: normal;
    padding: 10px;
}
.caseta_login_tip{
    width: 160px;
    height: 20px;
    position: absolute;
    top: 0px;
    right: 20px;
    background-color: white;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 3px 10px gray;
    font-size: 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}
.caseta_login_tip:hover{
    cursor: pointer;
    height: 25px;
}
.caseta_recibirlayout{
    width: 100%;
    margin: 0px 0px 0px 0px;
    height: auto;
    float: left;
    position: relative;
    background-color: white;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid gray;
    padding: 10px 10px 10px 10px;
    box-shadow: 0px 3px 10px gray;
}
.caseta_recibirlayout_bottom{
    width: 100%;
    margin: 0px 0px 20px 0px;
    height: auto;
    float: left;
    position: relative;
    background-color: white;
    border-radius: 0px 0px 5px 5px;
    padding: 10px 10px 10px 10px;
    box-shadow: 0px 3px 10px gray;
}
.c_colleft{
    width: 50%;
    float: left;
    height: 220px;
}
.c_colright{
    width: 50%;
    float: right;
    height: 220px;
    padding-left: 10px;
}
.c_photoHolder{
    width: 100%;
    margin: 5px 10px 10px 20px;
    height: 200px;
    background-color: gray;
    border-radius: 5px;
}
#video_ok{
    background-image: url(imgs/icon_qrOK.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.c_titleline{
    width: 100%;
    position: relative;
    height: auto;
    float: left;
}
.c_title{
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
    float: left;
    overflow: hidden;
}
.c_row_left{
    width: 50%;
    float: left;
    padding-right: 10px;
}
.c_row_right{
    width: 50%;
    float: right;
}
.c_placasrow{
    width: 100%;
    height: 65px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 40px 0px 0px 0px;
}
.c_placas{
    min-width: 100px;
    max-width: 200px;
    height: 60px;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    border-radius: 5px;
    border: 1px solid black;
    box-shadow: 0px 3px 10px gray;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
    color: rgb(45, 70, 124);
}
.c_teclado{
    width: 100%;
    height: 200px;
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 10px 0px 0px 0px;
}
.c_teclado_row{
    width: 100%;
    flex-grow: 1;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}
.c_tecla_btn{
    max-width: 70px;
    min-width: 30px;
    font-size: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0px 0px 0px 10px;
    float: left;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0px 1px 3px gray;
    cursor: pointer;
}
.c_tecla_btn_icon{
    height: 60%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.c_tecla_btn_txt{
    height: 40%;
    font-size: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
}
.c_icon_foto{
    background-image: url(imgs/icon_camera2.png);
}
.c_icon_walk{
    background-image: url(imgs/icon_walk.png);
}
.c_tecla{
    font-size: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    border: 1px solid gray;
    border-radius: 2px;
    margin: 2px;
    font-weight: bold;
    color: rgb(45, 70, 124);
}
.c_tecla_num{
    background-color: rgb(204, 241, 201);
}
.c_tecla:hover{
    background-color: rgb(187, 208, 255);
    cursor: pointer;
}
.c_bannertop_logout{
    width: 60px;
    background-image: url('imgs/btn_logout.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 5px;
    flex-grow: 0;
    flex-shrink: 0;
    float: left;
    margin: 10px;
}
.c_bannertop_logout:hover{
    background-color: rgb(187, 208, 255);
    cursor: pointer;
}
.c_row_qr{
    height: 90px;
    background-image: url(imgs/icon_qr.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.c_row_manual{
    height: 90px;
    background-image: url(imgs/icon_manual.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.c_row_dir{
    height: 90px;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
}
.c_row{
    margin: 0px 0px 10px 0px;
    height: 90px;
    box-shadow: 0px 3px 10px rgb(180, 180, 180);
    background-color: white;
    border-radius: 5px;
}
.caseta_popup_tapa{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    display: none;
    flex-direction: row;
    justify-content: center;
    z-index: 120;
}
.caseta_popup{
    width: 300px;
    padding: 20px;
    position: absolute;
    top: 140px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    background-color: white;
    box-shadow: 0px 1px 3px black;
    border-radius: 5px;
    z-index: 110;
}
.caseta_popup_title{
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
    background-color: rgb(45,70,124);
    border-radius: 5px;
    padding: 5px;
}
.caseta_popup_text{
    width: 100%;
    font-size: 15px;
    text-align: center;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.caseta_popup_btn{
    width: 100%;
    float: left;
    padding: 10px;
    border-radius: 5px;
    background-color: rgb(211,230,182);
    box-shadow: 0px 1px 3px gray;
}
.caseta_popup_btn:hover{
    cursor: pointer;
    background-color: greenyellow;
}
.tags_edit{
    min-width: 70px;
    height: 30px;
    font-size: 12px;
    margin: 4px 10px 5px 0px;
    background-color: rgb(211, 230, 182);
    padding: 7px 10px 7px 10px;
    font-weight: bold;
    right: 0px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid rgb(255, 255, 255);
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    float: right;
}
.tags_edit:hover{
    background-color: greenyellow;
    cursor: pointer;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    margin-top: 3px;
    height: 31px;
}
.aport_wrap{
    width: 100%;
    overflow-x: auto;
    height: auto;
    text-align: center;
    background-color: white;
}
.aport_wrapper{
    width: 870px;
}
.aport_title{
    width: 100%;
    height: 50px;
    font-size: 12px;
    position: sticky;
    top: 0px;
    z-index: 70;
    background-color: white;
}
.aport_title_name{
    width: 150px;
    height: 100%;
    position: sticky;
    left: 0px;
    float: left;
    z-index: 30;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: white;
    padding: 5px;
    box-shadow: 3px 0px 10px gray;
}
.aport_title_mes{
    width: 50px;
    height: 100%;
    float: left;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.aport_title_base{
    width: 100%;
    height: 50px;
    font-size: 12px;
    position: sticky;
    top: 0px;
    z-index: 91;
    background-color: white;
    display: none;
}
.aport_title_name_base{
    width: 150px;
    height: 100%;
    position: sticky;
    left: 0px;
    float: left;
    z-index: 30;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: white;
    padding: 5px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
}
.aport_text_base{
    background-color: rgb(45,70,124);
    color: white;
}
.aport_text_baseanterior{
    background-color: rgb(83, 118, 196);
    color: white;
    font-size: 10px;
    font-style: italic;
}
.aport_text_excepcion{
    background-color: rgb(117, 45, 124);
    color: white;
    font-size: 10px;
}
.aport_text_excepcionanterior{
    background-color: rgb(208, 90, 219);
    color: white;
    font-size: 10px;
    font-style: italic;
}
.aport_mes_title_base{
    width: 50px;
    margin: 0px;
    height: 100%;
    float: left;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
    text-align: center;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    cursor: pointer;
}
.aport_mes_base{
    width: 50px;
    margin: 0px;
    height: 100%;
    float: left;
    z-index: 10;
    display: none;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
    text-align: center;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
}
.aport_row{
    width: 100%;
    height: 60px;
    font-size: 15px;
    z-index: 50;
    background-color: white;
}
.aport_name{
    width: 120px;
    height: 100%;
    position: sticky;
    left: 0px;
    float: left;
    z-index: 30;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: white;
    padding: 5px;
    border-bottom: 1px solid gray;
    overflow: hidden;
}
.aport_status{
    width: 30px;
    height: 100%;
    position: sticky;
    left: 120px;
    float: left;
    z-index: 30;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: white;
    padding: 5px;
    border-bottom: 1px solid gray;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.aport_mes{
    width: 50px;
    margin: 0px;
    height: 100%;
    float: left;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 12px;
    text-align: center;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
}
.aport_mes_selected{
    width: 44px;
    margin: 3px;
    height: 54px;
    float: left;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 11px;
    text-align: center;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
}
.c_verde{
    background-color: rgb(120, 197, 137);
}
.c_amarillo{
    background-color: rgb(202, 207, 124);
}
.c_rojo{
    background-color: rgb(199, 118, 118);
}
.c_morado{
    background-color: rgb(187, 116, 201);
}
.c_gris{
    background-color: rgb(189, 189, 189);
}
.c_verde:hover{
    background-color: rgb(62, 170, 85);
    cursor: pointer;
}
.c_amarillo:hover{
    background-color: rgb(198, 206, 82);
    cursor: pointer;
}
.c_rojo:hover{
    background-color: rgb(190, 72, 72);
    cursor: pointer;
}
.c_morado:hover{
    background-color: rgb(157, 64, 175);
    cursor: pointer;
}
.c_gris:hover{
    background-color: rgb(168, 168, 168);
    cursor: pointer;
}
.c_verde_s{
    background-color: rgb(62, 170, 85);
    cursor: pointer;
}
.c_amarillo_s{
    background-color: rgb(198, 206, 82);
    cursor: pointer;
}
.c_rojo_s{
    background-color: rgb(190, 72, 72);
    cursor: pointer;
}
.c_morado_s{
    background-color: rgb(157, 64, 175);
    cursor: pointer;
}
.c_gris_s{
    background-color: rgb(168, 168, 168);
    cursor: pointer;
}
.aport_edit_wrapper{
    width: 100%;
    z-index: 95;
    position: fixed;
    bottom: 0;
    flex-direction: row;
    justify-content: center;
    pointer-events: none;
}
.aport_edit{
    width: 80%;
    max-width: 450px;
    background-color: white;
    box-shadow: 0px 0px 10px gray;
    border-radius: 5px 5px 0px 0px;
    pointer-events: auto;
    min-height: 240px;
}
.sw_switch{
    width: auto;
    float: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 5px;
}
.sw_txtl{
    flex-grow: 1;
    float: left;
    font-size: 12px;
    text-align: right;
    margin-right: 5px;
    font-weight: bold;
    cursor: pointer;
}
.sw_btn{
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 35px;
    border-radius: 30px;
    border: 1px solid gray;
    height: 22px;
    margin-top: 7px;
    cursor: pointer;
    background-color: white;
    box-shadow: 0px 3px 5px gray;
}
.sw_btn_circle{
    flex-grow: 0;
    flex-shrink: 0;
    margin: 2px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: rgb(45,70,124);
}
.sw_txtr{
    flex-grow: 1;
    float: left;
    font-size: 12px;
    text-align: left;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}
.ae_colleft{
    width: 50%;
    float: left;
    padding: 10px 0px 0px 10px;
    min-height: 193px;
}
.ae_colright{
    width: 50%;
    float: left;
    padding: 10px 10px 0px 10px;
    display: flex;
    flex-direction: column;
    min-height: 193px;
}
.ae_row{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 5px;
    display: flex;
}
.ae_row_address{
    width: 100%;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 5px;
    overflow: hidden;
    float: left;
}
.ae_row_date{
    width: 50%;
    height: 50px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 5px;
    overflow: hidden;
    float: left;
}
.ae_row_monto{
    width: 50%;
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 5px;
    overflow: hidden;
    float: left;
    box-shadow: 0px 0px 3px black;
    border-radius: 5px;
}
.ae_btn_row{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    float: left;
    flex-grow: 1;
}
.ae_btn{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 3px;
    border: 1px solid gray;
    border-radius: 5px;
}
.ae_btn:hover{
    box-shadow: 0px 0px 5px gray;
    cursor: pointer;
}
.ae_submit{
    margin: 1px 10px 0px 10px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgb(211, 230, 182);
    border-radius: 5px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    float: left;
    border: 1px solid rgb(255, 255, 255);
    flex-grow: 1;
}
.ae_submit:hover{
    background-color: greenyellow;
    cursor: pointer;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    border: 1px solid rgb(255, 255, 255);
    margin: 0px 10px 1px 10px;
}
.ae_row_check{
    height: 36px;
    width: 50px;
    float: left;
}
.ae_row_checkbox{
    height: 30px;
    width: 30px;
}
.ae_row_text{
    font-size: 12px;
    text-align: left;
    float: left;
    margin-left: 5px;
}
.ae_row_btns{
    width: 100%;
    float: left;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    margin-bottom: 10px;
}
.txt_titleline{
    width: 100%;
    float: left;
    margin: 10px 0px 2px 0px;
}
.txt_title{
    width: 100%;
    height: auto;
    float: left;
    font-size: 15px;
    font-weight: bold;
}
.txt_subtitle{
    width: 100%;
    height: auto;
    float: left;
    font-size: 12px;
}
.tag_allwrap{
    width: 100%;
    height: 145px;
    display: flex;
    margin: 0px 0px 5px 0px;
}
.tag_wrap{
    width: 100%;
    height: 100%;
    flex-grow: 1;
    background-color: rgb(209, 209, 209);
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 5px;
}
.tag_wrap_in{
    height: 100%;
}
.tag_btn{
    width: 160px;
    height: 115px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0px 3px 5px gray;
    margin: 5px 5px 0px 5px;
    float: left;
}
.tag_btn:hover{
    cursor: pointer;
    margin: 4px 5px 1px 5px;
    background-color: rgb(217, 229, 255);
}
.tag_btn_no{
    width: 160px;
    height: 100px;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0px 3px 5px gray;
    margin: 5px 5px 0px 5px;
    float: left;
}
.tag_btn_selected{
    width: 160px;
    height: 100px;
    border-radius: 5px;
    background-color: rgb(187, 208, 255);
    box-shadow: 0px 3px 5px gray;
    margin: 5px 5px 0px 5px;
    float: left;
    cursor: pointer;
}
.tag_img{
    width: 160px;
    height: 55px;
    margin: 5px 0px 2px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.tag_txt{
    width: 160px;
    height: 20px;
    font-size: 12px;
    line-height: 90%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-wrap: break-word;
}
.tag_comment{
    width: 160px;
    height: 15px;
    font-size: 12px;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    white-space:nowrap;
}
.tag_fnuevo_wrap{
    width: 100%;
    float: left;
    background-color: rgb(255, 249, 187);
    border-radius: 5px;
    border-collapse: separate;
    box-shadow: 0px 3px 5px rgb(180,180,180);
    padding: 0px 0px 10px 10px;
    margin: 10px 0px 0px 0px;
}
.tag_fnuevo{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.tag_fnuevo_left{
    width: 100%;
    float: left;
    flex-grow: 1;
}
.tag_nuevo{
    width: 130px;
    margin: 0px 0px 0px 5px;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: left;
    padding: 10px 10px 20px 10px;
    border-collapse: separate;
}
.tag_btn_nuevo{
    width: 100px;
}
.tag_img_nuevo{
    height: 55px;
    margin: 5px 0px 2px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.tag_txt_nuevo{
    height: 40px;
    font-size: 12px;
    line-height: 90%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow-wrap: break-word;
}
.tag_txt_o{
    margin: 0px 0px 0px 5px;
    flex-grow: 0;
    flex-shrink: 0;
    float: left;
    padding: 10px 0px 15px 10px;
    font-size: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.tag_formline{
    width: 100%;
    height: 50px;
    font-size: 15px;
    margin: 2px 0px 0px 0px;
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.tag_label{
    width: 85px;
    height: 45px;
    font-size: 13px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
}
.tag_input{
    width: 70%;
    height: 45px;
    font-size: 15px;
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
}
.adm_header_row{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0px 0px 10px 0px;
    min-height: 100px;
    border-radius: 5px;
    background-color: white;
}
.adm_header_name{
    width: 60%;
    flex-grow: 1;
    flex-shrink: 1;
    float: left;
    font-size: 25px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.adm_header_img{
    width: 40%;
    flex-grow: 1;
    flex-shrink: 1;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.adm_titleline{
    width: 100%;
    float: left;
    margin-top: 10px;
}
.adm_title{
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
    float: left;
    overflow: hidden;
}
.adm_row_wrap{
    width: 100%;
    float: left;
    box-shadow: 0px 3px 10px gray;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
    background-color: white;
}
.adm_row{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
}
.adm_row_math{
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 5px 0px 0px 0px;
    flex-wrap: wrap;
}
.adm_column{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: wrap;
}
.adm_row_text{
    flex-grow: 1;
    padding: 15px;
}
.adm_row_subtext{
    flex-grow: 1;
    padding: 15px;
    font-size: 14px;
}
.adm_row_endBtn{
    flex-grow: 0;
    flex-shrink: 0;
    width: 45px;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-image: url(imgs/icon_arrowRight.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.adm_row_endTxt{
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    height: auto;
    padding: 0px 10px 0px 10px;
    display: flex;
    margin: 10px;
    float: right;
    font-size: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: white;
    box-shadow: 0px 0px 5px rgb(219, 219, 219);
}
.adm_row_endLabel{
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    height: auto;
    display: flex;
    float: right;
    font-size: 14px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.adm_row_startBtn{
    flex-grow: 0;
    flex-shrink: 0;
    width: 45px;
    display: flex;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-image: url(imgs/icon_arrowDown.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.adm_row_iconOpen{
    background-image: url(imgs/icon_arrowUp.png);
}
.adm_icon_st1{
    background-image: url(imgs/st_green.png);
    width: 30px;
    margin-left: 10px;
}
.adm_icon_st2{
    background-image: url(imgs/st_soon.png);
    width: 30px;
    margin-left: 10px;
}
.adm_icon_st3{
    background-image: url(imgs/st_yellow.png);
    width: 30px;
    margin-left: 10px;
}
.adm_icon_st4{
    background-image: url(imgs/st_block.png);
    width: 30px;
    margin-left: 10px;
}
.adm_icon_st5{
    background-image: url(imgs/st_block.png);
    width: 30px;
    margin-left: 10px;
}
.adm_icon_child{
    background-image: url(imgs/icon_arrowChild.png);
    width: 30px;
    margin-left: 10px;
}
.adm_clickable{
    cursor:pointer;
    border-radius: 5px;
}
.adm_clickable:hover{
    background-color: rgb(217, 229, 255);
    background-image: none;
}
.adm_mathcell{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.adm_celltxt{
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    float: left;
    height: auto;
    width: auto;
    max-width: 100px;
}
.adm_cellnmb{
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    height: auto;
    padding: 10px 10px 10px 10px;
    display: flex;
    margin: 10px;
    float: right;
    font-size: 15px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: white;
    box-shadow: 0px 0px 5px rgb(219, 219, 219);
}
.nmb_verde{
    color: rgb(62,170,85);
    font-weight: bold;
}
.nmb_rojo{
    color: rgb(190,72,72);
    font-weight: bold;
}
.nmb_azul{
    color: rgb(45,70,124);
    font-weight: bold;
}
.nmb_amarillo{
    color: rgb(155, 161, 62);
    font-weight: bold;
}
.adm_cellsign{
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    height: auto;
    display: flex;
    float: right;
    font-size: 14px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 5px;
    font-weight: bold;
}
.adm_row_wrap_max{
    width: 100%;
    float: left;
    box-shadow: 0px 3px 10px gray;
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
    background-color: white;
}
.adm_row_wrap_min{
    width: 100%;
    float: left;
    box-shadow: 0px 3px 10px gray;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 5px 0px 5px 0px;
    border-radius: 5px;
    background-color: white;
}
.adm_row_min{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 5px 0px 5px 0px;
}
.adm_celltxt_min{
    font-size: 14px;
    text-align: left;
    float: left;
    margin-left: 20px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.adm_cellnmb_min{
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 20px;
    width: auto;
    min-width: 40px;
    height: auto;
    display: flex;
    float: right;
    font-size: 15px;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    background-color: white;
    padding: 5px 10px 5px 10px;
    box-shadow: 0px 0px 5px rgb(219, 219, 219);
}
.adm_cellsign_min{
    flex-grow: 0;
    flex-shrink: 0;
    width: 15px;
    height: auto;
    display: flex;
    float: right;
    font-size: 14px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 5px;
    font-weight: bold;
}
.adm_notif{
    flex-grow: 0;
    flex-shrink: 0;
    width: 28px;
    height: auto;
    display: flex;
    margin: 10px;
    float: right;
    font-size: 20px;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    color: white;
    box-shadow: 0px 0px 5px rgb(219, 219, 219);
    border-radius: 50px;
    max-width: 28px;
    max-height: 28px;
}
@media screen and (min-width: 800px) {
    .adm_row_wrap_max {
        display: flex;
    }
    .adm_row_wrap_min {
        display: none;
    }
}
.chart_wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
}
.chart_wrap{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 10px;
    border: 1px solid gray;
    border-radius: 5px;
    overflow-x: auto;
    padding-top: 5px;
}
.chart_month{
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0px 2px 0px 2px;
}
.outlined{
    background-color:rgb(255, 251, 214);
}
.chart_month_value{
    font-size: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-weight: bold;
}
.chart_month_bar{
    flex-grow: 0;
    flex-shrink: 0;
    height: 100px;
}
.chart_month_text{
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    margin: 5px 0px 0px 0px;
    height: 30px;
}
.ch_verde{
    background-color: rgb(62, 170, 85);
}
.ch_amarillo{
    background-color: rgb(160, 167, 67);
}
.ch_rojo{
    background-color: rgb(190, 72, 72);
}
.ch_morado{
    background-color: rgb(157, 64, 175);
}
.ch_gris{
    background-color: rgb(168, 168, 168);
}
.ch_verdec{
    background-color: rgb(120,197,137);
}
.ch_amarilloc{
    background-color: rgb(202,207,124);
}
.ch_rojoc{
    background-color: rgb(199,118,118);
}
.ch_moradoc{
    background-color: rgb(187,116,201);
}
.ch_grisc{
    background-color: rgb(189,189,189);
}
.aedo_row{
    width: 100%;
    min-width: 300px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    background-color: rgb(255, 254, 236);
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
    padding: 10px;
}
.aedo_row_inner{
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 5px;
}
.aedo_cell{
    width: 90px;
    margin: 2px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.aedo_cell_title{
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 12px;
    text-align: center;
    color: rgb(68, 68, 68);
}
.aedo_cell_text{
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.aedo_cell_tip{
    width: 25%;
    height: 30px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    padding-right: 5px;
}
.aedo_cell_input{
    width: 75%;
    height: 30px;
    flex-grow: 1;
    flex-shrink: 1;
    border-radius: 5px;
    border: none;
    background-color: white;
    cursor: pointer;
    box-shadow: 0px 1px 3px gray;
}
.sw2{
    height: 30px;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    border-radius: 30px;
    border: none;
    display: flex;
    cursor: pointer;
    box-shadow: 0px 1px 3px gray;
    margin: 0px 5px 0px 5px;
}
.sw2_green{
    justify-content: flex-start;
    background-color: rgb(218, 255, 194);
}
.sw2_red{
    justify-content: flex-end;
    background-color: rgb(255, 194, 194);
}
.sw2_btn{
    height: 20px;
    width: 20px;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 5px;
    background-color: rgb(255, 255, 255);
    border: 1px solid white;
    box-shadow: 0px 1px 3px gray;
    border-radius: 20px;
}
.sw2_txtLeft{
    font-size: 12px;
    color: green;
    font-weight: bold;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3px;
}
.sw2_txtRight{
    font-size: 12px;
    color: rgb(85, 41, 41);
    font-weight: bold;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.a_titleline{
    width: 100%;
    position: relative;
    float: left;
    margin: 0px 0px 10px 0px;
}
.a_title{
    font-size: 15px;
    margin: 5px 0px 5px 0px;
    font-weight: bold;
    float: left;
}
.a_title_select{
    max-width: 100px;
    height: 30px;
    border-radius: 5px;
    border: none;
    background-color: white;
    cursor: pointer;
    box-shadow: 0px 1px 3px gray;
    margin: 0px 0px 0px 10px;
    float: left;
}
.a_title_btn{
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background-color: white;
    box-shadow: 0px 1px 3px gray;
    margin: 0px 0px 0px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: left;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.a_error_titleline{
    width: 100%;
    float: left;
    margin: 0px 0px 5px 0px;
}
.a_error_title{
    height: auto;
    font-size: 15px;
    padding: 5px;
    overflow: hidden;
    text-align: center;
    color: white;
    border-radius: 5px;
    box-shadow: 0px 3px 2px rgb(180, 180, 180);
    background-color: firebrick;
    cursor: pointer;
}
.a_error_highlight{
    border: 2px solid firebrick;
}
.aedo_wrapper{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 20px;
}
.aedo_resumen{
    width: 30%;
    min-width: 220px;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 10px 10px 0px 10px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 1px 4px gray;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 100;
}
.aedo_detalle{
    width: 60%;
    min-width: 280px;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 10px 0px 0px 0px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 1px 4px gray;
    padding: 0px 10px 10px 10px;
    z-index: 80;
    position: sticky;
    top: 110;
    overflow-y: auto;
}
.aedo_detalle_title{
    width: 100%;
    float: left;
    background-color: white;
    z-index: 45;
    align-self: flex-start;
    position: sticky;
    top: 0;
}
.aedo_detalle_empty{
    width: 100%;
    height: 100px;
    min-height: 100px;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    float: left;
}
.aedo_resumen_row{
    width: 100%;
    float: left;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.aedo_resumen_row_txt{
    float: left;
    font-size: 13px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}
.aedo_resumen_row_number{
    flex-grow: 0;
    flex-shrink: 0;
    float: right;
    font-size: 13px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: right;
    padding: 10px;
}
.aedo_resumen_separator{
    flex-grow: 1;
    flex-shrink: 1;
    float: left;
    font-size: 13px;
    border-bottom: 1px solid gray;
    padding: 1px;
    margin: 0px 10px 0px 10px;
}
.aedo_sub {
    padding: 0px 10px 3px 10px;
}
.aedo_detalle_row{
    width: 100%;
    float: left;
    font-size: 13px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.aedo_detalle_cell{
    width: 10%;
    padding: 5px;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1px;
    min-width: 61px;
}
.aedo_detalle_num{
    width: 20%;
    padding: 5px;
    text-align: right;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1px;
}
.aedo_detalle_aport{
    width:30%;
    padding: 5px;
    text-align: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1px;
}
.aedo_detalle_plus{
    width: 0%;
    padding: 5px;
    font-size: 20px;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.plus_up{
    background-image: url(imgs/icon_arrowUp.png);
}
.plus_down{
    background-image: url(imgs/icon_arrowDown.png);
}
.aedo_detalle_emp{
    width: 5%;
    padding: 5px;
    font-size: 20px;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1px;
}
.aedo_detalle_com{
    width:50%;
    padding: 5px;
    text-align: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1px;
}
.aedo_detalle_opt{
    width: 10%;
    max-width: 35px;
    min-height: 35px;
    padding: 5px;
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 1px 5px 1px 1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.opt_edit{
    background-image: url(imgs/icon_edit.png);
}
.opt_delete{
    background-image: url(imgs/icon_delete2.png);
}
.opt_end{
    margin-bottom: 10px;
}
.text_title{
    text-align: center;
    background-color: rgb(221, 221, 221);
    color: rgb(0, 0, 0);
    border: 1px solid white;
}
.row_even{
    background-color: rgb(245, 245, 245);
}
.row_new{
    background-color: rgb(211, 230, 182);
}
.text_lowlight{
    font-size: 12px;
    display: contents;
}
.aedo_calsel_caller{
    height: 30px;
    padding: 5px;
    float: left;
    cursor: pointer;
    background-color: white;
    box-shadow: 0px 1px 3px gray;
    border-radius: 5px;
    margin: 0px 0px 0px 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.aedo_calsel_caller_txt{
    min-width: 80px;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.aedo_calsel_caller_btn{
    width: 20px;
    flex-grow: 1;
    flex-shrink: 1;
    background-image: url(imgs/icon_arrowDown.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.aedo_calsel{
    width: 200px;
    position: absolute;
    top: 35px;
    left: 42px;
    z-index: 89;
    box-shadow: 0px 1px 3px gray;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 5px;
    padding: 10px;
    cursor: default;
}
.aedo_calsel_row{
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.aedo_calsel_row_title{
    width: 100%;
    height: 30px;
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 5px;
}
.aedo_calsel_row_month{
    width: 50px;
    height: 40px;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    margin: 2px;
}
.aedo_calsel_row_month:hover{
    cursor: pointer;
    background-color: rgb(187, 208, 255);
}
.aedo_calsel_prev{
    width: 20%;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    background-image: url(imgs/icon_prev.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.aedo_calsel_next{
    width: 20%;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    background-image: url(imgs/icon_next.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.aedo_calsel_year{
    width: 60%;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    text-align: center;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.m_highlight{
    background-color: rgb(217, 229, 255);
}
.aedo_tip{
    position: fixed;
    bottom: 10;
    height: 30px;
    width: 100%;
    pointer-events: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    z-index: 299;
}
.aedo_tip_txt{
    width: auto;
    float: left;
    height: 100%;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: white;
    box-shadow: 0px 1px 3px gray;
    border-radius: 5px;
    pointer-events: initial;
    padding: 10px;
}
.aedo_toolbox{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    font-size: 12px;
}
.aedo_toolbox_tool{
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: center;
    flex-grow: 1;
    flex-shrink: 1;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 1px 3px gray;
    margin: 10px;
    cursor: pointer;
    min-width: 90px;
    max-width: 125px;
    max-height: 56px;
}
.aedo_toolbox_tool:hover{
    background-color: rgb(217,229,255);
    box-shadow: 0px 2px 2px gray;
}
.aedo_toolbox_tool_icon{
    width: 40%;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    flex-grow: 1;
    flex-shrink: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aedo_ticon_edit{
    background-image: url(imgs/icon_edit.png);
}
.aedo_ticon_delete{
    background-image: url(imgs/icon_delete2.png);
}
.aedo_ticon_edit{
    background-image: url(imgs/icon_edit.png);
}
.aedo_ticon_view{
    background-image: url(imgs/icon_view.png);
}
.aedo_toolbox_tool_text{
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: column;
    justify-content: center;
}
.aedo_toolbox_tool_text_compr{
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: column;
    justify-content: center;
}
.aedo_ticon_check{
    width: 70%;
    height: 70%;
}
.aedo_check{
    display: none;
}
.aedo_tapa{
    width:100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
    flex-direction: row;
    justify-content: center;
}
.aedo_edit{
    max-width: 440px;
    min-width: 280px;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 1px 4px gray;
    padding: 0px 10px 10px 10px;
    position: absolute;
    top: 100;
    display: block;
    z-index: 110;
}
.aedo_edit_title{
    float: left;
    padding: 10px;
    width: 100%;
    display: block;
}
@media (max-width: 442px) {
    .aedo_toolbox_tool_text_compr{
        display: none;
    }
    .aedo_toolbox_tool_icon{
        max-width: none;
    }
    .aedo_toolbox_tool{
        min-width: 0px;
    }
}
.avis_wrapper{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 20px;
    background-color: white;
    padding-bottom: 10px;
}
.avis_row_title{
    width: 100%;
    float: left;
    background-color: white;
    z-index: 88;
    align-self: flex-start;
    position: sticky;
    top: 81;
    box-shadow: 0px 1px 3px gray;
    border-radius: 0px 0px 5px 5px;
}
.avis_row100{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}
.cas_row{
    height: auto;
    max-height: 150px;
    float: left;
    display: flex;
    margin: 5px 10px 5px 10px;
    box-shadow: 0px 1px 5px gray;
    background-color: white;
    border-radius: 5px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px;
}
.avis_row{
    height: auto;
    max-height: 150px;
    float: left;
    display: flex;
    margin: 5px 10px 5px 10px;
    box-shadow: 0px 1px 5px gray;
    background-color: white;
    border-radius: 5px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px;
}
.avis_row:hover{
    cursor: pointer;
    background-color: rgb(217, 229, 255);
    box-shadow: 0px 1px 5px rgb(102, 102, 102);

}
.avis_row_plus{
    width: 20px;
    min-width: 30px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    text-align: center;
}
.avis_check{
    width: 100%;
    display: none;
}
.avis_row_manual{
    width: 60px;
    min-width: 30px;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    background-image: url(imgs/icon_manual.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.avis_row_qr{
    width: 60px;
    min-width: 30px;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    background-image: url(imgs/icon_qr.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.avis_row_cell{
    width: 100%;
    float: left;
    padding: 0px 0px 0px 10px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.avis_row_pic{
    width: 20%;
    float: left;
    padding: 0px 0px 0px 10px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.avis_row_address{
    width: 150px;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0px 0px 0px 10px;
}
.avis_calsel_row_title{
    width: 50px;
    height: 20px;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-radius: 5px;
    margin: 2px;
}
.avis_calsel_row_month{
    width: 50px;
    height: 20px;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    border-radius: 5px;
    margin: 2px;
}
.avis_calsel_row_month:hover{
    cursor: pointer;
    background-color: rgb(187, 208, 255);
}
.avis_calsel_loading{
    width: 230px;
    height: 120px;
    display: block;
    float: left;
}
.avis_calsel_loading_anim{
    width: 30px;
    height: 30px;
    margin-top: 45px;
    margin-left: 100px;
    display: block;
    float: left;
    background-image: url(imgs/loading.gif);
    background-position: center;
    background-size: contain;
}
.avis_view{
    max-width: 500px;
    min-width: 280px;
    top: 100px;
    float: left;
    height: auto;
    margin: 0px 10px 10px 10px;
    box-shadow: 0px 1px 3px gray;
    border-radius: 5px;
    flex-grow: 1;
    flex-shrink: 1;
    position: absolute;
    z-index: 110;
    display: flex;
}
.avis_view_inner{
    width: 50%;
    font-size: 14px;
    flex-grow: 1;
    flex-shrink: 1;
}
.avis_view_row{
    width: 100%;
    flex-grow: 1;
    flex-shrink: 1;
}
.avis_view_title{
    width: 20%;
    height: auto;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
}
.avis_view_text{
    width: 80%;
    height: auto;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
}
.acc_titleline{
    width: 100%;
    float: left;
}
.acc_title{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    font-size: 15px;
    padding: 10px;
}
.acc_row100{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.acc_row{
    width: 100%;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 10px;
    font-size: 14px;
    margin: 0px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
}
.acc_row_pic{
    width: 200px;
    min-width: 50px;
    min-height: 200px;
    float: left;
    flex-grow: 0;
    flex-shrink: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.acc_row_data{
    width: 50px;
    min-width: 160px;
    height: auto;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 0px 0px 10px;
}
.acc_row_icons{
    min-width: 70px;
    flex-grow: 0;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}
.acc_row_icon{
    width: 50px;
    height: 50px;
    float: left;
    flex-grow: 0;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin: 10px 10px 10px 10px
}
.icon_phone{
    background-image: url(imgs/icon_phone.png);
}
.icon_whatsapp{
    background-image: url(imgs/icon_whatsapp.png);
}
.atag_row100{
    width: 100%;
}
.atag_row{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    background-color:white;
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
    margin: 0px 0px 10px 0px;
}
.atag_row_inner{
    width: 50%;
    min-width: 300px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: row;
    justify-content: flex-start;
}
.atag_title{
    text-align: center;
    color: black;
    border: 1px solid white;
    background-color: rgb(221,221,221);
}
.atag_cell_fecha{
    width: 10%;
    min-width: 60px;
    text-align: center;
    padding: 5px;
    margin: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
}
.atag_cell_left{
    width: 40%;
    min-width: 120px;
    min-height: 75px;
    padding: 5px;
    margin: 1px;
    text-align: left;
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.atag_mcell{
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.atag_mcell_icon{
    width: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.atag_mcell_txt{
    flex-grow: 1;
    flex-shrink: 1;
    text-align: left;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
}
.atag_cell_domicilio{
    width: 40%;
    min-width: 120px;
    font-size: 14px;
    text-align: left;
    padding: 5px;
    margin: 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.atag_cell_identificador{
    width: 60%;
    text-align: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 0px 0px 10px;
}
.atag_cell_r{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 5px 0px 5px 0px;
}
.atag_cell_id{
    width: 30%;
    min-width: 80px;
    font-size: 13px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.atag_cell_input{
    width: 70%;
    font-size: 13px;
    flex-grow: 1;
    flex-shrink: 1;
    margin: 0px 0px 0px 5px;
}
.atag_cell_in{
    width: 100%;
    min-width: 110px;
    float: left;
    height: 25px;
    border: 0px;
    box-shadow: 0px 1px 3px gray;
    border-radius: 5px;
    padding: 15px 5px 15px 5px;
}
.atag_cell_opciones{
    width: 75px;
    text-align: left;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px 0px 0px 10px;
}
.atag_cell_op_btn{
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 5px;
    font-size: 12px;
    border-radius: 5px;
    background-color: rgb(211,230,182);
    margin: 10px;
    box-shadow: 0px 1px 3px gray;
}
.atag_cell_op_btn:hover{
    background-color: greenyellow;
    box-shadow: 0px 1px 3px rgb(95, 95, 95);
    cursor: pointer;
}
.atag_error{
    border: 2px solid red;
}
.atag_empty{
    padding: 10px;
}
.atag_err{
    width: 100%;
    float: left;
    margin: 10px;
    padding: 10px;
    background-color: firebrick;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
    cursor: pointer;
}
.acasas_vecino{
    display: block;
    float: left;
    width: 100%;
}
.acasas_row{
    width: 100%;
    float: left;
    margin: 0px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
    background-color: white;
    font-size: 13px;
    z-index: 50;
}
.acasas_row_int{
    width: 40%;
    min-width: 310px;
    display: flex;
    flex-direction: row;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 10px;
}
.acasas_cell{
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0px 5px 0px 0px;
}
.acasas_number{
    width: 10%;
    min-width: 50px;
    cursor: default;
}
.acasas_status{
    width: 30px;
    flex-grow: 0;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.acasas_famname{
    width: 30%;
    padding: 10px;
}
.acasas_pass{
    width: 90px;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 10px;
    background-color: rgb(211,230,182);
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
    font-size: 12px;
}
.acasas_pass:hover{
    background-color: greenyellow;
}
.acasas_aport{
    width: 20%;
    font-size: 12px;
}
.acasas_check{
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}
.acasas_celltitle{
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}
.acasas_cellcheck{
    font-size: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
}
.acasas_delete{
    width: 40px;
    background-image: url(imgs/icon_delete2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 5px;
    cursor: pointer;
}
.acasas_delete:hover{
    background-color: rgb(190,72,72);
}
.acasas_perfiles100{
    width: 100%;
    float: left;
    padding: 0px 10px 0px 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    z-index: 0;
}
.acasas_perfiles{
    width: 100%;
    min-height: 8px;
    background-color: white;
    box-shadow: 0px 1px 3px gray;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 10px;
    text-align: center;
    color: rgb(26, 26, 26);
    margin: 1px 0px 10px 0px;
    border-radius: 0px 0px 5px 5px;
}
.acasas_perfshow{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}
.acasas_perfshow:hover{
    cursor: pointer;
    background-color: rgb(217, 229, 255);
}
.acasas_perfhide{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}
.acasas_perfhide:hover{
    cursor: pointer;
    background-color: rgb(217, 229, 255);
}
.acasas_perfrow100{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.acasas_perfrow{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0px 0px 2px 0px;
    padding: 0px 10px 0px 10px;
    font-size: 11px;
}
.acasas_profilepic{
    min-width: 45px;
    max-width: 45px;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.acasas_profilepic_pic{
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background-image: url(imgs/user.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.acasas_perfint_holder{
    display: flex;
    flex-direction: row;
    float: left;
    flex-grow: 1;
    flex-shrink: 1;
    flex-wrap: wrap;
}
.acasas_perfint{
    width: 50%;
    float: left;
    padding: 10px 0px 0px 0px;
}
.acasas_profileholder{
    width: 50%;
    min-width: 70px;
    margin: 0px 0px 10px 0px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.acasas_profiletext{
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    margin: 2px;
}
.acasas_profiletext_title{
    font-weight: bold;
}
.acasas_profile_delete{
    width: 30px;
    flex-grow: 0;
    flex-shrink: 0;
    background-image: url(imgs/icon_delete2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 5px;
    cursor: pointer;
}
.acasas_profile_delete:hover{
    background-color: rgb(199,118,118);
}
.acasas_profile_add{
    width: 30px;
    flex-grow: 0;
    flex-shrink: 0;
    background-image: url(imgs/icon_add.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 5px;
    cursor: pointer;
}
.acasas_profile_add:hover{
    background-color: greenyellow;
}
.loading{
    width: 100%;
    height: 100%;
    z-index: 1100;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
}
.loading_anim{
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    background-image: url(imgs/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.err_titleline{
    width: 100%;
    display: flex;
}
.err_title{
    flex-grow: 1;
    flex-shrink: 1;
    float: left;
    padding: 10px;
    margin: 5px 0px 5px 0px;
    background-color: firebrick;
    color: white;
    text-align: center;
    font-size: 13px;
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
    cursor: pointer;
}
.acasas_filtro_select{
    height: 30px;
    padding: 5px;
    float: left;
    cursor: pointer;
    background-color: white;
    box-shadow: 0px 1px 3px gray;
    border-radius: 5px;
    margin: 0px 0px 0px 10px;
    border: none;
    outline: none;
}
.acasas_filtro{
    height: 30px;
    float: left;
    background-color: white;
    box-shadow: 0px 1px 3px gray;
    border-radius: 5px;
    margin: 0px 0px 0px 10px;
    padding-right: 25px;
}
.acasas_filtro_buscar{
    width: 25px;
    height: 30px;
    float: left;
    background-image: url(imgs/icon_search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.acasas_filtro_texto{
    width: 100px;
    height: 30px;
    float: left;
    padding: 5px 0px 5px 0px;
    border: none;
    outline: none;
}
.acasas_filtro_clear{
    width: 25px;
    height: 30px;
    float: left;
    background-image: url(imgs/icon_clear.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: none;
    cursor: pointer;
}
.tapa_photo{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000;
}
.tapa_photo_section{
    width: 240px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 1px 3px black;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
}
.tapa_photo_row{
    float: left;
}
.tapa_photo_closebtn{
    width: 30px;
    height: 30px;
    float: right;
    border-radius: 5px;
    background-color: firebrick;
    color: white;
    text-align: center;
    box-shadow: 0px 1px 3px gray;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    background-image: url(imgs/icon_toolbar_closew.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 0px 10px 0px;
    flex-grow: 0;
    flex-shrink: 0;
    align-self: flex-start;
}
.tapa_photo_photo{
    width: 200px;
    height: 200px;
    flex-grow: 1;
    flex-shrink: 1;
    border-radius: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px 0px 10px 0px;
}
.tapa_photo_btns{
    float: left;
    display: flex;
}
.tapa_photo_btns_cambiar{
    width: 80%;
    float: left;
    background-color: rgb(211, 230, 182);
    border-radius: 5px 0px 0px 5px;
    cursor: pointer;
    text-align: center;
    padding: 10px;
}
.tapa_photo_btns_cambiar:hover{
    background-color: greenyellow;
}
.tapa_photo_btns_delete{
    width: 20%;
    float: left;
    background-color: rgb(199,118,118);
    color: white;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
    background-image: url(imgs/icon_delete2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.tapa_photo_btns_delete:hover{
    background-color: rgb(190, 72, 72);
}
.acasas_profile_ok{
    border: 2px solid white;
}
.acasas_profile_err{
    border: 2px solid firebrick;
}
.acasas_profile_warning{
    border: 2px solid rgb(198, 206, 82);
}
.acasas_rpass_section{
    width: 300px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 1px 3px black;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px;
}
.acasas_rpass_row{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    margin: 0px 0px 2px 0px;
}
.acasas_rpass_rowsection{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    margin: 0px 0px 20px 0px;
}
.acasas_rpass_mainmessage{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    margin: 20px 0px 20px 0px;
    font-size: 13px;
}
.acasas_rpass_title{
    width: 100%;
    float: left;
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.acasas_rpass_subtitle{
    width: 100%;
    float: left;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.acasas_rpass_input{
    width: 100%;
    float: left;
    font-size: 14px;
    background-color: white;
    border-radius: 5px;
}
.acasas_rpass_check{
    width: 20px;
    height: 20px;
    min-width: 20px;
    float: left;
}
.acasas_rpass_new{
    width: 70%;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    font-style: italic;
    text-align: center;
    border-radius: 5px 0px 0px 5px;
    background-color: white;
    box-shadow: 0px 1px 3px gray;
    cursor: default;
}
.acasas_rpass_text{
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 13px;
    text-align: center;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0px 1px 3px gray;
    padding: 10px;
}
.acasas_rpass_edit{
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    border-radius: 0px 5px 5px 0px;
    background-color: rgb(211, 230, 182);
    box-shadow: 0px 1px 3px gray;
    padding: 10px;
}
.acasas_rpass_edit:hover{
    cursor: pointer;
    background-color: greenyellow;
}
.acasas_rpass_btn{
    width: 100%;
    float: left;
    background-color: rgb(211, 230, 182);
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
    text-align: center;
    padding: 10px;
    margin: 0px 0px 0px 0px;
}
.acasas_rpass_btn:hover{
    cursor: pointer;
    background-color: greenyellow;
}
.aavis_field{
    width: 100%;
    float: left;
}
.aavis_field_tb{
    width: 100%;
    float: left;
    display: flex;
    flex-direction: row;
    background-color: white;
    padding: 5px;
    box-shadow: 0px 1px 3px gray;
    margin: 0px 0px 10px 0px;
    position: sticky;
    top: 80px;
    z-index: 99;
}
.aavis_field_tb_tool{
    width: 25px;
    height: 25px;
    margin: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: white;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 1px 1px gray;
}
.aavis_field_tb_tool:hover{
    cursor: pointer;
    background-color: rgb(217, 229, 255);
}
.tool_font_bold{
    background-image: url(imgs/font_bold.png);
}
.tool_font_italic{
    background-image: url(imgs/font_italic.png);
}
.tool_font_underline{
    background-image: url(imgs/font_underline.png);
}
.tool_font_left{
    background-image: url(imgs/font_left.png);
}
.tool_font_center{
    background-image: url(imgs/font_center.png);
}
.tool_font_right{
    background-image: url(imgs/font_right.png);
}
.tool_font_ol{
    background-image: url(imgs/font_ol.png);
}
.tool_font_ul{
    background-image: url(imgs/font_ul.png);
}
.aavis_field_txt{
    width: 100%;
    height: auto;
}
.aavis_row{
    min-height: 90px;
    position: relative;
    margin: 0px 0px 20px 0px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 1px 3px gray;
}
.aavis_row:hover{
    cursor: pointer;
    background-color: rgb(217, 229, 255);
}
.aavis_row_delete{
    width: 50px;
    background-image: url(imgs/icon_delete.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0px 5px 5px 0px;
}
.aavis_row_delete:hover{
    background-color: rgb(228, 122, 122);
}
.aavis_row_mid{
    width: 70%;
    float: left;
    display: flex;
    padding: 10px;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    flex-shrink: 1;
}
.aavis_row_kpi{
    float: left;
    flex-grow: 0;
    flex-shrink: 0;
}
.aavis_row_kpi_icon{
    width: 20px;
    height: 20px;
    float: left;
    background-image: url(imgs/icon_views.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.aavis_row_kpi_txt{
    height: 20px;
    float: left;
    color: rgb(70,70,70);
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.aavis_row_txt{
    font-size: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    overflow: hidden;
}
.aavis_row_img{
    width: 30%;
    max-width: 200px;
    min-height: 70px;
    border-radius: 5px 0px 0px 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 10px 0px 10px 10px;
    flex-grow: 1;
}
.field_edit{
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 20px;
    background-color: white;
    border: 1px solid gray;
    box-shadow: 0px 1px 3px gray;
    border-radius: 5px;
    outline: none;
}
.field_err{
    border: 2px solid firebrick;
}
.avis_opc_row{
    width: 100%;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    border-radius: 5px;
    flex-wrap: wrap;
}
.avis_opc_row_pub{
    background-color: rgb(217, 229, 255);
}
.avis_opc_row_draft{
    background-color: rgb(223, 232, 208);
}
.aavis_opc_msg{
    float: left;
    height: 35px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
    margin: 5px 0px 5px 10px;
    justify-self: flex-start;
}
.aavis_opc_btn{
    float: right;
    height: 35px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 1px 3px gray;
    padding: 10px;
    margin: 5px 0px 5px 10px;
}
.aavis_opc_btn:hover{
    cursor: pointer;
}
.aavis_opc_draft{
    background-color: rgb(211, 230, 182);
}
.aavis_opc_draft:hover{
    background-color: greenyellow;
}
.aavis_opc_pub{
    color: white;
    background-color: rgb(53, 90, 170);
}
.aavis_opc_pub:hover{
    color: white;
    background-color: rgb(45, 70, 124);
}
.aemp_calle{
    font-size: 13px;
    float: left;
    margin: 0px 0px 10px 0px;
}