/* vim: ts=4 sw=4 et */ 
/* Genérico para mostar o ocultar por clases de css */
.show { visibility: visible; opacity: 1; }
.hide { visibility: hidden;  opacity: 0; }
/*--------------------------------------------------*/


@media print {
  .menu{ display: none;}
}


a, a:link, a:hover {
    color: #005487;
    text-decoration: none;
}

.mlogo {
    height: 40px;
}

.ui-header .ui-title, .ui-footer .ui-title,
.header, .logo {
    overflow: visible;
    margin: 0;
}

.user {
}

.logoutbt{
    margin-top: 23px;
    width: 66%;
    margin-left: 34%;
}

.logout {
}

.telf_tramitacion {
    float: right;
    padding-left: 8px;
}

.icono_telf_tramitacion {
    height: 32px;
}

div.backbutton {padding-top:3%;}

.headline {
    color: #9BA5AE;
    font-weight: bold;
    margin: 0.5416em 0em;
    padding-top: 10px;
}

.headline_mb {
    color: #9BA5AE;
    font-weight: bold;
    margin: 0.5416em 0em;
    padding-top: 2px;
}


div.headline_mobile {
    color: #9BA5AE;
    font-weight: bold;
    margin: 0.5416em 0em;
    padding-top: 0px;
}

div.headline_mobile > label.nitrogen_label {
    color: #9BA5AE;
    font-weight: bold;
    margin: 0.5416em 0em;
    /*padding-top: 10px;*/
}

h1 {
    font-family: "Helvetica", "Arial", san-serif;
    color: #9BA5AE;
    font-weight: normal;
    font-size: 1.5385em; /* 20px */
    line-height: 1.3em; /* 26px */
    margin: .65em 0em;
    padding: 0px;
}

h2 {
    font-family: "Helvetica", "Arial", san-serif;
    color: #9BA5AE;
    font-weight: normal;
    font-size: 1.3846em; /* 18px */
    line-height: 1.4444em; /* 26px */
    margin: 0.7222em 0em;
    padding: 0px;
}

h3 {
    font-family: "Helvetica", "Arial", san-serif;
    color: #9BA5AE;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.0769em; /* 14px */
    line-height: 1.8571em; /* 26px */
    margin: 0.92855em 0em;
    padding: 0px;
}

.credits {
    margin-top: 20px;
    color: #888;
    text-align: center;
    font-size: 10px;
    border-top: 1px solid #005487;
}

ul.alblist.wfid_albaranes {
    margin-top: 0;
    margin-left: 0%;
    margin-right: 0%;
}

label.albname {
    font-weight: bold;
    margin-top: 0;
}

.panel_flotante{  
    float: right;
    position: absolute;
    top: 54px;
    right: 9px;
    background-color: #ff6969;
    border-radius: 8px;
    height: 1.2em;
    width: 90px;
    padding: 0px;
}

div.panel_flotante > label{
    text-align: center;
    font-size: smaller;
    color: white;
    text-shadow: 0 0 black;
}

.panel_flotante_vip{
    float: right;
    position: absolute;
    top: 69px;
    right: 9px;
    background-color: #ff6969;
    border-radius: 8px;
    height: 1.2em;
    width: 90px;
    padding: 0px;
}


div.panel_flotante_vip > label{
    text-align: center;
    font-size: smaller;
    color: white;
    text-shadow: 0 0 black;
}


.postbutton {
    display: flex;
}

.fullwidth_div > div {
    width: 100%;
}
.fullwidth {
    width: 100%;
}

.postbutton > .ui-btn, .postbutton > .ui-select, .postbutton > .ui-input-text{
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}

.postbutton_js > .ui-btn, .postbutton > .ui-select {
    
    margin-left: 1%;
    margin-right: 1%;
} 



.dropdown_comisionistas_js {
    width: 48%;
    margin-left: 2%;
}

.observ {
    border: 2px solid #c8c8c8;
    padding: 7px;
    border-radius: 5px;
    margin-bottom: 7px;
}

label.wfid_titulo_telf_alb{ 
    margin-top: 7px;
    margin-bottom: 0%;
}

.new_telf2_y_3_alb{
    display: flex;
}

.new_telf3_alb{
    display: flex;
} 

div.new_telf3_alb > div.ui-btn{ width: 50%; margin-left: 2%; }
div.new_telf2_y_3_alb > div.ui-input-text{margin-right: 1%; margin-bottom: 0%;}

table {
    width: 98%;
    border-radius: 5px;
    margin: 13px;
    border-collapse: collapse;
}

.tablecell {
    border: 1px solid #c8c8c8;
}

.theader_30 {
    width: 30%;
}

.right {
    text-align: right;
    padding: 0px 5px 0px 0px;
}
.center {
    text-align: center;
}

.flash_content {
    border: 2px solid #c8c8c8;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 2px;
    background-color: gold;
}

div.flash_content > .pws_btn_ok {margin-left: 1%; height: 27px;}

span.is_vip {
    background-color: #005487;
    width: 100%;
    display: block;
    color: white;
    text-align: center;
    border-radius: 5px;
    padding: 4px;
}


span.is_campanna{
    background-color: #8ecea0;
    width: 100%;
    display: block;
    color: white;
    text-align: center;
    border-radius: 5px;
    padding: 4px;
}


canvas#canvasSimpleDiv {
    border: 2px solid #c8c8c8;
    width: 100%;
    height: 200px;
    border-radius: 5px;
    background-color: ivory;
    cursor: pointer;
}

canvas#canvasSimple {
    border: 2px solid #c8c8c8;
    border-radius: 5px;
    background-color: ivory;
    cursor: pointer;
}

canvas#sketchpadDiv {
    border: 2px solid #c8c8c8;
    width: 100%;
    height: 200px;
    border-radius: 5px;
    background-color: ivory;
    cursor: pointer;
}

canvas#sketchpad {
    border: 2px solid #c8c8c8;
    border-radius: 5px;
    background-color: ivory;
    cursor: pointer;
    position:relative; /* Necessary for correct mouse co-ords in Firefox */
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

#sketchpadapp {
    /* Prevent nearby text being highlighted when accidentally dragging mouse outside confines of the canvas */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.panel_articulos_estrella {
    background-color: #aad5f7;
    border-radius: 5px;
}

div.panel_articulos_estrella label.articulos_estrella {
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
}

div.panel_obsequios_comerciales_mobile{
    display: flex;
}

.img_info_log_obsequios_mobile{
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.popup_alb_contratos_vips_div{
    background-color: lightgrey;
    padding: 11px;
    margin-bottom: 12px;
}

.popup_alb_contratos_vips_labels{
    display: flex;
}

div.popup_alb_contratos_vips_labels > label{
    font-size: smaller;
    font-weight: bold;
    width: 33%;
    word-break: break-word;
    margin-right: 1%;
}

.popup_alb_contratos_vips_articulos{
    margin-top: 10px;
    padding: 5px;
    background-color: #fefefe;
}


.list_alb_contratos_vips_articulos{
    margin: initial;
    font-size: small;
    padding-inline-start: 20px;
}


/***** PANEL FOTO CONTRATO ****/
.telf_contrato_sin_ficha{
  padding: 2%;
}

div.photos_contrato {
  border: solid 1px black;
  border-radius: 5px;
}

div.photos_contrato > div.ui-btn {margin-left: 2%; margin-right: 2%;}
div.photos_contrato > div.ui-input-text {margin-left: 2%; margin-right: 2%;}

label.wfid_label_upload_img {padding-left: 2%; padding-top: 1%; font-weight: bold;}

img.img_contrato {
  width: 50%;
}

div.gps_exacta {float:right; width: 40%; margin-right: 7px;}
div.gps_exacta a { float: right; margin-right: 9%; margin-bottom: 3%;}
div.gps_exacta > div.ui-btn { width: 99%; font-size: small; padding: 3px; margin: 0px; margin-bottom: 9px;} 

.radiobutton_contrato_contado{ display: flex; }
div.radiobutton_contrato_contado > .ui-radio { margin-left: 1% ; width: 48%; z-index: 1;}

label.label_contrato_contado{
    font-weight: bold;
    margin-top: 4%;
}

/***** LISTADO DE CREMAS *****/
div.gift_list {
  margin-left: 1%;
  margin-top: 3%;
}

div.gift_list > div.comer_obs {display: flex;}

label.list_comerc_gift { 
  width: 45%; 
  padding-top: 12px; 
}

label.num_obs { 
  width: 13%; 
  padding-top: 12px; 
}

label.label_GE_JD {
  padding-top: 21px;
  font-size: x-small;
}

img.img_info_log_obsequios{
  width: 32px;
  height: 32px;
  margin-top: 8px;
}

/* The Modal Log Obsequios (background) */
.modal_log_obsequios {
   display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 80px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: calc(100vh - 80px); /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content */
div.modal_log_obsequios > div.modal-content {
    z-index: 20;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 10px;
    width: 80%;
}

div.comer_obs > div.ui-input-text { width: 15%; margin-right: 2%;}

div.log_panel{ margin-left: 3%; padding-top: 2%; padding-bottom: 2%; border: 1px solid #ccc; border-radius: 5px;}

label.label_titulo { padding-top: 5%; font-weight: bolder; }
label.label_log_data { font-size: 0.6em; padding-left: 2%; padding-right: 2%;}

input.textbox_cremas{
  margin: 1%;
  width: 19%;
  text-align: center;
  border-radius: 5px;
}

input.button_add_cremas  { width: 30%; margin: 1%; font-size: smaller; }

table.obsequios_log_x_comercial{ overflow-x: auto; overflow-y: auto; width: 100%;}

table.tabla-puntos { font-size: small; margin: 0px; }
table.tabla-puntos .tablecell { text-align: center; }
table.tabla-puntos tr>td:nth-child(1) { text-align: left; }
table.tabla-puntos tr>td:nth-child(2) { text-align: left; }
table.tabla-puntos tr:nth-child(even) { background-color:#ddd; }

div.tabla_puntos_reparto_x_equipos { 
  float: left; 
  display: block; 
  padding-right: 1em; 
  /*min-height: 12em;*/ 
}

label.label_nombre_je{ margin-top: 28px; font-weight: bold; }

table.tabla_puntos_reparto { font-size: small; margin: 0px; max-width: 30em; min-width: 30em;}
table.tabla_puntos_reparto .tablecell { text-align: center; }
table.tabla_puntos_reparto tr>td:nth-child(1) { text-align: left; }
table.tabla_puntos_reparto tr>td:nth-child(2) { text-align: center; }
table.tabla_puntos_reparto tr:nth-child(even) { background-color:#ddd; }

/********* TABLA HOJA RUTA **********/
div.postbutton_hoja_ruta {margin-top: 30px;}
div.datepicker_hoja_ruta {margin-top: 1%;}
div.datepicker_hoja_ruta > div.ui-btn{width: 50%;}
div.datepicker_hoja_ruta > div.ui-input-text{width: 50%;  margin-left: 1%; margin-right: 1%; } 

div.panel_table_app_log { overflow-x: scroll; overflow-y: hidden; }
div.panel_table_app_log > table.tabla-app-log { font-size: small; margin: 0px; }
div.panel_table_app_log > table.tabla-puntos-hp-repartidor .tableheader { text-align: center; } 
div.panel_table_app_log > table.tabla-app-log .tablecell { text-align: center; } 
div.panel_table_app_log > table.tabla-app-log tr:nth-child(even) { background-color:#ddd; }

div.quinela_repartidor { overflow-x: scroll; overflow-y: hidden; }
div.quinela_repartidor > table.tabla-puntos-hp-repartidor .tableheader { text-align: center; }

div.TablePanel { overflow-x: scroll; overflow-y: hidden; }

#hp_reparto_left_btn {
  width: 50%;
  margin-right: 1%;
}
#hp_reparto_right_btn {
  width: 50%;
  margin-left: 1%;
}
#hp_repartidor_right_btn {
  width: 100%;
}

/********* HOJA PUNTO **********/ 
#first_button_hoja_punto {
  margin-top: 42px;
}

div.dropdown_hoja_punto {
  width: 46%;
  margin-left: 1%;
  margin-right: 1%;
  display: flex;
}

div.datepicker_hoja_punto > div.ui-btn{width: 50%;} 
div.datepicker_hoja_punto > div.ui-input-text{width: 50%;  margin-left: 1%; margin-right: 1%; }  

input.wfid_dropdown_date{
  text-align: center;
  padding-top: 12px;
}


/********* HOJA DISTRIBUCION SALA **********/
.teleope_obsequios{
  display: flex;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 1%;
  background: #e9e9e9;
  padding: 1%;
  border-radius: 0.315em;
}

div.teleope_obsequios > div.ui-select{ width: 33%; margin-right: 2%; }
div.teleope_obsequios > div.ui-btn{width: 33%; }


/******** INFORMES *********/
div.backbutton_informes{
  margin-top: 30px;
}

.wfid_marco_inf{
  resize: auto;
  background-color: white;
}

/******** J.SALA *********/ 
.zona_vips_jefa_sala{
  background-color: #e9e9e9;
  border-radius: 0.3125em;
  padding: 1%;
  margin-bottom: 2%;
}

.jefa_sala_btns{
  margin-top: 20px;
}

.jefa_sala{
  display: flex;
}

div.jefa_sala > div.ui-btn{ width: 40%; margin-right: 1%; flex-grow: 2; }
div.jefa_sala > div.jefa_sala_btn_right{ width: 50%; margin-left: 1%; flex-grow: 2; }

/********* TABLA ASIGANCION DE TELF **********/
.fichas_sala{
  margin-top: 32px;
}
.fichas_sala_1er_bloque{
  display: flex;
}
div.fichas_sala_1er_bloque > div.ui-select{ width: 48%; margin-left: 1%; margin-right: 1%; }
div.fichas_sala_1er_bloque > div.ui-btn{ width: 46%; margin-left: 1%; margin-right: 1%; }

.fichas_sala_3er_bloque{
  display: flex;
}
div.fichas_sala_3er_bloque > div.dropdown_cp_list{ width: 48%; margin-left: 1%; margin-right: 1%; }
div.fichas_sala_3er_bloque > div.ui-btn{ width: 46%; margin-left: 1%; margin-right: 1%; }

.teleope_list_campanna_btn{
  margin-left: 1%;
  margin-right: 1%;
}

.teleope_paginacion{
  margin-top: 3%;
  text-align: center;
  margin-bottom: 3%;
}

.dropdown_cp_list_only_teleope{width: 48%; margin-left: 1%; margin-right: 1%;}
div.teleope_paginacion > a{ margin-left: 10%; margin-right: 10%; }

.teleope_list_asignacion{
  display: flex;
  width: 98%;
  margin-left: 1%;
}

div.teleope_list_asignacion > div.ui-body-inherit { width: 50%; } 
div.teleope_list_asignacion > div.ui-btn { width: 46%; margin-left: 2% }

.quitar_nc_ne{ display: flex; }

div.quitar_nc_ne > div.ui-select {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;  
}

div.asignacion_list { 
  padding: 2%;
  background-color: #f0f0f0;
  margin-bottom: 1%;
}

div.asiganacion_list_ofi_blanca {
  padding: 2%;
  background-color: #d2e6f5;
  margin-bottom: 1%;
}

div.asiganacion_list_ofi_vip {
  padding: 2%;
  background-color: #f5d2d2;
  margin-bottom: 1%;
}

div.asiganacion_list_ofi_campanna {
  padding: 2%;
  background-color: #d4ffe6;
  margin-bottom: 1%;
}

div.localidad_cp{ display: flex;  }
label.wfid_label_direccion {margin-top:1.5%}
label.wfid_label_localidad {}
label.wfid_label_cp {margin-left: 10%;}

/********* TELEOPE_FICHA Y CRONOMETRO **********/
label.wfid_label_inicio_call {font-weight: bolder; font-size: larger;}
div.crono{ text-align: center; display: hidden; }
div.crono > label.wfid_reloj{ font-weight: bold; }

.edit_teleope_ficha{display: flex;}

div.sin_edit_teleope_ficha > div.ui-input-text {width: 100%;}
div.edit_teleope_ficha > div.ui-input-text {width: 88%;}
div.edit_teleope_ficha > div.ui-btn {width: 11%}

.textbox_edit_field_popup { text-transform: uppercase; }

.dropdown_cp_list {width: 50%;}

/********* TELEFONO DE FICHA **********/

.label_link_telf_teleope_ficha{
  margin-top: 4%;
  margin-bottom: 2%;
}

.btns_marcar{ display: flex; }

div.btns_marcar > div.ui-btn{ width: 48%; margin-left: 1%; margin-right: 1%; }


/********* CATALOGO **********/

.catalogo_web_video {
  background-color: #e9e9e9;
  border-radius: 5px;
  display: flex;
  margin-top: 2%;
}

div.catalogo_web_video > label {
  width: 56%;
  align-self: center;
  font-size: 0.75em;
  margin-left: 2%;
  padding-right: 4px;
  padding-top: 9px;
}

div.catalogo_web_video > div.ui-select{
  width: 42%;
  margin-right: 2%;
}

div.catalogo_web_video > div.ui-btn {
  width: 10%;
  margin-right: 10px;
  align-self: center;
  font-size: small;
}

div.catalogo_links > div.ui-btn {font-size: smaller;}

/********* QUINELAS REPARTIDOR **********/
div.backbutton_repartidor {
  display: flex;
  width: 100%;
  padding-top: 0%;
}

div.backbutton_repartidor > div.ui-btn{width: 50%;}
div.backbutton_repartidor > div.ui-btn > input.left_button {margin-right: 2%;}

div.select_datepicker_repartidor {
  display: flex;
  width: 100%;
  padding-top: 0%;
  z-index: 3;
}

div.select_datepicker_repartidor > div.ui-select{width: 50%;}
div.select_datepicker_repartidor > div.ui-input-text{width: 50%; margin-left: 2%;}

img.icono_repartidor {
  max-height: 2em;
  float: left;
}

div.documento_reparto {margin-top: 4%; padding: 2%;}

label.documento_reparto_nombre {text-align: right;}
label.documento_reparto_localidad {text-align: right;}


/********* FICHA QUINELA REPARTIDO **********/
div.label_codigo_documento {padding-top: 7%;}
div.label_codigo_documento > label.label-codigo-documento {font-weight: bolder;}

div.backbuttonfichareparto {padding-top: 1%;}

div.group_ficha_reparto {display: block;}

input.left_button {margin-right: 2%;}

div.btn-update-repartidor {margin-left: 2%;}

.venta_de_repartidor{
    border: 2px solid #c8c8c8;
    padding: 8px;
    border-radius: 5px;
    margin-top: 15px;
    margin-bottom: 15px;
}

/********* MODAL CSS WINDOW **********/
/* The Modal (background) */
.modal {
   display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 200px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}


/* Modal Content */
div.modal > div.modal-content {
    z-index: 20;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 10px;
    width: 80%;
}
/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#button_modal_logout{
  margin-top: 11%;
} 

.modal_contrato_vip {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    padding-top: 10vh; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 90vh; /* Full height */
    overflow: scroll; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

div.modal_contrato_vip > div.modal-content {
    z-index: 20;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    border-radius: 10px;
    width: 80%;
}


/*********IMAGE DNI CSS **********/

.img_dni_center{
    display: block;  
    margin-top: 4%;
    margin-left: auto;
    margin-right: auto;
    width: 33%;
}

.img_dni_dynamic{
    margin-top: 2%;
    margin-left:1%;
    margin-right: 1%;
    width: 31%;
}

div.foto_dni{
    border: 1px solid #ccc;
    padding: 3%;
    border-radius: 5px;
}


/********* IMAGE ALBARAN CONTRADO CSS **********/

.img_contrato{
    display: block;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    width: 33%;
}

/********* APARTADO VENTAS CONTRADO CSS **********/

div.foto_audio_contrato{
    display: flex;
}

div.panel_foto_contrato > div.ui-input-text {
    position: relative;
    top: -62px;
    opacity: 0;
}

div.panel_audio_contrato > div.ui-input-text {
    position: relative;
    top: -62px;
    opacity: 0;
    display: hidden;
}  


.sonido {
    padding-left: 1.2%;
    padding-top: 3%;
    width: 97%;
}

.sonido_reparto{
    width: 96%;
    padding-bottom: 2%;
}

.icon-image-upload{
    width:70px;
    z-index: -1;
    //cursor: pointer;
}

.icon-audio-upload{
    width:70px;
    z-index: -1;
    //cursor: pointer;
}


div.panel_ventas{
    margin: 2%;
}

.panel_ventas_tipo_compartida{ display: flex; }
.panel_ventas_tipo{ width: 49%; margin-right: 1%; }
.panel_ventas_compartida{ width: 50%; }
label.label_importe_contrato{ font-weight: bold; margin-top: 2%; }


div.panel_foto_contrato{
    width: 50%;
    margin: 1%;
    text-align: center;
}

div.panel_audio_contrato{
    width: 50%;
    margin: 1%;
    text-align: center;
}

        audio {
            width: 90%;
        }

        #recording-meter {
            height: 5em;
            margin: 0 auto 0 auto;
            width: 33%;
        }

/****** loader spin ******/
.loader_spin {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  z-index: 400000;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/****** Modal for loader sping *****/
/* Modal backgruond */
.modal_loader{
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 200px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}


/**** Modal Content ****/
.modal_loader-content {
    display: flex;
    justify-content: center;
}

/**** Tabla de Hoja de Punto Repartidor ****/ 
table.tabla-puntos-hp-repartidor { font-size: small; margin: 0px; min-width: max-content;}
table.tabla-puntos-hp-repartidor .tablecell { text-align: center; }


/**** Cosas de los mapa ****/
#map {
  position: relative;
  overflow: hidden;
  z-index: 5; 
}
#map .olPopup img {
  max-width: none;
  z-index: 8; 
}

#Mapas_btn{
  margin-top: 45px;
}

.dos_botones_mapas{ display:flex;}

div.dos_botones_mapas > div.ui-select {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}

div.un_boton_mapas > div.ui-select {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
}

/******** Vips Search *********/
.backbutton_vip_search{
  margin-top: 45px;
}

.search_btn_vip_search{
  display: flex;
}  

div.search_btn_vip_search > div.ui-input-text{
  width: 50%;
}

div.search_btn_vip_search > div.ui-btn{
  width: 50%;
  margin-left: 1%;
} 

.gps_link{
  float: right;
  margin-top: -33px;
  margin-right: 3%;
}

label.last_label_vip_search{
  padding-bottom: 2%;
}

label.label_vip_info_contrato{
  margin-top: 4%;
}

label.label_vip_info_albaranes{
  margin-top: 4%;
}

div.panel-table-vip-contratos {
    overflow-x: scroll;
    overflow-y: hidden;
}


/**** Vips List ****/
.vips_gerente_btn{
  margin-top: 45px;
  display: flex;
}

div.vips_gerente_btn > div.ui-btn{
  width: 50%;
}

div.vips_gerente_btn > div.ui-select{
  width: 50%;
  margin-left: 1%;
}

.vips_backbutton_1{
  margin-top: 45px;
  display: flex;
}

.vips_list_backbutton_1{
  margin-top: 48px;
  display: flex;
}

div.vips_list_backbutton_1 > div.ui-btn{
  width: 50%;
}

div.vips_list_backbutton_1 > div.vips_list_backbutton_1_right{ 
  width: 49%;
  margin-left: 1%;
}

.vips_backbutton_1_gerente{
  margin-top: 2%;
  display: block;
}

div.vips_backbutton_1 > div.ui-btn {
  width: 40%;
  margin-right: 1%
}

.actualizar_vip{
  width: 50%;
  margin-left: 1%; 
}

.vips_backbutton_2{
  display: flex;
} 

div.vips_backbutton_2 > div.ui-btn {
  width: 50%; 
}

div.vips_backbutton_2 > div.vips_list_backbutton_1_right{
  width: 49%;
  margin-left: 1%;
}


.class_newvip_actualizar {
  width: 48%;
  margin-left: 1%;
}
 
.codigo_postal{
  display: flex;
  width: 52%;
}

.vips_codigo_postal{}

div.codigo_postal > div.ui-body-inherit {
  width: 100%;
}

div.codigo_postal > label.label_cp_vip {
  padding-top: 21px;
  padding-right: 7px;
}

.vips_tipo_oficina{
  display: flex;
}

div.vips_tipo_oficina > div.ui-select{ width: 50%; }
div.vips_tipo_oficina > div.panel_dropdown_vips_oficinas { width: 49%; margin-left: 1%; } 

div.vip_list{
  margin-top: 1em;
  background-color: lightgrey;
  padding: 1em 0% 0% 1em;
}

div.vip_list > label {display: inline-block; width: 2.5em}
div.vip_list > div.localidad_cp_vip > label:nth-child(-n+4) {display: inline-block; width: 25%}
div.vip_list > div.localidad_cp_vip > label.label_cp_vip_en_localidad {}
div.vip_list > div.localidad_cp_vip > label.label_ult_vtn_vip{padding-bottom: 1em;}

div.info_vip > div > div.vip_list > label {display:block; width: 100%;}

label.label_vip_info{
  padding: 3% 0% 0% 3%;
  font-weight: bold;
}

label.label_lg_llamadas{ margin-left: 3%; }

.panel_vip_info{
  padding-bottom: 2%;
  padding-right: 2%;
  margin-top: 4%;
  background-color: #ececec;
}

.btn_ver_contrato_hist_cliente{
  margin-left: 8px;
  margin-top: 9px;
  background-color: #f6f6f6;
  border-color: #d3d3d3;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
  border-radius: 4px;
  padding: 0.5em 0.8em;
  font-weight: bold;
  box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
  border-width: 1px;
  border-style: solid;
}


.panel_cliente_info_lopd{
  margin-top: 3%;
  background-color: #ffc0c0;
  padding: 3% 0% 1% 2%;
}

/**** FICHA Vips ****/ 
.ficha_vip{
  margin-top: 5%;
}

div.ficha_vip > label{
  margin-top: 1%;
}

.ficha_vip_cp_provincia{
  display: flex;
  margin-top: 3%;
}

.ficha_vip_telefonos{
  display: flex;
  margin-top: 3%;
} 

.observaciones_ficha_vip{
  margin-top: 5%;
  border: 2px solid #c8c8c8;
  padding: 2px;
  border-radius: 5px;
  margin-bottom: 7px;
}

.ficha_vip_cp{
  margin-right: 2%;
}

.tefl1_ficha_vip{    
  margin-right: 2%;
  width: 33%;
}

.label_link_telf_teleope_ficha{
  display: grid;
}

div.label_link_telf_teleope_ficha > .ui-link{ margin-bottom: 5px; }

.tefl2_ficha_vip{
  width: 33%;
}

.check_phone_vip{
  margin-left: 2%;
  width: 33%;
  align-self: flex-end;
}


/**** TABLA DE HOJA PUNTO DE REPARTO ****/

table.tabla-puntos-reparto { font-size: small; margin: 0px; }
table.tabla-puntos-reparto .tablecell { text-align: center; }
table.tabla-puntos-reparto tr>td:nth-child(1) { text-align: left; }
table.tabla-puntos-reparto tr>td:nth-child(2) { text-align: center; }
table.tabla-puntos-reparto tr:nth-child(even) { background-color:#ddd; }


/**** LISTADO VIPS GERENETE ****/
.list_vips_ge_btns {display: flex;}
.label_gerente{float: right; margin-top: 10px; padding-right: 1.5%;}
.label_delegado{margin-top: 10px;}
.list_vips_ge_btns_2 {display: flex; margin-top: 40px;}
.list_vips_ge2_btns_2 {display: flex;}
.list_vips_de_btns_2 { margin-right: 1%; }

.btn_abrir_cerrar_todo {display: flex;}
div.btn_abrir_cerrar_todo > div.ui-btn{ width: 48%; }
div.btn_abrir_cerrar_todo > div.btn_abrir_cerrar_todo_derch{width: 50%; margin-right: 1%; margin-left: 1%;}

div.label_gerente > label{font-weight: bold;}
div.label_delegado > label{font-weight: bold;}

div.list_vips_ge_btns > .ui-btn {width: 48%; margin-right: 1%;}
div.list_vips_ge_btns > .ui-select{width: 50%; margin-right: 1%; margin-left: 1%;}

div.list_vips_ge_btns_2 > .ui-btn {width: 48%;} 
div.list_vips_ge_btns_2 > .ui-select{width: 50%; margin-right: 1%; margin-left: 1%;}

div.list_vips_ge2_btns_2 > .ui-btn {width: 50%; margin-right: 1%}
div.list_vips_ge2_btns_2 > .ui-select{width: 50%; margin-right: 1%;}
div.list_vips_ge2_btns_3 > .ui-btn {margin-right: 1%}

div.list_vips_de_btns_2 > .ui-select{width: 100%; margin-right: 1%;}

div.tabla_vips_ge_jd { overflow-x: scroll; overflow-y: hidden; }


/***** ADMINISTRATIVO *****/
div.administrativo_btns{ margin-top: 90px;  }



/***** PERMISOS *****/

.backbutton_permisos{margin-top: 45px; display: flex;}
div.backbutton_permisos > .ui-btn {width: 50%}
div.backbutton_permisos > .ui-select{width: 50%; margin-left: 1%;} 

.panel_btn_a_todos{
    border: 1px solid #ccc;
    padding: 3%;
    border-radius: 5px;
}

div.radiogroup_mostrar_telf_a_todos > .ui-radio { width: 38%  }

/***** PERMISOS *****/

.panel_obsequio_portes_a_todos{ display: flex; }
div.panel_obsequio_portes_a_todos > .ui-select{width: 50%; margin-left: 1%;}

.panel_acceso_a_vip{
    margin-left: 1%;
    background-color: #e5e5e5;
    padding: 1%;
}

div.radiogroup_acceso_a_vip_a_todos > .ui-radio{width: 50%; margin-left: 1%;}

.dropdown_inside_table{
    margin-left: 15%;
    width: 70%;
    background-color: #efefef;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

/***** MENU *****/
.ham{
  position: fixed;
  /* keep the hamburger button above everything */
  z-index: 100;
  top: 0.5rem;
  right: 1rem;
  width: 3rem;
  height: 3rem;
  border: black solid 1px;
  background: white;
  cursor: pointer;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v85/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.xIcon {
  display: none;
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*width: 100%;*/
  height: 100vh;
  background: #e9e9e9;
  color: white;
  transform: translateY(-104%);
 /* transition: transform 0.2s; */
  list-style: none;
  padding-top: 4rem;
  z-index: 38;
  text-align: left;
  font-size: 1.6em;
  margin-left: -18px;  
}

.showMenu {
  transform: translateY(-4%);
}

.menuLink {
  display: inline;
  font-size: 2rem;
  color: white;
  text-decoration: none;
}

.menuLink:hover {
  text-decoration: underline;
}

.submenu{
  list-style: none;
}

.listitem{
  padding-top: 0.4em; 
  color: #005487;
  text-decoration: none;
  font-weight: 700;
}

ul.menu li ul { display:none; }
ul.menu li:hover > ul { display:block; /*transition: 1s;*/ transform: translateY(0);}


/***** ENCUESTAS TELEVENTA *****/

.links_encuestas_modal{
  display: grid;
}

.panel_icono_telefono{
  align-self: center;
  margin-left: 2%;
  margin-top: 2px;
}

.icono_telf_encuesta{
  height: 28px;
}

div.links_encuestas_modal > a {padding-top: 10px; font-size: large;}

.edit_televenta_encuesta{ padding-bottom: 5px; display: flex; }

div.edit_televenta_encuesta > input.textbox{
  background-color: #fff;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
  border-radius: .3125em;
  width: 65%;
  height: 26px;
}

div.edit_televenta_encuesta > input.textbox_telefono1{
  width: 85%;
}

.fec_nacimiento_encuesta{ display: flex }

div.fec_nacimiento_encuesta > input.textbox{
  background-color: #fff;
  border-color: #ddd;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
  border-radius: .3125em;
  width: 65%;
  height: 26px;
}

.wfid_checkbox_tiene_fec_nacimiento{
  margin-top: 0.02em;
  height: 29px;
  width: 29px;
}

.edit_televenta_encuesta_no_telf{ padding-bottom: 5px; display: flex; }

div.edit_televenta_encuesta_no_telf > input.textbox{
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 70%;
    height: 26px;
}

div.edit_televenta_encuesta_no_telf > input.button{
    margin-left: 2px;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 27%;
    height: 33px;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}


div.sin_edit_televenta_encuesta > input.textbox{
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 96%;
    height: 26px;
    margin-bottom: 1%;
}

div.edit_televenta_encuesta > input.button{
    margin-left: 2px;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 20%;
    height: 33px;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.textbox_edit_field_popup_encuesta{
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 98%;
    height: 26px;
}

.btn_encuesta_popup{
    margin-top: 0.8em;
    margin-left: 2px;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 98%;
    height: 33px;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.cliente_list_encuesta{
    margin-top: 2%;
    background-color: lightgrey;
    padding: 3% 0% 2% 2%;
}

.historico_list_encuesta{
    margin-top: 2%;
    background-color: lightgrey;
    padding: 3% 0% 2% 2%;
}

div.historico_list_encuesta > label{
    font-size: 0.8em;
}

.panel_cliente_info_lopd_encuesta{
    margin-right: 3%;
    background-color: #ffc0c0;
    padding: 3% 0% 1% 3%;
}

.edit_encuestas_field{
    display: grid;
}

label.edit_encuestas_field_label{
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

div.panel_encuesta_total > input.button{
    margin-left: 2px;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 98%;
    height: 33px;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.panel_encuesta_articulos{
    border: 1px #333333 solid;
    border-radius: .3125em;
    padding: 12px;
    margin-bottom: 15px;
    margin-right: 2%;
}

div.panel_encuesta_articulos > label.titulo_encuesta{
    margin-top: 12px;
    font-weight: 700;
}

.encuesta_datepicker{
    display: flex;
}

div.encuesta_datepicker > label{
    width: 50%;
    text-align: right;
    align-self: center;
    margin-right: 7px;
    font-weight: 700;
}

div.encuesta_datepicker > input.datepicker_textbox{
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 50%;
    height: 26px;
}

/*div.fec_nacimiento_encuesta > input.button{
    margin-left: 2px;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 26%;
    height: 33px;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}*/

.datepicker_button_guardar{
    margin-left: 2px;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 26%;
    height: 33px;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.datepicker_button_guardar_disable{
    background-color: #d6d6d6;
    color: #a9a9a9;
    margin-left: 2px;
    border-color: #ddd;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 26%;
    height: 33px;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.encuesta_articulo{
    display: grid;
}

div.encuesta_articulo > input.textbox{
    width: 98%;
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 99%;
    height: 26px;
}

div.encuesta_articulo > .dropdown{
    width: 100%;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}


/***** GRABAR NOTA TELEOPERADORA *****/

.search_phone_nueva_nota{   
    display: flex;
}

div.search_phone_nueva_nota > .ui-input-text { width: 50%; flex-grow: 3; }
div.search_phone_nueva_nota > div.ui-btn{ width: 24%; margin-left: 1%; flex-grow: 3; }
div.search_phone_nueva_nota > div.llamar_nueva_nota{ width: 24%; margin-left: 1%; flex-grow: 3; }

.lopd_nueva_nota{
    background-color: #f3cccc;
    padding: 9px;
    padding-top: 4%;
    margin-top: 2%;
}

div.lopd_nueva_nota > label{ font-weight: bold; text-align: center; }

div.panel_button_grabar > .button{
    width: 100%;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

div.panel_nota_telefonos > .wfid_dropdown_blanca_vip {
    width: 100%;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

div.panel_nota_telefono2i3 > input.textbox{
    width: 98%;
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 99%;
    height: 26px;
}

div.panel_nota_info_cliente > input.textbox{
    width: 98%;
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 99%;
    height: 26px;
}

div.panel_nota_info_cliente > .textarea_direccion{
    width: 98%;
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 99%;
    height: 26px;
}

div.panel_horario > input.textbox{
    width: 98%;
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 99%;
    height: 26px;
}

.subpanel_notas{
    background-color: #e9e9e9;
    padding: 9px;
    margin-bottom: 2%;
    border-radius: 0.315em;
}

.textbox_nombre{ text-transform: uppercase; }
.textbox_apellido1{ text-transform: uppercase; }
.textbox_apellido2{ text-transform: uppercase; }
.textarea_direccion{ text-transform: uppercase; }
.textbox_localidad{ text-transform: uppercase; }
.textarea_observaciones{ text-transform: uppercase; }

.dropdow_disable_teleope_notas{
    background-color: #dcdcdc;
    color: #aaaaaa;
}

.panel_horario{
    display: grid;
}

.panel_horario_desde{ display: flex; flex-grow: 3;}
div.panel_horario_desde > label{ align-self: center; width: 15%; flex-grow: 3; }
div.panel_horario_desde > .ui-select{ width: 42%; margin-left: 1%; }
div.panel_horario_desde > .dropdown{  
    width: 42%;
    margin-left: 1%;
    flex-grow: 3;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
} 


.panel_horario_hasta{ display: flex; flex-grow: 3;}
div.panel_horario_hasta > label{ align-self: center; width: 15%; flex-grow: 3; }
div.panel_horario_hasta > .ui-select{ width: 42%; margin-left: 1%; }
div.panel_horario_hasta > .dropdown{ 
    width: 42%;
    margin-left: 1%;
    flex-grow: 3;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.panel_articulo_portes{
    display: flex;
}

.panel_dropdown_articulo{
    float: left;
    width: 50%;
}

div.panel_dropdown_articulo > .dropdown{
    width: 100%;
    /*margin-left: 1%;
    flex-grow: 2;*/
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.panel_dropdown_portes{
    float: right;
    width: 49%;
    margin-left: 1%;
}

div.panel_dropdown_portes > .dropdown{
    width: 100%;
    /*margin-left: 1%;
    flex-grow: 2;*/
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

div.panel_observaciones_nota > .textarea_observaciones{
    width: 98%;
    margin-top: 1%;
    margin-bottom: 1%;
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    width: 99%;
    height: 52px;
}



/***** CREACION DE REPARTOS *****/

.notas_sala_btns{
    display: flex;
}

div.notas_sala_btns > div.notas_sala_btns_left{width: 50%; flex-grow: 2;}
div.notas_sala_btns > div.ui-select{width: 50%; flex-grow: 2;}
div.notas_sala_btns > div.ui-btn{width: 49%; margin-left: 1%; flex-grow: 2;}

.panel_2_columnas_title{
    display: flex;
}

.panel_column_1_title{
    width: 50%;
}

.panel_column_2_title{
    width: 50%;
}

.panel_2_columnas{
    display: flex;
    height: 800px;
}

.panel_scroll{
    width: 50%;
    overflow-y: scroll;
    display: flex;
}

.panel_column_1{
    /*float: left;*/
    width: 90%;
    flex-grow: 2;
}

.fake_scroll_bar{
    width: 50%;
    flex-grow: 2;
    /*float: right;*/
    background-color: #c1c1c1;
    height: 100%;
    width: 23px;
    padding-left: 3px;
}

div.fake_scroll_bar > label{ margin-left: 3px; }
div.fake_scroll_bar > label.label_1ro_fake_scroll{
    margin-top: 300px;
}

.panel_column_2{
    width: 50%;
    overflow-y: scroll;
}

.panel_equipo{
    background-color: #e9e9e9;
    border-radius: 0.315em;
    margin-bottom: 2%;
    padding: 3%;
}

.panel_comercial{
   background-color: white;
   border-radius: 0.315em;
   margin-bottom: 1%;
   padding: 3%;
   min-height: 100px;
}

.panel_nota{
    background-color: #e9e9e9;
    border-radius: 0.315em;
    margin-right: 3%;
    margin-bottom: 2%;
    padding: 2% 2% 1% 2%;
}

.panel_nota_vip{
    background-color: #f5d2d2;
    border-radius: 0.315em;
    margin-right: 3%;
    margin-bottom: 2%;
    padding: 2% 2% 1% 2%;
}

.panel_nota_campanna{
    background-color: #d4ffe6;
    border-radius: 0.315em;
    margin-right: 3%;
    margin-bottom: 2%;
    padding: 2% 2% 1% 2%;
}

div.panel_nota_vip > label.label_panel_nota_vip { float: right; text-align: -webkit-right; }
div.panel_nota_campanna > label.label_panel_nota_vip { float: right; text-align: -webkit-right; }

.cp_localidad{
    display: flex;
}

div.cp_localidad > label{ margin-right: 2%; font-size: smaller; }

.panel_nota_comercial_asig{
    display: flex;
    background-color: #e9e9e9;
    border-radius: 0.315em;
    padding: 1%;
    margin-bottom: 2%;
}

div.panel_nota_comercial_asig > label{ font-size: smaller; margin-right: 2%; flex-grow: 2; }
div.panel_nota_comercial_asig > label.notas_column2_horario{ width: 70px; max-width: 100px; }
div.panel_nota_comercial_asig > label.notas_column2_cp{ max-width: 45px; }
div.panel_nota_comercial_asig > label.notas_column2_localidad { }

.panel_nota_comercial_asig_vip{
    display: flex;
    background-color: #f5d2d2;
    border-radius: 0.315em;
    padding: 1%;
    margin-bottom: 2%;
}

div.panel_nota_comercial_asig_vip > label{ font-size: smaller; margin-right: 2%; flex-grow: 2; }
div.panel_nota_comercial_asig_vip > label.notas_column2_horario{ width: 70px; max-width: 100px; }
div.panel_nota_comercial_asig_vip > label.notas_column2_cp{ max-width: 45px; }
div.panel_nota_comercial_asig_vip > label.notas_column2_localidad { }
div.panel_nota_comercial_asig_vip > label.vip_nota_comercial{ text-align: -webkit-right; }


.panel_nota_comercial_asig_campanna{
    display: flex;
    background-color: #d4ffe6;
    border-radius: 0.315em;
    padding: 1%;
    margin-bottom: 2%;
}

div.panel_nota_comercial_asig_campanna > label{ font-size: smaller; margin-right: 2%; flex-grow: 2; }
div.panel_nota_comercial_asig_campanna > label.notas_column2_horario{ width: 70px; max-width: 100px; }
div.panel_nota_comercial_asig_campanna > label.notas_column2_cp{ max-width: 45px; }
div.panel_nota_comercial_asig_campanna > label.notas_column2_localidad { }
div.panel_nota_comercial_asig_campanna > label.vip_nota_comercial{ text-align: -webkit-right; }


.notas_column2_borrar_btn { display: flex; }
div.notas_column2_borrar_btn  > div.eliminar_asig_nota_comercial { }

div.panel_nota > label{ font-size: smaller; }
div.panel_nota_vip > label{ font-size: smaller; }
div.panel_nota_campanna > label{ font-size: smaller; }

.draggable{ min-width: 250px; } 

div.creacion_notas_cp > .dropdown{
    width: 96%;
    margin-left: 2%;
    margin-bottom: 3%;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
}

.panel_nota_grabada{
    margin-bottom: 2%;
    background-color: rgb(225 225 225);
    padding: 1.5%;
}

div.panel_nota_grabada >  label.label_nota_grabada_telf_nombre{
    font-weight: bold;
}

div.panel_nota_grabada > label.cod_teleope_nota_grabada{ float: right; }

.panel_nota_grabada_vip{
    background-color: #f5d2d2;
    margin-bottom: 2%;
    padding: 1.5%;
}
div.panel_nota_grabada_vip >  label.label_nota_grabada_telf_nombre{
    font-weight: bold;
}
div.panel_nota_grabada_vip > label.cod_teleope_nota_grabada{ float: right; }

.panel_nota_grabada_oficina{
    background-color: #d2e6f5;
    margin-bottom: 2%;
    padding: 1.5%;
}
div.panel_nota_grabada_oficina >  label.label_nota_grabada_telf_nombre{
    font-weight: bold;
}
div.panel_nota_grabada_oficina > label.cod_teleope_nota_grabada{ float: right; }

.panel_nota_grabada_campanna{
    background-color: #d4ffe6;
    margin-bottom: 2%;
    padding: 1.5%;
}
div.panel_nota_grabada_campanna >  label.label_nota_grabada_telf_nombre{
    font-weight: bold;
}
div.panel_nota_grabada_campanna > label.cod_teleope_nota_grabada{ float: right; }


.edit_nota_grabada{
    float: right;
    margin-top: -48px;
}

div.edit_nota_grabada > .button{
    width: 100%;
    /*margin-left: 1%;
    flex-grow: 2;*/
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-radius: .3125em;
    border-width: 1px;
    border-style: solid;
    /*margin: .5em 0;*/
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgb(0 0 0 / 15%);


}

/***** VENTA MAILING *****/

.panel_venta_mailing{
    margin-top: 3%;
}


.dropdown_fichas_cp{
    margin-left: 1%;
    margin-right: 1%;
}

/***** OFICNAS  *****/

label.label_contador_oficinas{
    float: right;
    margin-right: 5px;
}


/***** PRODUCCION X HORARIO SALA  *****/

.produccion_x_horario{
    display: flex;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

.produccion_x_horario_left{
    width: 50%;
}

.produccion_x_horario_right{
    width: 50%;
    margin-left: 2%;
}
/* vim: ts=4 sw=4 et */ 
/* Genérico para mostar o ocultar por clases de css */