/* CSS Document */
@font-face{
	font-family: 'GOTHIC';
	src: url("../fonts/GOTHIC.TTF");	 
} 
.trial{    padding-top: 0 !important;color: #ef473a !important;text-decoration: underline;}
.check_on{ background-color: #9C0 !important; position: relative;width: 25px;height: 25px;display: block;border-radius: 100px; float: left; margin-left: 7px !important; margin-right: 8px !important; cursor: pointer;}
.check_off{background-color: #ef473a !important;position: relative;width: 25px;height: 25px;display: block;border-radius: 100px; float: left; margin-left: 7px !important;margin-right: 8px !important; cursor: pointer;}
#form_dysplay .item {padding:0 !important}
.showmovil{display: none !important; }
.item{    font-size: 14px !important;} 
*{ padding:0; margin:0; font-family:gotic !important; font-family: GOTHIC !important;}

.list:last-child {margin-bottom: 25px !important;}

.botonm_h {width: 4vh;height: 4vh;text-align: center;color: #2A6CBA !important;font-weight: 600;cursor: pointer;position: absolute;border-radius: 50px;top: 9%;left: 90.5%;font-size: 4vh;}

#form_credenciales{overflow-y: hide;}
#form_credenciales::-webkit-scrollbar {width: 2px;}  
#form_credenciales::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.9);} 
#form_credenciales::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.2);outline: 1px solid slategrey;} 

.color-red{color: #ef473a !important;}

#inciab {margin-bottom: 9px !important; background-color: #414042 !important; border:none !important;}
#new_user{background-color: #AF9E49;border: 0;}
.basic_style_b{width: 100% !important; margin-left: 0 !important;margin-right: 0 !important;}
.basic_button{border:none !important; background-color: #414042 !important; color: white !important;}
.head_panel{background-color: #414042!important;border-color: #414042 !important;}

/* otros */
.vview #form_address {margin-top: 5%;height: 100%;}
#wrap_address{background-color: #EEEEEE;width: 100%;height: 100%;}
.vview #form_address .data_address {width: 70%;}
#form_address input[disabled] {background-color: transparent !important;}
#divisor_pop{padding-top: 5px !important; padding-left: 10px !important; border-color: #0c63ee;background-color: #387ef5;color: white;}
#form_dysplay .item-content{padding: 0px !important;}
.btn_deletepop{width: 20px;height: inherit;position: absolute;left: 92%;top: 22%;}
.info_popup_cont{width: 90%; height: 51px;}
.logo_currier{width: 26%;height: 50px;float: left;}
.logo_currier img{width: 45px;margin-left: 5px;margin-top: 3px;}
.logo_currier2{width: 20%;height: 50px;float: left;}
.logo_currier2 img{width: 45px;margin-left: 5px;margin-top: 3px;}
.currier_info{    width: 70%;float: right;     height: 50px;}
.data_address {background-color: #EEEEEE !important;margin: 0 auto;border-top: 1px solid #ccc;margin-bottom: 6vh;border-bottom: 1px solid #ccc;}
.data_address .list input{border-bottom: 1px solid #ccc}
.data_address .list .comand_registro{width: 100%; display: inline-flex; background-color: #EEEEEE !important;}
.weit{font-weight: 800;}
.sinborde{border-width: 0 !important;}
.contenedor_visualconf{    width: 100%;overflow-y: scroll;height: 33vh;}
.barra_visualconf{width: 100%;height: 62%;top: -21px;}
.barrat_visualconf{width: 99.7%;margin: 0 !important;margin-left: 1px !important;border-bottom-width: 0 !important;}
.bar{border-style: none !important; background-image: none !important;}
.color_gray{background-color: #FFFFFF !important;}
.color_bgray{background-color:#DDDDDD !important;}
.color_bblue{background-color:#2A6CBA !important;}
.color_fgray{background-color:#ccc !important;}
.nocolor_w{font-weight: 600;}
.color_bgreen{background-color: #9C0;}
.color_fgreen{color: #9C0 !important; font-weight: 600;}
.color_fred{color: red !important; font-weight: 600;}
.color_fblue{color: #002964 !important; font-weight: 600;}
.color_bblue2{background-color: #002964;}
.color_byelow{background-color: #FEE600;}
.color_bred{background-color: red;}
.color_graydef{background-color: #414042 !important;}
.mceroauto{margin: 0 auto !important}
.color_oblack{color:rgba(0,0,0,0.5) !important;}
.text_basic{color: black !important; font-size: 1em;}
.head{background-color: #579FDA !important;}
.head_inicio{text-align: center !important;font-size: 17px;color: white;padding-top: 20%;font-weight: 600;}
#foot{ height: 6%; background-color: #414042 !important;border: 0 !important;}
.foot_inicio{margin: 0 auto !important;width: 100% !important;text-align: center !important;color: white !important;font-size: 0.9em !important; max-width: 80% !important; }
    .foot_inicio a{font-weight: 600 !important; text-decoration: none !important;color: white !important;}
.logo{width: 53%; height: 50%; background: url("../img/logo.png") no-repeat; background-position: center; background-size: contain; margin: 0 auto;}  
  .logo h2 {padding-top: 10.8%; text-align: center;}  
#form_acces{width: 35%;margin: 0 auto; text-align: center;height: 65%;} 
    #form_acces input{ width: 85%; float: left; background-color: white !important;}
    #form_acces i{font-size: 4vh; margin-right: 10px; color: #ccc; float: right; margin-top: 4px;}
    #form_acces button{width: 80%;margin: 0 auto; }
    #form_acces label{border-color: #ccc;border-left: none;border-right: none;border-top: none;     width: 80%;margin: 0 auto;margin-bottom: 10px;}
    .captch{width: 90%;height: 20%; margin: 15px 20% 15px 20%;}
 #catcha{z-index: 100;}   
 .head_secure{font-weight: 500; text-align: center !important;}
    .comand_acces{width: 100%; align-items: center; text-align: center;margin-top: 2vh;}
    .comand_acces .button-bar{width: 80%;margin: 0 auto;margin-top: 2vh; font-weight: 800 !important;}

#form_send_shop >input { width: 58%;}   
#form_send_shop i {     font-size: 28px;margin: 5px;position: relative;top: -2px; cursor: pointer;     display: inline-block;} 

/*Dashboard*/
#wrapp_dash{width: 100%;height: 100%;text-align: center; }
#wrapp_dash h3{    border-bottom: 1px solid rgba(0,0,0,0.3);
    padding-bottom: 2%; font-weight: 600;}
#wrapp_dash .d1{width: 48%;height: 30%;float: left;padding: 2%; margin: 1%; cursor: pointer;}

#wrapp_dash .d1 p {
    font-size: 6vh;
    padding-top: 4%;
}
#wrapp_dash .d2{width: 98%;height: 40%;float: left;padding: 2%; margin: 1%;    border-bottom: 1px solid rgba(0,0,0,0.3);
    border-top: 1px solid rgba(0,0,0,0.3);}
    #wrapp_dash .d2 h3{text-align: center;}
    #wrapp_dash .d2 p{text-align: left;}
/*Dashboard*/

.title{left: 0% !important;}

.popup{width: auto !important;}  
.return_s{width: 15%;font-size: 17px;font-weight: 600;height: 100%;cursor: pointer;}
    .return_s i{float: left;font-size: 30px;}
    .return_s p{float: left;margin: 0;margin-top: 5px;margin-left: 10px; position: relative;}
.fix{left: 0 !important;right: 0 !important;}    
#wrap_inicio{ background-position: center; background-size: cover; margin: 0 auto; width: 100%;height: 100%;}
.lang{ cursor: pointer;    border-radius: 25px;color: white;font-weight: 500;width: 40px;height: 40px;text-align: center;margin: 0 auto;}
   .lang p{vertical-align: sub !important;margin: 0 !important;padding-top: 10px;}
#wrap_registro{ background-color: #EEEEEE; width: 100%;height: 94%;}
#wrap_registro .logo{ width: 18%;height: 25%;}
#wrap_registro #form_secure .logo{height: 25%; width: 30%;}
.wrap_registrob{background-color: #EEEEEE !important;};
#form_registro{width: 45%;margin: 0 auto;text-align: center;height: 60%;background-color: #EEEEEE;}
    .data_registro{background-color: #EEEEEE !important; width: 50%; padding: 2vh;  margin: 0 auto;height: auto;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
     .data_registro2{background-color: #EEEEEE !important; width: 100%; padding: 2vh;  margin: 30px auto;height: auto;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
        .data_registro input,textarea{padding-left: 10px !important;float: right;width: 60%;border: 1.2px solid !important;border-color: #D6D6D6 !important;margin-bottom: 10px !important;background-color: #EEEEEE !important; border-top: none !important;border-left: none !important;border-right: none !important;}  
        .data_registro span {float: left;width: 40% !important;margin-bottom: 10px !important;}  
        .data_registro button{width: 44% !important;margin-left: 4%;margin-right: 3%;}
        .data_registro .comand_registro{width: 100%; display: inline-flex; background-color: #EEEEEE !important;}
        .data_registro2 input,textarea{padding-left: 10px !important;float: right;width: 60%;border: 1.2px solid !important;border-color: #D6D6D6 !important;margin-bottom: 10px !important;background-color: #EEEEEE !important; border-top: none !important;border-right: none !important;border-left: none !important;} 
        .data_registro2 span {float: left;width: 40%;margin-bottom: 10px !important;}  
        .data_registro2 button{width: 28% !important;margin-left: 4%;margin-right: 3%; height: 6%;}
        .data_registro2 .comand_registro{width: 100%; display: inline-flex; background-color: #EEEEEE !important;}    
#wrap_recovery{ margin: 0 auto; width: 100%;height: 100%; background-color: #EEEEEE;}     
.data_recovery{width: auto; padding: 2vh;box-shadow: 5px -3px 9px -1px rgba(0,0,0,0.3); border-radius: 10px; margin: 25px auto;height: auto; background-color: white;}
    #form_recovery {width: 38%;margin: 0 auto; text-align: center;height: 65%; }
     #form_recovery label{border-color:#ccc;}
     #form_recovery i{  font-size: 4.5vh;margin-right: 10px;color: #ccc; }
     #form_recovery input{ width: 90%; float: left; color: black !important;}
     #form_recovery .logo { width: 36% !important; padding-top: 1%;height: 42% !important;}
     #form_recovery  h2{padding-top: 3%;}
.comand_recovery{width: 100%; align-items: center; text-align: center;margin-top: 2vh;}
    .comand_recovery .button-bar{width: 80%;margin: 0 auto;margin-top: 2vh; font-weight: 800 !important;}
       .comand_recovery .aceptar{margin-right: 5%;} 
.head_menu{ background-color:#414042!important; font-weight: 600 !important;}   
.menu_panel{ background-color:#414042 !important; width: 100%; height: 100%;}  
    .option_menu{color: white !important; background-color: #414042 !important; border-style: none !important;     border-left-width: 5px !important;   padding: 3% !important;padding-left: 6% !important; cursor: pointer; border-left-style: solid !important; border-color:#414042 !important; }
       .option_menu:hover{background-color: #AF9E49 !important; border-color:white !important;} 
       .option_menu .icon{font-size: 1.6em;padding-right: 1vh;padding-top: 0.5vh;vertical-align: sub;}
    .option_menu_select{background-color: #AF9E49 !important; border-color:white !important;color: white !important; border-style: none !important;     border-left-width: 5px !important;   padding: 3% !important;padding-left: 6% !important; cursor: pointer; border-left-style: solid !important; }      .option_menu_select .icon{font-size: 1.6em;padding-right: 1vh;padding-top: 0.5vh;vertical-align: sub;}
.wrap_panel{ background-color: #EDEDED !important; width: 100%;height: 100%;}
.letras_logo{background: url("../img/letras_logo.png") no-repeat; background-position: center; background-size: contain; margin: 0 auto; width: 12%;height: 100%; margin-left: 41%;}
.divisor{width: 100%;height: 84px;text-align: center;background-color: #414042;}
   .divisor img{ width: 50%;height: 54px;margin: 0 auto;margin-top: 3%;}
.seccion{background-color: #414042 !important;font-weight: 600 !important;color: white !important;border-style: none !important;border-bottom-style: solid !important;border-bottom-color: white !important;border-bottom-width: 1px !important;margin: 0 auto !important;margin-top: 6% !important;width: 90% !important;margin-bottom: 3% !important;}  
.title_visor{margin: 0 !important;margin-left: 3% !important;padding-top: 0.5%;width: 94%;border-bottom: 2px solid #DDDDDD;     height: 6%;} 
   .title_visor h4{margin-top: 2px; font-weight: 600 !important;}
   .title_visor i{float: right;position: absolute;font-size: 37px;left: 95%;top: 0px; color: #414042; cursor: pointer;}
.vview{width: 100%;height: 82%;}

.sector{width: 100%;height: auto;text-align: center;font-size: 15px;padding-top: 2%;}
    .sector p{font-weight: 600;}
    .sector a{text-align: center;padding-bottom: 1%; color: blue; text-decoration: underline; cursor: pointer;}
#form_secure{width: 45%;margin: 0 auto;text-align: center;height: 100%} 
 #form_secure .data_registro .comand_registro {width: 100%;display: inline-flex;padding-top: 5%;}
 #form_secure .logo  { text-align: center;}
 #form_secure  h2{padding-top: 3%; text-align: center;}
 #wrap_perfil{background-color: #EEEEEE; width: 100%;height: 100%;padding-top: 1%;}
 .idioma_box{ width: 41%; margin-left: 24px;}
 .idioma_box span{width: 50% !important;padding-top:3%; }
 .idioma_box input{border-radius: 0 !important; box-shadow: none !important;border: none !important; padding-left: 0px !important; float: left ;  margin-bottom: 10px !important; background-color: #EEEEEE !important;}
 #wrap_perfil .data_registro button{margin: 0 auto !important; }
 #wrap_perfil .data_registro{width: 50%;}
 #wrap_perfil textarea{height: 10vh !important;}
 /*credenciales*/
 
 #warp_credenciales{width: 100%;height: 100%;}
 #wrap_credenciales .item-divider {margin-bottom: 10px; text-align: center;font-weight: 600 !important; width: 100%;}
 .spacin{width: 100%;height: 8%;}
    #form_credenciales{width: 90%;height: 90%;margin: 0% auto;border: 0px solid #D6D6D6; margin-bottom: 0;}
       #form_credenciales pre {cursor: pointer;color: blue;text-align: center;text-decoration: underline;margin-top: 2%;}
    #wrap_credenciales span{float: left;width: 26% ;margin-bottom: 10px !important;max-width: 9%;}
     #wrap_credenciales input{ color: black; padding-left: 10px !important;float: left;width: 62%;border-color: #D6D6D6 !important;background-color: #EEEEEE !important;}
     #wrap_credenciales .contenedor-input-icon>input{color: black; padding-left: 10px !important;float: left;width: 88%;border-color: #D6D6D6 !important;background-color: #EEEEEE !important;}
    .comand_credential{width: 100%;height: 10.2%;}
    .comand_credential label{padding: 3px !important; height: 100%;}
    .comand_credential .holder{padding: 5px !important; height: 100%;}
        .holder i{padding-right: 0 !important;padding-left: 10px;}
        .comand_credential .toggle{padding-right: 3vh !important;}
       .comand_credential .toggle .handle {    top: 5px !important;left: 5px !important;}
    #header_cred{height: 6%;}
    .list_credential{width: 100%;height: 83.8%; }
    #form_credenciales span{float: left;width: 30%;max-width: 100%; padding: 0px !important; margin: 0 !important; text-align: center; padding-top: 4px !important;}
    #form_credenciales .item-divider span{font-weight: 600;}
    .boton{width: 30vh;height: 5vh;text-align: center;background-color: #2A6CBA;color: white;font-weight: 600;cursor: pointer;}
    .boton p{width: 100%; height: 80%; padding-top: 3%;}
    .botonm{width: 7vh;height: 7vh;text-align: center;color: #2A6CBA;font-weight: 600;cursor: pointer;position: absolute;border-radius: 50px;top: 83%;left: 83%; font-size: 50px;}
    .botonm p{width: 100%;height: 80%;font-size: 36px;position: absolute;top: -16%;}
    #addcredential{margin-top: 9px; }
    .data_registrocred{background-color: #EEEEEE !important;width: 80%;padding: 2vh;margin: 0 auto;height: auto;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
    .data_registrocred input,textarea{padding-left: 10px !important;float: right;width: 69% ;border: 1.2px solid !important;border-color: #D6D6D6 !important;margin-bottom: 10px !important;background-color: #EEEEEE !important;}  
    .data_registrocred span {float: left;width: 40%;margin-bottom: 10px !important;}  
    .data_registrocred button{width: 25% !important;margin-left: 4%;margin-right: 3%; margin: 0 auto;}
    .data_registrocred .comand_registro{width: 100%; display: inline-flex; background-color: #EEEEEE !important;}
    #form_credenciales .item-content{padding: 16px 16px 16px 16px !important;}
    #form_credenciales img {width: 13%;}
    #form_infocredenciales{width: 60vh;height: 40%;margin: 3% auto;border: 2px solid rgba(0,0,0,0);margin-bottom: 0;}
        #form_infocredenciales span {    float: left;width: 100%;margin-bottom: 10px !important;max-width: 100%;padding-left: 3%;font-weight: 600;} 
    #form_infocredenciales span p{font-weight: 400;     text-overflow: ellipsis;}
        /*instancias*/
    #warp_instancias{width: 100%;height: 100%;}
    #form_instancias{width: 90%;height: 90%;margin: 3% auto;border: 2px solid #D6D6D6; margin-bottom: 0;}
    #wrap_instancias span{float: left;width: 26% ;margin-bottom: 10px !important;max-width: 9%;}
     #wrap_instancias input{padding-left: 10px !important;float: left;width: 30%;border-color: #D6D6D6 !important;background-color: #EEEEEE !important;}
    .comand_instancias{width: 100%;height: auto;}
    .comand_instancias label{padding: 3px !important;}
    .comand_instancias .holder{padding: 5px !important;}
        .holder i{padding-right: 0 !important;padding-left: 10px;}
        .comand_instancias .toggle{padding-right: 3vh !important;}
       .comand_instancias .toggle .handle {    top: 5px !important;left: 5px !important;}
    .list_instancias{width: 100%;height: 82%; }
    #form_instancias span{float: left;width: 20%;max-width: 100%; padding: 0px !important; margin: 0 !important; text-align: center;}
    #form_instancias .item-divider span{font-weight: 600;}
    #form_instancias .item-content{padding: 16px 16px 16px 16px !important;}
    #form_instancias .item-content span{font-size: 2vh;}
    #addcredential2{display: none;}
    #d404{width: 100%;height: 100%}
    #d404 img{    width: 70%;
        height: 14%;
        margin-left: 15%;
        margin-top: 50%;
        margin-bottom: 10%; }
    #d404 .button {    width: 50%;margin: 0 auto;}
    .stopitem{color: black !important;font-weight: 600 !important;}
        .stopitem .item-content{font-weight: 600;}
    .menu_panel .list{padding-top: 16%;width: 100%;height: 900px;}
    .item-complex .item-content, .item-radio .item-content {position: relative !important}

    /* format list*/
    .vview #form_registro{margin-top: 5%}
    .vview #form_registro .data_registro{width: 70%;}
    #badd_userm{display: none;}
    #badd_user{display: inline-block;margin-top: 5px;position: relative;left: 81%; margin-bottom: 5px;}
    #warp_listformat {width: 100%;height: 100%;}   
    #form_listformat span{    text-overflow: ellipsis !important;overflow: hidden; float: left;max-width: 100%; padding: 0px; margin: 0; text-align: center;}
     #wrap_listformat input{padding-left: 10px !important;float: left;width: 100%;border-color: #D6D6D6 !important;background-color: #EEEEEE !important;}
    .comand_listformat{width: 100%; height: 8.2%;;}
    .comand_listformat label{padding: 3px !important; height: 80%;}
    .comand_listformat .holder{padding: 5px !important;}
        .holder i{padding-right: 0 !important;padding-left: 10px;}
        .comand_listformat .toggle{padding-right: 3vh !important;}
       .comand_listformat .toggle .handle {    top: 5px !important;left: 5px !important;}
    .header_listformat{height: 6%;}
    .list_listformat{width: 100%;height: 83.5%; }   
    .list_listformat span{    padding-top: 16px !important;padding-bottom: 16px !important;}
    #form_listformat .item-divider span{font-weight: 600;}
    #form_listformat .item-content {padding: 0px 16px 0px 16px !important;}
    
    .colum_users{width: 25%;}
    .colum_users2{width: 40%;}
    .dcolum_users{width: 25%; font-size: 14px;}
    .dcolum_users2{width: 40%; font-size: 2vh;}
    #form_dysplay{width: 100%; height: 65%;margin: 3% auto;border: 2px solid rgba(0,0,0,0);margin-bottom: 0; margin-top: -1px;}
    #form_dysplay  span{    float: left;width: 100%;max-width: 100% !important;padding-left: 3%;font-weight: 600;}
    .md0{margin-bottom: 0px !important;}
    #form_dysplay span p{font-weight: 500; font-size: 12px;}
    .popup {width: 50% !important;height: 60% !important;}
    .popup ::-webkit-scrollbar {width: 5px;}  
    .popup ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.9);} 
    .popup ::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.2);outline: 1px solid slategrey;}    
    .colum_inst{width: 23%; cursor: pointer;}
    .colum_ami{width: 23%;}
    .dcolum_inst{width: 23%; font-size: 2vh;}
    .dcolum_ami{width: 23%; font-size: 1.8vh;}
    #form_dysplay .input-label{display: inline; padding-top: 7px !important;padding-bottom: 7px !important;}
    .logoaws{width: 35% !important;height: 20%;margin-left: 31%;margin-top: 4%;margin-bottom: 5%;margin-right: 31%;}
    .info_instancia{height: 100% !important; width: 100% !important; margin: 0!important;}
    .info_instancia span{width: 50% !important; padding-left: 6% !important;}
    .info_instancia .item {    margin-top: 1% !important; margin-bottom: 1% !important;}
    #form_dysplay::-webkit-scrollbar {width: 1px;}  
    #form_dysplay::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.9);} 
    #form_dysplay::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.2);outline: 1px solid slategrey;} 
    .comand_dysplay{width: 50%;margin: 0 auto;margin-top: 22%;}
    .input-label{max-width: 500px !important;}
    .seccion2{width: 20% !important;float: left;margin-left: 5% !important;background-color: #ef473a !important;color: white !important;cursor: pointer;}
    .seccion2 i{padding-right:0 !important;}
    .contenedor_info{height: 65% !important;}
    .contenedor_info_serch{height: 51% !important;}
    #contenedor_info{overflow-y: scroll !important; width: 100%; height: 100% !important;}
    #contenedor_info::-webkit-scrollbar {width: 0px;}  
    #contenedor_info::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.9);} 
    #contenedor_info::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.2);outline: 1px solid slategrey;} 
    #menu_slide{height: 91% !important;}
    .charSelected{
    color:red;
    animation: parpadeo 2s;
    -webkit-animation: parpadeo 2s;
    -moz-animation: parpadeo 2s;
    animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    }
    #deleteall{color: #2A6CBA;position: absolute;font-size: 4vh;left: -40px;top: 12%;cursor: pointer;}

    @keyframes parpadeo { 
    0% {color:red;}
    100%{color:black;} 
    }

    @-webkit-keyframes parpadeo { 
    0% {color:red;}
    100%{color:black;} 
    }
    .iconlis{color:#2A6CBA;  position: absolute;left: 95%;font-size: 5vh;top: 12%; cursor: pointer;}
    .iconlis2{color:#2A6CBA;  position: absolute;left: 90%;font-size: 4vh;top: 18%;cursor: pointer;}
    .iconlis22{color:#2A6CBA;  position: absolute;left: 90%;font-size: 4vh;top: 18%;cursor: pointer;}
    .iconlis3{color:#2A6CBA;  position: absolute;left: 95%;font-size: 4vh;top: 20%; cursor: pointer;}
    .logoload{ display: none;    position: absolute;top: 19.5%;left: 49%;width: 2.5%; height: 60%; background: url("../img/logo_load.png") no-repeat; background-position: center; background-size: contain; margin: 0 auto;}
    #binnet{text-align: center;width: 100%;height: 35%;}
    #binnet img{text-align: center;width: 10%;height: 50%;margin-top: 4%;}
    .comand_acerca i{font-size: 12vh; color:#2A6CBA; margin-right: 2%; }
    .comand_acerca{text-align: center;}
    .info_contact{ text-align: center; font-weight: 600; font-size: 2vh;margin-top: 12%;color:#2A6CBA}
    .ami_form textarea{width: 60% !important;height: 10%;}
    .form_amis .comand_listformat {width:85% !important;float: left;}
    .opg_ami {color:#2A6CBA; width: 15% !important; height: 8.2%;float: right;background-color:  white;border: solid 1px #ddd;border-left: none; text-align: center;}
    .form_amis .comand_listformat .holder{height: 100% !important; border-right: none !important;}
    .comand_listformat .item {margin: 0 !important; height: 100%;} 
    .opg_ami i{font-size: 5vh;margin-top: 3% !important;display: inline-block;margin-left: 8%;}
    .menu_panel .item-divider{ padding-top: 4px !important;}
    .border_r{border-right: solid 1px #DDDDDD !important;}
    .border_l{border-left: solid 1px #DDDDDD !important;}
    #info_lis{width: auto;position: absolute;left: 89%; font-weight: 600;color: black;}
    #info_lis_ami{width: auto;position: absolute;left: 95%; font-weight: 600;color: black;}
    #conf_lis{width: auto;position: absolute;left: 94.5%; font-weight: 600;color: black;}
    .delete_on{font-weight: 600;color: black;     width: 20%; }
        .delete_on i{color: red; font-size: 3.5vh; float: left; cursor: pointer;}
        .delete_on i p{font-weight: 600;color: black; float: right;margin-left: 5px; margin-top: 1px;}
    .delete_off{font-weight: 600;color: black;     width: 20%; cursor: pointer;}
      .delete_off i{color: #2A6CBA; font-size: 3.5vh; float: left;}
      .delete_off i p{font-weight: 600;color: black; float: right;margin-left: 5px; margin-top: 1px;}
    .agenda_form  .data_registro {width: 94% !important;height: 100% !important;overflow-y: scroll !important;}
    .conf_agenda{width: 85%; height: 100%; padding-left: 20%}
    .conf_agenda2{width: 100%; height: 100%;}
    
    .dia{width: 32%;float: left;}
        .dia>span{text-align: center; float: right; font-weight: 600;}
        .dia .hora label{padding-top: 0;padding-bottom: 0;width: 96%;}
        .dia .hora input{border: none !important;padding: 0 !important;margin: 0 !important;}
        .dia .hora span{margin: 0 !important;padding-top: 5px;}
    .dia2{width: 11%;float: left;}
        .dia2>span{text-align: center;margin: 0 auto;width: 100% !important;font-weight: 600;}
        .dia2 .hora label{padding-top: 0;padding-bottom: 0;width: 96%;}
        .dia2 .hora input{border: none !important;padding: 0 !important;margin: 0 !important;}
        .dia2 .hora span{margin: 0 !important;padding-top: 5px;}  
    .dia3{width: 32%;float: left;}
        .dia3>span{text-align: center; float: right; font-weight: 600;}
        .dia3 .hora label{padding-top: 0;padding-bottom: 0;width: 96%;}
        .dia3 .hora input{border: none !important;padding: 0 !important;margin: 0 !important;}
        .dia3 .hora span{margin: 0 !important;padding-top: 5px;}
    .dia4{width: 1000px;float: left;height: 11.7%;padding-left: 2%;}
        .dia4>span{text-align: center;margin: 0 auto;width: 100% !important;font-weight: 600;}
        .dia4 .hora label{    padding-top: 0;padding-bottom: 0;width: 4%;float: left;padding-left: 0%;margin-left: 0.1%;}
        .dia4 .hora input{border: none !important;padding: 0 !important;margin: 0 !important;}
        .dia4 .hora span{margin: 0 !important;padding-top: 5px;}       
    .agenda_form  #form_registro{margin-top: 2%;}  
    .agenda_form {height: 100% !important;} 
    .scroll {height: 99%;}
    .agenda_form .data_registro .comand_registro{margin-left: 25% !important; width: 50% !important;}

    .agenda_form  .data_registro::-webkit-scrollbar {width: 5px;}  
    .agenda_form  .data_registro::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.9);} 
    .agenda_form  .data_registro::-webkit-scrollbar-thumb {background-color: rgba(0,0,0,0.2);outline: 1px solid slategrey;} 

    .agenda_form .checkbox input:before, .checkbox-icon:before { background-color: #ef473a !important;}
    .agenda_form .checkbox input:checked:before, .checkbox input:checked + .checkbox-icon:before {background: #9C0  !important;border-color: #9C0 !important;}
    .horario   {width: 100%; height: auto; padding-bottom: 10px;}
    .horario label{width: 45%;height: 8%;padding: 0;padding-left: 6px; background-color: #eeeeee !important;}
    .horario select{padding: 0 !important;padding-right: 42px !important; background-color: #eeeeee !important; width: 70%;border-left: 1px solid #ccc !important; max-width: 70% !important; padding-left: 10px !important;}
    .current{position: absolute;}
    .search_op { width: 99.7%; margin-left: 0.2% !important;   padding-top: 5px !important;padding-bottom: 5px !important;padding-left: 7px !important;padding-right: 7px !important;}
    .search_op label{border: 1px solid #D6D6D6 !important;}
    .search_op input{height: 30px !important;}
    .search_op pre {font-weight: 600; height: 3%;}
    .search_op i{color: #2A6CBA;font-size: 30px;margin: 5px;margin-left: 10px; cursor: pointer;}
    .header_instaad{border: none !important;padding-top: 3px !important;}
    .insta_adm{padding: 0 !important;}
    #from_credenciales2{width: 100%;height: 98%;margin: 0% auto;margin-bottom: 0;}
    #form_credenciales2 span{float: left;width: 50%;max-width: 100%; padding: 0px !important; margin: 0 !important; text-align: center;}
    #form_credenciales2 .item-divider span{font-weight: 600;}
    #form_credenciales2 .paddcero .item-content{padding: 0 !important; padding: 0 !important;padding-top: 10px !important;padding-bottom: 10px !important; padding-left: 3% !important;}
    .img_cred_ad{ padding: 1% !important; height: 7%;}
    #form_credenciales2 .paddcero .item-content .fprincipal{padding-top: 1% !important;}
    .comand_date{width: 100%;height: 6%;float: left;}
    .comand_date pre{    float: left;padding-top: 8px;padding-left: 15px;padding-right: 5px;font-weight: 600;}
    .date{ width: 20% !important;}
    #list_report{    width: 100%;height: 76%;}
    .semana{width: 50%;height: 5%;margin: 0% auto;padding-left: 4.2%;margin-left: 26%;}
    .semana span {float:  left;    width: 12.5% !important;}
    .contenedor{overflow-y: scroll;display: inline-block;height: 71% !important;width: 100% !important;}
    .movil_ag{display: none;}
    .semana2{font-weight: 600; width: 90px;height: auto;margin: 0% auto;padding-left: 4.2%;margin-left: -7%;position: absolute;margin-top: 0%;}
    .semana2 span { float: left;width: 100% !important;margin-bottom: 13px !important; cursor: pointer;}
    .contenedor2{overflow-y: scroll;display: inline-block;height: 60% !important;width: 100% !important;}
    .horarios{width: 1000px;margin-left: -2%;height: 5%;}
    .horarios span{width: 4% !important; text-align: center;font-weight: 600;float: right !important; cursor: pointer;}
    .web_ag{ padding-top: 5%;}
    .leyenda{width: 20%;height: 10%; position: absolute;}
    .leyenda .opt_l{width: 100%;height: 4vh;float: left;}
    .leyenda .opt_l .color{float: left;width: 3vh;height: 3vh;margin-left: 1vh;margin-right: 1vh;}
    .leyenda .opt span{width: auto !important;}

    /*inicio team control*/
    .user_select{height: 35px; padding-left: 10px !important;float: right;width: 60%;border: 1.2px solid !important;border-color: #D6D6D6 !important;margin-bottom: 10px !important;background-color: #EEEEEE !important;}
    /* fin team control*/

    .entre_titulo{width: 50%;margin: 0 auto;text-align: center;font-size: 17px;font-weight: 600;height: 24px;}
    .row_return{margin-top: 10px !important;font-size: 25px;margin-left: 10px !important;}
    .contenedor_info pre{margin-top: 3px;}
    .row_pre_return{width: 70%;float: right;}
    .no_margin{margin: 0 !important;}
    .no_border{border: 0 !important;}
    #back_label{padding-top: 0px !important;}
    .back_label{ width: 15%;font-size: 15px;cursor: pointer;color: #ef473a !important;}
    .back_label i{ font-size: 16px;}
    .back_label p{     display: inline-flex !important; color: #ef473a !important; font-weight: 600; padding-left: 12px;}
    .space_asig{padding-top: 16px !important;padding-bottom: 16px !important;}
    .delete_on{width: 25%; }
    .delete_off{width: 25%; }
    .iconlis40{font-size: 4vh; cursor: pointer;color: #2A6CBA; position: absolute;left: 73%;top: 18%;}
    .iconlis41{font-size: 4vh; cursor: pointer;color: #2A6CBA;position: absolute;left: 82%;top: 18%;}
    .eye_conf{right: 83px !important;}
    .n_list_conf{width: 56% !important;border-right: 1px solid lightgray !important;}
@media (min-width: 980px)
{
    .delete_on{width: 15%; }
    .delete_off{width: 15%; }
    #binnet img {width: 17%;}
    .conf_agenda {width: 75%;height: 100%;padding-left: 25%;}
    .conf_agenda2 {width: 100%;height: 100%;}
    
}

@media (max-width: 979px)
{
    #binnet img {width: 17%;}
    .horario label{width: 55%; }
    .semana2 span { margin-bottom: 13px !important;}
    .horarios {width: 1000px;margin-left: -5%;height: 5%;}

}

@media (max-width: 320px) 
{
    .captch {
    width: 90%;
    height: 20%;
    margin: 15px 0px 15px 9px;
    }
}

@media  (min-width: 321px) and (max-width: 375px) 
{
    .captch {
    width: 81%;
    height: 20%;
    margin: 15px auto;
    }
    .botonm p{width: 100%;height: 80%;font-size: 36px;position: absolute;top: -0.4vh;}
}

@media (min-width: 376px) and (max-width: 414px) 
{
    .captch {
    width: 74%;
    height: 20%;
    margin: 15px auto;
    }
    .botonm p{width: 100%;height: 80%;font-size: 36px;position: absolute;top: -0.3vh;}
    
}

/* nexus p6*/
@media  (max-height: 568px) 
{
    .logoload{    width: 10% !important;
        left: 46%;
        top: 21% !important; }
}
/* nexus 5*/
@media (min-height: 569px) and (max-height: 668px) 
{
    .logoload{    width: 10% !important;
        left: 46%;
        top: 19% !important;}
}
/* nexus p6*/
@media  (max-height: 736px) 
{
    .logoload{    width: 10% !important;
        left: 46%;
        top: 17% ;}
}



@media (min-width: 415px) and (max-width: 938px) 
{
    .captch {
    width: 91%;
    height: 20%;
    margin: 15px auto;
    }

}
/* nexus p6*/
@media (max-width: 736px) 
{
    #imp_sendshop_rem{    width: 49% !important;}
    #imp_sendshop_con{    width: 49% !important;} 
    .contenedor_info{height: 75% !important;}
    .logoload{display: inline-block;}
    .title{left: 25% !important;}
    .data_address{margin-bottom: 10vh;}
    #wrap_registro .logo{width: 50%;height: 25%;}
    .list_listformat{width: 100%;height: 90%; } 
    .contenedor_visualconf {width: 100%;overflow-y: scroll;height: 66%;}
    #form_dysplay  span{    text-overflow: ellipsis !important;font-size: 13px;}
    .eye_conf{left: 73% !important;}
    .barra_visualconf{width: 100%;height: 56%;top: -10px;}
    .barrat_visualconf{    width: 99.4%;margin: 0 !important;margin-left: 1px !important;border-bottom-width: 0 !important;}
    .showmovil{display: inline-block !important;}
    .movil_ag{display: inline-block;  width: 100%;}
    .web_ag{display: none;}
    .semana{width: 100%;height: 5%;margin: 0% auto;padding-left: 8%;margin: 0;}
    .semana2{width: 100%;height: 5%;margin: 0% auto;padding-left: 8%;margin: 0;}
    .comand_listformat{height: 40px !important;}
    .comand_date{height: 34px !important;}
    .fterciaria{width: 100%; font-size: 15px;}
    .date{ width: 50% !important;}
    #list_report {width: 100%;height: 65%;}
    #from_credenciales2{height: 88% !important;}
    #wrap_credenciales .search_op{margin-top: 3% !important;}
    #from_credenciales2 .list_credential{width: 100%;height: 73% !important; }
    .data_registro span {font-size: 14px;}
    .current{position: absolute;top:-5%;}
    .horario label{width: 100%;height: 35px; }
    .agenda_form .data_registro {width: 94% !important;height: auto !important; overflow: visible;}
    .agenda_form .data_registro .comand_registro {margin-left: 0% !important; width: 100% !important;}
    .agenda_form  .data_registro::-webkit-scrollbar {width: 0px;}  
    .wrap_panel {height: 103%;}
    .iconlis3{left: 90%;top: 28%;}
    .conf_agenda {width: 100%; height: 100%; padding-left: 0%; }
    .conf_agenda2 {width: 100%; height: 100%; padding-left: 0%; }
    .dia>span{font-size: x-small;}
    .dia2>span{font-size: x-small;}
    .dia .hora span{font-size: small;     width: 20% !important;}
    .dia2 .hora span{font-size: xx-small;}
    .delete_on i{ font-size: 4.1vh;}
    .delete_off i{ font-size: 4.1vh; margin-top: -5px;}
    #binnet img{text-align: center;width: 35%;height: 50%; margin-top: 14%;}
    .comand_acerca{margin-top: 7%}
    .info_contact{ margin-top: 50%}
   #form_acces{width: 100%;}
   .menu_panel{    height: 94% !important;} 
   .menu_panel .list{height: 100%;overflow-y: scroll;overflow-x: hidden;}
   #form_acces input{ width: 80%; float: left; background-color: white !important;}
   #form_acces i{font-size: 5vh; color: white; float: right;}
   #form_address{    width: 100%;height: 94%;}
   .vview #form_address .data_address {width: 95%;}
   #wrap_inicio{ background-position: center; background-size: cover; margin: 0 auto; width: 100%;height: 100%;}
   #form_acces button{width: 80%; margin: 0 auto;}
   #form_registro {width: 100%; height: 94%;}
   #form_secure {width: 100%; height: 70%;}
   #form_recovery {width: 100%;}
   .data_registro {box-shadow: none; width: 100% !important;padding-left: 3%; border: 0px; height: 100%; }
   .data_registro2 {box-shadow: none; width: 100% !important;padding-left: 3%; border: 0px; height: 100%; }
   .data_registro2 button{    width: 94% !important;}
   .data_registro2 .comand_registro{    display: inline;}
   .data_recovery{    background-color: transparent;margin-top: 2vh; box-shadow: none;}
    #form_recovery label{border-color:#ccc; border-top: none;border-left: none;border-right: none;}
     #form_recovery i{  font-size: 4.5vh;margin-right: 10px;color: #ccc;}
     #form_recovery input{ width: 85%; float: left; color: black !important; }
     .comand_recovery{margin-top: 6vh;}
     #wrap_recovery{ background-color: #EEEEEE; width: 100%;height: 100%; background: none;}
     #wrap_recovery .logo{height:  60%;}
     .logo{width: 46%;height: 37%;}
     .logo h2{padding-top: 42% !important; font-size: 23px;}
     #form_registro .logo h2{padding-top: 37% !important;}
     #form_recovery .logo h2{padding-top: 50% !important;}
     .letras_logo{width: 40%;margin-left: 20%;}
     .divisor{height: 84px;}
     .option_menu .icon {font-size: 4vh;padding-right: 3vh;padding-top: 0.5vh;vertical-align: sub;}
     .title_visor{text-align: center; display: none;}
        
     .vview{width: 100%;height: 90%;}  
     .comand_acces .button-bar a {padding: 0 0px !important;}
     #wrap_perfil{padding-top: 10%;}
     #form_acces .logo{height:49%;}
     #form_credenciales{width: 100%;height: 102%;border: 0px;}
     .has-header {top: 32px !important;}
     .list_credential{width: 100%;height: 92%; }
     
     #addcredential{margin-top: 7px; }
     .fprincipal{width: 100% !important; text-align: left !important; border-right: none !important;}
     .fsecundaria{display: none;width: 0;}
     .data_registrocred {box-shadow: none; width: 100% !important;padding-left: 3%; border: 0px; height: 100%;   margin: 0 !important;}
     .data_registrocred button{    width: 94% !important; margin-bottom: 3% !important;}
     .data_registrocred .comand_registro{   display: inline-block;margin-top: 5vh !important; margin-bottom: 5vh !important;}
     .form_instancias{width: 100%;height: 94%;border: 0px;}
     .form_instancias .fprincipal{width: 45% !important; text-align: center !important; font-size: 14px;}
     .form_amis .fprincipal{width: 45% !important; text-align: center !important;}
     #addcredential{display: none;}
     #addcredential2{display: inline-block; }
     #wrapp_dash{width: 100%;height: 100%; padding-top: 3%;}
     #wrapp_dash .d1 p{    font-size: 6vh; padding-top: 15%;}

     .vview #form_registro .data_registro{margin-top: 20%;}
     #badd_user{display: none; margin-top: 7px; }
     #badd_userm{display: inline-block;}
     #wrap_listformat{margin-top: 3.1% !important;}
     .lista_usuarios .fprincipal{width: 100% !important; text-align: left !important;}
     #wrap_perfil{padding-top: 5%;}
      .popup{width: 100% !important;height: 90% !important;}
    .logoaws{width: 60% !important;height: 18%;margin-left: 18%;}
    .info_instancia .item { width: 100% !important; margin-top: 5% !important;}
    .info_instancia span{font-size: 2.2vh !important; }
     .iconlis{ left: 91%;top: 16%;}

     .iconlis2{ left: 82% !important;top: 20%;}
     .iconlis22{ left: 82%;top: 28%;}
     /*.logoload{    width: 10% !important;
        left: 46%;
        top: 17%; }*/
     .hidenmovil{display: none !important}
     #seccion2{width: 35% !important;float: left;margin-left: 0% !important;background-color: #ef473a !important;color: white !important;cursor: pointer;}
     .seccion2{width: 20% !important;float: left;margin-left: 5% !important;background-color: #ef473a !important;color: white !important;cursor: pointer;}
    .seccion2 i{padding-right:0 !important;}
    .form_amis .comand_listformat {width: 73% !important;float: left;}
    .opg_ami {    width: 27% !important; height: 40px!important;}
    .opg_ami i{margin-top: 5% !important;} 
    .comand_credential{height: 40px !important;}
    .contenedor{height: 62% !important;}
    
    .back_label{  width: 21%;font-size: 15px;cursor: pointer;color: #ef473a !important; padding-top: 0px !important;}
    .back_label i {font-size: 24px;display: inline-flex;}
    #backlabel_p{display: none !important;} 
    .delete_on{width: 20%; }
    .delete_off{width: 20%; }
    .iconlis40{ left: 56%;top: 28%;}
    .iconlis41{ left: 69%;top: 28%;}
    .set-scroll{overflow-y: unset !important;}
}
.set-scroll{overflow-y: scroll;}
@media (min-height : 662px) 
{
    .list_listformat {width: 100%;height: 91.9%;}
}

@media (max-height : 400px) {
    #foot{display:none;}
    .logo h2{display: none;}
    .data_registro{height: 100% !important;  }
    #form_registro{height: 100% !important; }
    #wrap_registro{height: 100% !important; }
    .title_visor{display: none;}
    #wrap_perfil{height: 160% !important; padding-top:0 !important;}
    #form_secure .logo{height: 45%;}
    #form_secure{height: 100%;}
    #addcredential{display: none;}
    #addcredential2{display: none;}
    .comand_credential{width: 100%;height: 20.2%;}
    #wrap_credenciales input{height: 20.2%}
    #badd_user{display: none;  }
     #badd_userm{display: none; }
     .comand_listformat{width: 100%;height: 20.2%;}
     .lang{display:none;}
     .hidenkey{display: none !important;}
     .hidenmovil{display: none !important;}
}  

.comand_listformat_shop{height: 7.2% !important; display: inline-block !important; }
.row_send{ width: 100% !important; display: inline-block !important;}
.img_row{ width: 25% !important;height: 50px;text-overflow: ellipsis !important;overflow: hidden;float: left;max-width: 100%;padding: 0px;margin: 0;text-align: center;}
.img_row span{padding-left: 7% !important; width: 80%;}
.span_rate{float:none !important; width: 60% !important;}
.steps-form{padding-top: 6%;}
#form_dysplay_item {
    width: 100%;
    height: 65%;
    margin: 3% auto;
    border: 2px solid rgba(0,0,0,0);
    margin-bottom: 0;
    margin-top: -1px;
}
#form_dysplay_item input {    background-color: transparent;}
.isdefault{ background-color: rgba(255,0,0,0.4) !important;}
.check-mark-form{color: green;font-size: 20px;padding-top: 6px !important;display: inline-block;padding-left: 7px !important;}
.contenedor-input-icon{display: inline-block; width: 70%;}
.IOS {    
    -webkit-text-fill-color:black !important;
    -webkit-opacity:1 !important;    
}