* {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin:0px;padding:0px;}

html {height: 100%;}

body {font-size:14px;font-family:'Montserrat',sans-serif;color:#4d4d4d;position:relative;padding-bottom:6em;min-height: 100%;}

a {color:inherit;text-decoration:none;cursor:pointer;}
textarea:focus, input:focus{outline: none;}
select {font-size: 1em;padding: 0.3em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-right:1em;}
input[type=date] {font-size: 1em;padding: 0.3em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid darkgray}

.rotulo_area{font-size:2.2em;}
.rotulo_seccion{font-size:1.8em;}
.rotulo_departamento{font-size:1.5em;}
.rotulo_negociado{font-size:1.2em;}

.cabecera {padding: 1em;display:flex;justify-content:space-between;background-color:beige;border-bottom: 1px solid black;}
.cabecera_logo{display:flex;align-items:center;font-size:3em;}
.cabecera_logo img {height: 2em;width:  auto;margin-right:1em;}

.cabecera_act{max-height: 2.5em;overflow:hidden;position:absolute;top: 2em;right:2em;cursor:pointer;border: 1px solid black;}
.cabecera_act:hover{max-height:none;}
.cabecera_act div{padding:0.5em 1em;background-color:  white;color: #242424;border-bottom: 1px solid lightgray;display:flex;align-items:center;}
.cabecera_act div:hover{background-color:lightgray;}
.cabecera_act img{height:1.5em;width:1.5em;margin-right:0.7em;vertical-align:middle;}
.cabecera_act_cl{/* position:relative !important; */}

.cabecera_front{display:flex;flex-direction:  row-reverse;padding:1em;background-color: rgba(235, 235, 235, 0.8);}
.cabecera_front a{margin-left:2em;}

.personalizacion_cabecera_texto{font-size: 0.6em;}

.div_pie{text-align:center;padding: 1.5em;position:absolute;bottom:0;left:0;right:0;/* height:60px; */}
.div_pie_apariencia{text-align:center;padding:1em;margin-top:2em;}

.caja_sombra {-webkit-box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.5);box-shadow: 0px 0px 5px 0px rgba(51,51,51,0.5);}

.contenedor_ppal {display:flex;margin:auto;margin-top:1em;max-width:90%;}
.contenedor_main {width:100%;margin:0.5em;}
.contenedor_main_flex {width:100%;margin:0.5em;display:flex;}
.contenedor_main_rotulo {margin-bottom: 0.5em;padding-bottom: 0.3em;width:100%;font-size: 1.4em;color:#880056;border-bottom: 0.2em dotted darkgray;}
.contenedor_main_rotulo a {font-size:1.1em}
.contenedor_lista {display:inline-block;width:100%}
.contenedor_acciones {margin:2em 0em;padding:1em 0em;border-top:1px solid darkgray;align-items: center;}

.div_buscador {display:flex;flex-flow: row-reverse;padding-bottom:1em;}
.div_buscador form{display:inherit;}
.bt_buscador{cursor:pointer;vertical-align:  middle;}

.boton {
    display:inline-block;border:1px solid darkgray;padding:0.5em 1em;font-size:1.2em;background-color:lightblue;color:white;cursor:pointer;
    border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;
}
.boton:hover {background-color:white;color:black;}
.boton_disabled {
    display:inline-block;border:1px solid darkgray;padding:0.5em 1em;font-size:1.2em;background-color:lightgray;color:white;opacity=0.7;cursor:default;
    border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;
}

.div_num_registros {padding-bottom:0.5em;display:flex;align-items:center;justify-content:space-between;}
.tabla_listados {width:100%;border-collapse:collapse;text-align:left;word-wrap:  break-word;}
.tabla_listados th,td {padding:1em;border:1px solid darkgray;}
.tabla_listados th {background-color:lightgray;}
.tabla_listados tr:hover {cursor:pointer;background-color:#f1f1f1;}
.thumb_listado {width:4em;}
.imagen_actual {max-width:50%}

.tabla_estadisticas {width:100%;border-collapse:collapse;text-align:left;word-wrap:break-word;font-size:0.8em;}
.tabla_estadisticas th,td {padding:1em;border:1px solid darkgray;}
.tabla_estadisticas th {background-color:lightgray;}

.div_modulos{display:flex;flex-direction:column;margin:1em 0em;}
.modulos_elemento{width: 20em;display: flex;align-items: center;margin: 1em 1em;}
.cb_modulo{margin-left:1em;}

.formulario_datos_tabla{border-collapse:collapse;width:100%;}
.formulario_datos_tabla td{padding:1em;border:1px solid lightgray;}
.formulario_datos_tabla textarea{height:7em;}
.celda_encabezado{font-size:1.3em;color:white;background-color:#880056;}
.celda_rotulo{font-weight:bold;padding-right:2em !important;}
.celda_separacion{padding:0px !important;}
.tb_dato{margin:0px;padding: 0.3em;width:100%;border:none;font-size:  1em;}
.tb_dato_corto{margin:0px;padding: 0.3em;border:none;}
.tb_dato_numero{width:5em !important;}
.tb_dato_cuadro {font-size: 1em;padding: 0.3em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-right:1em;border:1px solid darkgray}
.img_logo{width:50%;}

.navegador_paginas {margin-top:1em;display:flex;}
.navegador_paginas > span {padding:0.3em;margin:0.1em;color:darkgray;border:1px solid darkgray;}
.navegador_paginas > a {padding:0.3em;margin:0.1em;color:darkgray;border:1px solid darkgray;}
.navegador_paginas > a:hover {background-color:lightgray}
.navegador_paginas .pagina_activa {background-color:lightgray;}

.celda_min {width:1px;white-space:nowrap;}
.celda_click {cursor:pointer;}
.celda_click:hover{color:white;}
.icon_acciones{width:2em;margin-right:0.5em;cursor:pointer;}


.contenedor_menu {flex-wrap:wrap;}
.menu_item {
    padding:1em;
    margin: 1em;
    width: 11em;
    text-align:center;
    font-size: 1em;
    border-radius: 20px 20px 20px 0px;
    -moz-border-radius: 20px 20px 20px 0px;
    -webkit-border-radius: 20px 20px 20px 0px;
    border: 0.1em solid #9c9c9c;
}
.menu_item:hover {background-color:#e1e1e1;color: white;}
.menu_item_icon{width:100%;}


.menu_modulos_contenedor {display:flex;flex-wrap:wrap;margin:1em 0em;padding: 0em 0.5em;}
.menu_modulos_contenedor .elemento {/* margin:1em; */text-align:center;/* border:  1px solid lightgray; */padding: 1em;width: 25%;}
.menu_modulos_contenedor .permiso {width: 50%;margin: 0.5em 0em;}
.menu_modulos_contenedor .icon {width: 4em;margin-bottom: 0.5em;}
.menu_modulos_contenedor .icon_peque {width: 3em;margin-right: 0.5em;vertical-align:middle;}
.menu_modulos_contenedor .permisos_separacion {width:100%;padding-bottom: 0.5em;margin: 2em 1em 1em 1em;border-bottom: 1px dotted #f16161;color: #f16161;}

.div_proximos_eventos{margin-top:1em;}
.div_evento{/* margin-bottom: 0.5em; */cursor:pointer;padding: 0.5em 0.5em;}
.div_evento:hover{background-color:lightgray;}
.div_evento .ico_calendario{margin-right:0.5em;width:1em;}
.div_evento .rotulo{font-size:1.1em;font-weight:bold;line-height:1.4em;display:  flex;align-items: center;}

.div_muestra_personalizacion {border: 1px solid darkgray;padding: 0.5em;}
.div_muestra_personalizacion .div_cuerpo{padding: 0.5em;margin-top: 1em;}
.div_muestra_personalizacion .muestra_img{width:100%}

.col15 {width:15%}
.col20 {width:20%}
.col33 {width: 33%;}
.col50 {width:50%}
.col66 {width:66%}

.div_ocupa{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.4);display:flex;justify-content:center;align-items:center;visibility:hidden;z-index:1000;}
.div_mensaje{min-width:40%;padding-bottom:2em;text-align:center;background-color:white;}
.div_mensaje_rotulo{padding:1em;font-size:1.4em;background-color:#880056;color:white;}
.div_mensaje_texto{padding:3em;font-size:1.2em;}

.div_anotaciones{display:flex;align-items: flex-start;flex-wrap:  wrap;}
.div_anotaciones div {border:  1px solid lightgray;padding:1em;}
.div_anotaciones .rotulo {font-size:1.2em;font-weight:bold;}
.div_detalles_wrapper{margin-left:1em;flex-grow: 8;}
.div_detalle_anotacion {display:none;}
.div_totales {margin-top:2em;background-color:lightgray;}

/*------ LOGIN ------*/
.div_completa{width:100%;height: 100vh;display:flex;align-items:center;justify-content: center;}
.div_login_prewrapper {width:50%;max-width:350px;text-align:center;background-color: rgba(255, 255, 255, 0.9);padding:2em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.div_login_wrapper {margin:auto;max-width: 270px;text-align:center;}
.login_item {
    margin: 1em 0em;padding:1em 0.5em;display:flex;justify-content:space-between;align-items:center;background-color:lightgray;
    border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;
}
.login_item input{border:none;background:none;background-color:transparent !important;font-size:1.2em;}
.login_item input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px lightgray inset;}
.login_item input:focus{outline: none;}
.login_item img{width:1.5em}
.link_recordatorio{text-decoration:underline;}
.link_recordatorio:hover {color:lightcoral;}
.login_recordatorio {margin: 2em 0em 1em 0em;}
.error {color:red;border:1px solid darkgray;display:inline-block;padding:1em;background-color: #fafa62;}

/*------ FRONT-END ------*/
.cabecera_comercio{justify-content: normal;align-items:center;}
.img_logo_cl{height: 6em;margin-right:1em;}

.contenedor_catalogo{display:flex;flex-wrap:  wrap;}
.catalogo_bienvenida{text-align:center;font-size:1.2em;}
.catalogo_elemento{width: 33%;padding: 2em;cursor:pointer;}
.catalogo_elemento:hover{background-color:lightgray;}
.catalogo_rotulo{font-size:1.3em;line-height: 100%;margin-top:  0.5em;padding-bottom: 0.5em;border-bottom:  1px solid black;}
.catalogo_descripcion{}
.catalogo_imagen{margin:1em 0em;background-size:100% 100%;width:100%}
.catalogo_imagen:before{content: "";display: block;padding-top: 100%;}
.catalogo_imagen img{width:100%}
.catalogo_precios{margin:1em 0em;display:flex;justify-content:space-between;font-size: 1em;}
.catalogo_navegador{width: 100%;margin:  auto;padding: 1em;display:flex;justify-content:space-between;border-top:  1px solid;}

.contenedor_promocion{display:flex;width:100%;}
.promocion_imagen{margin:1em 0em;background-size:100% 100%;width:100%}
.promocion_imagen:before{content: "";display: block;padding-top: 100%;}
.promocion_imagen img{width:100%}

.promocion_descripcion{margin:1em;width:50%}
.promocion_precios{margin:1em 0em;display:flex;justify-content:space-between;font-size: 1.3em;}


.capa_espera {position:fixed;width:100%;height:100%;top:0px;background-color:rgba(0,0,0,0.4);display: none;z-index:99999;}
.img_espera {width:4em;height: 4em;position: absolute;top: 50%;left: 50%;margin-top:-2em;margin-left:-2em;background-image:url("imagenes/espera.gif");background-size:100% 100%;}