@charset "UTF-8";
/*
===========================================================
	Importación de estilos
===========================================================
*/
/*
===========================================================
	Estilos Web generales
===========================================================
*/
/*--Color según tipo de contacto*/
/*
===========================================================
	Estilos Web Material
===========================================================
*/
/* md-primary hues */
/* md-accent hues */
/* md-warn hues */
/*
===========================================================
	Url Imágenes 
===========================================================
*/
/*
===========================================================
	Importación de estilos
===========================================================
*/
/*--Color según tipo de contacto*/
/*$colorWeb2: #3498db;
$colorWeb6: #ff9809;
$colorClientes: #0cc285;
$colorProveedores: #be3df7;
$colorPotenciales: #ec9330;

$colorWeb1: #008fe2;
$mdPrimary: #203a96;
$mdSecondary: #40BCD8;
$mdAccent: #008fe2;
$mdWarn: #ff9809;
$colorWeb3: #203a96;
$colorWeb4: #3498db;
$colorWeb5: #00b29c;*/
/*var(--Color según tipo de contacto*/
/*
// @T: Test para evitar error al compilar SCSS
$topNavBar: #008fe2;
$topNavBar2: #203a96;
$fuenteTopNavBar: #ffffff;
$fuenteTopNavBarActive: #ffffff;

$topNavBarAlt: #3498db;
$topNavBarAlt2: #203a96;
$fuenteTopNavBarAlt: #ffffff;

$topNavBarAdmin: #0f0f0f;
$fuenteTopNavBarAdmin: #ffffff;

$colorWeb1: #008fe2;
$colorWeb2: #3498db;
$colorWeb3: #203a96;
$colorWeb4: #3498db;
$colorWeb5: #00b29c;
$colorWeb6: #ff9809;
$fontColorWeb6: #ffffff;

$menuLateralBg: #00304b;
$menuLaterialFont: #18b0f8;

$backgroundContent: #ffffff;

$colorCGBusy: #ff9809;
// Color según tipo de contacto
$colorClientes: #0cc285;
$colorProveedores: #be3df7;
$colorPotenciales: #ec9330;

$mdPrimary: #203a96;
$mdSecondary: #40BCD8;
$mdAccent: #008fe2;
$mdWarn: #ff9809;
$mdFontWarn: #ffffff;

$mdHue1: #203a96;
$mdHue2: #203a96;
$mdHue3: #203a96;
$imgFolderUrl: "app_generic";*/
/* JUPER : Sobrescritura de variables de colores */
/*$topNavBar: #5cb85c; // #000000 ; // #008fe2;
$colorWeb2: #5cb85c; // #000000; // #3498db;
$mdPrimary: #5cb85c; // #000000; //#203a96;*/
/*:root {
  --barra-navegacion-color-fondo: #5cb85c; // Yellow
}

$topNavBar: var(--barra-navegacion-color-fondo); // #5cb85c; // #000000 ; // #008fe2;*/
/*#region GENERAL. Cuerpo de la aplicación*/
.kr-help-block {
  display: block;
  margin-top: 20px;
  margin-bottom: 0;
  color: #737373; }

.collapse.width {
  height: auto;
  -webkit-transition: width 0.35s ease;
  -moz-transition: width 0.35s ease;
  -o-transition: width 0.35s ease;
  transition: width 0.35s ease; }

/*#endregion*/
/*======================*/
/*#region Datos ficha cliente*/
.fichaCabecera .titulo h2 {
  text-align: center;
  font-weight: 800;
  background-color: #3d3d3d;
  color: white !important;
  padding: 5px; }

.fichaCabecera {
  background-color: #e6e6e6;
  color: #4d4d4d; }

.fichaCabecera tr {
  padding: 10px; }

.anchuraFijaBtn {
  width: 120px !important; }

.seccion {
  padding: 10px;
  margin-top: 10px;
  border-bottom: 1px solid darkgrey; }

/*#endregion*/
/*======================*/
/*#region TÍTULOS*/
#page-title h1 {
  font-weight: 800 !important;
  color: var(--colorWeb2) !important;
  font-size: 30px !important; }

h2 {
  font-weight: 800 !important;
  color: var(--colorWeb2); }

.bottomborder {
  padding-bottom: 10px;
  border-bottom: 1.5px solid var(--colorWeb2); }

/*#endregion*/
/*======================*/
/*======================*/
/*#region FILTROS CUSTOM GRID*/
.semaforoDiv {
  cursor: pointer;
  display: inline; }

.semaforoPedido {
  border-radius: 50%;
  height: 15px;
  width: 15px;
  margin-top: 3px;
  margin-right: 5px;
  float: left;
  border: 2px solid white;
  line-height: 2; }

.semaforoPedido.estado0 {
  background-color: #6cb6f7; }

.semaforoPedido.estado1 {
  background-color: #be3df7; }

.semaforoPedido.estado2 {
  background-color: #0cc285; }

.semaforoPedido.estado3 {
  background-color: #d92800; }

.texto0 {
  color: #6cb6f7;
  font-weight: 800; }

.texto1 {
  color: #be3df7;
  font-weight: 800; }

.texto2 {
  color: #0cc285;
  font-weight: 800; }

.semaforoTabla span {
  float: left; }

.semaforoFacturas {
  border-radius: 50%;
  height: 15px;
  width: 15px;
  margin-top: 3px;
  margin-right: 5px;
  float: left;
  border: 2px solid white;
  line-height: 2; }

.semaforoFacturas.factura {
  background-color: #ec9330; }

.semaforoFacturas.abono {
  background-color: #0cc285; }

.semaforoFacturas.todas {
  background-color: #d92800; }

.gridAbono {
  font-weight: 800;
  color: #0cc285; }

.gridFactura {
  font-weight: 800;
  color: #ec9330; }

.empresa1 {
  font-weight: 800;
  color: #2da34b; }

.empresa2 {
  font-weight: 800;
  color: #008fe2; }

.gridId {
  font-weight: 800;
  color: var(--colorWeb2); }

.gridId2 {
  font-weight: 800;
  color: var(--colorWeb6); }

.gridLink {
  cursor: pointer;
  text-decoration: underline !important; }

.contactoCliente {
  color: var(--colorClientes);
  font-weight: 800; }

.contactoProveedor {
  color: var(--colorProveedores);
  font-weight: 800; }

.contactoPotencial {
  color: var(--colorPotenciales);
  font-weight: 800; }

.contacto1 {
  color: #0cc285;
  font-weight: 800; }

.contacto2 {
  color: #be3df7;
  font-weight: 800; }

.contacto3 {
  color: #ec9330;
  font-weight: 800; }

/*#endregion*/
/*======================*/
/*======================*/
/*#region FICHA DETALLE*/
.detalle-border {
  border: 2px solid #bababa; }

.bloqueIVA {
  border: 2px solid black; }

.bloqueIVA td, .bloqueIVA th {
  padding: 10px; }

/*#endregion*/
/*======================*/
/*======================*/
/*#region PASADOR*/
.btnPasadorActual {
  color: var(--colorWeb1);
  font-weight: 800; }

.divPasadorActual {
  width: 200px;
  display: inline; }

/*#endregion*/
/*======================*/
.md-dialog-container {
  height: 100% !important; }

/* Dashboard Feed */
.DashboardFeed {
  margin-top: 20px;
  box-shadow: none; }

.DashboardFeed .k-widget.k-listview {
  border: 0px none black; }

.DashboardFeed .k-widget.k-listview > div {
  background-color: #ffffff; }

.DashboardFeed .item {
  display: grid;
  grid-template-columns: 100px auto [last-col];
  padding-bottom: 5px; }

.DashboardFeed .item .FechaHora {
  grid-row: 1;
  grid-column: 1;
  text-align: right;
  padding-right: 10px; }

.DashboardFeed .item .Fecha,
.DashboardFeed .item .Hora {
  display: block;
  margin-right: 10px;
  font-size: 12px;
  font-style: italic;
  opacity: .8; }

.DashboardFeed .item .Datos {
  grid-row: 1;
  grid-column: 2;
  padding-left: 15px;
  position: relative; }

.DashboardFeed .item .Datos:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 2px;
  background-color: #ccc; }

.DashboardFeed .item .Datos .Evento {
  position: absolute;
  display: block;
  top: 3px;
  left: -6px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border: 2px solid #cccccc;
  background-color: #ffffff; }

.DashboardFeed .item .Nombre {
  display: inline-block;
  font-style: italic;
  color: #777777; }

/* grid-row:1; grid-column: 2;*/
.DashboardFeed .item .Nombre:after {
  content: ": "; }

.DashboardFeed .item .Mensaje {
  display: inline-block; }

/* grid-row:1; grid-column: 2;*/
.DashboardFeed .item.CreateOpportunity .Evento {
  border-color: #2f722f; }

.DashboardFeed .CargarMas {
  display: none; }

.DashboardFeed .item.Deleted .gridLink {
  text-decoration: line-through !important;
  cursor: default; }

/* Botoneras en los grids */
.k-grid nav {
  font-size: 0px; }

.k-grid nav > a {
  display: inline-block;
  min-width: 36px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  margin: 2px;
  border-radius: 3px;
  background-color: #00384e;
  overflow: hidden !important;
  font-size: 13px; }

.k-grid nav > a > i {
  color: #ffffff;
  display: inline-block;
  font-size: 25px;
  margin: 0px;
  padding-top: 7px;
  padding-left: 5px; }

filtro-letras {
  display: block;
  font-size: 0px;
  text-align: center;
  margin: 20px 10px 20px 10px; }

filtro-letras > a {
  display: inline-block;
  padding: 10px;
  margin: 1px;
  font-size: 10px;
  border-radius: 2px;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  color: #636262 !important;
  user-select: none;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }

filtro-letras > a:hover {
  background-color: rgba(158, 158, 158, 0.2);
  color: #636262; }

filtro-letras > a.active {
  background-color: #dddddd; }

filtro-letras > a:first-child {
  width: auto; }

filtros-tipos-contacto * {
  user-select: none; }

filtros-tipos-contacto {
  display: inline-block;
  padding: 15px 15px 15px 15px; }

filtros-tipos-contacto .semaforoContacto {
  border-radius: 50%;
  height: 15px;
  width: 15px;
  margin-top: 0px;
  margin-right: 5px;
  float: left;
  border: 2px solid white;
  line-height: 2; }

filtros-tipos-contacto .semaforoContacto.semaforoColorClientes {
  background-color: #0cc285; }

filtros-tipos-contacto .semaforoContacto.semaforoColorPotencial {
  background-color: #ec9330; }

filtros-tipos-contacto .semaforoContacto.semaforoColorProv {
  background-color: #be3df7; }

filtros-tipos-contacto .semaforoContacto.semaforoColorTodos {
  background-color: #d92800; }

/* Grid de contactos */
crm-comercial-contactos-grid .gridEmpresa {
  font-weight: bold; }

.contactoColorClientes {
  color: #0cc285; }

.contactoColorPotenciales {
  color: #ec9330; }

.contactoColorProveedores {
  color: #be3df7; }

.contactoColorTodos {
  color: #d92800; }

.BotonIrClientes {
  background-color: #0cc285 !important; }

.BotonIrPotenciales {
  background-color: #ec9330 !important; }

/* DASHBOARD OPORTUNIDADES - KPI */
opportunity-dashboard-kpi {
  display: block;
  margin-bottom: 50px; }

opportunity-dashboard-kpi .DashboardKPI > div > div > a {
  display: block;
  margin-bottom: 10px;
  border: none;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  background-color: silver; }

opportunity-dashboard-kpi .DashboardKPI > div > div > a .tile-header {
  text-align: center; }

opportunity-dashboard-kpi .DashboardKPI > div > div:nth-child(1) > a {
  background-color: #7ed1f3; }

opportunity-dashboard-kpi .DashboardKPI > div > div:nth-child(2) > a {
  background-color: #f06eaa; }

opportunity-dashboard-kpi .DashboardKPI > div > div:nth-child(3) > a {
  background-color: #123d67; }

opportunity-dashboard-kpi .DashboardKPI > div > div:nth-child(4) > a {
  background-color: #fb9212; }

opportunity-dashboard-kpi .DashboardKPI .tile-content-wrapper {
  min-height: 130px; }

opportunity-dashboard-kpi .DashboardKPI .icon-separator-big {
  font-size: 40px;
  display: block;
  margin: 5px auto; }

/* Ajustes al ancho del control desplegable MultiColumn ComboBox de clientes y contactos */
.buscadorContactos {
  width: 300px !important; }

#ContactosMultiColumnComboBox-list {
  width: 300px !important; }

#multiColumnComboBox-list {
  width: 300px !important;
  position: relative !important;
  left: -93px; }

#ContactosMultiColumnComboBox-list > li > span,
#multiColumnComboBox_listbox > li > span {
  width: 150px;
  max-width: 150px;
  min-width: 150px; }

/*.k-list-container { width: 300px !important; }*/
#multiColumnComboBox-list .k-grid-header colgroup > col:first-child,
#ContactosMultiColumnComboBox-list .k-grid-header colgroup > col:first-child {
  width: 112px !important; }

/* Remaquetación de páginas con botoneras y Cards utilizando html semántico y evitando markup extra (inicialmente para contactos)
    Las páginas tendrán esta estructura:
        <main class="CardComponent">
            <header></header>
            <aside></aside>
            <article ui-view></article>
        </main>

    main:       Engloba todo el contenido de la página. Poner el estilo CardComponent nos permite dar estilo específico para estos casos, y no influir en todos los "main" de la aplicación que se usen para otras cosas.
    header:     La cabecera, principalmente el título
    aside:      Contenido del lateral, como la botonera y la ficha con la info general
    article:    Al tener el ui-view será donde se renderice todo el contenido de cada sección (cards) al ir navegando por los botones que hay en "aside".
*/
main.CardComponent {
  display: grid;
  margin: 10px;
  grid-template-columns: 300px auto; }

main.CardComponent > header {
  position: relative;
  grid-row: 1;
  grid-column: 1 / 3; }

main.CardComponent > aside {
  display: block;
  width: 300px;
  margin: 0px 0px 20px 0px;
  grid-row: 2;
  grid-column: 1; }

main.CardComponent > aside > nav {
  padding-left: 10px; }

main.CardComponent > article {
  display: block;
  margin: 0px 10px 10px 10px;
  grid-row: 2;
  grid-column: 2; }

main.CardComponent > article:after {
  content: "";
  display: block;
  clear: both; }

@media (max-width: 959px) {
  main.CardComponent {
    margin: 5px; }
  main.CardComponent > aside {
    width: 100%;
    grid-row: 2;
    grid-column: 1 / 3; }
  main.CardComponent > article {
    margin: 0px;
    grid-row: 3;
    grid-column: 1 / 3; } }

main.CardComponent > header > .Selector {
  float: right;
  margin-top: 20px;
  width: 400px; }

main.CardComponent > header > .Selector > span {
  display: block;
  width: 100%; }

@media (max-width: 500px) {
  main.CardComponent > header > .Selector {
    width: 100%;
    margin-top: 0px; } }

h1 {
  display: inline-block;
  margin: 10px !important;
  padding-bottom: 10px;
  padding-right: 10px;
  font-weight: 800 !important;
  color: #3498db !important;
  font-size: 30px !important;
  border-bottom: 1px solid #3498db; }

h1 > i {
  display: inline-block;
  padding-right: 10px; }

h1 {
  border: none; }

main.CardComponent > article h2,
main.CardComponent > article h1 {
  display: block;
  color: #3498db !important;
  opacity: .8;
  font-size: 23px !important;
  margin-top: 4px !important;
  border-top: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  padding: 10px;
  text-transform: uppercase; }

/* Establecemos el display block para los elementos cuyo ancho real queramos detectar en ejecución mediante javascript, o nos dará siempre 0 */
crm-comercial-contactos-grid {
  display: block; }

/* LISTADOS DE CAMPOS SIN MÁS: Son campos mostrando su label y valor, amontonándolos en filas una sobre otra, como en el detalle de Información del grid de contactos */
.ListadoCampos > div {
  border-bottom: 1px solid #ccc;
  margin: 5px 0 5px 0;
  font-size: 15px; }

.ListadoCampos > div > label {
  display: inline-block;
  min-width: 250px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  opacity: .7; }

@media (max-width: 500px) {
  .ListadoCampos > div {
    padding-left: 10px; }
  .ListadoCampos > div > label {
    display: block;
    margin-left: -10px;
    font-size: 10px; } }

/*crm-comercial-contactos-menu-ficha {display:inline-block; padding-left:10px;}
crm-comercial-contactos-menu-ficha > a { position: relative; display: inline-block; width: 90px; height: 90px; margin: 0px 3px 6px 0px; padding: 60px 3px 3px 3px; font-size: 10px; vertical-align: top; font-weight: normal; text-transform: uppercase; background-color: silver; text-align: center; transition: color .5s; }
crm-comercial-contactos-menu-ficha > a.active { background-color: #929292; color:#ffffff; }
crm-comercial-contactos-menu-ficha > a:hover { color:#ffffff; }
crm-comercial-contactos-menu-ficha > a:before { position: absolute; display: block; top: 10px; left: 50%; margin-left: -20px; font-size: 40px; color: #ffffff; }*/
clientes-menu-ficha > input,
crm-comercial-contactos-menu-ficha > input,
sat-menu-clientes > input {
  display: none; }

clientes-menu-ficha > input + label,
crm-comercial-contactos-menu-ficha > input + label,
sat-menu-clientes > input + label {
  position: relative;
  display: block;
  padding-left: 20px;
  font-size: 19px;
  font-weight: bold;
  cursor: pointer;
  user-select: none; }

clientes-menu-ficha > input + label:before,
crm-comercial-contactos-menu-ficha > input + label:before,
sat-menu-clientes > input + label:before {
  display: inline-block;
  position: absolute;
  left: 0px;
  content: "\F40A";
  transform: rotate(90deg);
  transition: .5s;
  text-indent: 0px;
  z-index: 999;
  color: #000000;
  font-family: "Material Design Icons"; }

clientes-menu-ficha > input:checked + label:before,
crm-comercial-contactos-menu-ficha > input:checked + label:before,
sat-menu-clientes > input:checked + label:before {
  transform: rotate(0deg); }

clientes-menu-ficha > input + label + div,
crm-comercial-contactos-menu-ficha > input + label + div,
sat-menu-clientes > input + label + div {
  display: block; }

clientes-menu-ficha > input:checked + label + div,
crm-comercial-contactos-menu-ficha > input:checked + label + div,
sat-menu-clientes > input:checked + label + div {
  display: none; }

clientes-menu-ficha,
crm-comercial-contactos-menu-ficha,
sat-menu-clientes {
  display: inline-block; }

clientes-menu-ficha > div > a,
clientes-menu-ficha > a,
crm-comercial-contactos-menu-ficha > div > a,
crm-comercial-contactos-menu-ficha > a,
sat-menu-clientes > div > a,
sat-menu-clientes > a {
  position: relative;
  display: inline-block;
  width: 90px;
  height: 90px;
  margin: 0px 3px 6px 0px;
  padding: 60px 3px 3px 3px;
  font-size: 10px;
  vertical-align: top;
  font-weight: normal;
  text-transform: uppercase;
  background-color: silver;
  text-align: center;
  transition: color .5s;
  text-overflow: ellipsis;
  overflow: hidden; }

clientes-menu-ficha > div > a.active,
clientes-menu-ficha > a.active,
crm-comercial-contactos-menu-ficha > div > a.active,
crm-comercial-contactos-menu-ficha > a.active,
sat-menu-clientes > div > a.active,
sat-menu-clientes > a.active {
  background-color: #929292 !important;
  color: #ffffff; }

clientes-menu-ficha > div > a:hover,
clientes-menu-ficha > a:hover,
crm-comercial-contactos-menu-ficha > div > a:hover,
crm-comercial-contactos-menu-ficha > a:hover,
sat-menu-clientes > div > a:hover,
sat-menu-clientes > a:hover {
  color: #ffffff; }

clientes-menu-ficha > div > a:before,
clientes-menu-ficha > a:before,
crm-comercial-contactos-menu-ficha > div > a:before,
crm-comercial-contactos-menu-ficha > a:before,
sat-menu-clientes > div > a:before,
sat-menu-clientes > a:before {
  position: absolute;
  display: block;
  top: 10px;
  left: 50%;
  margin-left: -20px;
  font-size: 40px;
  color: #ffffff; }

page-index-crm article {
  display: block;
  padding: 0px 10px 10px 10px; }

page-index-crm article > h1 {
  margin-left: 0px !important; }

@media (max-width: 600px) {
  page-index-crm article {
    display: block;
    padding: 0px 2px 2px 2px; } }

/*

// Ajuste al sweet alert añadiéndole una sombra, que puede ser útil cuando se muestra sobre otros popups
.sweet-alert { box-shadow: rgb(0 0 0 / 40%) 5px 5px 15px -4px; }
*/
interacciones-form-alta-sin-campanya {
  display: block;
  min-height: 480px; }

h1 > .EmpresaPadre {
  display: block;
  font-size: 15px;
  color: #cccccc; }

h1 > .EmpresaPadre a {
  color: var(--colorWeb2);
  text-decoration: underline !important;
  font-style: italic;
  font-size: 19px; }

crm-comercial-page-perfiles ul {
  list-style: none; }

crm-comercial-page-perfiles ul > li {
  display: inline-block;
  position: relative;
  width: 170px;
  min-height: 46px;
  margin-right: 10px;
  padding: 10px 10px 10px 30px;
  background-color: #e6e6e6;
  color: #6b6969;
  vertical-align: top;
  overflow: hidden;
  text-transform: uppercase;
  font-size: 11px; }

crm-comercial-page-perfiles ul > li.selected {
  background-color: green;
  color: #ffffff; }

crm-comercial-page-perfiles ul > li:before {
  content: "\f431";
  position: absolute;
  left: -20px;
  top: 0px;
  font-size: 50px;
  opacity: .15;
  transform: rotate(130deg);
  font-family: "Material Design Icons"; }

crm-comercial-page-perfiles button {
  background-color: #00384E;
  border: 0px none black;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  border-radius: 2px; }

crm-comercial-page-perfiles button:disabled {
  background-color: #cccccc; }

crm-comercial-page-perfiles .Cuestionario {
  padding-left: 50px; }

crm-comercial-page-perfiles .CuestionarioPerfilPregunta {
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: -40px;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: bold;
  opacity: .5; }

crm-comercial-page-perfiles .CuestionarioPerfilRespuesta {
  display: inline-block;
  width: 33%;
  vertical-align: top; }

crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input {
  display: none; }

crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input + label {
  position: relative;
  display: inline-block;
  width: 90%;
  font-weight: normal;
  padding: 10px 10px 10px 35px;
  cursor: pointer;
  opacity: .8;
  transition: .5s;
  user-select: none;
  background-color: rgba(192, 192, 192, 0.2); }

crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input + label:hover {
  opacity: 1; }

crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input + label:before {
  content: "\f156";
  display: block;
  position: absolute;
  left: 10px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 18px;
  font-weight: bold;
  font-family: "Material Design Icons"; }

crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input:checked + label {
  font-weight: bold;
  opacity: 1;
  background-color: green;
  color: #ffffff; }

crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input:checked + label:before {
  content: "\f12c";
  font-weight: bold;
  opacity: 1;
  color: #ffffff; }

@media (max-width: 768px) {
  crm-comercial-page-perfiles .CuestionarioPerfilRespuesta {
    width: 100%; } }

ficha-producto {
  display: block; }

/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v36/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/oswald/v36/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.PopupFichaProducto {
  position: relative;
  background-color: #f3f3f3; }

.PopupFichaProducto .modal-header {
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  border: none; }

.PopupFichaProducto .modal-header > div {
  display: none; }

.PopupFichaProducto .modal-header button {
  margin: 0px;
  z-index: 999; }

.PopupFichaProducto .Cabecera {
  position: relative; }

.PopupFichaProducto h2 {
  display: block;
  width: 100%;
  font-size: 65px;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding: 5px 40px 0px 40px;
  color: #7c7c7c;
  font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }

.PopupFichaProducto h3 {
  display: block;
  text-align: center;
  font-size: 25px;
  color: #b3b3b3;
  font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }

.PopupFichaProducto .Cabecera boton-producto-favorito {
  position: absolute;
  top: 57px;
  right: 30px; }

.PopupFichaProducto .Cabecera boton-producto-favorito button {
  background-color: silver; }

.PopupFichaProducto .Cabecera boton-producto-favorito button md-icon {
  font-size: 34px;
  margin: -7px 0px 0px 3px; }

.PopupFichaProducto .ContenidoPrincipal {
  position: absolute;
  top: 135px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow-y: scroll;
  font-size: 0px; }

.PopupFichaProducto .ContenidoPrincipal > * {
  font-size: 14px; }

.PopupFichaProducto .ContenidoPrincipal .Imagenes {
  display: inline-block;
  vertical-align: top;
  width: 50%; }

.PopupFichaProducto .ContenidoPrincipal .Imagenes .ImagenContainer {
  background-color: #ffffff;
  width: 90%;
  margin: 0px auto 0px auto;
  min-height: 450px;
  margin-bottom: 50px;
  text-align: center; }

.PopupFichaProducto .ContenidoPrincipal .Imagenes .imagenDefault {
  width: 90%;
  margin: 0px auto 0px auto;
  display: block;
  background: #ffffff no-repeat url(../../img/app_generic/imagenProductoDefault.png) center center;
  height: 400px;
  margin-bottom: 40px; }

.PopupFichaProducto .ContenidoPrincipal .Info {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  padding: 0px 10px 10px 10px;
  font-size: 0px; }

.PopupFichaProducto .ContenidoPrincipal .Info > * {
  font-size: 14px; }

.PopupFichaProducto .ContenidoPrincipal {
  scrollbar-width: thin;
  scrollbar-color: #757575 #c2c2c2; }

/* Para Firefox*/
.PopupFichaProducto .ContenidoPrincipal::-webkit-scrollbar {
  width: 6px; }

/* width */
.PopupFichaProducto .ContenidoPrincipal::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey;
  border-radius: 3px; }

/* Track */
.PopupFichaProducto .ContenidoPrincipal::-webkit-scrollbar-thumb {
  background: #757575;
  border-radius: 3px; }

/* Handle */
.PopupFichaProducto .ContenidoPrincipal::-webkit-scrollbar-thumb:hover {
  background: #5e5e5e; }

/* Handle on hover */
.PopupFichaProducto .ContenidoPrincipal .Stock {
  display: inline-block;
  position: relative;
  text-align: left;
  vertical-align: top;
  color: #757575;
  text-transform: uppercase;
  font-size: 17px;
  font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }

.PopupFichaProducto .ContenidoPrincipal .Stock > span {
  display: block;
  position: relative;
  line-height: 20px;
  padding-left: 25px; }

.PopupFichaProducto .ContenidoPrincipal .Stock > span:before {
  content: "";
  position: absolute;
  display: inline-block;
  left: 0px;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  background-color: silver; }

.PopupFichaProducto .ContenidoPrincipal .Stock > span.StockDisponible:before {
  background-color: green; }

.PopupFichaProducto .ContenidoPrincipal .Stock > span.StockAgotado:before {
  background-color: red; }

.PopupFichaProducto .ContenidoPrincipal .Precio {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: right;
  font-size: 30px;
  color: #4b4b4b;
  margin-bottom: 50px;
  font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }

.PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir {
  display: flex; }

.PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad {
  display: block;
  position: relative;
  width: 125px;
  height: 90px;
  background-color: #b8b8b8;
  text-align: center;
  padding: 10px;
  text-transform: uppercase;
  font-weight: normal;
  color: #4b4b4b; }

.PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad input {
  display: block;
  font-size: 40px;
  color: #4b4b4b;
  background-color: transparent;
  border: 0px none black;
  text-align: center;
  padding-left: 20px;
  width: 100%; }

.PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad input:focus {
  outline: none; }

.PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad > span {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  text-transform: uppercase;
  opacity: .4;
  user-select: none;
  font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }

.PopupFichaProducto .ContenidoPrincipal .BotonAnyadirCarrito {
  display: inline-block;
  margin-left: 15px;
  width: 100%;
  height: 90px;
  background-color: #b8b8b8;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  border: 0px none black;
  font-size: 35px;
  font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }

.PopupFichaProducto .ContenidoPrincipal .Descripcion {
  padding: 30px 20px 30px 20px;
  font-size: 16px !important;
  font-style: italic; }

/*
.PopupFichaProducto .ContenidoPrincipal .Stock { display:inline-block; position: relative; padding-left: 50px; height: 40px; line-height: 20px; }
.PopupFichaProducto .ContenidoPrincipal .Stock:before {content:""; position: absolute; display: inline-block; left: 0px; background-color: blue; border-radius: 20px; width: 20px; height: 20px; }
*/
.PopupFichaProducto details {
  padding: 10px; }

.PopupFichaProducto details > summary {
  position: relative;
  font-size: 30px;
  color: #8f8f8f;
  padding: 10px 10px 10px 10px;
  margin-bottom: 20px;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  text-transform: uppercase;
  font-weight: bold;
  user-select: none;
  cursor: pointer;
  font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }

.PopupFichaProducto details > summary:hover {
  color: #757575; }

.PopupFichaProducto details > summary:focus {
  outline: none; }

.PopupFichaProducto details > summary:before {
  content: "+";
  position: absolute;
  display: block;
  top: 20px;
  right: 10px;
  font-size: 20px; }

.PopupFichaProducto details[open] > summary:before {
  content: "-"; }

.PopupFichaProducto details[open] summary ~ * {
  display: block;
  animation: animacion-desplegar-detalles .5s ease-in-out; }

@keyframes animacion-desplegar-detalles {
  0% {
    opacity: 0;
    margin-left: -10px; }
  100% {
    opacity: 1;
    margin-left: 0px; } }

.PopupFichaProducto list-view-sustitutivos card-producto > md-card > .highlighted-informations {
  display: none; }

.PopupFichaProducto h4 {
  position: relative;
  font-size: 30px !important;
  color: #8f8f8f;
  padding: 5px 10px 5px 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-weight: bold;
  user-select: none;
  cursor: pointer;
  font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }

.PopupFichaProducto documentos-relacionados .k-pager-wrap {
  display: none; }

.PopupFichaProducto documentos-relacionados .k-header {
  background-color: transparent; }

.PopupFichaProducto documentos-relacionados .TituloDocumentosRelacionados {
  display: none; }

.PopupFichaProducto documentos-relacionados .k-header .k-listview {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin-left: 20px; }

.PopupFichaProducto escalados-grid,
.PopupFichaProducto grid-promociones {
  display: block; }

.PopupFichaProducto escalados-grid .k-grid,
.PopupFichaProducto grid-promociones .k-grid {
  background-color: transparent;
  border: none;
  box-shadow: none; }

.PopupFichaProducto escalados-grid .k-grid-content .k-alt,
.PopupFichaProducto grid-promociones .k-grid-content .k-alt {
  background-color: transparent; }

.PopupFichaProducto escalados-grid .k-grid-content,
.PopupFichaProducto grid-promociones .k-grid-content {
  overflow-y: auto; }

.PopupFichaProducto escalados-grid .k-grid-header,
.PopupFichaProducto grid-promociones .k-grid-header {
  display: block;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  padding-right: 0px; }

.PopupFichaProducto escalados-grid .k-grid-header .k-grid-header-wrap,
.PopupFichaProducto grid-promociones .k-grid-header .k-grid-header-wrap {
  border: none; }

.PopupFichaProducto escalados-grid .k-grid-header .k-grid-header-wrap th.k-header,
.PopupFichaProducto grid-promociones .k-grid-header .k-grid-header-wrap th.k-header {
  background-color: transparent !important; }

.PopupFichaProducto escalados-grid .k-grid-header .k-grid-header-wrap th.k-header .k-link,
.PopupFichaProducto grid-promociones .k-grid-header .k-grid-header-wrap th.k-header .k-link {
  text-align: right;
  color: #a4a4a4 !important; }

.modal-dialog .modal-content {
  top: 0px;
  left: 0px !important; }

.modal.app-modal-window .modal-dialog,
.modal-dialog {
  height: 100vh;
  overflow: hidden;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 40px; }

.app-modal-window {
  width: 100% !important; }

.PopupFichaProducto .Cabecera {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px; }

/**/
/* max-height: 90px; line-height: 90px; height: 90px; */
.PopupFichaProducto h2 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 75px;
  line-height: 71px; }

/* core.modal.css */
ficha-producto {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

.PopupFichaProducto .ContenidoPrincipal {
  position: absolute;
  top: 135px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow-y: scroll; }

.PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad input {
  padding-left: 0px;
  position: relative;
  left: 5px; }

.PopupFichaProducto .ContenidoPrincipal .DesplegablePrecios,
.PopupFichaProducto .ContenidoPrincipal .DesplegableDescuentos,
.PopupFichaProducto .ContenidoPrincipal .DesplegablePromociones,
.PopupFichaProducto .ContenidoPrincipal .DesplegableMateriales {
  display: inline-block;
  width: 50%;
  vertical-align: top; }

@media (max-width: 1200px) {
  .PopupFichaProducto .ContenidoPrincipal .DesplegablePrecios,
  .PopupFichaProducto .ContenidoPrincipal .DesplegableDescuentos,
  .PopupFichaProducto .ContenidoPrincipal .DesplegablePromociones,
  .PopupFichaProducto .ContenidoPrincipal .DesplegableMateriales {
    width: 100%; } }

@media (max-width: 900px) {
  .PopupFichaProducto .ContenidoPrincipal .BotonAnyadirCarrito {
    font-size: 25px; }
  .PopupFichaProducto h2 {
    font-size: 40px; } }

@media (max-width: 700px) {
  .PopupFichaProducto .ContenidoPrincipal .Imagenes {
    width: 100%; }
  .PopupFichaProducto .ContenidoPrincipal .Info {
    width: 100%; }
  .modal.app-modal-window .modal-dialog,
  .modal-dialog {
    padding: 10px; } }

@media (max-width: 500px) {
  .PopupFichaProducto h2 {
    font-size: 40px;
    font-size: 25px; } }

.slider {
  height: initial !important; }

.product-info .product-title {
  font-size: 14px; }

.product-info .product-reference {
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 2px;
  padding-top: 3px; }

.product-info .product-price {
  font-size: 20px;
  display: block;
  padding-top: 5px; }

card-producto md-card:focus .highlighted-informations,
card-producto md-card:hover .highlighted-informations {
  padding-bottom: 15px;
  box-sizing: content-box; }

.lineaPromocionHijo {
  background-color: #dedede;
  margin-left: 50px;
  border-bottom: 1px solid white; }

.lineaPromocionHijo > div {
  margin-left: -50px; }

.lineaPromocionHijo .CarritoBotonEliminar {
  visibility: hidden; }

card-producto .EsPromocion {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #bf0000;
  padding: 10px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 1px;
  pointer-events: none;
  pointer-events: none;
  padding-right: 29px; }

card-producto .EsPromocion > i {
  position: absolute;
  top: 3px;
  right: 2px;
  font-size: 20px;
  font-style: normal;
  opacity: .7; }

grid-productos .EsPromocion {
  right: 0px;
  background-color: #bf0000;
  padding: 2px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 1px;
  pointer-events: none;
  text-align: center; }

grid-productos .EsPromocion > i {
  font-size: 20px;
  font-style: normal;
  opacity: .7;
  padding-left: 10px;
  position: relative;
  top: 2px; }

list-view-carrito-lineas .EsPromocion {
  right: 0px;
  background-color: #bf0000;
  padding: 2px 10px 6px;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 1px;
  pointer-events: none;
  text-align: center; }

list-view-carrito-lineas .EsPromocion > i {
  font-size: 20px;
  font-style: normal;
  opacity: .7;
  padding-left: 10px;
  position: relative;
  top: 2px; }

/*
grid-productos .EsPromocion {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #bf0000;
    padding: 3px 2px 2px 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 6px;
    letter-spacing: 1px;
    pointer-events: none;
    pointer-events: none;
    padding-right: 26px;
    border-bottom-left-radius: 10px;
}

grid-productos .EsPromocion > i {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 16px;
    font-style: normal;
    opacity: .7;
}
*/
/*.PopupFichaProducto .ContenidoPrincipal .Imagenes {width: 40%;}
.PopupFichaProducto .ContenidoPrincipal .Info {width: 60%;}*/
/*// #10375: Los grids de precios, promociones, escalados etc deben estar en una columna y 100% de ancho
.PopupFichaProducto .ContenidoPrincipal .DesplegablePrecios,
.PopupFichaProducto .ContenidoPrincipal .DesplegableDescuentos {width:100%;}*/
.PopupFichaProducto escalados-grid .k-grid-header,
.PopupFichaProducto grid-promociones .k-grid-header {
  display: none; }

/*.PopupFichaProducto .ContenidoPrincipal .DesplegablePromociones {width:100%;}*/
.ElementoLineaGridDetalleProducto {
  padding-left: 14px;
  text-align: right; }

.ElementoLineaGridDetalleProducto span.textoInfo_1 {
  font-size: 12px;
  font-style: italic;
  opacity: 0.6; }

.ElementoLineaGridDetalleProducto span.textoInfo_2 {
  font-size: 12px;
  font-style: italic;
  opacity: 0.6; }

.ElementoLineaGridDetalleProducto .escaladoUnidades,
.ElementoLineaGridDetalleProducto .escaladoResultado {
  padding: 0px 0px 0px 5px;
  font-weight: bold; }

.PopupFichaProducto .ContenidoPrincipal .Precio {
  margin-bottom: 10px; }

documentos-relacionados > .k-header > .k-listview > div {
  display: block;
  width: 100%; }

documentos-relacionados > .k-header > .k-listview > div > a > span + span {
  font-size: 14px; }

.PopupFichaProducto .Sustitutivos {
  margin-top: 20px; }

.PopupFichaProducto .Sustitutivos h4 {
  font-size: 24px !important; }

.PopupFichaProducto details > summary {
  font-size: 24px;
  padding-left: 15px;
  border-top: none; }

.PopupFichaProducto details > summary:before {
  left: 5px;
  top: 13px; }

/*.PopupFichaProducto .ContenidoPrincipal .Imagenes,
.PopupFichaProducto .ContenidoPrincipal .Info,
.PopupFichaProducto .ContenidoPrincipal .InfoDesplegables,
.PopupFichaProducto .ContenidoPrincipal .Sustitutivos {width:100%;}*/
.PopupFichaProducto .ContenidoPrincipal .Imagenes,
.PopupFichaProducto .ContenidoPrincipal .Info {
  width: 100%; }

.ContenidoPrincipal .InfoDesplegables {
  font-size: 0px; }

.ContenidoPrincipal .InfoDesplegables > * {
  font-size: 14px; }

.ContenidoPrincipal {
  display: grid;
  grid-template-columns: 40% 60%; }

.ContenidoPrincipal .Imagenes {
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row-end: 5; }

.ContenidoPrincipal .Info {
  grid-column-start: 2;
  grid-row-start: 1;
  margin-bottom: -30px; }

.ContenidoPrincipal .InfoDesplegables {
  grid-column-start: 2;
  grid-row-start: 2; }

.ContenidoPrincipal .Sustitutivos {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 6; }

@media (max-width: 700px) {
  .ContenidoPrincipal {
    display: grid;
    grid-template-columns: 100%; }
  .ContenidoPrincipal .Imagenes {
    grid-column-start: 1;
    grid-row-start: 2;
    grid-row-end: 3; }
  .ContenidoPrincipal .Info {
    grid-column-start: 1;
    grid-row-start: 1; }
  .ContenidoPrincipal .InfoDesplegables {
    grid-column-start: 1;
    grid-row-start: 3; }
  .ContenidoPrincipal .Sustitutivos {
    grid-column-start: 1;
    grid-row-start: 4; }
  .PopupFichaProducto .ContenidoPrincipal .Imagenes {
    width: 100%; }
  .PopupFichaProducto .ContenidoPrincipal .Info {
    width: 100%; }
  .PopupFichaProducto .ContenidoPrincipal .InfoDesplegables {
    width: 100%; }
  .PopupFichaProducto .ContenidoPrincipal .DesplegablePrecios,
  .PopupFichaProducto .ContenidoPrincipal .DesplegableDescuentos,
  .PopupFichaProducto .ContenidoPrincipal .DesplegablePromociones,
  .PopupFichaProducto .ContenidoPrincipal .DesplegableMateriales {
    width: 100%; } }

page-title {
  margin-right: 0px; }

page-title div#page-title {
  display: block; }

@media (max-width: 599px) {
  page-title div#page-title {
    padding: 0px !important; }
  page-title div#page-title h1 {
    display: inline-block;
    font-size: 21px !important;
    padding: 0px;
    margin: 5px !important;
    word-break: break-word; } }

main.CardComponent.clienteByComercial h1 {
  word-break: break-word; }

page-index-b2b page-title #page-title > h1 {
  display: inline-block;
  padding-right: 70px !important; }

page-index-b2b page-title #page-title > h1 titulo {
  margin-left: 10px; }

/*@media (max-width: 500px) {
    main.CardComponent {grid-template-columns: 50% 50%;}
}*/
.AreaEnviarAClientesSeleccionados > div {
  align-items: flex-start; }

.BotonEnviarAClientesSeleccionados.md-button {
  min-width: 0px;
  white-space: initial;
  line-height: initial;
  padding: 10px; }

.TextoEnviarAClientesSeleccionados {
  padding: 10px 10px 10px 5px;
  text-align: justify; }

.PieContenedor {
  display: grid;
  grid-template-columns: 200px auto 200px;
  color: #ccc;
  border-color: #000;
  background: #2d2d2d;
  padding: 10px;
  min-height: 80px; }

.PieContenedor > div {
  display: inline-block;
  padding-bottom: 10px; }

.PieContenedor .PieAyuda {
  grid-row: 1;
  grid-column: 1;
  padding-top: 12px; }

.PieContenedor .PieMenu {
  grid-row: 1;
  grid-column: 2;
  padding-top: 12px; }

.PieContenedor .PieLogo {
  grid-row: 1;
  grid-column: 3; }

.PieContenedor .PieMenu > span {
  white-space: nowrap; }

@media (max-width: 649px) {
  .PieContenedor {
    display: grid;
    grid-template-columns: 100%; }
  .PieContenedor .PieAyuda {
    grid-row: 1;
    grid-column: 1;
    padding-top: 0px; }
  .PieContenedor .PieMenu {
    grid-row: 2;
    grid-column: 1;
    padding-top: 0px; }
  .PieContenedor .PieLogo {
    grid-row: 3;
    grid-column: 1; } }

.k-grid-header th.k-header > .k-link, .k-grid-header th.k-header {
  font-size: 11px !important;
  font-weight: 800 !important; }

.GridSinCabecera > .k-grid > .k-grid-header {
  display: none; }

.GridSinScroll > .k-grid > .k-grid-content {
  overflow-y: hidden; }

.k-grid > .k-grid-content {
  overflow-y: hidden; }

.k-grid .k-grid-header {
  padding-right: 0px !important; }

grid-facturas-vencimientos .Vencido {
  line-height: 10px; }

.modal-content pop-up {
  height: 100%;
  display: block;
  position: relative; }

.modal-content pop-up .modal-body {
  display: block;
  overflow-y: scroll;
  overflow-y: overlay;
  height: initial;
  position: absolute;
  top: 72px;
  bottom: 0px;
  left: 0px;
  right: 0px; }

.modal-content pop-up .modal-body content {
  height: initial;
  display: block;
  padding: 20px; }

.PopupFichaProducto materiales-grid {
  display: block; }

.PopupFichaProducto materiales-grid .k-grid {
  background-color: transparent;
  border: none;
  box-shadow: none; }

.PopupFichaProducto materiales-grid .k-grid-content .k-alt {
  background-color: transparent; }

.PopupFichaProducto materiales-grid .k-grid-content {
  overflow-y: auto; }

.PopupFichaProducto materiales-grid .k-grid-header {
  display: block;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #d8d8d8;
  padding-right: 0px; }

.PopupFichaProducto materiales-grid .k-grid-header .k-grid-header-wrap {
  border: none; }

.PopupFichaProducto materiales-grid .k-grid-header .k-grid-header-wrap th.k-header {
  background-color: transparent !important; }

.PopupFichaProducto materiales-grid .k-grid-header .k-grid-header-wrap th.k-header .k-link {
  text-align: right;
  color: #a4a4a4 !important; }

.PopupFichaProducto materiales-grid .k-grid-header {
  display: none; }

/*materiales-grid .ElementoLineaGridDetalleProducto .escaladoUnidades,
materiales-grid .ElementoLineaGridDetalleProducto .textoInfo_2,
materiales-grid .ElementoLineaGridDetalleProducto .textoInfo_1 {font-size:19px; opacity:1;}*/
.ListaEstados {
  position: absolute;
  top: 0px;
  left: 3px;
  font-size: 0px; }

.ListaEstados > div {
  display: inline-block;
  position: relative;
  height: 19px;
  width: 20px;
  font-size: 14px;
  background-color: silver;
  padding: 0px;
  margin: 0px 3px 0px 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.ListaEstados > div:after {
  display: block;
  position: absolute;
  left: 3px;
  top: 1px;
  font-family: "Material Design Icons";
  color: #ffffff; }

.Estado_b2bCatalogo:after {
  content: "\f513"; }

.Estado_b2bObsoleto:after {
  content: "\f511"; }

.Estado_b2bOutlet:after {
  content: "\f501"; }

.Estado_b2bDescatalogado:after {
  content: "\f329"; }

.Estado_b2bProductoComprado:after {
  content: "\f017"; }

.ListaEstados > div.active {
  background-color: green; }

.ListaEstados > div.Estado_b2bCatalogo.active {
  background-color: #0cc285; }

.ListaEstados > div.Estado_b2bObsoleto.active {
  background-color: #ec9330; }

.ListaEstados > div.Estado_b2bOutlet.active {
  background-color: #be3df7; }

.ListaEstados > div.Estado_b2bDescatalogado.active {
  background-color: #00384E; }

.ListaEstados > div.Estado_b2bProductoComprado.active {
  background-color: #d92800; }

input[tristate-checkbox] {
  display: none; }

input[tristate-checkbox] + label {
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-right: 6px;
  padding-top: 5px;
  padding-bottom: 5px; }

input[tristate-checkbox] + label:before {
  content: "";
  background-color: green;
  width: 21px;
  height: 11px;
  display: inline-block;
  margin-right: 3px;
  border-radius: 6px; }

input[tristate-checkbox] + label:after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 8px;
  left: 2px;
  width: 9px;
  height: 9px;
  border-radius: 8px;
  border: 2px solid #cbcbcb;
  background-color: black;
  transition: .5s; }

input[tristate-checkbox].tristate-undefined + label:after {
  left: 6px;
  background-color: #cbcbcb; }

input[tristate-checkbox].tristate-checked + label:after {
  left: 10px;
  background-color: green; }

input[tristate-checkbox].tristate-unchecked + label:after {
  left: 2px;
  background-color: red; }

input[tristate-checkbox].tristate-undefined + label {
  color: black; }

input[tristate-checkbox].tristate-checked + label {
  color: green; }

input[tristate-checkbox].tristate-unchecked + label {
  color: red; }

.Grupo_FiltroEstado > #b2bCatalogo + label:before {
  background-color: #0cc285; }

.Grupo_FiltroEstado > #b2bObsoleto + label:before {
  background-color: #ec9330; }

.Grupo_FiltroEstado > #b2bOutlet + label:before {
  background-color: #be3df7; }

.Grupo_FiltroEstado > #b2bDescatalogado + label:before {
  background-color: #00384E; }

.Grupo_FiltroEstado > #b2bProductoComprado + label:before {
  background-color: #d92800; }

grid-productos .k-grid-content table tbody tr td {
  position: relative; }

ficha-producto .Cabecera .ListaEstados {
  top: 77px; }

ficha-card {
  position: relative; }

ficha-card input#CheckOcultarLateral {
  display: none; }

ficha-card input#CheckOcultarLateral + label {
  position: fixed;
  display: block;
  left: -8px;
  top: 200px;
  width: 31px;
  height: 88px;
  z-index: 99;
  user-select: none;
  cursor: pointer;
  overflow: hidden;
  text-indent: 999px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border: 2px solid #ffffff;
  background-color: var(--topNavBar); }

ficha-card input#CheckOcultarLateral:checked + label {
  background-color: var(--topNavBar); }

ficha-card input#CheckOcultarLateral + label:after {
  content: "\F40A";
  font-family: "Material Design Icons";
  transform: rotate(180deg);
  transition: .5s;
  position: absolute;
  display: block;
  margin-top: 50%;
  top: 20px;
  left: 8px;
  text-indent: 0px;
  z-index: 999;
  color: #ffffff; }

ficha-card input#CheckOcultarLateral:checked + label:after {
  transform: rotate(0deg); }

/*ficha-card input#CheckOcultarLateral + label + main.CardComponent > aside {transition: margin-left 1s;}
ficha-card input#CheckOcultarLateral + label + main.CardComponent > article {transition: margin-left 1s;}*/
ficha-card input#CheckOcultarLateral:checked + label + main.CardComponent > aside {
  margin-left: -350px; }

ficha-card input#CheckOcultarLateral:checked + label + main.CardComponent > article {
  margin-left: -300px; }

@media (max-width: 959px) {
  ficha-card input#CheckOcultarLateral + label + main.CardComponent > article,
  ficha-card input#CheckOcultarLateral:checked + label + main.CardComponent > article {
    margin-left: 0px; }
  ficha-card input#CheckOcultarLateral + label {
    display: none; } }

.modal-uploader .modal-dialog {
  width: 50% !important;
  height: 100vh !important;
  overflow: hidden;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 40px; }

.ContenedorFichasDirecciones {
  display: grid;
  grid-template-columns: 33% 33% 33%; }

.ficha-card-direccion {
  width: 100%; }

.ficha-card-direccion > md-card {
  height: 100%; }

.CardDireccionEnvio {
  height: 100%;
  position: relative; }

md-card.CardDireccionEnvio md-card-content {
  height: 100%; }

.CardDireccionEnvio md-card-content > div {
  height: 100%;
  position: initial; }

.CardDireccionEnvio .VerDetalles {
  bottom: 10px;
  right: 10px; }

.CardDireccionEnvio .EditarHorario {
  bottom: 26px;
  left: 10px; }

.CardDireccionEnvio .EliminarDireccion {
  bottom: 10px;
  left: 10px; }

.ContenedorFichasDirecciones {
  grid-template-columns: 100%; }

@media (min-width: 960px) {
  .ContenedorFichasDirecciones {
    grid-template-columns: 50% 50%; } }

@media (min-width: 1300px) {
  .ContenedorFichasDirecciones {
    grid-template-columns: 33% 33% 33%; } }

.ContenedorGridsInicio {
  display: block !important; }

md-content#page-content-wrapper {
  overflow: hidden !important; }

list-view-productos md-card-icon-actions md-input-container .md-input {
  height: 20px;
  font-size: 15px;
  line-height: 20px; }

list-view-carrito-lineas md-input-container .md-input {
  height: 20px;
  font-size: 15px;
  line-height: 20px; }

.FormularioConfiguracionVisual h2 {
  background-color: var(--Corporativo_ColorPrimarioFondo);
  color: var(--Corporativo_ColorPrimarioTexto) !important;
  padding: 10px;
  font-size: 20px;
  margin-top: 25px;
  text-transform: uppercase; }

.FormularioConfiguracionVisual h2 span {
  display: inline-block;
  padding-left: 10px;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  opacity: .5;
  text-transform: none; }

:root {
  --Planificador-Seccion-Cabecera-ColorFondo: #018fe3;
  --Planificador-Seccion-Cabecera-ColorTexto: #ffffff;
  --Planificador-Seccion-ColorFondo: #cccccc;
  --Planificador-Botones-ColorFondo: var(--Planificador-Seccion-Cabecera-ColorFondo);
  --Planificador-Botones-ColorTexto: var(--Planificador-Seccion-Cabecera-ColorTexto); }

.Oculto {
  display: none; }

.PlanificadorDeRutasPro {
  display: grid;
  grid-template-rows: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  margin: 5px;
  font-size: 0.8em;
  height: 100vh;
  overflow: hidden; }

.PlanificadorDeRutasPro > div > article {
  display: block;
  position: relative;
  overflow: hidden;
  background-color: transparent; }

.PlanificadorDeRutasPro > div > article > header, pedidos-grid > header {
  position: relative;
  width: 100%;
  height: 36px;
  font-size: 1em;
  line-height: 36px;
  padding: 0px 15px 0px 10px;
  text-transform: uppercase;
  background-color: var(--Planificador-Seccion-Cabecera-ColorFondo);
  color: var(--Planificador-Seccion-Cabecera-ColorTexto); }

.PlanificadorDeRutasPro > div > article > header > button, pedidos-grid > header > button {
  position: absolute;
  top: 3px;
  right: 14px;
  min-width: 80px;
  height: 30px;
  font-size: 12px;
  line-height: normal;
  padding: 3px;
  border: 1px solid #656565;
  border-radius: 4px;
  text-transform: uppercase;
  background-color: #a4a4a4; }

.PlanificadorDeRutasPro > h1 {
  grid-row: 1;
  grid-column: 1/7;
  text-align: center;
  text-transform: uppercase; }

.PlanificadorDeRutasPro > #LeftSection {
  grid-row: 2;
  grid-column: 1/6;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  grid-auto-rows: max-content; }

.PlanificadorDeRutasPro > #RightSection {
  grid-row: 2;
  grid-column: 6/7;
  height: 80vh; }

.PlanificadorDeRutasPro > #LeftSection > button {
  grid-row: 1; }

.PlanificadorDeRutasPro > #LeftSection > #Almacenes {
  grid-row: 2;
  grid-column: 1/4; }

.PlanificadorDeRutasPro > #LeftSection > #Rutas {
  grid-row: 2;
  grid-column: 4/7; }

.PlanificadorDeRutasPro > #LeftSection > #Geolocalizacion {
  grid-row: 3;
  grid-column: 1/5;
  height: 75vh; }

.PlanificadorDeRutasPro > #LeftSection > #Pedidos {
  grid-row: 3;
  grid-column: 5/7;
  height: 75vh; }

.PlanificadorDeRutasPro > #RightSection > #Envio {
  grid-row: 3;
  grid-column: 6/7;
  height: 85vh; }

.PlanificadorDeRutasPro > div > article > ul {
  /*position:absolute; top:36px; left:0px; right:0px; bottom:0px;*/
  margin: 0px;
  padding: 0px 5px 0px 0px;
  overflow-y: scroll;
  max-height: 200px; }

pedidos-grid > ul {
  margin: 0px;
  padding: 0px 5px 0px 0px;
  overflow-y: scroll; }

.PlanificadorDeRutasPro > div > article > ul > li, pedidos-grid > ul > li {
  list-style: none;
  margin: 0px 0px 2px 0px;
  padding: 5px 5px 5px 10px;
  height: 80px;
  background-color: var(--Planificador-Seccion-ColorFondo); }

.PlanificadorDeRutasPro > div > article > ul, pedidos-grid > ul {
  scrollbar-width: thin;
  scrollbar-color: #757575 #c2c2c2; }

/* Para Firefox*/
.PlanificadorDeRutasPro > div > article > ul::-webkit-scrollbar, pedidos-grid > ul::-webkit-scrollbar {
  width: 6px; }

/* width */
.PlanificadorDeRutasPro > div > article > ul::-webkit-scrollbar-track, pedidos-grid > ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey;
  border-radius: 3px; }

/* Track */
.PlanificadorDeRutasPro > div > article > ul::-webkit-scrollbar-thumb, pedidos-grid > ul::-webkit-scrollbar-thumb {
  background: #757575;
  border-radius: 3px; }

/* Handle */
.PlanificadorDeRutasPro > div > article > ul::-webkit-scrollbar-thumb:hover, pedidos-grid > ul::-webkit-scrollbar-thumb:hover {
  background: #5e5e5e; }

/* Handle on hover */
@supports (background-color: color-mix(in srgb, red, white)) {
  .PlanificadorDeRutasPro > div > article > ul > li, pedidos-grid > ul > li {
    background-color: color-mix(in srgb, var(--Planificador-Seccion-Cabecera-ColorFondo), white); } }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li {
  display: grid;
  grid-template-columns: 1fr 1fr 167px 90px;
  grid-template-rows: 25px auto auto;
  padding-right: 0px; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > * {
  grid-row: 1;
  grid-column: 1/2; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales {
  grid-row: 1/4;
  grid-column: 3/4;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  padding: 3px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  text-transform: uppercase; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Checkbox {
  grid-row: 1/4;
  grid-column: 4/5;
  align-self: center;
  justify-self: center; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > a.Nombre {
  grid-row: 1;
  grid-column: 1/3;
  justify-self: left;
  font-size: 17px;
  text-decoration: underline !important; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > address {
  grid-row: 2;
  grid-column: 1/3;
  margin: 0px 0px 0px 20px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Email {
  grid-row: 3;
  margin-left: 20px;
  position: relative;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 5px 0px 25px; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Email:before {
  content: "\f1ee";
  font-family: "Material Design Icons";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #909090; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Telefono {
  grid-row: 3;
  grid-column: 2/3;
  position: relative;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 25px; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Telefono:before {
  content: "\f602";
  font-family: "Material Design Icons";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #909090; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales .TotalPedido {
  grid-row: 1;
  grid-column: 1/2; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales .TotalDisponible {
  grid-row: 2;
  grid-column: 1/2; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales .TotalKilos {
  grid-row: 3;
  grid-column: 1/2; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales label {
  display: inline-block;
  text-align: right;
  opacity: .4;
  padding-right: 5px;
  font-weight: bold; }

.PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales span .Unidades {
  display: inline-block;
  padding-left: 5px;
  text-transform: none; }

/*.PlanificadorDeRutasPro > div > article#Rutas > ul > li {height: 60px}*/
.PlanificadorDeRutasPro > div > article#Rutas > ul > li {
  position: relative;
  display: grid;
  grid-template-columns: 20px 1fr 140px 135px 90px;
  grid-template-rows: 25px auto auto;
  padding-right: 0px; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > * {
  grid-row: 1;
  grid-column: 1/2; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos {
  grid-row: 1/4;
  grid-column: 3/4;
  position: relative;
  height: 70px;
  margin-right: 2px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 22px 1fr;
  padding: 3px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  text-transform: uppercase; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios {
  grid-row: 1/4;
  grid-column: 4/5;
  position: relative;
  height: 70px;
  margin-left: 2px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 22px 1fr;
  padding: 3px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  text-transform: uppercase; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .Checkbox {
  grid-row: 1/4;
  grid-column: 5/6;
  align-self: center;
  justify-self: center; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .RutaColor {
  position: absolute;
  top: -3px;
  left: -8px;
  height: 76px;
  width: 20px;
  border: 1px solid #ffffff; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > a.Nombre {
  grid-row: 1;
  grid-column: 2/3;
  justify-self: left;
  font-size: 17px;
  text-decoration: underline !important; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .Descripcion {
  grid-row: 1;
  grid-column: 2/3;
  margin: 0px 0px 0px 35px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .Empresa {
  grid-row: 2;
  grid-column: 2/3;
  margin: 0px 0px 0px 35px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos h3 {
  display: block;
  position: absolute;
  top: 25px;
  left: -25px;
  width: 70px;
  height: 20px;
  line-height: 20px;
  transform: rotate(-90deg);
  font-size: 11px;
  background-color: white;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  color: #717171; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos .Cantidad {
  grid-row: 1;
  grid-column: 2/3; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos .Peso {
  grid-row: 2;
  grid-column: 2/3; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos label {
  display: inline-block;
  text-align: right;
  opacity: .4;
  padding-right: 5px;
  font-weight: bold; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos span .Unidades {
  display: inline-block;
  padding-left: 5px;
  text-transform: none; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios h3 {
  display: block;
  position: absolute;
  top: 25px;
  left: -25px;
  width: 70px;
  height: 20px;
  line-height: 20px;
  transform: rotate(-90deg);
  font-size: 11px;
  background-color: white;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  color: #717171; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios .Cerrados {
  grid-row: 1;
  grid-column: 2/3; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios .Pendientes {
  grid-row: 2;
  grid-column: 2/3; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios .Ver {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
  font-style: italic;
  color: blue;
  opacity: .5;
  border-bottom: 1px dashed blue; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios label {
  display: inline-block;
  pointer-events: none;
  text-align: right;
  opacity: .4;
  padding-right: 5px;
  font-weight: bold; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios span .Unidades {
  display: inline-block;
  padding-left: 5px;
  text-transform: none; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes {
  background-color: rgba(200, 2, 2, 0.5);
  color: black; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes h3 {
  background-color: #c80202;
  color: black; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.EnviosPreparados {
  background-color: rgba(0, 200, 0, 0.5);
  color: black; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.EnviosPreparados h3 {
  background-color: #00c800;
  color: black; }

.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes .Cerrados,
.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes .Pendientes,
.PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes .Ver {
  color: black;
  border-color: #ffffff; }

.PlanificadorDeRutasPro > div > article#Geolocalizacion > header > button.Maximizar {
  min-width: 0px;
  width: 30px;
  border: none;
  border-radius: 0px;
  background-color: transparent;
  color: #ffffff; }

.PlanificadorDeRutasPro > div > article#Geolocalizacion > header > button.Maximizar:before {
  content: "\f5b2";
  font-family: "Material Design Icons";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #ffffff; }

.PlanificadorDeRutasPro > div > article#Geolocalizacion > .Mapa {
  height: 90%;
  background-color: var(--Planificador-Seccion-ColorFondo); }

@supports (background-color: color-mix(in srgb, red, white)) {
  .PlanificadorDeRutasPro > div > article#Geolocalizacion > .Mapa {
    background-color: color-mix(in srgb, var(--Planificador-Seccion-Cabecera-ColorFondo), white); } }

pedidos-grid > header > button.Limpiar {
  right: 50px; }

pedidos-grid > header > button.sin-filtrar {
  min-width: 0px;
  width: 30px;
  border: none;
  border-radius: 0px;
  background-color: transparent;
  color: #ffffff; }

pedidos-grid > header > button.sin-filtrar:before {
  content: "\f233";
  font-family: "Material Design Icons";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #ffffff; }

pedidos-grid > header > button.filtrado {
  min-width: 0px;
  width: 30px;
  border: none;
  border-radius: 0px;
  background-color: transparent;
  color: #ffffff; }

pedidos-grid > header > button.filtrado:before {
  content: "\f232";
  font-family: "Material Design Icons";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #ffffff; }

pedidos-grid > header > button.ordenar {
  min-width: 0px;
  width: 30px;
  border: none;
  border-radius: 0px;
  background-color: transparent;
  color: #ffffff; }

pedidos-grid > header > button.ordenar:before {
  content: "\f4ba";
  font-family: "Material Design Icons";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #ffffff; }

pedidos-grid > header > span.agregar-todo {
  font-size: 2em; }

pedidos-grid > header > button.agregar-todo:before {
  content: "\f415";
  font-family: "Material Design Icons";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #ffffff; }

pedidos-grid > ul {
  height: 72vh; }

pedidos-grid > ul > li {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 90px 130px 35px;
  grid-template-rows: 25px auto auto; }

pedidos-grid > ul > li > * {
  grid-row: 1;
  grid-column: 1/2; }

pedidos-grid > ul > li > .Total {
  grid-row: 1/4;
  grid-column: 2/3;
  position: relative;
  height: 70px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  text-transform: uppercase; }

pedidos-grid > ul > li > .Info {
  grid-row: 1/4;
  grid-column: 3/4;
  position: relative;
  height: 70px;
  margin: 0px 5px 0px 5px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  text-transform: uppercase; }

pedidos-grid > ul > li > .BotonAdd {
  grid-row: 1/4;
  grid-column: 4/5;
  align-self: center;
  justify-self: center;
  background-color: green;
  height: 70px;
  width: 35px;
  text-align: center;
  line-height: 70px;
  color: white;
  font-weight: bold;
  font-size: 25px;
  border: none; }

pedidos-grid > ul > li > .BotonDelete {
  grid-row: 1/4;
  grid-column: 4/5;
  align-self: center;
  justify-self: center;
  background-color: red;
  height: 70px;
  width: 35px;
  text-align: center;
  line-height: 70px;
  color: white;
  font-weight: bold;
  font-size: 25px;
  border: none; }

pedidos-grid > ul > li > .Titulo {
  grid-row: 1;
  grid-column: 1/2;
  justify-self: left; }

pedidos-grid > ul > li > .Titulo a {
  font-size: 17px;
  text-decoration: underline !important; }

pedidos-grid > ul > li > .Titulo .Almacen {
  display: inline-block;
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  opacity: .6; }

pedidos-grid > ul > li > .Descripcion {
  grid-row: 2;
  grid-column: 1/2;
  margin: 0px 0px 0px 20px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px; }

pedidos-grid > ul > li > address {
  grid-row: 3;
  grid-column: 1/2;
  margin: 0px 0px 0px 20px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px; }

pedidos-grid > ul > li > .Total .Lineas {
  grid-row: 1;
  text-align: center; }

pedidos-grid > ul > li > .Total .Peso {
  grid-row: 2;
  text-align: center; }

pedidos-grid > ul > li > .Total .Lineas label,
pedidos-grid > ul > li > .Total .Peso label {
  display: block;
  width: 100%;
  height: 15px;
  background-color: #ffffff; }

pedidos-grid > ul > li > .Total .Lineas span,
pedidos-grid > ul > li > .Total .Peso span {
  padding: 3px; }

pedidos-grid > ul > li > .Total .Lineas span .Unidades,
pedidos-grid > ul > li > .Total .Peso span .Unidades {
  text-transform: none; }

pedidos-grid > ul > li > .Info .FechaEnvio {
  grid-row: 1;
  text-align: center; }

pedidos-grid > ul > li > .Info .FechaEnvio label {
  display: block;
  width: 100%;
  height: 15px;
  background-color: #ffffff; }

pedidos-grid > ul > li > .Info .FechaEnvio span {
  padding: 3px; }

pedidos-grid > ul > li > .Info .Iconos {
  font-size: 0px;
  text-align: center; }

pedidos-grid > ul > li > .Info .Iconos > div {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  margin-right: 4px;
  border: none;
  cursor: pointer;
  color: #555555; }

pedidos-grid > ul > li > .Info .Iconos > div:after {
  position: absolute;
  display: block;
  left: 0px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  font-family: 'Material Design Icons'; }

pedidos-grid > ul > li > .Info .Iconos > div.Estado:after {
  content: "\f764"; }

pedidos-grid > ul > li > .Info .Iconos > div.Geolocalizado:after {
  content: "\f34e"; }

pedidos-grid > ul > li > .Info .Iconos > div.Ruta:after {
  content: "\f10b"; }

pedidos-grid > ul > li > .Info .Iconos > div.Ruta.Off:after {
  content: "\f10b"; }

pedidos-grid > ul > li > .Info .Iconos > div.Comentarios:after {
  content: "\f3eb"; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido {
  height: 100%;
  padding: 7px 5px 7px 5px;
  background-color: var(--Planificador-Seccion-ColorFondo); }

@supports (background-color: color-mix(in srgb, red, white)) {
  .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido {
    background-color: color-mix(in srgb, var(--Planificador-Seccion-Cabecera-ColorFondo), white); } }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .ComboEnvio select {
  width: 100%; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .ComboEnvio label {
  display: none; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoNuevo p {
  padding: 50px 15px 15px 15px;
  font-style: italic;
  font-size: 15px;
  font-color: #dddddd;
  text-align: center; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente {
  display: grid;
  height: 100%;
  grid-template-rows: 45vh 70px 60px;
  grid-template-columns: 1fr 25px;
  grid-gap: 5px;
  margin-top: 5px; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > * {
  grid-column: 1/3; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .FechaEnvio {
  grid-row: 1;
  grid-column: 1; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .FechaEnvio > input {
  width: 100%; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .FechaEnvio label {
  display: none; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .EditarComentarios {
  grid-row: 1;
  grid-column: 2/3;
  justify-self: right;
  position: relative;
  width: 20px;
  border: none;
  background-color: transparent; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .EditarComentarios:before {
  content: "\f21a";
  font-family: 'Material Design Icons';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: #555555; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .EditarComentarios:before.TieneDatos {
  color: #ff0000; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Ruta {
  display: block;
  width: 100%;
  border: 1px solid black; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Ruta .Color {
  display: block;
  width: 100%;
  height: 20px;
  border: 1px solid #ffffff;
  background-color: silver; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Ruta .Texto {
  display: block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul {
  display: block;
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
  overflow-y: scroll;
  background-color: transparent; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li {
  display: block;
  display: grid;
  grid-template-columns: 1fr 30px;
  margin: 0px 2px 2px 0px;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.5); }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li a {
  grid-row: 1;
  grid-column: 1/2;
  display: inline-block; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li .Eliminar {
  grid-row: 1;
  grid-column: 2/3;
  display: block;
  position: relative;
  justify-self: right;
  width: 23px;
  height: 23px;
  border: none; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li .Eliminar:before {
  content: "\f159";
  font-family: 'Material Design Icons';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 23px;
  height: 23px;
  font-size: 23px;
  color: #aa0000; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li .Cliente {
  grid-row: 2;
  grid-column: 1/3;
  margin-left: 5px;
  font-size: 10px; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Totales {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  padding: 5px;
  font-size: 11px;
  background-color: rgba(255, 255, 255, 0.8); }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Totales > div > label {
  display: inline-block;
  width: 50%;
  text-align: right;
  opacity: .4;
  padding-right: 5px;
  font-weight: bold;
  text-transform: uppercase; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Botonera {
  font-size: 0px; }

.PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Botonera button {
  display: inline-block;
  width: 100%;
  height: 30px;
  margin-top: 3px;
  font-size: 14px;
  line-height: 30px;
  border: 0px none black;
  border-radius: 4px;
  background-color: #018fe3;
  color: #ffffff; }

@media (max-width: 1280px) {
  .PlanificadorDeRutasPro > div > #Almacenes {
    grid-row: 2;
    grid-column: 1/7;
    height: 350px; }
  .PlanificadorDeRutasPro > div > #Rutas {
    grid-row: 3;
    grid-column: 1/7;
    height: 350px; }
  .PlanificadorDeRutasPro > div > #Geolocalizacion {
    grid-row: 4;
    grid-column: 1/7;
    height: 300px; }
  .PlanificadorDeRutasPro > div > #Pedidos {
    grid-row: 5;
    grid-column: 1/7;
    height: 450px; }
  .PlanificadorDeRutasPro > div > #Envio {
    grid-row: 6;
    grid-column: 1/7;
    height: 450px; } }

pedido-detalles-planificador .Formulario fieldset {
  border: none;
  background: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px;
  width: 100%; }

pedido-detalles-planificador .Formulario fieldset > div {
  width: 100%; }

article#ListadoDeEnviosEnRuta {
  display: block;
  position: relative;
  overflow: hidden;
  height: 70vh;
  background-color: transparent; }

article#ListadoDeEnviosEnRuta > header {
  width: 100%;
  height: 36px;
  font-size: 19px;
  line-height: 36px;
  padding: 0px 15px 0px 10px;
  text-transform: uppercase;
  background-color: var(--Planificador-Seccion-Cabecera-ColorFondo);
  color: var(--Planificador-Seccion-Cabecera-ColorTexto); }

article#ListadoDeEnviosEnRuta > ul {
  position: absolute;
  top: 36px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  overflow-y: scroll; }

article#ListadoDeEnviosEnRuta > ul > li {
  display: grid;
  grid-template-rows: 30px 25px 25px;
  grid-template-columns: 30px 200px 1fr 180px 350px;
  list-style: none;
  margin: 0px 0px 2px 0px;
  padding: 5px 5px 5px 5px;
  height: 80px;
  overflow: hidden;
  background-color: var(--Planificador-Seccion-ColorFondo); }

article#ListadoDeEnviosEnRuta > ul > li > .RutaColor {
  grid-row: 1/4;
  grid-column: 1;
  height: 70px;
  width: 20px;
  border: 1px solid #ffffff; }

article#ListadoDeEnviosEnRuta > ul > li > .Titulo {
  grid-row: 1;
  grid-column: 2/4; }

article#ListadoDeEnviosEnRuta > ul > li > .Ruta {
  grid-row: 2;
  grid-column: 2/3; }

article#ListadoDeEnviosEnRuta > ul > li > .Estado {
  grid-row: 3;
  grid-column: 2/3; }

article#ListadoDeEnviosEnRuta > ul > li > .Estado > label {
  font-weight: normal; }

article#ListadoDeEnviosEnRuta > ul > li > .Estado > span {
  font-style: italic; }

article#ListadoDeEnviosEnRuta > ul > li > .Estado > span.EnvioEstado_Abierto {
  color: rgba(110, 0, 0, 0.85); }

article#ListadoDeEnviosEnRuta > ul > li > .Estado > span.EnvioEstado_Finalizado {
  color: rgba(0, 0, 0, 0.2); }

article#ListadoDeEnviosEnRuta > ul > li > .Estado > span.EnvioEstado_Cerrado {
  color: rgba(0, 110, 0, 0.85); }

article#ListadoDeEnviosEnRuta > ul > li > .Comentarios {
  grid-row: 2/4;
  grid-column: 3/4;
  height: 41px;
  padding: 3px 10px 3px 5px;
  border-left: 5px solid silver;
  font-size: 11px;
  font-style: italic;
  text-align: justify;
  color: rgba(0, 0, 0, 0.5);
  overflow: hidden; }

article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos {
  grid-row: 1/3;
  grid-column: 4/5;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 20px auto;
  position: relative;
  width: 175px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.4);
  overflow: hidden; }

article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos > * {
  grid-column: 2/2; }

article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos > h3 {
  grid-row: 1/3;
  grid-column: 1/2;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  position: absolute;
  top: 25px;
  left: -25px;
  width: 70px;
  height: 20px;
  line-height: 20px;
  transform: rotate(-90deg);
  font-size: 11px;
  background-color: white;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  color: #717171;
  text-transform: uppercase; }

article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos label {
  display: inline-block;
  width: 50%;
  text-align: right;
  opacity: .4;
  padding-right: 5px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px; }

article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos span {
  font-size: 11px; }

article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos span .Unidades {
  display: inline-block;
  padding-left: 5px;
  text-transform: none; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera {
  grid-row: 1/3;
  grid-column: 5/6;
  grid-gap: 2px;
  width: 350px;
  height: 70px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 50px auto 25px; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button {
  position: relative;
  background-color: var(--Planificador-Botones-ColorFondo);
  color: var(--Planificador-Botones-ColorTexto);
  border: 0px none black;
  border-radius: 3px; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button:disabled {
  background-color: #b1b1b1; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonEdit {
  grid-row: 1;
  grid-column: 1; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonEdit:before {
  content: "\f3eb";
  font-family: 'Material Design Icons';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 23px;
  height: 23px;
  font-size: 23px;
  color: var(--Planificador-Botones-ColorTexto);
  top: calc(50% - 12px);
  left: calc(50% - 11px); }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonDelete {
  grid-row: 2;
  grid-column: 1; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonDelete:before {
  content: "\fa78";
  font-family: 'Material Design Icons';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 23px;
  height: 23px;
  font-size: 23px;
  color: var(--Planificador-Botones-ColorTexto);
  top: calc(50% - 12px);
  left: calc(50% - 11px); }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonSoloCerrar {
  grid-row: 1;
  grid-column: 2; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonReabrir {
  grid-row: 1;
  grid-column: 2; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonCerrarYAsignarClientes {
  grid-row: 2;
  grid-column: 2; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonEstablecerComoSelecionado {
  grid-row: 1/3;
  grid-column: 3;
  background-color: #26642c; }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonEstablecerComoSelecionado:before {
  content: "\f40a";
  font-family: 'Material Design Icons';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 23px;
  height: 23px;
  font-size: 23px;
  color: var(--Planificador-Botones-ColorTexto);
  top: calc(50% - 12px);
  left: calc(50% - 11px); }

article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonAbrir:before {
  content: "\F3CB";
  font-family: 'Material Design Icons';
  position: absolute;
  top: 0px;
  right: 0px;
  width: 23px;
  height: 23px;
  font-size: 23px;
  color: var(--Planificador-Botones-ColorTexto);
  top: calc(50% - 12px);
  left: calc(50% - 11px); }

article#ListadoDeProductosEnPedido {
  display: block;
  position: relative;
  overflow: hidden;
  height: 364px;
  background-color: transparent;
  margin-top: 10px; }

article#ListadoDeProductosEnPedido > header {
  width: 100%;
  height: 36px;
  font-size: 19px;
  line-height: 36px;
  padding: 0px 15px 0px 10px;
  text-transform: uppercase;
  background-color: var(--Planificador-Seccion-Cabecera-ColorFondo);
  color: var(--Planificador-Seccion-Cabecera-ColorTexto); }

article#ListadoDeProductosEnPedido > ul {
  position: absolute;
  top: 36px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0px;
  padding: 0px 5px 0px 0px;
  overflow-y: scroll; }

article#ListadoDeProductosEnPedido > ul > li {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1px auto 300px 175px;
  grid-column-gap: 5px;
  list-style: none;
  margin: 0px 0px 2px 0px;
  padding: 5px 5px 5px 5px;
  height: 80px;
  overflow: hidden;
  background-color: var(--Planificador-Seccion-ColorFondo); }

article#ListadoDeProductosEnPedido > ul > li .FotoProducto {
  grid-row: 1/3;
  grid-column: 1;
  width: 100px;
  height: 68px;
  /*background-color:#e5e5e5;*/ }

article#ListadoDeProductosEnPedido > ul > li .Titulo {
  grid-row: 1;
  grid-column: 2; }

article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos {
  grid-row: 1/3;
  grid-column: 4;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 20px auto;
  position: relative;
  width: 175px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.4);
  overflow: hidden; }

article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos > * {
  grid-column: 2/2; }

article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos > h3 {
  grid-row: 1/3;
  grid-column: 1/2;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  position: absolute;
  top: 25px;
  left: -25px;
  width: 70px;
  height: 20px;
  line-height: 20px;
  transform: rotate(-90deg);
  font-size: 9px;
  background-color: white;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  color: #717171;
  text-transform: uppercase; }

article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos label {
  display: inline-block;
  width: 50%;
  text-align: right;
  opacity: .4;
  padding-right: 5px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px; }

article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos span {
  font-size: 11px; }

article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos span .Unidades {
  display: inline-block;
  padding-left: 5px;
  text-transform: none; }

article#ListadoDeProductosEnPedido > ul > li > .Cantidades {
  grid-row: 1/3;
  grid-column: 3;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 20px auto;
  position: relative;
  width: 315px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.4);
  overflow: hidden; }

article#ListadoDeProductosEnPedido > ul > li > .Cantidades > * {
  grid-column: 2/2; }

article#ListadoDeProductosEnPedido > ul > li > .Cantidades > h3 {
  grid-row: 1/3;
  grid-column: 1/2;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  display: block;
  position: absolute;
  top: 25px;
  left: -25px;
  width: 70px;
  height: 20px;
  line-height: 20px;
  transform: rotate(-90deg);
  font-size: 10px;
  background-color: white;
  text-align: center;
  font-weight: bold;
  letter-spacing: 2px;
  color: #717171;
  text-transform: uppercase; }

article#ListadoDeProductosEnPedido > ul > li > .Cantidades label {
  display: inline-block;
  width: 50%;
  text-align: right;
  opacity: .4;
  padding-right: 5px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 11px; }

article#ListadoDeProductosEnPedido > ul > li > .Cantidades span {
  font-size: 11px; }

article#ListadoDeProductosEnPedido > ul > li > .Cantidades span .Unidades {
  display: inline-block;
  padding-left: 5px;
  text-transform: none; }

.app-modal-pedido-ordenacion > .modal-dialog {
  height: auto;
  max-width: 500px !important; }

.app-modal-kr > .modal-dialog {
  height: auto;
  max-width: 100% !important; }

pedidos-ordenacion {
  display: block;
  padding: 10px; }

.Botonera button:disabled {
  background-color: #b1b1b1; }

.FormularioEnvioCorreosTest h2 {
  text-transform: uppercase;
  font-size: 15px; }

.FormularioEnvioCorreosTest p {
  font-style: italic;
  font-size: 12px;
  opacity: .8; }

.FormularioEnvioCorreosTest button {
  display: inline-block;
  min-width: 300px; }

ficha-card-direccion {
  cursor: initial !important; }

.CardDireccionEnvio {
  cursor: pointer; }

.CardDireccionEnvio.NoPulsable {
  cursor: initial;
  background: transparent none no-repeat bottom right; }

.CardDireccionEnvio.NoPulsable:hover {
  background-color: transparent; }

main.CardComponent > article h2,
main.CardComponent > article h1 {
  color: var(--Corporativo_ColorPrimarioFondo) !important; }

@media (max-width: 768px) {
  grid-pedidos .PedidosPasador .PedidoCabecera > div,
  detalle-pedidos .PedidoCabecera > div, grid-b2b-ofertas .PedidosPasador .PedidoCabecera > div,
  detalle-ofertas .PedidoCabecera > div,
  detalle-b2b-ofertas .PedidoCabecera > div {
    width: 100%;
    padding: 0px 5px 0px 5px; } }

.bg-menu-top .menu-buttons .md-button:hover,
.bg-menu-top .menu-buttons .md-button:hover a {
  color: var(--Corporativo_ColorPrimarioTexto) !important; }

.bg-menu-top .menu-buttons .md-button a span {
  display: inline-block; }

.bg-menu-top .menu-buttons .md-button:hover a span {
  animation-name: menuJump;
  animation-duration: .3s;
  transition: ease-in-out; }

@keyframes menuJump {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(0); } }

.kr-pop-up {
  display: flex;
  justify-content: center;
  align-items: center; }

.kr-pop-up > .modal-dialog {
  height: auto;
  padding: 25px 0px 0px 0px;
  margin: 0px auto; }

.kr-pop-up > .modal-dialog > .modal-content {
  padding: 15px; }

.kr-pop-up .kr.kr-pop-up-header {
  position: relative; }

.kr-pop-up .kr-pop-up-header > .btn-close {
  position: absolute;
  top: 5px;
  right: 5px; }

.kr-pop-up.width-1000 > .modal-dialog {
  max-width: 1000px !important; }

.kr-pop-up.width-750 > .modal-dialog {
  max-width: 750px !important; }

.kr-pop-up.width-500 > .modal-dialog {
  max-width: 500px !important; }

.kr-pop-up.width-250 > .modal-dialog {
  max-width: 250px !important; }

/* Ajusta el descentrado del popup del carrito en responsive */
.modal-dialog .modal-content {
  margin-left: -10px; }

/* Elimina el borde exterior del grid de carrito, ya que ahora lo ponemos en cada elemento*/
list-view-carrito-lineas #listView.k-listview {
  border: none; }

/* Ajusta márgenes del carrito en responsive */
@media (max-width: 500px) {
  .modal-content pop-up .modal-body content {
    padding: 0px; } }

.Carrito_Linea {
  display: grid;
  grid-template-columns: 40px 120px 1fr 1fr 50px;
  grid-template-rows: 1fr auto auto auto 1fr;
  grid-gap: 0px 5px;
  align-items: center;
  margin-bottom: 5px;
  border: 1px solid #d5d5d5;
  background-color: #ffffff;
  padding: 10px; }

.Carrito_Linea > * {
  /* border:1px dotted blue; */ }

.Carrito_Linea boton-producto-favorito {
  grid-column: 1;
  grid-row: 1/6;
  place-self: center;
  /* margin-left: 5px; */ }

.Carrito_Linea .Carrito_Imagen {
  grid-column: 2;
  grid-row: 1/6; }

.Carrito_Linea .Carrito_Imagen img {
  width: 100px; }

.Carrito_Linea .Carrito_GrupoNombre {
  grid-column: 3;
  grid-row: 2;
  display: inline-block; }

.Carrito_Linea .Carrito_Referencia {
  display: inline-block;
  width: fit-content;
  font-weight: 800;
  color: var(--colorWeb2); }

.Carrito_Linea .Carrito_Descripcion {
  display: inline-block;
  width: fit-content;
  color: #333; }

.Carrito_Linea .Carrito_TarifaCalculada {
  grid-column: 3;
  grid-row: 3;
  display: block;
  color: var(--Corporativo_ColorPrimarioFondo) !important;
  font-size: 18px !important;
  font-weight: bold !important; }

.Carrito_Linea .Carrito_Stock {
  grid-column: 3;
  grid-row: 4; }

.Carrito_Linea .Carrito_GrupoCantidad {
  grid-column: 4;
  grid-row: 2;
  display: grid;
  grid-template-columns: auto auto auto auto 1fr; }

/* grid-row:2/5; */
.Carrito_Linea .Carrito_Label_Cantidad {
  grid-column: 1;
  width: fit-content;
  margin-bottom: 0px;
  margin-right: 5px; }

.Carrito_Linea .Carrito_UnidadMedida {
  grid-column: 2;
  width: fit-content;
  margin-right: 5px; }

.Carrito_Linea .Carrito_CantidadPorUnidad {
  grid-column: 3;
  width: fit-content;
  font-weight: 800;
  color: var(--colorWeb2);
  margin-right: 5px;
  white-space: nowrap; }

.Carrito_Linea .Carrito_Cantidad {
  grid-column: 4;
  width: fit-content;
  margin-right: 5px; }

.Carrito_Linea .Carrito_Cantidad input {
  /* background-color:red; */
  font-size: 15px;
  line-height: 20px;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  width: 100px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.12);
  background-color: transparent; }

.Carrito_Linea .Carrito_PrecioTotal {
  grid-column: 5;
  width: fit-content;
  margin-right: 5px;
  font-size: 18px !important;
  font-weight: bold !important; }

.Carrito_Linea .Carrito_BotonMostrarSugerencia {
  display: none; }

.Carrito_Linea .Carrito_Botonera {
  grid-column: 5;
  grid-row: 2/5;
  width: 50px; }

.Carrito_Linea .Carrito_BotonEliminar {
  grid-column: 5;
  grid-row: 2/5;
  width: 50px; }

.Carrito_Linea .Carrito_BotonEliminar > div,
.Carrito_Linea .Carrito_RegalarUnidades > div {
  display: inline-block;
  text-align: center;
  height: 43px;
  width: 43px;
  max-width: 43px !important;
  box-sizing: border-box;
  font-size: 20px !important;
  background-color: var(--Corporativo_ColorPrimarioFondo);
  color: #ffffff;
  padding: 10px 10px 10px 10px;
  border-radius: 3px;
  margin-bottom: 3px; }

.Carrito_Linea.EsConfiguracionPadreHijo.EsHijo {
  margin-left: 40px;
  zoom: .75; }

.Carrito_Linea.EsConfiguracionPadreHijo.EsHijo .Carrito_BotonEliminar {
  display: none; }

/* RSEPONSIVE MEDIUM: */
.Ancho_M .Carrito_Linea {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 1fr auto auto auto 1fr;
  grid-gap: 0px 5px;
  align-items: center;
  margin-bottom: 5px;
  border: 1px solid #d5d5d5;
  background-color: #ffffff;
  padding: 10px; }

.Ancho_M .Carrito_Linea boton-producto-favorito {
  grid-column: 1;
  grid-row: 2;
  place-self: flex-start;
  border: 1px solid silver;
  border-radius: 5px; }

.Ancho_M .Carrito_Linea .Carrito_Imagen {
  grid-column: 2;
  grid-row: 2/5;
  place-self: center; }

.Ancho_M .Carrito_Linea .Carrito_GrupoNombre {
  grid-column: 1/3;
  grid-row: 1;
  margin-bottom: 20px;
  display: grid;
  grid-template-rows: 1fr 1fr; }

.Ancho_M .Carrito_Linea .Carrito_Referencia {
  grid-row: 2;
  place-self: center; }

.Ancho_M .Carrito_Linea .Carrito_Descripcion {
  grid-row: 1;
  place-self: center;
  font-size: 18px; }

.Ancho_M .Carrito_Linea .descripcionVariante {
  display: block;
  opacity: .6;
  font-size: 9px; }

.Ancho_M .Carrito_Linea .descripcionVariante > .codigoVariante {
  display: none; }

.Ancho_M .Carrito_Linea .Carrito_TarifaCalculada {
  grid-column: 1;
  grid-row: 3; }

.Ancho_M .Carrito_Linea .Carrito_Stock {
  grid-column: 1;
  grid-row: 4; }

.Ancho_M .Carrito_Linea .Carrito_GrupoCantidad {
  grid-column: 1/3;
  grid-row: 5; }

/*.Ancho_M .Carrito_Linea .Carrito_Label_Cantidad {grid-column:3;grid-row:5;}
    .Ancho_M .Carrito_Linea .Carrito_UnidadMedida {grid-column:4; grid-row:5; }
    .Ancho_M .Carrito_Linea .Carrito_CantidadPorUnidad {grid-column:5;grid-row:5;}
    .Ancho_M .Carrito_Linea .Carrito_Cantidad {grid-column:6; grid-row:5;}
    .Ancho_M .Carrito_Linea .Carrito_PrecioTotal {grid-column:7;grid-row:5;}*/
.Ancho_M .Carrito_Linea .Carrito_Botonera {
  grid-column: 1/3;
  grid-row: 9;
  width: fit-content;
  place-self: center;
  width: 100%; }

/*  grid-row:6; */
.Ancho_M .Carrito_Linea .Carrito_BotonEliminar {
  grid-column: 1/3;
  grid-row: 6;
  width: fit-content;
  place-self: center;
  width: 100%; }

.Ancho_M .Carrito_Linea .Carrito_BotonEliminar > div,
.Ancho_M .Carrito_Linea .Carrito_RegalarUnidades > div {
  width: 100%;
  max-width: initial !important; }

.Carrito_Linea {
  grid-template-rows: 1fr auto auto auto auto 1fr; }

.Carrito_Linea .Carrito_BotonEliminar {
  grid-column: 8; }

.Ancho_M .Carrito_Linea .Carrito_BotonEliminar {
  grid-row: 9; }

.Carrito_RegalarUnidades {
  grid-column: 3;
  grid-row: 5; }

.Ancho_M .Carrito_RegalarUnidades {
  grid-column: 1/3;
  grid-row: 7;
  margin-bottom: 5px; }

.Carrito_UnidadesRegalo {
  grid-column: 4;
  grid-row: 4; }

/* grid-column: 3; grid-row: 6;*/
.Ancho_M .Carrito_UnidadesRegalo {
  grid-column: 1/3;
  grid-row: 8;
  margin-bottom: 5px; }

.Carrito_UnidadesRegalo > span {
  padding-right: 5px; }

.Carrito_UnidadesRegalo > md-input-container {
  margin: 0px;
  padding: 0px;
  width: 60px; }

.Carrito_UnidadesRegalo > md-input-container > input {
  margin: 0px;
  padding: 0px;
  position: relative;
  top: 10px;
  margin-left: 5px; }

.Carrito_MarcadorEsPromocion {
  display: inline-block;
  background-color: red;
  color: #ffffff;
  border-radius: 3px;
  padding: 2px 10px;
  margin-left: 5px; }

.Carrito_Linea .Carrito_GrupoDescuentoManual {
  grid-column: 4;
  grid-row: 3;
  display: grid;
  grid-template-columns: auto auto auto auto 1fr; }

.Ancho_M .Carrito_Linea .Carrito_GrupoDescuentoManual {
  grid-column: 1/3;
  grid-row: 6; }

.GridEditorTextArea {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 25px;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  min-height: 150px;
  box-sizing: border-box;
  background-color: #ffffff; }

.GridEditorTextArea textarea {
  display: block;
  white-space: nowrap;
  resize: none;
  margin: 0px 0px 5px 0px;
  padding: 5px; }

.GridEditorTextArea button.BotonFullScreenIn {
  display: block; }

.GridEditorTextArea button.BotonFullScreenOut {
  display: none; }

.GridEditorTextArea.EditorFullScreen {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 100;
  padding: 10px;
  background-color: var(--Corporativo_ColorPrimarioFondo); }

.GridEditorTextArea.EditorFullScreen button.BotonFullScreenIn {
  display: none; }

.GridEditorTextArea.EditorFullScreen button.BotonFullScreenOut {
  display: block; }

.ContenedorClavesGrid {
  white-space: pre-wrap; }

.BotonModoTablet {
  display: none; }

.ModoTablet_ClientesGrid_FichaBase,
.GridKendoTemplateDetails {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px; }

.ModoTablet_ClientesGrid_Detalles,
.GridKendoTemplateDetails {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 5px; }

.ModoTablet_ClientesGrid_Detalles > div,
.GridKendoTemplateDetails > div {
  display: block; }

@media (max-width: 1200px) {
  .ModoTablet_ClientesGrid_Detalles,
  .GridKendoTemplateDetails {
    display: grid;
    grid-template-columns: 1fr 1fr; }
  .ModoTablet_ClientesGrid_FichaBase {
    display: grid;
    grid-template-columns: 1fr 1fr; } }

@media (max-width: 768px) {
  .ModoTablet_ClientesGrid_Detalles,
  .GridKendoTemplateDetails {
    display: grid;
    grid-template-columns: 1fr; }
  .ModoTablet_ClientesGrid_FichaBase {
    display: grid;
    grid-template-columns: 1fr; }
  /*.ModoTablet_ClientesGrid_Detalles  > div {display:grid; grid-template-columns:1fr;}*/ }

.ModoTablet_ClientesGrid_FichaBase .BotonesPieFicha,
.GridKendoTemplateDetails .AnchoTotal {
  grid-column: 1/-1;
  text-align: center; }

.Carrito_GrupoDescuentoManual input-cantidad input {
  border: 0px none black;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
  max-width: 55px; }

.Carrito_GrupoDescuentoManual abbr {
  display: inline-block;
  padding-left: 5px; }

.Carrito_GrupoDescuentoManual .Carrito_PrecioDescuento {
  margin-right: 5px;
  font-size: 18px !important;
  font-weight: bold !important;
  padding-left: 10px; }

.encendido {
  color: #0f0;
  text-shadow: 0 0 5px #0f0,  0 0 10px #0f0, 0 0 15px #0f0, 0 0 20px #0f0, 0 0 25px #0f0, 0 0 30px #0f0, 0 0 35px #0f0; }

.BarraMenu_BotonUsuario {
  border-radius: 0px !important;
  display: block !important;
  width: 24px !important;
  min-width: 24px !important;
  padding: 8px 0px 0px 0px !important; }

.BarraMenu_BotonDesconectar {
  border-radius: 0px !important;
  display: block !important;
  width: 24px !important;
  min-width: 24px !important;
  padding: 0px 0px 0px 0px !important; }

.BarraMenu_AreaNombreUsuario {
  flex: 0 0 130px;
  overflow: hidden;
  flex: 0 1 130px;
  min-width: 100px; }

.BarraMenu_AreaNombreUsuario > p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.BarraMenu_AreaNombreUsuario > p:first-child > strong {
  font-size: 12px; }

.BarraMenu_AreaAnyos {
  flex: 0 0 80px; }

/*Bocadillos del mapa en el planificador*/
.gm-style-iw-chr {
  position: relative !important; }

.gm-ui-hover-effect {
  position: absolute !important;
  top: -10px;
  right: -10px; }

.gm-ui-hover-effect > span {
  background-color: transparent !important;
  font-size: 1.5em; }

.gm-ui-hover-effect > span::before {
  content: 'x'; }

.BarraMenu_AreaAnyos {
  flex: 0 0 80px; }

grid-pedidos-lineas .k-grid-footer,
grid-facturas-lineas .k-grid-footer,
grid-b2b-ofertas .k-grid-footer {
  padding-right: 0px !important; }

grid-pedidos-lineas .k-footer-template .KendoGridCentrado {
  text-align: right; }

grid-pedidos .AreaBotones,
grid-facturas .AreaBotones,
grid-albaranes .AreaBotones,
grid-facturas-vencimientos .AreaBotones,
grid-facturas-vencimientos page-title content {
  text-align: right; }

grid-pedidos .AreaBotones > button,
grid-facturas .AreaBotones > button,
grid-albaranes .AreaBotones > button,
grid-facturas-vencimientos .AreaBotones > button,
grid-facturas-vencimientos page-title content > button {
  float: right;
  z-index: 1; }

/* ***********************************************************************************************************************
    MAQUETACIÓN NUEVA FICHA DE PRODUCTO DETALLE ALTERNATIVA
************************************************************************************************************************ */
.PopupFichaProducto:has(.ProductoDetalleTemplate_2) {
  background-color: white !important; }

.PopupFichaProducto .ProductoDetalleTemplate_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  max-width: 1200px;
  margin: 0px auto;
  padding: 0px 20px 0px 20px; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .Imagenes {
  grid-column: 1;
  grid-row: 1 /10; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .Imagenes .flexslider {
  box-shadow: none;
  border: 1px solid #e3e3e3; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .Imagenes .flexslider-container .flexslider {
  border: none; }

.PopupFichaProducto .ProductoDetalleTemplate_2 h2 {
  grid-column: 2;
  font-size: 20px;
  font-weight: normal;
  font-family: Arial, Verdana, sans-serif;
  line-height: normal;
  text-transform: none;
  border-bottom: 0px none black;
  padding: 0px;
  text-align: left; }

.PopupFichaProducto .ProductoDetalleTemplate_2 h3 {
  grid-column: 2;
  font-size: 14px;
  font-weight: normal;
  font-family: Arial, Verdana, sans-serif;
  text-align: left;
  opacity: .5; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .ListaEstados {
  grid-column: 2; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .UnidadesDeMedida_Combo {
  grid-column: 2;
  display: none; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .UnidadesDeMedida_Precio {
  display: none !important; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .PrecioPVD {
  grid-column: 2; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .Precio {
  grid-column: 2;
  padding: 0px !important;
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 5px; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios {
  grid-column: 2;
  grid-row: 4; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios summary {
  display: none; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .ElementoLineaGridDetalleProducto {
  text-align: left;
  padding-left: 0px; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .k-grid tr td {
  border-style: solid;
  border-color: #ccc;
  padding: 0px; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .ElementoLineaGridDetalleProducto .escaladoUnidades,
.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .ElementoLineaGridDetalleProducto .escaladoResultado {
  opacity: .6;
  font-weight: normal; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .k-grid-content,
.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios #listView.k-listview,
.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios #listViewProductos.k-listview {
  min-height: 50px !important;
  min-height: 0px !important; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .GrupoAnyadir {
  grid-column: 2; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .GrupoAnyadir .Cantidad input-cantidad input {
  width: 80px;
  height: 36px;
  font-weight: normal; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .GrupoAnyadir .BotonAnyadirCarrito {
  background-color: var(--botones_Cta_BackgroundColor);
  color: var(--botones_Cta_Color);
  transition: 0.5s;
  border: 0px none black;
  border-radius: 2px;
  padding: 5px;
  font-size: 14px;
  line-height: 36px;
  min-height: 36px;
  min-width: 120px;
  padding: 0px 6px;
  text-transform: uppercase;
  font-weight: bold; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .GrupoAnyadir .Cantidad input-cantidad + span {
  position: absolute;
  min-width: 80px;
  text-align: center;
  font-size: 10px; }

.PopupFichaProducto .ProductoDetalleTemplate_2 stock {
  grid-column: 2;
  grid-row: 6;
  margin-top: 10px;
  margin-bottom: 10px;
  justify-content: flex-start;
  zoom: 1.3; }

.PopupFichaProducto .ProductoDetalleTemplate_2 boton-producto-favorito {
  grid-column: 2;
  grid-row: 7; }

.PopupFichaProducto .ProductoDetalleTemplate_2 boton-producto-favorito button {
  background-color: #e9e9e8; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .Descripcion {
  grid-column: 1 / -1;
  grid-row: 11;
  margin-top: 20px; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos {
  grid-column: 1 / -1;
  grid-row: 12;
  margin-top: 30px;
  margin-bottom: 20px; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos summary {
  margin-bottom: 10px;
  font-weight: bold;
  color: var(--botones_Cta_BackgroundColor); }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos documentos-relacionados .mdi-file-outline:before {
  display: none; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos documentos-relacionados .mdi-file-outline {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  top: 14px;
  background: url(../../img/app/IconPdf.png) left 50% no-repeat;
  background-size: contain; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos documentos-relacionados > .k-header > .k-listview > div {
  display: inline-block;
  width: auto;
  margin-right: 1px;
  padding-right: 20px;
  padding-bottom: 10px; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePromociones {
  grid-column: 1 / -1;
  grid-row: 14; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegableMateriales {
  grid-column: 1 / -1;
  grid-row: 15; }

.PopupFichaProducto .ProductoDetalleTemplate_2 .Sustitutivos {
  grid-column: 1 / -1;
  grid-row: 16; }

.hover-resaltar:hover {
  background-color: rgba(0, 0, 0, 0.5); }

/*
===========================================================
	THEME BUTTONS:
    -Estilos de colores de los botones de la web.
    -Los estilos especiales de md-buttons que no tengan que ver con color, 
        irán a el archivo: angular/angular-material-custom-buttons.css
===========================================================
*/
/*#region Metro-UI Shortcut-button*/
.shortcut-button {
  padding: 0 1rem;
  height: 2.125rem;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  width: 5.75rem;
  height: 5.75rem;
  text-align: center;
  font-size: .75rem; }

.shortcut-button .icon {
  font-size: 1.7rem;
  height: 1.7rem;
  width: 1.7rem;
  margin: .875rem auto; }

.shortcut-button .icon, .shortcut-button .title {
  display: block;
  color: inherit; }

.shortcut-button > [class*=mif-] {
  vertical-align: middle; }

.shortcut-button * {
  color: inherit; }

.shortcut-button .icon, .shortcut-button .title {
  display: block;
  color: inherit; }

.shortcut-button .badge {
  color: inherit;
  position: absolute;
  top: 0;
  right: 0;
  font-size: .7rem;
  line-height: 1rem;
  padding: 0 .225rem; }

.shortcut-button-xxl {
  padding: 0 1rem;
  height: 2.125rem;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  width: 25rem;
  height: 25rem;
  text-align: center;
  font-size: 3rem; }

.shortcut-button-xxl .icon {
  font-size: 7rem;
  height: 7rem;
  width: 100%;
  margin: .875rem auto; }

.shortcut-button-xxl {
  padding: 0 1rem;
  height: 2.125rem;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px #d9d9d9 solid;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-size: .875rem;
  line-height: 100%;
  margin: .15625rem 0;
  position: relative;
  width: 25rem;
  height: 25rem;
  text-align: center;
  font-size: 3rem; }

/*#endregion*/
/*#region PRIMARY*/
.md-button.md-raised.md-primary:not([disabled]) {
  background-color: var(--mdPrimary); }

.active .md-button.md-raised.md-primary:not([disabled]), .md-button.md-raised.md-active.md-primary:not([disabled]) {
  background-color: var(--mdPrimary-darken-20) !important;
  color: white; }

/*#region botones Inversos*/
.md-button.md-primary.md-raised.md-stroked {
  color: var(--mdPrimary);
  background-color: rgba(255, 255, 255, 0.87) !important;
  box-shadow: inset 0 0 0 2px var(--mdPrimary) !important; }

.md-button.md-primary.md-raised.md-stroked:not([disabled]) md-icon, .md-button.md-primary.md-stroked md-icon {
  color: var(--mdPrimary); }

.md-button.md-default-theme.md-primary.md-stroked.md-fab:not([disabled]).md-focused,
.md-button.md-primary.md-stroked.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-primary.md-stroked.md-fab:not([disabled]):hover,
.md-button.md-primary.md-stroked.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-primary.md-stroked.md-raised:not([disabled]).md-focused,
.md-button.md-primary.md-stroked.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-primary.md-stroked.md-raised:not([disabled]):hover,
.md-button.md-primary.md-stroked.md-raised:not([disabled]):hover {
  background-color: #fafafa !important;
  color: var(--mdPrimary); }

.md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused,
.md-button.md-primary.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover,
.md-button.md-primary.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused,
.md-button.md-primary.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover,
.md-button.md-primary.md-raised:not([disabled]):hover {
  background-color: var(--mdPrimary) !important; }

/*#endregion*/
/*#endregion*/
/*#region SECONDARY*/
.md-button.md-raised.md-secondary:not([disabled]) {
  color: white;
  background-color: var(--mdSecondary); }

.active .md-button.md-raised.md-secondary:not([disabled]), .md-button.md-raised.md-active.md-secondary:not([disabled]) {
  background-color: var(--mdSecondary-darken-20) !important;
  color: white; }

/*#region botones Inversos*/
.md-button.md-secondary.md-raised.md-stroked {
  color: var(--mdSecondary);
  background-color: rgba(255, 255, 255, 0.87) !important;
  box-shadow: inset 0 0 0 2px var(--mdSecondary) !important; }

.md-button.md-secondary.md-raised.md-stroked:not([disabled]) md-icon, .md-button.md-secondary.md-stroked md-icon {
  color: var(--mdSecondary); }

.md-button.md-default-theme.md-secondary.md-stroked.md-fab:not([disabled]).md-focused,
.md-button.md-secondary.md-stroked.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-secondary.md-stroked.md-fab:not([disabled]):hover,
.md-button.md-secondary.md-stroked.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-secondary.md-stroked.md-raised:not([disabled]).md-focused,
.md-button.md-secondary.md-stroked.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-secondary.md-stroked.md-raised:not([disabled]):hover,
.md-button.md-secondary.md-stroked.md-raised:not([disabled]):hover {
  background-color: #fafafa !important;
  color: var(--mdSecondary); }

.md-button.md-default-theme.md-secondary.md-fab:not([disabled]).md-focused,
.md-button.md-secondary.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-secondary.md-fab:not([disabled]):hover,
.md-button.md-secondary.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-secondary.md-raised:not([disabled]).md-focused,
.md-button.md-secondary.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-secondary.md-raised:not([disabled]):hover,
.md-button.md-secondary.md-raised:not([disabled]):hover {
  background-color: var(--mdSecondary) !important; }

/*#endregion*/
/*#endregion*/
/*#region ACCENT*/
.md-button.md-raised.md-accent:not([disabled]) {
  background: var(--mdAccent); }

.active .md-button.md-raised.md-accent:not([disabled]) {
  background-color: var(--mdAccent-darken-20) !important;
  color: white; }

/*#region botones Inversos*/
.md-button.md-accent.md-raised.md-stroked {
  color: var(--mdAccent);
  background-color: rgba(255, 255, 255, 0.87) !important;
  box-shadow: inset 0 0 0 2px var(--mdAccent) !important; }

.md-button.md-accent.md-raised.md-stroked:not([disabled]) md-icon, .md-button.md-accent.md-stroked md-icon {
  color: var(--mdAccent); }

.md-button.md-default-theme.md-accent.md-stroked.md-fab:not([disabled]).md-focused,
.md-button.md-accent.md-stroked.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-accent.md-stroked.md-fab:not([disabled]):hover,
.md-button.md-accent.md-stroked.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-accent.md-stroked.md-raised:not([disabled]).md-focused,
.md-button.md-accent.md-stroked.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-accent.md-stroked.md-raised:not([disabled]):hover,
.md-button.md-accent.md-stroked.md-raised:not([disabled]):hover {
  background-color: #fafafa !important;
  color: var(--mdAccent); }

.md-button.md-default-theme.md-accent.md-fab:not([disabled]).md-focused,
.md-button.md-accent.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-accent.md-fab:not([disabled]):hover,
.md-button.md-accent.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-accent.md-raised:not([disabled]).md-focused,
.md-button.md-accent.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-accent.md-raised:not([disabled]):hover,
.md-button.md-accent.md-raised:not([disabled]):hover {
  background: var(--mdAccent) !important; }

/*#endregion*/
/*#endregion*/
/*#region WARN*/
.md-button.md-raised.md-warn:not([disabled]) {
  background: var(--mdWarn) !important; }

.active .md-button.md-raised.md-warn:not([disabled]) {
  background-color: var(--mdWarn-darken-20) !important;
  color: white; }

/*#region botones Inversos*/
.md-button.md-warn.md-raised.md-stroked {
  color: var(--mdWarn);
  background-color: rgba(255, 255, 255, 0.87) !important;
  box-shadow: inset 0 0 0 2px var(--mdWarn) !important; }

.md-button.md-warn.md-raised.md-stroked:not([disabled]) md-icon, .md-button.md-warn.md-stroked md-icon {
  color: var(--mdWarn); }

.md-button.md-default-theme.md-warn.md-stroked.md-fab:not([disabled]).md-focused,
.md-button.md-warn.md-stroked.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-warn.md-stroked.md-fab:not([disabled]):hover,
.md-button.md-warn.md-stroked.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-warn.md-stroked.md-raised:not([disabled]).md-focused,
.md-button.md-warn.md-stroked.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-warn.md-stroked.md-raised:not([disabled]):hover,
.md-button.md-warn.md-stroked.md-raised:not([disabled]):hover {
  background-color: #fafafa !important;
  color: var(--mdWarn); }

.md-button.md-default-theme.md-warn.md-fab:not([disabled]).md-focused,
.md-button.md-warn.md-fab:not([disabled]).md-focused,
.md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover,
.md-button.md-warn.md-fab:not([disabled]):hover,
.md-button.md-default-theme.md-warn.md-raised:not([disabled]).md-focused,
.md-button.md-warn.md-raised:not([disabled]).md-focused,
.md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover,
.md-button.md-warn.md-raised:not([disabled]):hover {
  background: var(--mdWarn) !important; }

/*#endregion*/
/*#endregion*/
a._md-nav-button.md-button.md-active {
  color: #ff4081 !important; }

.btn-filtro-alf {
  margin: 0px 1px !important;
  color: #636262 !important;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }

.btn-filtro-alf-activo {
  background-color: #d8d8d8 !important;
  color: #7d7d7d !important; }

.md-button.md-fab.md-fab-xl.md-fab-carrito {
  color: white;
  background-color: var(--mdPrimary); }

.md-button.md-fab.md-fab-xs.md-fab-carrito {
  color: white;
  background-color: var(--mdPrimary); }

/* Font Colors */
/*#region*/
.font-color-1 {
  color: var(--colorWeb1) !important; }

.bg-color-1 {
  background-color: var(--colorWeb1) !important; }

.border-color-1 {
  border-color: var(--colorWeb1) !important; }

.font-color-2 {
  color: #3498db !important; }

.bg-color-2 {
  background-color: #3498db !important; }

.border-color-2 {
  border-color: #3498db !important; }

.font-color-3 {
  color: var(--colorWeb3) !important; }

.bg-color-3 {
  background-color: var(--colorWeb3) !important; }

.border-color-3 {
  border-color: var(--colorWeb3) !important; }

.font-color-4 {
  color: var(--colorWeb4) !important; }

.bg-color-4 {
  background-color: var(--colorWeb4) !important; }

.border-color-4 {
  border-color: var(--colorWeb4) !important; }

.font-color-5 {
  color: var(--colorWeb5) !important; }

.bg-color-5 {
  background-color: var(--colorWeb5) !important; }

.border-color-5 {
  border-color: var(--colorWeb5) !important; }

.font-color-6 {
  color: var(--colorWeb6) !important; }

.bg-color-6 {
  background-color: var(--colorWeb6) !important; }

.border-color-6 {
  border-color: var(--colorWeb6) !important; }

.bg-color-transparent {
  background-color: transparent !important; }

.bg-color-transparent:hover {
  background-color: transparent !important; }

/*#endregion*/
/*=============================
    Configuraciones por tema
  =============================*/
.border-top.md-primary {
  border-top-color: var(--mdPrimary); }

.border-top.md-secondary {
  border-top-color: var(--mdSecondary); }

.border-top.md-accent {
  border-color: var(--mdAccent); }

.border-top.md-warn {
  border-color: var(--mdWarn); }

md-sidenav.bg-menu-lateral md-content {
  color: #e4edee;
  border-color: var(--menuLateralBg);
  background: var(--menuLateralBg);
  height: 100%; }

md-sidenav.bg-menu-lateral md-content li:hover, md-sidenav.bg-menu-lateral md-content li.active {
  border-color: var(--menuLateralBg);
  background: var(--menuLateralBg);
  border-left: 3px solid var(--menuLaterialFont);
  cursor: pointer; }

md-sidenav.bg-menu-lateral md-content a, md-sidenav.bg-menu-lateral md-content a:hover, md-sidenav.bg-menu-lateral md-content a:active, md-sidenav.bg-menu-lateral md-content a:visited {
  color: #e4edee; }

md-sidenav.bg-menu-lateral md-content i {
  color: var(--menuLaterialFont); }

md-sidenav.bg-menu-lateral md-content .divider {
  background: var(--menuLaterialFont); }

#page-sidebar h3 {
  color: var(--menuLaterialFont);
  font-weight: 800;
  margin-left: 10px;
  margin-top: 10px; }

/*======================*/
/*#region FONDO TOP NAV BAR*/
md-toolbar.menu-top.bg-menu-top.default {
  background-color: var(--topNavBar) !important;
  color: var(--fuenteTopNavBar); }

md-toolbar.menu-top.bg-menu-top.gradient {
  background-color: transparent !important;
  background: radial-gradient(circle at 1.98% 20.98%, var(--topNavBar), transparent 100%), radial-gradient(circle at 98.02% 20.98%, var(--topNavBar2), transparent 100%), radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); }

md-toolbar.menu-top.bg-menu-top.alt {
  background-color: var(--topNavBarAdmin) !important;
  color: var(--fuenteTopNavBarAdmin); }

md-toolbar.menu-top.bg-menu-top.admin {
  background-color: var(--topNavBarAdmin) !important;
  color: var(--fuenteTopNavBarAdmin); }

md-toolbar.menu-top.bg-menu-top.default .md-toolbar-tools .md-button.md-icon-button md-icon {
  color: var(--fuenteTopNavBar); }

md-toolbar.menu-top.bg-menu-top.alt .md-toolbar-tools .md-button.md-icon-button md-icon {
  color: var(--fuenteTopNavBar); }

md-toolbar.menu-top.bg-menu-top.admin .md-toolbar-tools .md-button.md-icon-button md-icon {
  color: var(--fuenteTopNavBarAdmin); }

/*#endregion*/
/*======================*/
/*======================*/
/*#region FUENTE TOP NAV BAR*/
.bg-menu-top .menu-buttons .md-button {
  line-height: 63px; }

.bg-menu-top .menu-buttons .md-button.active {
  background-color: rgba(0, 0, 0, 0.16) !important; }

/*#endregion*/
/*======================*/
/*======================*/
/*#region TOP NAV BAR*/
.divider-vertical {
  height: 40px;
  border-left: 1px solid, var(--fuenteTopNavBar);
  border-right-color: var(--fuenteTopNavBar);
  border-left: 1px solid var(--fuenteTopNavBar); }

/*#endregion*/
/*======================*/
.form-wizard.md-primary > ul > li.active .wizard-step, .wizard-step-button:hover {
  color: #fff;
  background-color: var(--mdPrimary); }

.form-wizard.md-secondary > ul > li.active .wizard-step, .wizard-step-button:hover {
  color: #fff;
  background-color: var(--mdSecondary); }

/*Color del fondo del input de los dropdownlist*/
.k-list > .k-state-selected {
  background-color: var(--mdPrimary) !important;
  border: 0px none black !important; }

.k-grid .k-grid-header th.k-header {
  text-align: center;
  color: #ffffff;
  background-color: var(--mdPrimary) !important;
  font-weight: bold;
  text-transform: uppercase; }

/*====================Templates columnas grids=====================*/
.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
  color: var(--mdPrimary); }

.gridSimple .k-header-column-menu {
  display: none; }

.gridSimple .k-grid-header th.k-header {
  background-color: #ffffff !important;
  border-bottom: 1px solid #c5c5c5 !important;
  color: black; }

.gridSimple th .k-link:link, .gridSimple th .k-link:visited, .gridSimple th .k-nav-current.k-state-hover .k-link {
  color: #000000 !important; }

.gridSimple th {
  background-color: #f5f5f5; }

.gridSimple th, .gridSimple td {
  border: none !important; }

.KendoGridCentrado {
  display: block;
  text-align: center; }

/* AJUSTES KENDO RESPONSIVE */
/*
    .KendoGridAutoResponsive .k-master-row label { display: none; }
    .KendoGridAutoResponsive.AnchoControl-XS .k-master-row label,
    .KendoGridAutoResponsive.AnchoControl-SM .k-master-row label { display: inline-block; padding-right: 10px; text-transform: uppercase; font-size: 13px; opacity: .5; }
*/
.KendoGridAutoResponsive tr:not(.k-detail-row) > td > label {
  display: none; }

.KendoGridAutoResponsive.AnchoControl-XS tr:not(.k-detail-row) > td > label,
.KendoGridAutoResponsive.AnchoControl-SM tr:not(.k-detail-row) > td > label {
  display: inline-block;
  padding-right: 10px;
  text-transform: uppercase;
  font-size: 13px;
  opacity: .5; }

/*.AnchoControl-XS,
.AnchoControl-SM*/
.AnchoControl-SM {
  /* Cabecera de los grids, ocultas en principio */
  /*.k-grid:before {content: ""; display:block; height:30px; margin-bottom:0px; background-color:#00384E; color:#ffffff; text-align:center; font-weight:bold; text-transform:uppercase; padding:7px;}
    .k-grid > .k-grid-header > .k-grid-header-wrap {}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table {}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > colgroup {display:none;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead { display: block; }
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr {display:block;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr > th {display:none;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr > th:first-child {display:block;}*/
  /*-------------------------------------------------
      PARTE DE COLUMNAS MASTER DE LA TABLA 
    -------------------------------------------------*/
  /*&.k-grid > .k-grid-content > table > tbody > tr,
    &.k-grid > .k-grid-content > table > tbody > tr.k-master-row { display: block; position: relative; padding-left:70px; margin-bottom: 5px; border: 1px solid rgba(0,0,0,.3); }*/
  /* Icono del botón expandido */
  /*-------------------------------------------------              
           PARTE DETALLE DESPLEGABLE
    -------------------------------------------------*/ }
  .AnchoControl-SM.k-grid {
    border: none; }
  .AnchoControl-SM.k-grid > .k-grid-header {
    display: none; }
  .AnchoControl-SM.k-grid > .k-grid-content {
    overflow-y: auto; }
  .AnchoControl-SM.k-grid > .k-grid-content > table > colgroup {
    display: none; }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr:not(.k-detail-row) {
    display: block;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr {
    display: block;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row {
    display: block;
    position: relative;
    padding-left: 70px;
    padding-right: 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr > td {
    display: block;
    border: none;
    padding: 2px 0px 2px 10px; }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td {
    display: block;
    margin-left: 0px;
    vertical-align: top; }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.Botonera {
    width: 100%;
    text-align: center;
    border-top: 1px dotted rgba(0, 0, 0, 0.3);
    padding-top: 10px;
    position: relative;
    left: -5px; }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.k-hierarchy-cell {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 60px;
    box-sizing: border-box;
    height: 100%; }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.k-hierarchy-cell > a {
    display: block;
    width: 100%;
    background-color: #00384E;
    color: #ffffff;
    height: 100%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-detail-row {
    margin-left: 10px; }
  .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-detail-row > td {
    display: block; }
  .AnchoControl-SM .KendoGridCentrado {
    display: inline-block;
    text-align: left; }

.AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr:not(.k-detail-row) > td {
  display: inline-block;
  width: 50%;
  box-sizing: border-box; }

.AnchoControl-XS {
  /* Cabecera de los grids, ocultas en principio */
  /*.k-grid:before {content: ""; display:block; height:30px; margin-bottom:0px; background-color:#00384E; color:#ffffff; text-align:center; font-weight:bold; text-transform:uppercase; padding:7px;}
    .k-grid > .k-grid-header > .k-grid-header-wrap {}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table {}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > colgroup {display:none;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead { display: block; }
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr {display:block;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr > th {display:none;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr > th:first-child {display:block;}*/
  /*-------------------------------------------------
      PARTE DE COLUMNAS MASTER DE LA TABLA 
    -------------------------------------------------*/
  /*&.k-grid > .k-grid-content > table > tbody > tr,
    &.k-grid > .k-grid-content > table > tbody > tr.k-master-row { display: block; position: relative; padding-left:70px; margin-bottom: 5px; border: 1px solid rgba(0,0,0,.3); }*/
  /* Icono del botón expandido */
  /*-------------------------------------------------              
           PARTE DETALLE DESPLEGABLE
    -------------------------------------------------*/ }
  .AnchoControl-XS.k-grid {
    border: none; }
  .AnchoControl-XS.k-grid > .k-grid-header {
    display: none; }
  .AnchoControl-XS.k-grid > .k-grid-content {
    overflow-y: auto; }
  .AnchoControl-XS.k-grid > .k-grid-content > table > colgroup {
    display: none; }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr:not(.k-detail-row) {
    display: block;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr {
    display: block;
    position: relative;
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row {
    display: block;
    position: relative;
    padding-left: 70px;
    padding-right: 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, 0.3); }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr > td {
    display: block;
    border: none;
    padding: 2px 0px 2px 10px; }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td {
    display: block;
    margin-left: 0px;
    vertical-align: top; }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.Botonera {
    width: 100%;
    text-align: center;
    border-top: 1px dotted rgba(0, 0, 0, 0.3);
    padding-top: 10px;
    position: relative;
    left: -5px; }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.k-hierarchy-cell {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 60px;
    box-sizing: border-box;
    height: 100%; }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.k-hierarchy-cell > a {
    display: block;
    width: 100%;
    background-color: #00384E;
    color: #ffffff;
    height: 100%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-detail-row {
    margin-left: 10px; }
  .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-detail-row > td {
    display: block; }
  .AnchoControl-XS .KendoGridCentrado {
    display: inline-block;
    text-align: left; }

/*======================*/
/*#region Logos*/
.app-logo {
  background-size: contain !important;
  background-position: left !important;
  background-repeat: no-repeat !important; }

.main-logo {
  background: url(../../img/app_generic/logos/app_logo.png) left 50% no-repeat; }

.alt-logo {
  background: url(../../img/app_generic/logos/app_logo_alt.png); }

.app-logo-small {
  background: url(../../img/app_generic/logos/app_logo_small.png);
  background-size: contain !important;
  background-repeat: no-repeat; }

.app-logo-small-alt {
  background: url(../../img/app_generic/logos/app_logo_small_alt.png);
  background-size: contain !important;
  background-repeat: no-repeat; }

/*#endregion*/
/*======================*/
/*======================*/
/*#region Login*/
.bg-login {
  background-image: url(../../img/app_generic/bgLogin/bg-login.jpg);
  background-size: cover; }

.logo-login {
  height: 110px;
  width: 100%;
  background-image: url(../../img/app_generic/logos/app_logo.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

/*#endregion*/
/*======================*/
/*======================*/
/*#region Slideshow */
.slider1 {
  background-image: url(../../img/app_generic/slideshow/slider_1.png); }

.slider2 {
  background-image: url(../../img/app_generic/slideshow/slider_2.png); }

.slider3 {
  background-image: url(../../img/app_generic/slideshow/slider_3.png); }

.slider4 {
  background-image: url(../../img/app_generic/slideshow/slider_4.png); }

.slider5 {
  background-image: url(../../img/app_generic/slideshow/slider_5.png); }

/*#endregion*/
/*======================*/
img.imagenDefault {
  content: url(../../img/app_generic/imagenProductoDefault.png);
  object-fit: contain; }

.img_user-data {
  background-image: url("../../img/app_generic/user-data.png") !important; }

/* FORMULARIO : TODO - Pasar estas variables globales a la hoja de estilo _globals */
.Formulario,
.Formulario > fieldset {
  font-size: 0px !important; }

.Formulario > *,
.Formulario > fieldset > * {
  font-size: 14px; }

.Formulario {
  padding: 0px 0px 0px 0px; }

.Formulario fieldset {
  margin: 50px 0px 20px 0px;
  padding: 10px 10px 10px 10px;
  background-color: #f3f3f3;
  border: 1px solid #eae9e9;
  -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3); }

.Formulario fieldset legend {
  position: relative;
  top: -18px;
  left: -10px;
  border-bottom: 0px;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic; }

.Formulario > div,
.Formulario > fieldset > div {
  display: inline-grid;
  grid-template-columns: auto 42px [last-col];
  vertical-align: top;
  width: 50%;
  margin: 10px 0px 10px 0px;
  padding: 5px;
  font-size: 14px; }

.Formulario > div > *,
.Formulario > fieldset > div > * {
  grid-column: 1 / last-col; }

.Formulario > div > label,
.Formulario > fieldset > div > label {
  position: relative;
  grid-row: 1;
  border-top: 0px;
  width: 100%; }

.Formulario > div > *[required] ~ label:after,
.Formulario > fieldset > div > *[required] ~ label:after,
.Formulario > div.CampoRequerido > label:after,
.Formulario > fieldset > div.CampoRequerido > label:after,
.Formulario > div.CampoObligatorio > label:after,
.Formulario > fieldset > div.CampoObligatorio > label:after {
  display: inline-block;
  content: "*";
  position: absolute;
  font-size: 16px;
  padding-left: 5px;
  color: #a73a3a; }

.Formulario > div > *[required] ~ label,
.Formulario > fieldset > div > *[required] ~ label,
.Formulario > div.CampoRequerido > label,
.Formulario > fieldset > div.CampoRequerido > label,
.Formulario > div.CampoObligatorio > label,
.Formulario > fieldset > div.CampoObligatorio > label {
  color: #a73a3a; }

.Formulario > div > *[role="mark"] ~ label:after,
.Formulario > fieldset > div > *[role="mark"] ~ label:after {
  display: inline-block;
  content: "(!)";
  position: absolute;
  font-size: 14px;
  padding-left: 5px;
  color: #a73a3a; }

.Formulario > div > *[role="mark"] ~ label,
.Formulario > fieldset > div > *[role="mark"] ~ label {
  color: #a73a3a; }

/*
.Formulario footer { text-align: center; }
.Formulario aside { text-align: right; }
*/
.Formulario aside {
  text-align: center; }

.Formulario > div > input,
.Formulario > fieldset > div > input {
  grid-row: 2;
  grid-column: 1 / last-col;
  width: 100%;
  padding: 8px;
  height: 40px;
  border: 1px solid #e2e5ec;
  border-radius: 4px; }

.Formulario > div > textarea,
.Formulario > fieldset > div > textarea {
  grid-row: 2;
  grid-column: 1 / last-col;
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  min-height: 80px;
  padding: 10px;
  border: 1px solid #e2e5ec;
  border-radius: 4px; }

.Formulario > div > input[readonly],
.Formulario > fieldset > div > input[readonly] {
  opacity: .5; }

.Formulario > div > input[type=checkbox],
.Formulario > fieldset > div > input[type=checkbox] {
  display: inline-block;
  grid-row: 1;
  grid-column: 1 / last-col;
  position: relative;
  margin-top: 24px;
  width: auto;
  cursor: pointer; }

.Formulario > div > input[type=checkbox] + label,
.Formulario > fieldset > div > input[type=checkbox] + label {
  display: inline-block;
  grid-row: 1;
  grid-column: 1 / last-col;
  margin-left: 0px;
  margin-top: 25px;
  width: auto;
  cursor: pointer; }

.Formulario > div > select,
.Formulario > fieldset > div > select {
  display: block;
  grid-row: 2;
  grid-column: 1 / last-col;
  width: 100%;
  padding: 8px;
  height: 40px;
  border: 1px solid #e2e5ec;
  border-radius: 4px; }

.Formulario button {
  background-color: #00384E;
  border: 0px none black;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  border-radius: 2px; }

.Formulario em > button {
  padding: 8px 18px 8px 18px;
  background-color: #fafafa !important;
  color: #00384E;
  border: 2px solid #00384E;
  font-style: normal; }

.Formulario > div > ul,
.Formulario > fieldset > div > ul {
  grid-row: 3;
  grid-column: 1 / last-col;
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px; }

.Formulario > div > ul > li,
.Formulario > fieldset > div > ul > li {
  margin: 2px 0px 2px 5px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  font-style: italic;
  color: #a73a3a; }

.Formulario > fieldset > div > .ng-touched.ng-invalid {
  border-color: rgba(167, 58, 58, 0.5) !important; }

.Formulario .form-error-msg {
  color: red;
  font-size: 11px;
  font-style: italic; }

.Formulario > div .k-widget.k-dropdown,
.Formulario > fieldset > div .k-widget.k-dropdown,
.Formulario > div .k-widget.k-combobox,
.Formulario > fieldset > div .k-widget.k-combobox {
  display: block;
  grid-row: 2;
  grid-column: 1 / last-col;
  width: 100%;
  height: 38px; }

.Formulario > div .k-widget.k-dropdown > .k-dropdown-wrap,
.Formulario > fieldset > div .k-widget.k-dropdown > .k-dropdown-wrap,
.Formulario > div .k-widget.k-combobox > .k-dropdown-wrap,
.Formulario > fieldset > div .k-widget.k-combobox > .k-dropdown-wrap {
  height: 38px; }

.Formulario > div .k-widget.k-dropdown > .k-dropdown-wrap > .k-input,
.Formulario > fieldset > div .k-widget.k-dropdown > .k-dropdown-wrap > .k-input,
.Formulario > div .k-widget.k-combobox > .k-dropdown-wrap > .k-input,
.Formulario > fieldset > div .k-widget.k-combobox > .k-dropdown-wrap > .k-input {
  height: 38px;
  padding-top: 5px;
  background-color: #ffffff;
  border-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 1px solid #e2e5ec;
  border-right: 0px none black; }

.Formulario > div .k-widget.k-dropdown > .k-dropdown-wrap > .k-select,
.Formulario > fieldset > div .k-widget.k-dropdown > .k-dropdown-wrap > .k-select,
.Formulario > div .k-widget.k-combobox > .k-dropdown-wrap > .k-select,
.Formulario > fieldset > div .k-widget.k-combobox > .k-dropdown-wrap > .k-select {
  height: 38px;
  box-sizing: border-box;
  /*background-color: #ffffff;*/
  border: 1px solid #e2e5ec;
  border-left: 0px none black;
  border-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.Formulario > div .k-widget.k-dropdown > .k-dropdown-wrap.k-state-focused,
.Formulario > fieldset > div .k-widget.k-dropdown > .k-dropdown-wrap.k-state-focused,
.Formulario > div .k-widget.k-combobox > .k-dropdown-wrap.k-state-focused,
.Formulario > fieldset > div .k-widget.k-combobox > .k-dropdown-wrap.k-state-focused {
  box-shadow: none; }

.Formulario > div .k-widget.k-dropdown + a,
.Formulario > fieldset > div .k-widget.k-dropdown + a {
  position: relative;
  display: block;
  grid-row: 2;
  grid-column: 2;
  width: 38px;
  height: 38px;
  margin: 0px 0px 0px auto;
  overflow: hidden;
  text-indent: 99999px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #e2e5ec;
  border-radius: 4px; }

.Formulario > div .k-widget.k-dropdown + a:after,
.Formulario > fieldset > div .k-widget.k-dropdown + a:after {
  position: absolute;
  display: block;
  content: "\e014";
  top: 12px;
  left: 12px;
  left: 11px;
  text-indent: 0px;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  opacity: .7; }

.Formulario .k-datepicker .k-picker-wrap > input {
  padding-bottom: 7px;
  padding-top: 6px; }

.Formulario .k-datepicker .k-picker-wrap > .k-select .k-icon {
  padding-top: 24px; }

.Formulario .k-widget.k-timepicker.k-header {
  width: fit-content; }

.Formulario .k-timepicker .k-picker-wrap > input {
  padding-bottom: 7px;
  padding-top: 6px; }

.Formulario .k-timepicker .k-picker-wrap > .k-select .k-icon {
  padding-top: 24px; }

.Formulario.UnaColumna > div,
.Formulario.UnaColumna > fieldset > div {
  width: 100%; }

.Formulario.DosColumnas > div,
.Formulario.DosColumnas > fieldset > div {
  width: 50%; }

.Formulario.TresColumnas > div,
.Formulario.TresColumnas > fieldset > div {
  width: 33.333%; }

.Formulario.CuatroColumnas > div,
.Formulario.CuatroColumnas > fieldset > div {
  width: 25%; }

.Formulario.CincoColumnas > div,
.Formulario.CincoColumnas > fieldset > div {
  width: 20%; }

.Formulario > fieldset.UnaColumna > div {
  width: 100%; }

.Formulario > fieldset.DosColumnas > div {
  width: 50%; }

.Formulario > fieldset.TresColumnas > div {
  width: 33.333%; }

.Formulario > fieldset.CuatroColumnas > div {
  width: 25%; }

.Formulario > fieldset.CincoColumnas > div {
  width: 20%; }

/*
                            _____________________________________________________________________________________________
                            |                           F O R M U L A R I O  -  L A Y O U T                             |
                            |___________________________________________________________________________________________|
                            |      |   UnaColumna   |  DosColumnas   |  TresColumnas  | CuatroColumnas | CincoColumnas  |
    ________________________|______|________________|________________|________________|________________|________________|
    .AnchoDosColumnas       |      |        X       |      100       |     66.666     |       50       |       40       |   
    ________________________|______|________________|________________|________________|________________|________________|
    .AnchoTresColumnas      |      |        X       |        X       |       100      |       75       |       60       |   
    ________________________|______|________________|________________|________________|________________|________________|
    .AnchoCuatroColumnas    |      |        X       |        X       |        X       |       100      |       80       |   
    ________________________|______|________________|________________|________________|________________|________________|
    .AnchoCincoColumnas     |      |        X       |        X       |        X       |        X       |       100      |   
    ________________________|______|________________|________________|________________|________________|________________|


    Estos anchos de columnas resultado de aplicar estas class a los div contenedores de los controles podrían conseguirse aplicándoles en su lugar 
    un estilo inline con su ancho, en la forma de style="width:70%". Sin embargo ese enfoque impedirá sobrescribir esos anchos al cambiar de resoluciones,
    donde por ejemplo al pasar a resolución movil lo hacemos todo a una columna con el 100% de ancho. Por tanto, la recomendación para establecer el ancho de los controles
    es utilizar estas clases.

*/
.Formulario > div.AnchoDosColumnas,
.Formulario > fieldset > div.AnchoDosColumnas {
  width: 100%; }

.Formulario.DosColumnas > div.AnchoDosColumnas {
  width: 100%; }

.Formulario.TresColumnas > div.AnchoDosColumnas {
  width: 66.666%; }

.Formulario.TresColumnas > div.AnchoTresColumnas {
  width: 100%; }

.Formulario.CuatroColumnas > div.AnchoDosColumnas {
  width: 50%; }

.Formulario.CuatroColumnas > div.AnchoTresColumnas {
  width: 75%; }

.Formulario.CuatroColumnas > div.AnchoCuatroColumnas {
  width: 100%; }

.Formulario.CincoColumnas > div.AnchoDosColumnas {
  width: 50%; }

.Formulario.CincoColumnas > div.AnchoTresColumnas {
  width: 60%; }

.Formulario.CincoColumnas > div.AnchoCuatroColumnas {
  width: 80%; }

.Formulario.CincoColumnas > div.AnchoCincoColumnas {
  width: 100%; }

.Formulario > fieldset.DosColumnas > div.AnchoDosColumnas {
  width: 100%; }

.Formulario > fieldset.TresColumnas > div.AnchoDosColumnas {
  width: 66.666%; }

.Formulario > fieldset.TresColumnas > div.AnchoTresColumnas {
  width: 100%; }

.Formulario > fieldset.CuatroColumnas > div.AnchoDosColumnas {
  width: 50%; }

.Formulario > fieldset.CuatroColumnas > div.AnchoTresColumnas {
  width: 75%; }

.Formulario > fieldset.CuatroColumnas > div.AnchoCuatroColumnas {
  width: 100%; }

/*.Formulario > fieldset.CincoColumnas > div.AnchoDosColumnas { width: 40%; }
.Formulario > fieldset.CincoColumnas > div.AnchoTresColumnas { width: 60%; }
.Formulario > fieldset.CincoColumnas > div.AnchoCuatroColumnas { width: 80%; }
.Formulario > fieldset.CincoColumnas > div.AnchoCincoColumnas { width: 100%; }*/
.Formulario > fieldset.CincoColumnas > div.AnchoDosColumnas {
  width: 40%; }

.Formulario > fieldset.CincoColumnas > div.AnchoTresColumnas {
  width: 60%; }

.Formulario > fieldset.CincoColumnas > div.AnchoCuatroColumnas {
  width: 80%; }

.Formulario > fieldset.CincoColumnas > div.AnchoCincoColumnas {
  width: 100%; }

.Formulario > div.AnchoCompleto,
.Formulario > fieldset > div.AnchoCompleto,
.Formulario > div.AnchoTotal,
.Formulario > fieldset > div.AnchoTotal {
  width: 100%; }

@media (max-width: 767px) {
  .Formulario > div,
  .Formulario > fieldset > div {
    width: 100%; } }

.Formulario > div > input + label.ReemplazadorNumerico,
.Formulario > fieldset > div > input + label.ReemplazadorNumerico {
  grid-row: 2;
  grid-column: 1 / last-col;
  width: 100%;
  padding: 9px 8px 8px 8px;
  height: 40px;
  border: 1px solid #e2e5ec;
  border-radius: 4px;
  background-color: #ffffff;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 100%;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
  opacity: 1; }

.Formulario > div > input + label.ReemplazadorNumerico:after,
.Formulario > fieldset > div > input + label.ReemplazadorNumerico:after {
  display: none;
  content: ""; }

.Formulario > div > input:focus + label.ReemplazadorNumerico,
.Formulario > fieldset > div > input:focus + label.ReemplazadorNumerico {
  display: none; }

.Formulario > fieldset > div .k-widget.k-dropdown + a.EliminarAsociacion:after {
  position: absolute;
  display: block;
  content: "\e020";
  top: 12px;
  left: 10px;
  text-indent: 0px;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  opacity: .7; }

.Formulario > div > input[type=checkbox].ControlSiNo + label,
.Formulario > fieldset > div > input[type=checkbox].ControlSiNo + label {
  margin-left: 0px;
  margin-top: 28px;
  margin-bottom: 0px;
  width: fit-content; }

.Formulario > div.FicheroCentrado,
.Formulario > fieldset > div.FicheroCentrado {
  max-width: 100%; }

.Formulario > div.FicheroCentrado > label > span,
.Formulario > fieldset > div.FicheroCentrado > label > span {
  height: 36px;
  line-height: 36px;
  margin-top: 5px;
  margin-bottom: 5px; }

/* RADIOGROUP OPORTUNIDADES */
.Formulario > div[role=radiogroup],
.Formulario > fieldset > div[role=radiogroup] {
  display: inline-grid;
  grid-template-columns: auto auto auto [last-col]; }

.Formulario > div[role=radiogroup] > input,
.Formulario > fieldset > div[role=radiogroup] > input {
  display: none; }

.Formulario > div[role=radiogroup] > input + label,
.Formulario > fieldset > div[role=radiogroup] > input + label {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: auto;
  background-color: transparent;
  grid-row: 2;
  grid-column: 1;
  padding: 4px;
  margin: 5px 5px 0px 5px;
  border-radius: 20px;
  border: 2px dashed rgba(0, 0, 0, 0.5);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  opacity: .3;
  transition: background-color .5s, border-color .5s; }

.Formulario > div[role=radiogroup] > input + label + input + label,
.Formulario > fieldset > div[role=radiogroup] > input + label + input + label {
  grid-column: 2; }

.Formulario > div[role=radiogroup] > input + label + input + label + input + label,
.Formulario > fieldset > div[role=radiogroup] > input + label + input + label + input + label {
  grid-column: 3; }

.Formulario > div[role=radiogroup] > input:checked + label:nth-child(2),
.Formulario > fieldset > div[role=radiogroup] > input:checked + label:nth-child(2) {
  background-color: #57ae49;
  opacity: 1;
  border: 2px solid #57ae49;
  color: #ffffff; }

.Formulario > div[role=radiogroup] > input:checked + label:nth-child(4),
.Formulario > fieldset > div[role=radiogroup] > input:checked + label:nth-child(4) {
  background-color: #e9bc1d;
  opacity: 1;
  border: 2px solid #e9bc1d;
  color: #ffffff; }

.Formulario > div[role=radiogroup] > input:checked + label:nth-child(6),
.Formulario > fieldset > div[role=radiogroup] > input:checked + label:nth-child(6) {
  background-color: #a73a3a;
  opacity: 1;
  border: 2px solid #a73a3a;
  color: #ffffff; }

.Formulario > div[role=radiogroup] > label:last-child:before,
.Formulario > fieldset > div[role=radiogroup] > label:last-child:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 22px;
  width: 100%;
  height: 40px;
  background-color: white;
  border: 1px solid #e2e5ec;
  border-radius: 4px; }

/* Ajuste tamaño labels que tengan el role="img" en los que guardaremos iconos, para darles un tamaño grande por defecto. Los usamos por ejemplo en los label de los radiobuttons de evaluación de interacciones */
.Formulario label[role=img],
.Formulario > fieldset > label[role=img] {
  font-size: 45px; }

/* RADIO GROUPS GENERICOS */
.Formulario > div > div[role=radiogroup] > input,
.Formulario > fieldset > div > div[role=radiogroup] > input {
  display: none; }

.Formulario > div > div[role=radiogroup] > input + label,
.Formulario > fieldset > div > div[role=radiogroup] > input + label {
  display: inline-block;
  margin: .1em;
  cursor: pointer;
  color: #cccccc;
  transition: .5s; }

.Formulario > div > div[role=radiogroup] > input + label:hover,
.Formulario > fieldset > div > div[role=radiogroup] > input + label:hover {
  color: #a8a8a8; }

.Formulario > div > div[role=radiogroup] > input:checked + label,
.Formulario > fieldset > div > div[role=radiogroup] > input:checked + label {
  color: #57ae49; }

/* Estilos específicos para los group de evaluación de Interacciones, dando colores tipo semáforo cuando están seleccionados, en lugar del estandar verde por defecto para todos */
.Formulario > div > div[role=radiogroup] > input#rbEvaluacion_SinEvaluacion:checked + label,
.Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_SinEvaluacion:checked + label {
  color: #000000; }

.Formulario > div > div[role=radiogroup] > input#rbEvaluacion_MuyNegativa:checked + label,
.Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_MuyNegativa:checked + label {
  color: #ca0606; }

.Formulario > div > div[role=radiogroup] > input#rbEvaluacion_Negativa:checked + label,
.Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_Negativa:checked + label {
  color: #dee03c; }

.Formulario > div > div[role=radiogroup] > input#rbEvaluacion_Neutral:checked + label,
.Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_Neutral:checked + label {
  color: #2c3dc8; }

.Formulario > div > div[role=radiogroup] > input#rbEvaluacion_Positiva:checked + label,
.Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_Positiva:checked + label {
  color: #57ae49; }

.Formulario > div > div[role=radiogroup] > input#rbEvaluacion_MuyPositiva:checked + label,
.Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_MuyPositiva:checked + label {
  color: #016509; }

.EvaluacionTipo_sinevaluacion {
  color: #000000; }

.EvaluacionTipo_muynegativa {
  color: #ca0606; }

.EvaluacionTipo_negativa {
  color: #dee03c; }

.EvaluacionTipo_neutral {
  color: #2c3dc8; }

.EvaluacionTipo_positiva {
  color: #57ae49; }

.EvaluacionTipo_muypositiva {
  color: #016509; }

.Formulario > div > input[type=checkbox],
.Formulario > fieldset > div > input[type=checkbox],
input[type=checkbox].CheckboxTipoBoton {
  display: none; }

.Formulario > div > input[type=checkbox] + label,
.Formulario > fieldset > div > input[type=checkbox] + label,
input[type=checkbox].CheckboxTipoBoton + label {
  display: inline-block;
  position: relative;
  width: auto;
  padding-left: 70px;
  vertical-align: top;
  line-height: 34px;
  background-color: transparent;
  cursor: pointer; }

.Formulario > div > input[type=checkbox] + label:before,
.Formulario > fieldset > div > input[type=checkbox] + label:before,
input[type=checkbox].CheckboxTipoBoton + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 60px;
  height: 34px;
  left: 0;
  background-color: #a73a3a;
  border-radius: 34px;
  transition: .4s; }

.Formulario > div > input[type=checkbox] + label:after,
.Formulario > fieldset > div > input[type=checkbox] + label:after,
input[type=checkbox].CheckboxTipoBoton + label:after {
  content: "\f511";
  font-family: "Material Design Icons";
  color: rgba(167, 58, 58, 0.7);
  font-size: 11px;
  position: absolute;
  height: 26px;
  width: 26px;
  top: 4px;
  left: 3px;
  background-color: #fff;
  transition: .4s;
  border-radius: 34px;
  line-height: 26px;
  text-align: center;
  font-size: 9px;
  vertical-align: middle;
  opacity: .8;
  text-transform: uppercase; }

.Formulario > div > input[type=checkbox]:checked + label:after,
.Formulario > fieldset > div > input[type=checkbox]:checked + label:after,
input[type=checkbox].CheckboxTipoBoton:checked + label:after {
  font-size: 15px;
  transform: rotate(180deg);
  color: rgba(87, 174, 73, 0.7);
  left: 31px; }

.Formulario > div > input[type=checkbox]:checked + label:before,
.Formulario > fieldset > div > input[type=checkbox]:checked + label:before,
input[type=checkbox].CheckboxTipoBoton:checked + label:before {
  background-color: #57ae49; }

input[type=checkbox].CheckboxTipoBoton.SinTexto + Label {
  padding-left: 60px; }

.Formulario > header > p,
.Formulario > fieldset > header > p {
  text-align: center;
  margin: 10px 20%;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 15px;
  font-style: italic;
  border-radius: 2px; }

@media (max-width: 768px) {
  .Formulario > header > p,
  .Formulario > fieldset > header > p {
    padding: 5px;
    margin: 5px; } }

.cantidadLetras {
  text-align: right;
  font-style: italic;
  padding-top: 5px;
  opacity: .5;
  font-size: .8em; }

/*
.Formulario fieldset { box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1) !important; border-color: rgba(99,115,202,.2) !important; }
.clienteByComercial .fichaCabecera { background-color: #ecefff !important; }
.clienteByComercial .fichaCabecera .titulo h2 { background-color: rgba(99,115,202,1) !important; }
md-toolbar.menu-top.bg-menu-top.alt { background-color: #6373ca !important; }
*/
.Formulario fieldset {
  position: relative !important;
  box-shadow: none !important; }

.Formulario fieldset legend {
  position: absolute !important;
  top: -33px !important;
  left: 0px !important;
  padding: 5px;
  background-color: #3d3d3d;
  color: #ffffff;
  letter-spacing: 1px; }

.Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck,
.Formulario > div > input[type=checkbox] ~ .labelCheck, .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck,
.clienteByComercial .Formulario > div > input[type=checkbox] ~ .labelCheck {
  display: inline-block;
  position: relative;
  width: auto;
  padding-left: 70px;
  vertical-align: top;
  line-height: 34px;
  background-color: transparent; }
  .Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck:before,
  .Formulario > div > input[type=checkbox] ~ .labelCheck:before, .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck:before,
  .clienteByComercial .Formulario > div > input[type=checkbox] ~ .labelCheck:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 34px;
    left: 0;
    background-color: #a73a3a;
    border-radius: 34px;
    transition: .4s;
    cursor: pointer; }
  .Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck:after,
  .Formulario > div > input[type=checkbox] ~ .labelCheck:after, .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck:after,
  .clienteByComercial .Formulario > div > input[type=checkbox] ~ .labelCheck:after {
    content: "\f511";
    font-family: "Material Design Icons";
    color: rgba(167, 58, 58, 0.7);
    font-size: 11px;
    position: absolute;
    height: 26px;
    width: 26px;
    top: 4px;
    left: 3px;
    background-color: #fff;
    transition: .4s;
    border-radius: 34px;
    line-height: 26px;
    text-align: center;
    font-size: 9px;
    vertical-align: middle;
    opacity: .8;
    text-transform: uppercase;
    cursor: pointer; }

.Formulario > fieldset > div > input[type=checkbox]:checked ~ .labelCheck:before,
.Formulario > div > input[type=checkbox]:checked ~ .labelCheck:before, .clienteByComercial .Formulario > fieldset > div > input[type=checkbox]:checked ~ .labelCheck:before,
.clienteByComercial .Formulario > div > input[type=checkbox]:checked ~ .labelCheck:before {
  background-color: #57ae49; }

.Formulario > fieldset > div > input[type=checkbox]:checked ~ .labelCheck:after,
.Formulario > div > input[type=checkbox]:checked ~ .labelCheck:after, .clienteByComercial .Formulario > fieldset > div > input[type=checkbox]:checked ~ .labelCheck:after,
.clienteByComercial .Formulario > div > input[type=checkbox]:checked ~ .labelCheck:after {
  font-size: 15px;
  transform: rotate(180deg);
  color: rgba(87, 174, 73, 0.7);
  left: 31px;
  cursor: pointer; }

.Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck,
.Formulario > div > input[type=checkbox] ~ .labelCheck {
  grid-row: 2 !important;
  height: 35px; }

.kr-icon-big {
  font-size: 1.6em;
  position: relative;
  top: 0.15em; }

.kr-icon-space {
  padding-right: 0.3em; }

.kr-icon-oportunidades:before {
  content: "\F336";
  font-family: "Material Design Icons"; }

.kr-icon-informes:before {
  content: "\F12A";
  font-family: "Material Design Icons"; }

.kr-icon-home:before {
  content: "\F2DC";
  font-family: "Material Design Icons"; }

.kr-icon-personasdecontacto:before {
  content: "\F848";
  font-family: "Material Design Icons"; }

.kr-icon-campanyas:before {
  content: "\F00C";
  font-family: "Material Design Icons"; }

.kr-icon-ofertas:before {
  content: "\f46f";
  font-family: "Material Design Icons"; }

.kr-icon-interacciones:before {
  content: "\f16c";
  font-family: "Material Design Icons"; }

.kr-icon-perfiles:before {
  content: "\f431";
  font-family: "Material Design Icons"; }

.kr-icon-direcciones:before {
  content: "\F350";
  font-family: "Material Design Icons"; }

.kr-icon-contactos:before {
  content: "\F6CA";
  font-family: "Material Design Icons"; }

.kr-icon-pedidos:before {
  content: "\F53D";
  font-family: "Material Design Icons"; }

.kr-icon-albaranes:before {
  content: "\F21A";
  font-family: "Material Design Icons"; }

.kr-icon-facturas:before {
  content: "\F572";
  font-family: "Material Design Icons"; }

.kr-icon-vencimientos:before {
  content: "\F0ED";
  font-family: "Material Design Icons"; }

.kr-icon-estadisticas:before {
  content: "\F128";
  font-family: "Material Design Icons"; }

.kr-icon-modelo347:before {
  content: "\F12B";
  font-family: "Material Design Icons"; }

.kr-icon-datoseconomicos:before {
  content: "\F1D7";
  font-family: "Material Design Icons"; }

.kr-icon-configuracion:before {
  content: "\F5B7";
  font-family: "Material Design Icons"; }

.kr-icon-documentosventa:before {
  content: "\F14E";
  font-family: "Material Design Icons"; }

.kr-icon-satpedidosservicio:before {
  content: "\F214";
  font-family: "Material Design Icons"; }

.kr-icon-satpedidoshistorico:before {
  content: "\F2DA";
  font-family: "Material Design Icons"; }

.kr-icon-satpedidosalta:before {
  content: "\F3EB";
  font-family: "Material Design Icons"; }

.kr-icon-satdocumentacion:before {
  content: "\F219";
  font-family: "Material Design Icons"; }

.kr-icon-satcenso:before {
  content: "\F1E7";
  font-family: "Material Design Icons"; }

.kr-icon-anyadir:before {
  content: "\F415";
  font-family: "Material Design Icons"; }

.kr-icon-edit:before {
  content: "\F90B";
  font-family: "Material Design Icons"; }

.kr-icon-actualizar:before {
  content: "\F450";
  font-family: "Material Design Icons"; }

.kr-icon-eliminar:before {
  content: "\FA78";
  font-family: "Material Design Icons"; }

.kr-icon-aceptar:before {
  content: "\F12C";
  font-family: "Material Design Icons"; }

.kr-icon-cancelar:before {
  content: "\F156";
  font-family: "Material Design Icons"; }

.kr-icon-si:before {
  content: "\F133";
  font-family: "Material Design Icons"; }

.kr-icon-no:before {
  content: "\F376";
  font-family: "Material Design Icons"; }

.kr-icon-verdetalles:before {
  content: "\F6CF";
  font-family: "Material Design Icons"; }

.kr-icon-carrito:before {
  content: "\F110";
  font-family: "Material Design Icons"; }

.kr-icon-carritonuevo:before {
  content: "\F076";
  font-family: "Material Design Icons"; }

.kr-icon-carritomodificar:before {
  content: "\F112";
  font-family: "Material Design Icons"; }

.kr-icon-carritosguardados:before {
  content: "\F077";
  font-family: "Material Design Icons"; }

.kr-icon-pedido:before {
  content: "\F53D";
  font-family: "Material Design Icons"; }

.kr-icon-pedidoenviar:before {
  content: "\F787";
  font-family: "Material Design Icons"; }

.kr-icon-vistarapida:before {
  content: "\F349";
  font-family: "Material Design Icons"; }

.kr-icon-anterior:before {
  content: "\F141";
  font-family: "Material Design Icons"; }

.kr-icon-siguiente:before {
  content: "\F142";
  font-family: "Material Design Icons"; }

.kr-icon-volver:before {
  content: "\F45A";
  font-family: "Material Design Icons"; }

.kr-icon-telefono:before {
  content: "\F3F2";
  font-family: "Material Design Icons"; }

.kr-icon-email:before {
  content: "\F1EE";
  font-family: "Material Design Icons"; }

.kr-icon-selectorcampos:before {
  content: "\f04d";
  font-family: "DXIcons"; }

.kr-icon-excel:before {
  content: "\f060";
  font-family: "DXIcons"; }

.kr-icon-empresa:before {
  content: "\F1AD";
  font-family: "Material Design Icons"; }

.kr-icon-persona:before {
  content: "\F006";
  font-family: "Material Design Icons"; }

.kr-icon-todos:before {
  content: "\f005";
  font-family: "Material Design Icons"; }

.kr-icon-oportunidadesactivas:before {
  content: "\e019";
  font-family: "Glyphicons Halflings"; }

.kr-icon-oportunidadesprogreso:before {
  content: "\e185";
  font-family: "Glyphicons Halflings"; }

.kr-icon-oportunidadesofertadas:before {
  content: "\e165";
  font-family: "Glyphicons Halflings"; }

.kr-icon-oportunidadesganadas:before {
  content: "\e003";
  font-family: "Glyphicons Halflings"; }

.kr-icon-oportunidadesoportunidad:before {
  content: "\F09F";
  font-family: "Glyphicons Halflings"; }

.kr-icon-oportunidadesfechasclave:before {
  content: "\F0F0";
  font-family: "Glyphicons Halflings"; }

.kr-icon-oportunidadesnegocio:before {
  content: "\F1D6";
  font-family: "Glyphicons Halflings"; }

.kr-icon-oportunidadescontacto:before {
  content: "\F004";
  font-family: "Glyphicons Halflings"; }

.kr-icon-evaluacion-sinevaluar:before {
  content: "\f15a";
  font-family: "Material Design Icons"; }

.kr-icon-evaluacion-muynegativa:before {
  content: "\f1f9";
  font-family: "Material Design Icons"; }

.kr-icon-evaluacion-negativa:before {
  content: "\f1f8";
  font-family: "Material Design Icons"; }

.kr-icon-evaluacion-neutral:before {
  content: "\f1f6";
  font-family: "Material Design Icons"; }

.kr-icon-evaluacion-positiva:before {
  content: "\f1f5";
  font-family: "Material Design Icons"; }

.kr-icon-evaluacion-muypositiva:before {
  content: "\f1f2";
  font-family: "Material Design Icons"; }

.kr-icon-promociones:before {
  content: "\f2a1";
  font-family: "Material Design Icons"; }

/* COLORES PARA LOS ICONOS */
.kr-color-icon-success {
  color: green; }

.kr-color-icon-danger {
  color: red; }

filtro-kendo-grid {
  display: block;
  padding: 10px 0px 10px 0px; }

filtro-kendo-grid > a {
  display: inline-block;
  position: relative;
  padding: 0px 10px 0px 10px; }

filtro-kendo-grid > a:hover {
  color: #00384E; }

filtro-kendo-grid > a.active {
  font-weight: bold;
  color: #000000; }

filtro-kendo-grid.FiltroContactoClase a {
  padding-left: 15px; }

filtro-kendo-grid.FiltroContactoClase a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 3px;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background-color: silver; }

filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Cliente:before,
filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Clientes:before {
  background-color: #0cc285; }

filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Potencial:before,
filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Potenciales:before {
  background-color: #ec9330; }

filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Proveedor:before,
filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Proveedores:before {
  background-color: #be3df7; }

filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Todos:before {
  background-color: #d92800; }

filtro-kendo-grid.FiltroContactoTipo a {
  padding-left: 23px; }

filtro-kendo-grid.FiltroContactoTipo a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: -2px;
  font-size: 20px;
  font-family: FontAwesome;
  font-smoothing: antialiased;
  font-weight: normal; }

filtro-kendo-grid.FiltroContactoTipo a.CssFiltroOpcion_Empresa:before {
  content: "\f1ad"; }

filtro-kendo-grid.FiltroContactoTipo a.CssFiltroOpcion_Persona:before {
  content: "\f007"; }

filtro-kendo-grid.FiltroContactoTipo a.CssFiltroOpcion_Todos:before {
  content: "\f005"; }

filtro-kendo-grid.FiltroOpportunityActual a {
  padding-left: 23px; }

filtro-kendo-grid.FiltroOpportunityActual a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: -2px;
  font-size: 20px;
  font-family: FontAwesome;
  font-smoothing: antialiased;
  font-weight: normal; }

filtro-kendo-grid.FiltroOpportunityActual a.CssFiltroOpcion_NoIniciado:before {
  content: "\f056";
  color: #af1212; }

filtro-kendo-grid.FiltroOpportunityActual a.CssFiltroOpcion_EnProgreso:before {
  content: "\f064";
  color: #458ccc; }

filtro-kendo-grid.FiltroOpportunityActual a.CssFiltroOpcion_Todos:before {
  content: "\f005"; }

filtro-kendo-grid.FiltroOpportunityHistorico a {
  padding-left: 23px; }

filtro-kendo-grid.FiltroOpportunityHistorico a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: -2px;
  font-size: 20px;
  font-family: FontAwesome;
  font-smoothing: antialiased;
  font-weight: normal; }

filtro-kendo-grid.FiltroOpportunityHistorico a.CssFiltroOpcion_Ganado:before {
  content: "\f164";
  color: #649a54; }

filtro-kendo-grid.FiltroOpportunityHistorico a.CssFiltroOpcion_Perdido:before {
  content: "\f165";
  color: #f26a4f; }

filtro-kendo-grid.FiltroOpportunityHistorico a.CssFiltroOpcion_Todos:before {
  content: "\f005"; }

opportunity-grid .columnEstado {
  text-align: center;
  background-color: red;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 10px;
  border-radius: 5px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center; }

opportunity-grid .columnEstado.columnEstado_0 {
  background-color: #af1212; }

opportunity-grid .columnEstado.columnEstado_1 {
  background-color: #458ccc; }

opportunity-grid .columnEstado.columnEstado_2 {
  background-color: #649a54; }

opportunity-grid .columnEstado.columnEstado_3 {
  background-color: #f26a4f; }

filtro-kendo-grid.FiltroEstadoConsumido a {
  padding-left: 15px; }

filtro-kendo-grid.FiltroEstadoConsumido a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 3px;
  width: 11px;
  height: 11px;
  border-radius: 11px;
  background-color: silver; }

filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Catalogo:before {
  background-color: #0cc285; }

filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Obsoleto:before {
  background-color: #ec9330; }

filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Consumido:before {
  background-color: #be3df7; }

filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Descatalogado:before {
  background-color: #00384E; }

filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Todos:before {
  background-color: #d92800; }

/**************************************/
/*                                    */
/*   Ajustes imagen gráfica de JUPER  */
/*                                    */
/**************************************/
/**************************************/
/*                                    */
/*   Ajustes imagen gráfica de JUPER  */
/*                                    */
/**************************************/
/*// Cargamos las fuentes de letra específicas del proyecto de HOFF
@font-face { font-family: 'AkzidenzGrotesk'; font-style: normal; font-weight: 400; src: url(../../fonts/AkzidenzGrotesk-Regular.otf) format('opentype'); }
@font-face { font-family: 'AkzidenzGroteskBold'; font-style: normal; font-weight: 400; src: url(../../AkzidenzGrotesk-BoldExtended.otf) format('opentype'); }

// Fuente de letra para toda la aplicación en general
main.CardComponent {font-family: 'AkzidenzGrotesk', Arial, sans-serif;}
main.CardComponent .md-button {font-family: 'AkzidenzGrotesk', Arial, sans-serif;}
.sidebar-menu {font-family: 'AkzidenzGrotesk', Arial, sans-serif;}

// Fuente de letra en los títulos de la página
main.CardComponent h1, 
.fichaCabecera h2,
main.CardComponent .IndexGridTitulo {font-family: 'AkzidenzGroteskBold', Arial, sans-serif;}

.sidebar-menu h3 {font-family: 'AkzidenzGroteskBold', Arial, sans-serif;}

header h1 {color: #5cb85c !important;}


// Ajuste footer: Color de fondo
footer > div {background-color:#5cb85c !important;}
// Ajuste footer: Color textos y enlaces
.PieContenedor {color:#ffffff;}
.PieContenedor a {color: #ffffff;}
.PieContenedor a:hover {color: rgba(255,255,255,.7);}


// BARRA DE CABECERA PRINCIPAL
//  Barra de cabecera cuando estamos logueados como admin "centralsuper"
md-toolbar.menu-top.bg-menu-top.admin {background-color: #224422 !important; color: #ffffff;}
// Menú superior
//     Color de los enlaces de menú superior en el hover
menu > top-bar .menu-buttons a:hover {color:#224422;}
*/
/*// Ajuste lateral Izquierdo en cliente: 
//  Datos de cliente: Fondo ficha
.fichaCabecera {background-color:transparent;}
//  Datos de cliente: Cabecera
.fichaCabecera .titulo h2 {background-color:#5cb85c;}
// Menú lateral
clientes-menu-ficha > a,
crm-comercial-contactos-menu-ficha > a,
sat-menu-clientes > a,
ul.SubmenuCarritoB2B li a {background-color: #5cb85c; color:#ffffff;}
ul.SubmenuCarritoB2B li a > label {color:#ffffff;}
// Menú lateral - Hover
clientes-menu-ficha > a:hover,
crm-comercial-contactos-menu-ficha > a:hover,
sat-menu-clientes > a:hover {background-color: #5cb85c; color:rgba(255,255,255,.5);}
ul.SubmenuCarritoB2B li a:hover > label {color:rgba(255,255,255,.5);}
// Menú lateral (seleccionado)
clientes-menu-ficha > a.active,
crm-comercial-contactos-menu-ficha > a.active,
sat-menu-clientes > a.active,
ul.SubmenuCarritoB2B li.active a {background-color: #ffffff; border:3px solid #5cb85c; color:#5cb85c;}
ul.SubmenuCarritoB2B li.active a > label {color:#5cb85c;}
// Menú lateral (seleccionado) - Icono
clientes-menu-ficha > a.active:before,
crm-comercial-contactos-menu-ficha > a.active:before,
sat-menu-clientes > a.active:before,
ul.SubmenuCarritoB2B li.active a > span {color:#5cb85c;}*/
/*// TABS MATERIAL DESIGN
//  Elemento seleccionado (Color del texto y linea inferior "ripple")
md-tabs .md-tab.md-active {color: #5cb85c;}
md-tabs.md-default-theme .md-tab .md-ripple-container, 
md-tabs .md-tab .md-ripple-container {color: #224422;}*/
/*// MENÚ LATERAL IZQUIERDO DEL ÁREA ADMIN
md-sidenav.bg-menu-lateral md-content {background-color: #ffffff; color: #5cb85c;}
md-sidenav.bg-menu-lateral md-content a, 
md-sidenav.bg-menu-lateral md-content a:visited {color: #5cb85c;}
md-sidenav.bg-menu-lateral md-content a i,
md-sidenav.bg-menu-lateral md-content a:visited i {color:#5cb85c;}
md-sidenav.bg-menu-lateral md-content li:hover a, 
md-sidenav.bg-menu-lateral md-content li:active a,
md-sidenav.bg-menu-lateral md-content li.active a {color: #ffffff;}
md-sidenav.bg-menu-lateral md-content li:hover a i, 
md-sidenav.bg-menu-lateral md-content li:active a i,
md-sidenav.bg-menu-lateral md-content li.active a i {color: #ffffff;}
md-sidenav.bg-menu-lateral md-content li:hover, 
md-sidenav.bg-menu-lateral md-content li.active {border-left: 3px solid #224422; background-color: #5cb85c; }*/
/*// Controles básicos
// .form-inline input.form-control {background-color: #ffffff; border: 1px solid rgba(0,0,0,.3); border-radius: 0px;}
.form-inline .form-control {background-color: #ffffff; border: 1px solid rgba(0,0,0,.3); border-radius: 0px;}
.form-inline .form-control  .form-control {border:0px none black;}
// 
.k-gantt-toolbar .k-state-default, 
.k-grid .k-grouping-header, 
.k-grid-header, 
.k-grid-header-wrap, 
.k-grouping-header .k-group-indicator, 
.k-header, 
.k-pager-wrap, 
.k-pager-wrap .k-link, 
.k-pager-wrap .k-textbox {border: 1px solid rgba(0,0,0,.3); border-radius: 0px;}
// Controles fecha
.k-autocomplete .k-input, 
.k-dropdown-wrap .k-input, 
.k-picker-wrap .k-input, 
.k-numeric-wrap .k-input {background-color:#ffffff;}
.k-state-default > .k-select {background-color: #ffffff;}

// AJUSTES EXTRA GRIDS KENDO
//   Header sin color de fondo, pero con el color corporativo en las cabeceras e iconos de cabecera (icono de orden, de menú de filtros, ...) 
.k-grid .k-grid-header th.k-header {background-color: #ffffff !important; color: #5cb85c !important;}
.k-grid-header .k-header .k-header-column-menu span.k-icon.k-i-more-vertical {color: #5cb85c;}
.k-grid-header th.k-header > .k-link {color: #5cb85c !important;}
.k-grid-header .k-i-sort-asc-sm, 
.k-grid-header .k-i-sort-desc-sm, 
.k-grid-header .k-sort-order {color: #5cb85c;}
//   Ajustes a los bordes de la cabecera
.k-grid-header-wrap {border:none;}
.k-grid .k-grid-header {border-top: none; border-left: none; border-right: none; border-color: rgba(0,0,0,.2);}
.k-grid-pager {border: none !important; padding-right: 5px;}
//   Área de controles de filtros bajo los títulos de las cabeceras, con un fondo corporativo ligeramente atenuado
tr.k-filter-row {background-color: #dcefdc;}*/
:root {
  --topNavBar: #008fe2;
  --topNavBar2: #203a96;
  --fuenteTopNavBar: #ffffff;
  --fuenteTopNavBarActive: #ffffff;
  --topNavBarAlt: #3498db;
  --topNavBarAlt2: #203a96;
  --fuenteTopNavBarAlt: #ffffff;
  --topNavBarAdmin: #0f0f0f;
  --fuenteTopNavBarAdmin: #ffffff;
  --colorWeb1: #008fe2;
  --colorWeb2: #3498db;
  --colorWeb3: #203a96;
  --colorWeb4: #3498db;
  --colorWeb5: #00b29c;
  --colorWeb6: #ff9809;
  --fontColorWeb6: #ffffff;
  --menuLateralBg: #00304b;
  --menuLaterialFont: #18b0f8;
  --backgroundContent: #ffffff;
  --colorCGBusy: #ff9809;
  /*--Color según tipo de contacto*/
  --colorClientes: #0cc285;
  --colorProveedores: #be3df7;
  --colorPotenciales: #ec9330;
  --mdPrimary: #203a96;
  --mdPrimary-darken-20: #0e1942;
  --mdSecondary: #40BCD8;
  --mdSecondary-darken-20: #050918;
  --mdAccent: #008fe2;
  --mdAccent-darken-20: #004e7c;
  --mdWarn: #ff9809;
  --mdWarn-darken-20: #a25e00;
  --mdFontWarn: #ffffff;
  --mdHue1: #203a96;
  --mdHue2: #203a96;
  --mdHue3: #203a96; }

.clienteByComercial {
  /*
===========================================================
	Importación de estilos
===========================================================
*/
  /*--Color según tipo de contacto*/
  /*$colorWeb2: #3498db;
$colorWeb6: #ff9809;
$colorClientes: #0cc285;
$colorProveedores: #be3df7;
$colorPotenciales: #ec9330;

$colorWeb1: #008fe2;
$mdPrimary: #203a96;
$mdSecondary: #40BCD8;
$mdAccent: #008fe2;
$mdWarn: #ff9809;
$colorWeb3: #203a96;
$colorWeb4: #3498db;
$colorWeb5: #00b29c;*/
  /*var(--Color según tipo de contacto*/
  /*
// @T: Test para evitar error al compilar SCSS
$topNavBar: #008fe2;
$topNavBar2: #203a96;
$fuenteTopNavBar: #ffffff;
$fuenteTopNavBarActive: #ffffff;

$topNavBarAlt: #3498db;
$topNavBarAlt2: #203a96;
$fuenteTopNavBarAlt: #ffffff;

$topNavBarAdmin: #0f0f0f;
$fuenteTopNavBarAdmin: #ffffff;

$colorWeb1: #008fe2;
$colorWeb2: #3498db;
$colorWeb3: #203a96;
$colorWeb4: #3498db;
$colorWeb5: #00b29c;
$colorWeb6: #ff9809;
$fontColorWeb6: #ffffff;

$menuLateralBg: #00304b;
$menuLaterialFont: #18b0f8;

$backgroundContent: #ffffff;

$colorCGBusy: #ff9809;
// Color según tipo de contacto
$colorClientes: #0cc285;
$colorProveedores: #be3df7;
$colorPotenciales: #ec9330;

$mdPrimary: #203a96;
$mdSecondary: #40BCD8;
$mdAccent: #008fe2;
$mdWarn: #ff9809;
$mdFontWarn: #ffffff;

$mdHue1: #203a96;
$mdHue2: #203a96;
$mdHue3: #203a96;
$imgFolderUrl: "app_generic";*/
  /* JUPER : Sobrescritura de variables de colores */
  /*$topNavBar: #5cb85c; // #000000 ; // #008fe2;
$colorWeb2: #5cb85c; // #000000; // #3498db;
$mdPrimary: #5cb85c; // #000000; //#203a96;*/
  /*:root {
  --barra-navegacion-color-fondo: #5cb85c; // Yellow
}

$topNavBar: var(--barra-navegacion-color-fondo); // #5cb85c; // #000000 ; // #008fe2;*/
  /*#region GENERAL. Cuerpo de la aplicación*/
  /*#endregion*/
  /*======================*/
  /*#region Datos ficha cliente*/
  /*#endregion*/
  /*======================*/
  /*#region TÍTULOS*/
  /*#endregion*/
  /*======================*/
  /*======================*/
  /*#region FILTROS CUSTOM GRID*/
  /*#endregion*/
  /*======================*/
  /*======================*/
  /*#region FICHA DETALLE*/
  /*#endregion*/
  /*======================*/
  /*======================*/
  /*#region PASADOR*/
  /*#endregion*/
  /*======================*/
  /* Dashboard Feed */
  /* grid-row:1; grid-column: 2;*/
  /* grid-row:1; grid-column: 2;*/
  /* Botoneras en los grids */
  /* Grid de contactos */
  /* DASHBOARD OPORTUNIDADES - KPI */
  /* Ajustes al ancho del control desplegable MultiColumn ComboBox de clientes y contactos */
  /*.k-list-container { width: 300px !important; }*/
  /* Remaquetación de páginas con botoneras y Cards utilizando html semántico y evitando markup extra (inicialmente para contactos)
    Las páginas tendrán esta estructura:
        <main class="CardComponent">
            <header></header>
            <aside></aside>
            <article ui-view></article>
        </main>

    main:       Engloba todo el contenido de la página. Poner el estilo CardComponent nos permite dar estilo específico para estos casos, y no influir en todos los "main" de la aplicación que se usen para otras cosas.
    header:     La cabecera, principalmente el título
    aside:      Contenido del lateral, como la botonera y la ficha con la info general
    article:    Al tener el ui-view será donde se renderice todo el contenido de cada sección (cards) al ir navegando por los botones que hay en "aside".
*/
  /* Establecemos el display block para los elementos cuyo ancho real queramos detectar en ejecución mediante javascript, o nos dará siempre 0 */
  /* LISTADOS DE CAMPOS SIN MÁS: Son campos mostrando su label y valor, amontonándolos en filas una sobre otra, como en el detalle de Información del grid de contactos */
  /*crm-comercial-contactos-menu-ficha {display:inline-block; padding-left:10px;}
crm-comercial-contactos-menu-ficha > a { position: relative; display: inline-block; width: 90px; height: 90px; margin: 0px 3px 6px 0px; padding: 60px 3px 3px 3px; font-size: 10px; vertical-align: top; font-weight: normal; text-transform: uppercase; background-color: silver; text-align: center; transition: color .5s; }
crm-comercial-contactos-menu-ficha > a.active { background-color: #929292; color:#ffffff; }
crm-comercial-contactos-menu-ficha > a:hover { color:#ffffff; }
crm-comercial-contactos-menu-ficha > a:before { position: absolute; display: block; top: 10px; left: 50%; margin-left: -20px; font-size: 40px; color: #ffffff; }*/
  /*

// Ajuste al sweet alert añadiéndole una sombra, que puede ser útil cuando se muestra sobre otros popups
.sweet-alert { box-shadow: rgb(0 0 0 / 40%) 5px 5px 15px -4px; }
*/
  /* latin-ext */
  /* latin */
  /* Para Firefox*/
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /*
.PopupFichaProducto .ContenidoPrincipal .Stock { display:inline-block; position: relative; padding-left: 50px; height: 40px; line-height: 20px; }
.PopupFichaProducto .ContenidoPrincipal .Stock:before {content:""; position: absolute; display: inline-block; left: 0px; background-color: blue; border-radius: 20px; width: 20px; height: 20px; }
*/
  /**/
  /* max-height: 90px; line-height: 90px; height: 90px; */
  /* core.modal.css */
  /*
grid-productos .EsPromocion {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #bf0000;
    padding: 3px 2px 2px 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 6px;
    letter-spacing: 1px;
    pointer-events: none;
    pointer-events: none;
    padding-right: 26px;
    border-bottom-left-radius: 10px;
}

grid-productos .EsPromocion > i {
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 16px;
    font-style: normal;
    opacity: .7;
}
*/
  /*.PopupFichaProducto .ContenidoPrincipal .Imagenes {width: 40%;}
.PopupFichaProducto .ContenidoPrincipal .Info {width: 60%;}*/
  /*// #10375: Los grids de precios, promociones, escalados etc deben estar en una columna y 100% de ancho
.PopupFichaProducto .ContenidoPrincipal .DesplegablePrecios,
.PopupFichaProducto .ContenidoPrincipal .DesplegableDescuentos {width:100%;}*/
  /*.PopupFichaProducto .ContenidoPrincipal .DesplegablePromociones {width:100%;}*/
  /*.PopupFichaProducto .ContenidoPrincipal .Imagenes,
.PopupFichaProducto .ContenidoPrincipal .Info,
.PopupFichaProducto .ContenidoPrincipal .InfoDesplegables,
.PopupFichaProducto .ContenidoPrincipal .Sustitutivos {width:100%;}*/
  /*@media (max-width: 500px) {
    main.CardComponent {grid-template-columns: 50% 50%;}
}*/
  /*materiales-grid .ElementoLineaGridDetalleProducto .escaladoUnidades,
materiales-grid .ElementoLineaGridDetalleProducto .textoInfo_2,
materiales-grid .ElementoLineaGridDetalleProducto .textoInfo_1 {font-size:19px; opacity:1;}*/
  /*ficha-card input#CheckOcultarLateral + label + main.CardComponent > aside {transition: margin-left 1s;}
ficha-card input#CheckOcultarLateral + label + main.CardComponent > article {transition: margin-left 1s;}*/
  /* Para Firefox*/
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
  /*.PlanificadorDeRutasPro > div > article#Rutas > ul > li {height: 60px}*/
  /* Ajusta el descentrado del popup del carrito en responsive */
  /* Elimina el borde exterior del grid de carrito, ya que ahora lo ponemos en cada elemento*/
  /* Ajusta márgenes del carrito en responsive */
  /* grid-row:2/5; */
  /* RSEPONSIVE MEDIUM: */
  /*.Ancho_M .Carrito_Linea .Carrito_Label_Cantidad {grid-column:3;grid-row:5;}
    .Ancho_M .Carrito_Linea .Carrito_UnidadMedida {grid-column:4; grid-row:5; }
    .Ancho_M .Carrito_Linea .Carrito_CantidadPorUnidad {grid-column:5;grid-row:5;}
    .Ancho_M .Carrito_Linea .Carrito_Cantidad {grid-column:6; grid-row:5;}
    .Ancho_M .Carrito_Linea .Carrito_PrecioTotal {grid-column:7;grid-row:5;}*/
  /*  grid-row:6; */
  /* grid-column: 3; grid-row: 6;*/
  /*Bocadillos del mapa en el planificador*/
  /* ***********************************************************************************************************************
    MAQUETACIÓN NUEVA FICHA DE PRODUCTO DETALLE ALTERNATIVA
************************************************************************************************************************ */
  /*
===========================================================
	THEME BUTTONS:
    -Estilos de colores de los botones de la web.
    -Los estilos especiales de md-buttons que no tengan que ver con color, 
        irán a el archivo: angular/angular-material-custom-buttons.css
===========================================================
*/
  /*#region Metro-UI Shortcut-button*/
  /*#endregion*/
  /*#region PRIMARY*/
  /*#region botones Inversos*/
  /*#endregion*/
  /*#endregion*/
  /*#region SECONDARY*/
  /*#region botones Inversos*/
  /*#endregion*/
  /*#endregion*/
  /*#region ACCENT*/
  /*#region botones Inversos*/
  /*#endregion*/
  /*#endregion*/
  /*#region WARN*/
  /*#region botones Inversos*/
  /*#endregion*/
  /*#endregion*/
  /* Font Colors */
  /*#region*/
  /*#endregion*/
  /*=============================
    Configuraciones por tema
  =============================*/
  /*======================*/
  /*#region FONDO TOP NAV BAR*/
  /*#endregion*/
  /*======================*/
  /*======================*/
  /*#region FUENTE TOP NAV BAR*/
  /*#endregion*/
  /*======================*/
  /*======================*/
  /*#region TOP NAV BAR*/
  /*#endregion*/
  /*======================*/
  /*Color del fondo del input de los dropdownlist*/
  /*====================Templates columnas grids=====================*/
  /* AJUSTES KENDO RESPONSIVE */
  /*
    .KendoGridAutoResponsive .k-master-row label { display: none; }
    .KendoGridAutoResponsive.AnchoControl-XS .k-master-row label,
    .KendoGridAutoResponsive.AnchoControl-SM .k-master-row label { display: inline-block; padding-right: 10px; text-transform: uppercase; font-size: 13px; opacity: .5; }
*/
  /*.AnchoControl-XS,
.AnchoControl-SM*/
  /*======================*/
  /*#region Logos*/
  /*#endregion*/
  /*======================*/
  /*======================*/
  /*#region Login*/
  /*#endregion*/
  /*======================*/
  /*======================*/
  /*#region Slideshow */
  /*#endregion*/
  /*======================*/
  /* FORMULARIO : TODO - Pasar estas variables globales a la hoja de estilo _globals */
  /*
.Formulario footer { text-align: center; }
.Formulario aside { text-align: right; }
*/
  /*
                            _____________________________________________________________________________________________
                            |                           F O R M U L A R I O  -  L A Y O U T                             |
                            |___________________________________________________________________________________________|
                            |      |   UnaColumna   |  DosColumnas   |  TresColumnas  | CuatroColumnas | CincoColumnas  |
    ________________________|______|________________|________________|________________|________________|________________|
    .AnchoDosColumnas       |      |        X       |      100       |     66.666     |       50       |       40       |   
    ________________________|______|________________|________________|________________|________________|________________|
    .AnchoTresColumnas      |      |        X       |        X       |       100      |       75       |       60       |   
    ________________________|______|________________|________________|________________|________________|________________|
    .AnchoCuatroColumnas    |      |        X       |        X       |        X       |       100      |       80       |   
    ________________________|______|________________|________________|________________|________________|________________|
    .AnchoCincoColumnas     |      |        X       |        X       |        X       |        X       |       100      |   
    ________________________|______|________________|________________|________________|________________|________________|


    Estos anchos de columnas resultado de aplicar estas class a los div contenedores de los controles podrían conseguirse aplicándoles en su lugar 
    un estilo inline con su ancho, en la forma de style="width:70%". Sin embargo ese enfoque impedirá sobrescribir esos anchos al cambiar de resoluciones,
    donde por ejemplo al pasar a resolución movil lo hacemos todo a una columna con el 100% de ancho. Por tanto, la recomendación para establecer el ancho de los controles
    es utilizar estas clases.

*/
  /*.Formulario > fieldset.CincoColumnas > div.AnchoDosColumnas { width: 40%; }
.Formulario > fieldset.CincoColumnas > div.AnchoTresColumnas { width: 60%; }
.Formulario > fieldset.CincoColumnas > div.AnchoCuatroColumnas { width: 80%; }
.Formulario > fieldset.CincoColumnas > div.AnchoCincoColumnas { width: 100%; }*/
  /* RADIOGROUP OPORTUNIDADES */
  /* Ajuste tamaño labels que tengan el role="img" en los que guardaremos iconos, para darles un tamaño grande por defecto. Los usamos por ejemplo en los label de los radiobuttons de evaluación de interacciones */
  /* RADIO GROUPS GENERICOS */
  /* Estilos específicos para los group de evaluación de Interacciones, dando colores tipo semáforo cuando están seleccionados, en lugar del estandar verde por defecto para todos */
  /*
.Formulario fieldset { box-shadow: 0 5px 9px rgba(0, 0, 0, 0.1) !important; border-color: rgba(99,115,202,.2) !important; }
.clienteByComercial .fichaCabecera { background-color: #ecefff !important; }
.clienteByComercial .fichaCabecera .titulo h2 { background-color: rgba(99,115,202,1) !important; }
md-toolbar.menu-top.bg-menu-top.alt { background-color: #6373ca !important; }
*/
  /* COLORES PARA LOS ICONOS */
  /**************************************/
  /*                                    */
  /*   Ajustes imagen gráfica de JUPER  */
  /*                                    */
  /**************************************/
  /**************************************/
  /*                                    */
  /*   Ajustes imagen gráfica de JUPER  */
  /*                                    */
  /**************************************/
  /*// Cargamos las fuentes de letra específicas del proyecto de HOFF
@font-face { font-family: 'AkzidenzGrotesk'; font-style: normal; font-weight: 400; src: url(../../fonts/AkzidenzGrotesk-Regular.otf) format('opentype'); }
@font-face { font-family: 'AkzidenzGroteskBold'; font-style: normal; font-weight: 400; src: url(../../AkzidenzGrotesk-BoldExtended.otf) format('opentype'); }

// Fuente de letra para toda la aplicación en general
main.CardComponent {font-family: 'AkzidenzGrotesk', Arial, sans-serif;}
main.CardComponent .md-button {font-family: 'AkzidenzGrotesk', Arial, sans-serif;}
.sidebar-menu {font-family: 'AkzidenzGrotesk', Arial, sans-serif;}

// Fuente de letra en los títulos de la página
main.CardComponent h1, 
.fichaCabecera h2,
main.CardComponent .IndexGridTitulo {font-family: 'AkzidenzGroteskBold', Arial, sans-serif;}

.sidebar-menu h3 {font-family: 'AkzidenzGroteskBold', Arial, sans-serif;}

header h1 {color: #5cb85c !important;}


// Ajuste footer: Color de fondo
footer > div {background-color:#5cb85c !important;}
// Ajuste footer: Color textos y enlaces
.PieContenedor {color:#ffffff;}
.PieContenedor a {color: #ffffff;}
.PieContenedor a:hover {color: rgba(255,255,255,.7);}


// BARRA DE CABECERA PRINCIPAL
//  Barra de cabecera cuando estamos logueados como admin "centralsuper"
md-toolbar.menu-top.bg-menu-top.admin {background-color: #224422 !important; color: #ffffff;}
// Menú superior
//     Color de los enlaces de menú superior en el hover
menu > top-bar .menu-buttons a:hover {color:#224422;}
*/
  /*// Ajuste lateral Izquierdo en cliente: 
//  Datos de cliente: Fondo ficha
.fichaCabecera {background-color:transparent;}
//  Datos de cliente: Cabecera
.fichaCabecera .titulo h2 {background-color:#5cb85c;}
// Menú lateral
clientes-menu-ficha > a,
crm-comercial-contactos-menu-ficha > a,
sat-menu-clientes > a,
ul.SubmenuCarritoB2B li a {background-color: #5cb85c; color:#ffffff;}
ul.SubmenuCarritoB2B li a > label {color:#ffffff;}
// Menú lateral - Hover
clientes-menu-ficha > a:hover,
crm-comercial-contactos-menu-ficha > a:hover,
sat-menu-clientes > a:hover {background-color: #5cb85c; color:rgba(255,255,255,.5);}
ul.SubmenuCarritoB2B li a:hover > label {color:rgba(255,255,255,.5);}
// Menú lateral (seleccionado)
clientes-menu-ficha > a.active,
crm-comercial-contactos-menu-ficha > a.active,
sat-menu-clientes > a.active,
ul.SubmenuCarritoB2B li.active a {background-color: #ffffff; border:3px solid #5cb85c; color:#5cb85c;}
ul.SubmenuCarritoB2B li.active a > label {color:#5cb85c;}
// Menú lateral (seleccionado) - Icono
clientes-menu-ficha > a.active:before,
crm-comercial-contactos-menu-ficha > a.active:before,
sat-menu-clientes > a.active:before,
ul.SubmenuCarritoB2B li.active a > span {color:#5cb85c;}*/
  /*// TABS MATERIAL DESIGN
//  Elemento seleccionado (Color del texto y linea inferior "ripple")
md-tabs .md-tab.md-active {color: #5cb85c;}
md-tabs.md-default-theme .md-tab .md-ripple-container, 
md-tabs .md-tab .md-ripple-container {color: #224422;}*/
  /*// MENÚ LATERAL IZQUIERDO DEL ÁREA ADMIN
md-sidenav.bg-menu-lateral md-content {background-color: #ffffff; color: #5cb85c;}
md-sidenav.bg-menu-lateral md-content a, 
md-sidenav.bg-menu-lateral md-content a:visited {color: #5cb85c;}
md-sidenav.bg-menu-lateral md-content a i,
md-sidenav.bg-menu-lateral md-content a:visited i {color:#5cb85c;}
md-sidenav.bg-menu-lateral md-content li:hover a, 
md-sidenav.bg-menu-lateral md-content li:active a,
md-sidenav.bg-menu-lateral md-content li.active a {color: #ffffff;}
md-sidenav.bg-menu-lateral md-content li:hover a i, 
md-sidenav.bg-menu-lateral md-content li:active a i,
md-sidenav.bg-menu-lateral md-content li.active a i {color: #ffffff;}
md-sidenav.bg-menu-lateral md-content li:hover, 
md-sidenav.bg-menu-lateral md-content li.active {border-left: 3px solid #224422; background-color: #5cb85c; }*/
  /*// Controles básicos
// .form-inline input.form-control {background-color: #ffffff; border: 1px solid rgba(0,0,0,.3); border-radius: 0px;}
.form-inline .form-control {background-color: #ffffff; border: 1px solid rgba(0,0,0,.3); border-radius: 0px;}
.form-inline .form-control  .form-control {border:0px none black;}
// 
.k-gantt-toolbar .k-state-default, 
.k-grid .k-grouping-header, 
.k-grid-header, 
.k-grid-header-wrap, 
.k-grouping-header .k-group-indicator, 
.k-header, 
.k-pager-wrap, 
.k-pager-wrap .k-link, 
.k-pager-wrap .k-textbox {border: 1px solid rgba(0,0,0,.3); border-radius: 0px;}
// Controles fecha
.k-autocomplete .k-input, 
.k-dropdown-wrap .k-input, 
.k-picker-wrap .k-input, 
.k-numeric-wrap .k-input {background-color:#ffffff;}
.k-state-default > .k-select {background-color: #ffffff;}

// AJUSTES EXTRA GRIDS KENDO
//   Header sin color de fondo, pero con el color corporativo en las cabeceras e iconos de cabecera (icono de orden, de menú de filtros, ...) 
.k-grid .k-grid-header th.k-header {background-color: #ffffff !important; color: #5cb85c !important;}
.k-grid-header .k-header .k-header-column-menu span.k-icon.k-i-more-vertical {color: #5cb85c;}
.k-grid-header th.k-header > .k-link {color: #5cb85c !important;}
.k-grid-header .k-i-sort-asc-sm, 
.k-grid-header .k-i-sort-desc-sm, 
.k-grid-header .k-sort-order {color: #5cb85c;}
//   Ajustes a los bordes de la cabecera
.k-grid-header-wrap {border:none;}
.k-grid .k-grid-header {border-top: none; border-left: none; border-right: none; border-color: rgba(0,0,0,.2);}
.k-grid-pager {border: none !important; padding-right: 5px;}
//   Área de controles de filtros bajo los títulos de las cabeceras, con un fondo corporativo ligeramente atenuado
tr.k-filter-row {background-color: #dcefdc;}*/ }
  .clienteByComercial .kr-help-block {
    display: block;
    margin-top: 20px;
    margin-bottom: 0;
    color: #737373; }
  .clienteByComercial .collapse.width {
    height: auto;
    -webkit-transition: width 0.35s ease;
    -moz-transition: width 0.35s ease;
    -o-transition: width 0.35s ease;
    transition: width 0.35s ease; }
  .clienteByComercial .fichaCabecera .titulo h2 {
    text-align: center;
    font-weight: 800;
    background-color: #3d3d3d;
    color: white !important;
    padding: 5px; }
  .clienteByComercial .fichaCabecera {
    background-color: #e6e6e6;
    color: #4d4d4d; }
  .clienteByComercial .fichaCabecera tr {
    padding: 10px; }
  .clienteByComercial .anchuraFijaBtn {
    width: 120px !important; }
  .clienteByComercial .seccion {
    padding: 10px;
    margin-top: 10px;
    border-bottom: 1px solid darkgrey; }
  .clienteByComercial #page-title h1 {
    font-weight: 800 !important;
    color: var(--colorWeb2) !important;
    font-size: 30px !important; }
  .clienteByComercial h2 {
    font-weight: 800 !important;
    color: var(--colorWeb2); }
  .clienteByComercial .bottomborder {
    padding-bottom: 10px;
    border-bottom: 1.5px solid var(--colorWeb2); }
  .clienteByComercial .semaforoDiv {
    cursor: pointer;
    display: inline; }
  .clienteByComercial .semaforoPedido {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    margin-top: 3px;
    margin-right: 5px;
    float: left;
    border: 2px solid white;
    line-height: 2; }
  .clienteByComercial .semaforoPedido.estado0 {
    background-color: #6cb6f7; }
  .clienteByComercial .semaforoPedido.estado1 {
    background-color: #be3df7; }
  .clienteByComercial .semaforoPedido.estado2 {
    background-color: #0cc285; }
  .clienteByComercial .semaforoPedido.estado3 {
    background-color: #d92800; }
  .clienteByComercial .texto0 {
    color: #6cb6f7;
    font-weight: 800; }
  .clienteByComercial .texto1 {
    color: #be3df7;
    font-weight: 800; }
  .clienteByComercial .texto2 {
    color: #0cc285;
    font-weight: 800; }
  .clienteByComercial .semaforoTabla span {
    float: left; }
  .clienteByComercial .semaforoFacturas {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    margin-top: 3px;
    margin-right: 5px;
    float: left;
    border: 2px solid white;
    line-height: 2; }
  .clienteByComercial .semaforoFacturas.factura {
    background-color: #ec9330; }
  .clienteByComercial .semaforoFacturas.abono {
    background-color: #0cc285; }
  .clienteByComercial .semaforoFacturas.todas {
    background-color: #d92800; }
  .clienteByComercial .gridAbono {
    font-weight: 800;
    color: #0cc285; }
  .clienteByComercial .gridFactura {
    font-weight: 800;
    color: #ec9330; }
  .clienteByComercial .empresa1 {
    font-weight: 800;
    color: #2da34b; }
  .clienteByComercial .empresa2 {
    font-weight: 800;
    color: #008fe2; }
  .clienteByComercial .gridId {
    font-weight: 800;
    color: var(--colorWeb2); }
  .clienteByComercial .gridId2 {
    font-weight: 800;
    color: var(--colorWeb6); }
  .clienteByComercial .gridLink {
    cursor: pointer;
    text-decoration: underline !important; }
  .clienteByComercial .contactoCliente {
    color: var(--colorClientes);
    font-weight: 800; }
  .clienteByComercial .contactoProveedor {
    color: var(--colorProveedores);
    font-weight: 800; }
  .clienteByComercial .contactoPotencial {
    color: var(--colorPotenciales);
    font-weight: 800; }
  .clienteByComercial .contacto1 {
    color: #0cc285;
    font-weight: 800; }
  .clienteByComercial .contacto2 {
    color: #be3df7;
    font-weight: 800; }
  .clienteByComercial .contacto3 {
    color: #ec9330;
    font-weight: 800; }
  .clienteByComercial .detalle-border {
    border: 2px solid #bababa; }
  .clienteByComercial .bloqueIVA {
    border: 2px solid black; }
  .clienteByComercial .bloqueIVA td, .clienteByComercial .bloqueIVA th {
    padding: 10px; }
  .clienteByComercial .btnPasadorActual {
    color: var(--colorWeb1);
    font-weight: 800; }
  .clienteByComercial .divPasadorActual {
    width: 200px;
    display: inline; }
  .clienteByComercial .md-dialog-container {
    height: 100% !important; }
  .clienteByComercial .DashboardFeed {
    margin-top: 20px;
    box-shadow: none; }
  .clienteByComercial .DashboardFeed .k-widget.k-listview {
    border: 0px none black; }
  .clienteByComercial .DashboardFeed .k-widget.k-listview > div {
    background-color: #ffffff; }
  .clienteByComercial .DashboardFeed .item {
    display: grid;
    grid-template-columns: 100px auto [last-col];
    padding-bottom: 5px; }
  .clienteByComercial .DashboardFeed .item .FechaHora {
    grid-row: 1;
    grid-column: 1;
    text-align: right;
    padding-right: 10px; }
  .clienteByComercial .DashboardFeed .item .Fecha,
  .clienteByComercial .DashboardFeed .item .Hora {
    display: block;
    margin-right: 10px;
    font-size: 12px;
    font-style: italic;
    opacity: .8; }
  .clienteByComercial .DashboardFeed .item .Datos {
    grid-row: 1;
    grid-column: 2;
    padding-left: 15px;
    position: relative; }
  .clienteByComercial .DashboardFeed .item .Datos:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 2px;
    background-color: #ccc; }
  .clienteByComercial .DashboardFeed .item .Datos .Evento {
    position: absolute;
    display: block;
    top: 3px;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid #cccccc;
    background-color: #ffffff; }
  .clienteByComercial .DashboardFeed .item .Nombre {
    display: inline-block;
    font-style: italic;
    color: #777777; }
  .clienteByComercial .DashboardFeed .item .Nombre:after {
    content: ": "; }
  .clienteByComercial .DashboardFeed .item .Mensaje {
    display: inline-block; }
  .clienteByComercial .DashboardFeed .item.CreateOpportunity .Evento {
    border-color: #2f722f; }
  .clienteByComercial .DashboardFeed .CargarMas {
    display: none; }
  .clienteByComercial .DashboardFeed .item.Deleted .gridLink {
    text-decoration: line-through !important;
    cursor: default; }
  .clienteByComercial .k-grid nav {
    font-size: 0px; }
  .clienteByComercial .k-grid nav > a {
    display: inline-block;
    min-width: 36px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    margin: 2px;
    border-radius: 3px;
    background-color: #00384e;
    overflow: hidden !important;
    font-size: 13px; }
  .clienteByComercial .k-grid nav > a > i {
    color: #ffffff;
    display: inline-block;
    font-size: 25px;
    margin: 0px;
    padding-top: 7px;
    padding-left: 5px; }
  .clienteByComercial filtro-letras {
    display: block;
    font-size: 0px;
    text-align: center;
    margin: 20px 10px 20px 10px; }
  .clienteByComercial filtro-letras > a {
    display: inline-block;
    padding: 10px;
    margin: 1px;
    font-size: 10px;
    border-radius: 2px;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    color: #636262 !important;
    user-select: none;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .clienteByComercial filtro-letras > a:hover {
    background-color: rgba(158, 158, 158, 0.2);
    color: #636262; }
  .clienteByComercial filtro-letras > a.active {
    background-color: #dddddd; }
  .clienteByComercial filtro-letras > a:first-child {
    width: auto; }
  .clienteByComercial filtros-tipos-contacto * {
    user-select: none; }
  .clienteByComercial filtros-tipos-contacto {
    display: inline-block;
    padding: 15px 15px 15px 15px; }
  .clienteByComercial filtros-tipos-contacto .semaforoContacto {
    border-radius: 50%;
    height: 15px;
    width: 15px;
    margin-top: 0px;
    margin-right: 5px;
    float: left;
    border: 2px solid white;
    line-height: 2; }
  .clienteByComercial filtros-tipos-contacto .semaforoContacto.semaforoColorClientes {
    background-color: #0cc285; }
  .clienteByComercial filtros-tipos-contacto .semaforoContacto.semaforoColorPotencial {
    background-color: #ec9330; }
  .clienteByComercial filtros-tipos-contacto .semaforoContacto.semaforoColorProv {
    background-color: #be3df7; }
  .clienteByComercial filtros-tipos-contacto .semaforoContacto.semaforoColorTodos {
    background-color: #d92800; }
  .clienteByComercial crm-comercial-contactos-grid .gridEmpresa {
    font-weight: bold; }
  .clienteByComercial .contactoColorClientes {
    color: #0cc285; }
  .clienteByComercial .contactoColorPotenciales {
    color: #ec9330; }
  .clienteByComercial .contactoColorProveedores {
    color: #be3df7; }
  .clienteByComercial .contactoColorTodos {
    color: #d92800; }
  .clienteByComercial .BotonIrClientes {
    background-color: #0cc285 !important; }
  .clienteByComercial .BotonIrPotenciales {
    background-color: #ec9330 !important; }
  .clienteByComercial opportunity-dashboard-kpi {
    display: block;
    margin-bottom: 50px; }
  .clienteByComercial opportunity-dashboard-kpi .DashboardKPI > div > div > a {
    display: block;
    margin-bottom: 10px;
    border: none;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    background-color: silver; }
  .clienteByComercial opportunity-dashboard-kpi .DashboardKPI > div > div > a .tile-header {
    text-align: center; }
  .clienteByComercial opportunity-dashboard-kpi .DashboardKPI > div > div:nth-child(1) > a {
    background-color: #7ed1f3; }
  .clienteByComercial opportunity-dashboard-kpi .DashboardKPI > div > div:nth-child(2) > a {
    background-color: #f06eaa; }
  .clienteByComercial opportunity-dashboard-kpi .DashboardKPI > div > div:nth-child(3) > a {
    background-color: #123d67; }
  .clienteByComercial opportunity-dashboard-kpi .DashboardKPI > div > div:nth-child(4) > a {
    background-color: #fb9212; }
  .clienteByComercial opportunity-dashboard-kpi .DashboardKPI .tile-content-wrapper {
    min-height: 130px; }
  .clienteByComercial opportunity-dashboard-kpi .DashboardKPI .icon-separator-big {
    font-size: 40px;
    display: block;
    margin: 5px auto; }
  .clienteByComercial .buscadorContactos {
    width: 300px !important; }
  .clienteByComercial #ContactosMultiColumnComboBox-list {
    width: 300px !important; }
  .clienteByComercial #multiColumnComboBox-list {
    width: 300px !important;
    position: relative !important;
    left: -93px; }
  .clienteByComercial #ContactosMultiColumnComboBox-list > li > span,
  .clienteByComercial #multiColumnComboBox_listbox > li > span {
    width: 150px;
    max-width: 150px;
    min-width: 150px; }
  .clienteByComercial #multiColumnComboBox-list .k-grid-header colgroup > col:first-child,
  .clienteByComercial #ContactosMultiColumnComboBox-list .k-grid-header colgroup > col:first-child {
    width: 112px !important; }
  .clienteByComercial main.CardComponent {
    display: grid;
    margin: 10px;
    grid-template-columns: 300px auto; }
  .clienteByComercial main.CardComponent > header {
    position: relative;
    grid-row: 1;
    grid-column: 1 / 3; }
  .clienteByComercial main.CardComponent > aside {
    display: block;
    width: 300px;
    margin: 0px 0px 20px 0px;
    grid-row: 2;
    grid-column: 1; }
  .clienteByComercial main.CardComponent > aside > nav {
    padding-left: 10px; }
  .clienteByComercial main.CardComponent > article {
    display: block;
    margin: 0px 10px 10px 10px;
    grid-row: 2;
    grid-column: 2; }
  .clienteByComercial main.CardComponent > article:after {
    content: "";
    display: block;
    clear: both; }
  @media (max-width: 959px) {
    .clienteByComercial main.CardComponent {
      margin: 5px; }
    .clienteByComercial main.CardComponent > aside {
      width: 100%;
      grid-row: 2;
      grid-column: 1 / 3; }
    .clienteByComercial main.CardComponent > article {
      margin: 0px;
      grid-row: 3;
      grid-column: 1 / 3; } }
  .clienteByComercial main.CardComponent > header > .Selector {
    float: right;
    margin-top: 20px;
    width: 400px; }
  .clienteByComercial main.CardComponent > header > .Selector > span {
    display: block;
    width: 100%; }
  @media (max-width: 500px) {
    .clienteByComercial main.CardComponent > header > .Selector {
      width: 100%;
      margin-top: 0px; } }
  .clienteByComercial h1 {
    display: inline-block;
    margin: 10px !important;
    padding-bottom: 10px;
    padding-right: 10px;
    font-weight: 800 !important;
    color: #3498db !important;
    font-size: 30px !important;
    border-bottom: 1px solid #3498db; }
  .clienteByComercial h1 > i {
    display: inline-block;
    padding-right: 10px; }
  .clienteByComercial h1 {
    border: none; }
  .clienteByComercial main.CardComponent > article h2,
  .clienteByComercial main.CardComponent > article h1 {
    display: block;
    color: #3498db !important;
    opacity: .8;
    font-size: 23px !important;
    margin-top: 4px !important;
    border-top: 1px dotted #dddddd;
    border-bottom: 1px dotted #dddddd;
    padding: 10px;
    text-transform: uppercase; }
  .clienteByComercial crm-comercial-contactos-grid {
    display: block; }
  .clienteByComercial .ListadoCampos > div {
    border-bottom: 1px solid #ccc;
    margin: 5px 0 5px 0;
    font-size: 15px; }
  .clienteByComercial .ListadoCampos > div > label {
    display: inline-block;
    min-width: 250px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    opacity: .7; }
  @media (max-width: 500px) {
    .clienteByComercial .ListadoCampos > div {
      padding-left: 10px; }
    .clienteByComercial .ListadoCampos > div > label {
      display: block;
      margin-left: -10px;
      font-size: 10px; } }
  .clienteByComercial clientes-menu-ficha > input,
  .clienteByComercial crm-comercial-contactos-menu-ficha > input,
  .clienteByComercial sat-menu-clientes > input {
    display: none; }
  .clienteByComercial clientes-menu-ficha > input + label,
  .clienteByComercial crm-comercial-contactos-menu-ficha > input + label,
  .clienteByComercial sat-menu-clientes > input + label {
    position: relative;
    display: block;
    padding-left: 20px;
    font-size: 19px;
    font-weight: bold;
    cursor: pointer;
    user-select: none; }
  .clienteByComercial clientes-menu-ficha > input + label:before,
  .clienteByComercial crm-comercial-contactos-menu-ficha > input + label:before,
  .clienteByComercial sat-menu-clientes > input + label:before {
    display: inline-block;
    position: absolute;
    left: 0px;
    content: "\F40A";
    transform: rotate(90deg);
    transition: .5s;
    text-indent: 0px;
    z-index: 999;
    color: #000000;
    font-family: "Material Design Icons"; }
  .clienteByComercial clientes-menu-ficha > input:checked + label:before,
  .clienteByComercial crm-comercial-contactos-menu-ficha > input:checked + label:before,
  .clienteByComercial sat-menu-clientes > input:checked + label:before {
    transform: rotate(0deg); }
  .clienteByComercial clientes-menu-ficha > input + label + div,
  .clienteByComercial crm-comercial-contactos-menu-ficha > input + label + div,
  .clienteByComercial sat-menu-clientes > input + label + div {
    display: block; }
  .clienteByComercial clientes-menu-ficha > input:checked + label + div,
  .clienteByComercial crm-comercial-contactos-menu-ficha > input:checked + label + div,
  .clienteByComercial sat-menu-clientes > input:checked + label + div {
    display: none; }
  .clienteByComercial clientes-menu-ficha,
  .clienteByComercial crm-comercial-contactos-menu-ficha,
  .clienteByComercial sat-menu-clientes {
    display: inline-block; }
  .clienteByComercial clientes-menu-ficha > div > a,
  .clienteByComercial clientes-menu-ficha > a,
  .clienteByComercial crm-comercial-contactos-menu-ficha > div > a,
  .clienteByComercial crm-comercial-contactos-menu-ficha > a,
  .clienteByComercial sat-menu-clientes > div > a,
  .clienteByComercial sat-menu-clientes > a {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0px 3px 6px 0px;
    padding: 60px 3px 3px 3px;
    font-size: 10px;
    vertical-align: top;
    font-weight: normal;
    text-transform: uppercase;
    background-color: silver;
    text-align: center;
    transition: color .5s;
    text-overflow: ellipsis;
    overflow: hidden; }
  .clienteByComercial clientes-menu-ficha > div > a.active,
  .clienteByComercial clientes-menu-ficha > a.active,
  .clienteByComercial crm-comercial-contactos-menu-ficha > div > a.active,
  .clienteByComercial crm-comercial-contactos-menu-ficha > a.active,
  .clienteByComercial sat-menu-clientes > div > a.active,
  .clienteByComercial sat-menu-clientes > a.active {
    background-color: #929292 !important;
    color: #ffffff; }
  .clienteByComercial clientes-menu-ficha > div > a:hover,
  .clienteByComercial clientes-menu-ficha > a:hover,
  .clienteByComercial crm-comercial-contactos-menu-ficha > div > a:hover,
  .clienteByComercial crm-comercial-contactos-menu-ficha > a:hover,
  .clienteByComercial sat-menu-clientes > div > a:hover,
  .clienteByComercial sat-menu-clientes > a:hover {
    color: #ffffff; }
  .clienteByComercial clientes-menu-ficha > div > a:before,
  .clienteByComercial clientes-menu-ficha > a:before,
  .clienteByComercial crm-comercial-contactos-menu-ficha > div > a:before,
  .clienteByComercial crm-comercial-contactos-menu-ficha > a:before,
  .clienteByComercial sat-menu-clientes > div > a:before,
  .clienteByComercial sat-menu-clientes > a:before {
    position: absolute;
    display: block;
    top: 10px;
    left: 50%;
    margin-left: -20px;
    font-size: 40px;
    color: #ffffff; }
  .clienteByComercial page-index-crm article {
    display: block;
    padding: 0px 10px 10px 10px; }
  .clienteByComercial page-index-crm article > h1 {
    margin-left: 0px !important; }
  @media (max-width: 600px) {
    .clienteByComercial page-index-crm article {
      display: block;
      padding: 0px 2px 2px 2px; } }
  .clienteByComercial interacciones-form-alta-sin-campanya {
    display: block;
    min-height: 480px; }
  .clienteByComercial h1 > .EmpresaPadre {
    display: block;
    font-size: 15px;
    color: #cccccc; }
  .clienteByComercial h1 > .EmpresaPadre a {
    color: var(--colorWeb2);
    text-decoration: underline !important;
    font-style: italic;
    font-size: 19px; }
  .clienteByComercial crm-comercial-page-perfiles ul {
    list-style: none; }
  .clienteByComercial crm-comercial-page-perfiles ul > li {
    display: inline-block;
    position: relative;
    width: 170px;
    min-height: 46px;
    margin-right: 10px;
    padding: 10px 10px 10px 30px;
    background-color: #e6e6e6;
    color: #6b6969;
    vertical-align: top;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 11px; }
  .clienteByComercial crm-comercial-page-perfiles ul > li.selected {
    background-color: green;
    color: #ffffff; }
  .clienteByComercial crm-comercial-page-perfiles ul > li:before {
    content: "\f431";
    position: absolute;
    left: -20px;
    top: 0px;
    font-size: 50px;
    opacity: .15;
    transform: rotate(130deg);
    font-family: "Material Design Icons"; }
  .clienteByComercial crm-comercial-page-perfiles button {
    background-color: #00384E;
    border: 0px none black;
    color: #ffffff;
    padding: 10px 20px 10px 20px;
    border-radius: 2px; }
  .clienteByComercial crm-comercial-page-perfiles button:disabled {
    background-color: #cccccc; }
  .clienteByComercial crm-comercial-page-perfiles .Cuestionario {
    padding-left: 50px; }
  .clienteByComercial crm-comercial-page-perfiles .CuestionarioPerfilPregunta {
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: -40px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    opacity: .5; }
  .clienteByComercial crm-comercial-page-perfiles .CuestionarioPerfilRespuesta {
    display: inline-block;
    width: 33%;
    vertical-align: top; }
  .clienteByComercial crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input {
    display: none; }
  .clienteByComercial crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input + label {
    position: relative;
    display: inline-block;
    width: 90%;
    font-weight: normal;
    padding: 10px 10px 10px 35px;
    cursor: pointer;
    opacity: .8;
    transition: .5s;
    user-select: none;
    background-color: rgba(192, 192, 192, 0.2); }
  .clienteByComercial crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input + label:hover {
    opacity: 1; }
  .clienteByComercial crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input + label:before {
    content: "\f156";
    display: block;
    position: absolute;
    left: 10px;
    color: rgba(0, 0, 0, 0.25);
    font-size: 18px;
    font-weight: bold;
    font-family: "Material Design Icons"; }
  .clienteByComercial crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input:checked + label {
    font-weight: bold;
    opacity: 1;
    background-color: green;
    color: #ffffff; }
  .clienteByComercial crm-comercial-page-perfiles .CuestionarioPerfilRespuesta input:checked + label:before {
    content: "\f12c";
    font-weight: bold;
    opacity: 1;
    color: #ffffff; }
  @media (max-width: 768px) {
    .clienteByComercial crm-comercial-page-perfiles .CuestionarioPerfilRespuesta {
      width: 100%; } }
  .clienteByComercial ficha-producto {
    display: block; }

@font-face {
  .clienteByComercial {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v36/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUhiZTaR.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } }

@font-face {
  .clienteByComercial {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/oswald/v36/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUZiZQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } }
  .clienteByComercial .PopupFichaProducto {
    position: relative;
    background-color: #f3f3f3; }
  .clienteByComercial .PopupFichaProducto .modal-header {
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    border: none; }
  .clienteByComercial .PopupFichaProducto .modal-header > div {
    display: none; }
  .clienteByComercial .PopupFichaProducto .modal-header button {
    margin: 0px;
    z-index: 999; }
  .clienteByComercial .PopupFichaProducto .Cabecera {
    position: relative; }
  .clienteByComercial .PopupFichaProducto h2 {
    display: block;
    width: 100%;
    font-size: 65px;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    padding: 5px 40px 0px 40px;
    color: #7c7c7c;
    font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }
  .clienteByComercial .PopupFichaProducto h3 {
    display: block;
    text-align: center;
    font-size: 25px;
    color: #b3b3b3;
    font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }
  .clienteByComercial .PopupFichaProducto .Cabecera boton-producto-favorito {
    position: absolute;
    top: 57px;
    right: 30px; }
  .clienteByComercial .PopupFichaProducto .Cabecera boton-producto-favorito button {
    background-color: silver; }
  .clienteByComercial .PopupFichaProducto .Cabecera boton-producto-favorito button md-icon {
    font-size: 34px;
    margin: -7px 0px 0px 3px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal {
    position: absolute;
    top: 135px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow-y: scroll;
    font-size: 0px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal > * {
    font-size: 14px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Imagenes {
    display: inline-block;
    vertical-align: top;
    width: 50%; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Imagenes .ImagenContainer {
    background-color: #ffffff;
    width: 90%;
    margin: 0px auto 0px auto;
    min-height: 450px;
    margin-bottom: 50px;
    text-align: center; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Imagenes .imagenDefault {
    width: 90%;
    margin: 0px auto 0px auto;
    display: block;
    background: #ffffff no-repeat url(../../img/app_generic/imagenProductoDefault.png) center center;
    height: 400px;
    margin-bottom: 40px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Info {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0px 10px 10px 10px;
    font-size: 0px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Info > * {
    font-size: 14px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal {
    scrollbar-width: thin;
    scrollbar-color: #757575 #c2c2c2; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal::-webkit-scrollbar {
    width: 6px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 3px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal::-webkit-scrollbar-thumb {
    background: #757575;
    border-radius: 3px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal::-webkit-scrollbar-thumb:hover {
    background: #5e5e5e; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Stock {
    display: inline-block;
    position: relative;
    text-align: left;
    vertical-align: top;
    color: #757575;
    text-transform: uppercase;
    font-size: 17px;
    font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Stock > span {
    display: block;
    position: relative;
    line-height: 20px;
    padding-left: 25px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Stock > span:before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    background-color: silver; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Stock > span.StockDisponible:before {
    background-color: green; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Stock > span.StockAgotado:before {
    background-color: red; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Precio {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-align: right;
    font-size: 30px;
    color: #4b4b4b;
    margin-bottom: 50px;
    font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir {
    display: flex; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad {
    display: block;
    position: relative;
    width: 125px;
    height: 90px;
    background-color: #b8b8b8;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-weight: normal;
    color: #4b4b4b; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad input {
    display: block;
    font-size: 40px;
    color: #4b4b4b;
    background-color: transparent;
    border: 0px none black;
    text-align: center;
    padding-left: 20px;
    width: 100%; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad input:focus {
    outline: none; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad > span {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
    text-transform: uppercase;
    opacity: .4;
    user-select: none;
    font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .BotonAnyadirCarrito {
    display: inline-block;
    margin-left: 15px;
    width: 100%;
    height: 90px;
    background-color: #b8b8b8;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    border: 0px none black;
    font-size: 35px;
    font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Descripcion {
    padding: 30px 20px 30px 20px;
    font-size: 16px !important;
    font-style: italic; }
  .clienteByComercial .PopupFichaProducto details {
    padding: 10px; }
  .clienteByComercial .PopupFichaProducto details > summary {
    position: relative;
    font-size: 30px;
    color: #8f8f8f;
    padding: 10px 10px 10px 10px;
    margin-bottom: 20px;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    text-transform: uppercase;
    font-weight: bold;
    user-select: none;
    cursor: pointer;
    font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }
  .clienteByComercial .PopupFichaProducto details > summary:hover {
    color: #757575; }
  .clienteByComercial .PopupFichaProducto details > summary:focus {
    outline: none; }
  .clienteByComercial .PopupFichaProducto details > summary:before {
    content: "+";
    position: absolute;
    display: block;
    top: 20px;
    right: 10px;
    font-size: 20px; }
  .clienteByComercial .PopupFichaProducto details[open] > summary:before {
    content: "-"; }
  .clienteByComercial .PopupFichaProducto details[open] summary ~ * {
    display: block;
    animation: animacion-desplegar-detalles .5s ease-in-out; }

@keyframes animacion-desplegar-detalles {
  0% {
    opacity: 0;
    margin-left: -10px; }
  100% {
    opacity: 1;
    margin-left: 0px; } }
  .clienteByComercial .PopupFichaProducto list-view-sustitutivos card-producto > md-card > .highlighted-informations {
    display: none; }
  .clienteByComercial .PopupFichaProducto h4 {
    position: relative;
    font-size: 30px !important;
    color: #8f8f8f;
    padding: 5px 10px 5px 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: bold;
    user-select: none;
    cursor: pointer;
    font-family: "Oswald", Roboto, "Helvetica Neue", sans-serif; }
  .clienteByComercial .PopupFichaProducto documentos-relacionados .k-pager-wrap {
    display: none; }
  .clienteByComercial .PopupFichaProducto documentos-relacionados .k-header {
    background-color: transparent; }
  .clienteByComercial .PopupFichaProducto documentos-relacionados .TituloDocumentosRelacionados {
    display: none; }
  .clienteByComercial .PopupFichaProducto documentos-relacionados .k-header .k-listview {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin-left: 20px; }
  .clienteByComercial .PopupFichaProducto escalados-grid,
  .clienteByComercial .PopupFichaProducto grid-promociones {
    display: block; }
  .clienteByComercial .PopupFichaProducto escalados-grid .k-grid,
  .clienteByComercial .PopupFichaProducto grid-promociones .k-grid {
    background-color: transparent;
    border: none;
    box-shadow: none; }
  .clienteByComercial .PopupFichaProducto escalados-grid .k-grid-content .k-alt,
  .clienteByComercial .PopupFichaProducto grid-promociones .k-grid-content .k-alt {
    background-color: transparent; }
  .clienteByComercial .PopupFichaProducto escalados-grid .k-grid-content,
  .clienteByComercial .PopupFichaProducto grid-promociones .k-grid-content {
    overflow-y: auto; }
  .clienteByComercial .PopupFichaProducto escalados-grid .k-grid-header,
  .clienteByComercial .PopupFichaProducto grid-promociones .k-grid-header {
    display: block;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    padding-right: 0px; }
  .clienteByComercial .PopupFichaProducto escalados-grid .k-grid-header .k-grid-header-wrap,
  .clienteByComercial .PopupFichaProducto grid-promociones .k-grid-header .k-grid-header-wrap {
    border: none; }
  .clienteByComercial .PopupFichaProducto escalados-grid .k-grid-header .k-grid-header-wrap th.k-header,
  .clienteByComercial .PopupFichaProducto grid-promociones .k-grid-header .k-grid-header-wrap th.k-header {
    background-color: transparent !important; }
  .clienteByComercial .PopupFichaProducto escalados-grid .k-grid-header .k-grid-header-wrap th.k-header .k-link,
  .clienteByComercial .PopupFichaProducto grid-promociones .k-grid-header .k-grid-header-wrap th.k-header .k-link {
    text-align: right;
    color: #a4a4a4 !important; }
  .clienteByComercial .modal-dialog .modal-content {
    top: 0px;
    left: 0px !important; }
  .clienteByComercial .modal.app-modal-window .modal-dialog,
  .clienteByComercial .modal-dialog {
    height: 100vh;
    overflow: hidden;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 40px; }
  .clienteByComercial .app-modal-window {
    width: 100% !important; }
  .clienteByComercial .PopupFichaProducto .Cabecera {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px; }
  .clienteByComercial .PopupFichaProducto h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 75px;
    line-height: 71px; }
  .clienteByComercial ficha-producto {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal {
    position: absolute;
    top: 135px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    overflow-y: scroll; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .GrupoAnyadir .Cantidad input {
    padding-left: 0px;
    position: relative;
    left: 5px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegablePrecios,
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegableDescuentos,
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegablePromociones,
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegableMateriales {
    display: inline-block;
    width: 50%;
    vertical-align: top; }
  @media (max-width: 1200px) {
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegablePrecios,
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegableDescuentos,
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegablePromociones,
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegableMateriales {
      width: 100%; } }
  @media (max-width: 900px) {
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .BotonAnyadirCarrito {
      font-size: 25px; }
    .clienteByComercial .PopupFichaProducto h2 {
      font-size: 40px; } }
  @media (max-width: 700px) {
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Imagenes {
      width: 100%; }
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Info {
      width: 100%; }
    .clienteByComercial .modal.app-modal-window .modal-dialog,
    .clienteByComercial .modal-dialog {
      padding: 10px; } }
  @media (max-width: 500px) {
    .clienteByComercial .PopupFichaProducto h2 {
      font-size: 40px;
      font-size: 25px; } }
  .clienteByComercial .slider {
    height: initial !important; }
  .clienteByComercial .product-info .product-title {
    font-size: 14px; }
  .clienteByComercial .product-info .product-reference {
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 2px;
    padding-top: 3px; }
  .clienteByComercial .product-info .product-price {
    font-size: 20px;
    display: block;
    padding-top: 5px; }
  .clienteByComercial card-producto md-card:focus .highlighted-informations,
  .clienteByComercial card-producto md-card:hover .highlighted-informations {
    padding-bottom: 15px;
    box-sizing: content-box; }
  .clienteByComercial .lineaPromocionHijo {
    background-color: #dedede;
    margin-left: 50px;
    border-bottom: 1px solid white; }
  .clienteByComercial .lineaPromocionHijo > div {
    margin-left: -50px; }
  .clienteByComercial .lineaPromocionHijo .CarritoBotonEliminar {
    visibility: hidden; }
  .clienteByComercial card-producto .EsPromocion {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #bf0000;
    padding: 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 1px;
    pointer-events: none;
    pointer-events: none;
    padding-right: 29px; }
  .clienteByComercial card-producto .EsPromocion > i {
    position: absolute;
    top: 3px;
    right: 2px;
    font-size: 20px;
    font-style: normal;
    opacity: .7; }
  .clienteByComercial grid-productos .EsPromocion {
    right: 0px;
    background-color: #bf0000;
    padding: 2px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 1px;
    pointer-events: none;
    text-align: center; }
  .clienteByComercial grid-productos .EsPromocion > i {
    font-size: 20px;
    font-style: normal;
    opacity: .7;
    padding-left: 10px;
    position: relative;
    top: 2px; }
  .clienteByComercial list-view-carrito-lineas .EsPromocion {
    right: 0px;
    background-color: #bf0000;
    padding: 2px 10px 6px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 1px;
    pointer-events: none;
    text-align: center; }
  .clienteByComercial list-view-carrito-lineas .EsPromocion > i {
    font-size: 20px;
    font-style: normal;
    opacity: .7;
    padding-left: 10px;
    position: relative;
    top: 2px; }
  .clienteByComercial .PopupFichaProducto escalados-grid .k-grid-header,
  .clienteByComercial .PopupFichaProducto grid-promociones .k-grid-header {
    display: none; }
  .clienteByComercial .ElementoLineaGridDetalleProducto {
    padding-left: 14px;
    text-align: right; }
  .clienteByComercial .ElementoLineaGridDetalleProducto span.textoInfo_1 {
    font-size: 12px;
    font-style: italic;
    opacity: 0.6; }
  .clienteByComercial .ElementoLineaGridDetalleProducto span.textoInfo_2 {
    font-size: 12px;
    font-style: italic;
    opacity: 0.6; }
  .clienteByComercial .ElementoLineaGridDetalleProducto .escaladoUnidades,
  .clienteByComercial .ElementoLineaGridDetalleProducto .escaladoResultado {
    padding: 0px 0px 0px 5px;
    font-weight: bold; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Precio {
    margin-bottom: 10px; }
  .clienteByComercial documentos-relacionados > .k-header > .k-listview > div {
    display: block;
    width: 100%; }
  .clienteByComercial documentos-relacionados > .k-header > .k-listview > div > a > span + span {
    font-size: 14px; }
  .clienteByComercial .PopupFichaProducto .Sustitutivos {
    margin-top: 20px; }
  .clienteByComercial .PopupFichaProducto .Sustitutivos h4 {
    font-size: 24px !important; }
  .clienteByComercial .PopupFichaProducto details > summary {
    font-size: 24px;
    padding-left: 15px;
    border-top: none; }
  .clienteByComercial .PopupFichaProducto details > summary:before {
    left: 5px;
    top: 13px; }
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Imagenes,
  .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Info {
    width: 100%; }
  .clienteByComercial .ContenidoPrincipal .InfoDesplegables {
    font-size: 0px; }
  .clienteByComercial .ContenidoPrincipal .InfoDesplegables > * {
    font-size: 14px; }
  .clienteByComercial .ContenidoPrincipal {
    display: grid;
    grid-template-columns: 40% 60%; }
  .clienteByComercial .ContenidoPrincipal .Imagenes {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 5; }
  .clienteByComercial .ContenidoPrincipal .Info {
    grid-column-start: 2;
    grid-row-start: 1;
    margin-bottom: -30px; }
  .clienteByComercial .ContenidoPrincipal .InfoDesplegables {
    grid-column-start: 2;
    grid-row-start: 2; }
  .clienteByComercial .ContenidoPrincipal .Sustitutivos {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 6; }
  @media (max-width: 700px) {
    .clienteByComercial .ContenidoPrincipal {
      display: grid;
      grid-template-columns: 100%; }
    .clienteByComercial .ContenidoPrincipal .Imagenes {
      grid-column-start: 1;
      grid-row-start: 2;
      grid-row-end: 3; }
    .clienteByComercial .ContenidoPrincipal .Info {
      grid-column-start: 1;
      grid-row-start: 1; }
    .clienteByComercial .ContenidoPrincipal .InfoDesplegables {
      grid-column-start: 1;
      grid-row-start: 3; }
    .clienteByComercial .ContenidoPrincipal .Sustitutivos {
      grid-column-start: 1;
      grid-row-start: 4; }
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Imagenes {
      width: 100%; }
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .Info {
      width: 100%; }
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .InfoDesplegables {
      width: 100%; }
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegablePrecios,
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegableDescuentos,
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegablePromociones,
    .clienteByComercial .PopupFichaProducto .ContenidoPrincipal .DesplegableMateriales {
      width: 100%; } }
  .clienteByComercial page-title {
    margin-right: 0px; }
  .clienteByComercial page-title div#page-title {
    display: block; }
  @media (max-width: 599px) {
    .clienteByComercial page-title div#page-title {
      padding: 0px !important; }
    .clienteByComercial page-title div#page-title h1 {
      display: inline-block;
      font-size: 21px !important;
      padding: 0px;
      margin: 5px !important;
      word-break: break-word; } }
  .clienteByComercial main.CardComponent.clienteByComercial h1 {
    word-break: break-word; }
  .clienteByComercial page-index-b2b page-title #page-title > h1 {
    display: inline-block;
    padding-right: 70px !important; }
  .clienteByComercial page-index-b2b page-title #page-title > h1 titulo {
    margin-left: 10px; }
  .clienteByComercial .AreaEnviarAClientesSeleccionados > div {
    align-items: flex-start; }
  .clienteByComercial .BotonEnviarAClientesSeleccionados.md-button {
    min-width: 0px;
    white-space: initial;
    line-height: initial;
    padding: 10px; }
  .clienteByComercial .TextoEnviarAClientesSeleccionados {
    padding: 10px 10px 10px 5px;
    text-align: justify; }
  .clienteByComercial .PieContenedor {
    display: grid;
    grid-template-columns: 200px auto 200px;
    color: #ccc;
    border-color: #000;
    background: #2d2d2d;
    padding: 10px;
    min-height: 80px; }
  .clienteByComercial .PieContenedor > div {
    display: inline-block;
    padding-bottom: 10px; }
  .clienteByComercial .PieContenedor .PieAyuda {
    grid-row: 1;
    grid-column: 1;
    padding-top: 12px; }
  .clienteByComercial .PieContenedor .PieMenu {
    grid-row: 1;
    grid-column: 2;
    padding-top: 12px; }
  .clienteByComercial .PieContenedor .PieLogo {
    grid-row: 1;
    grid-column: 3; }
  .clienteByComercial .PieContenedor .PieMenu > span {
    white-space: nowrap; }
  @media (max-width: 649px) {
    .clienteByComercial .PieContenedor {
      display: grid;
      grid-template-columns: 100%; }
    .clienteByComercial .PieContenedor .PieAyuda {
      grid-row: 1;
      grid-column: 1;
      padding-top: 0px; }
    .clienteByComercial .PieContenedor .PieMenu {
      grid-row: 2;
      grid-column: 1;
      padding-top: 0px; }
    .clienteByComercial .PieContenedor .PieLogo {
      grid-row: 3;
      grid-column: 1; } }
  .clienteByComercial .k-grid-header th.k-header > .k-link, .clienteByComercial .k-grid-header th.k-header {
    font-size: 11px !important;
    font-weight: 800 !important; }
  .clienteByComercial .GridSinCabecera > .k-grid > .k-grid-header {
    display: none; }
  .clienteByComercial .GridSinScroll > .k-grid > .k-grid-content {
    overflow-y: hidden; }
  .clienteByComercial .k-grid > .k-grid-content {
    overflow-y: hidden; }
  .clienteByComercial .k-grid .k-grid-header {
    padding-right: 0px !important; }
  .clienteByComercial grid-facturas-vencimientos .Vencido {
    line-height: 10px; }
  .clienteByComercial .modal-content pop-up {
    height: 100%;
    display: block;
    position: relative; }
  .clienteByComercial .modal-content pop-up .modal-body {
    display: block;
    overflow-y: scroll;
    overflow-y: overlay;
    height: initial;
    position: absolute;
    top: 72px;
    bottom: 0px;
    left: 0px;
    right: 0px; }
  .clienteByComercial .modal-content pop-up .modal-body content {
    height: initial;
    display: block;
    padding: 20px; }
  .clienteByComercial .PopupFichaProducto materiales-grid {
    display: block; }
  .clienteByComercial .PopupFichaProducto materiales-grid .k-grid {
    background-color: transparent;
    border: none;
    box-shadow: none; }
  .clienteByComercial .PopupFichaProducto materiales-grid .k-grid-content .k-alt {
    background-color: transparent; }
  .clienteByComercial .PopupFichaProducto materiales-grid .k-grid-content {
    overflow-y: auto; }
  .clienteByComercial .PopupFichaProducto materiales-grid .k-grid-header {
    display: block;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    padding-right: 0px; }
  .clienteByComercial .PopupFichaProducto materiales-grid .k-grid-header .k-grid-header-wrap {
    border: none; }
  .clienteByComercial .PopupFichaProducto materiales-grid .k-grid-header .k-grid-header-wrap th.k-header {
    background-color: transparent !important; }
  .clienteByComercial .PopupFichaProducto materiales-grid .k-grid-header .k-grid-header-wrap th.k-header .k-link {
    text-align: right;
    color: #a4a4a4 !important; }
  .clienteByComercial .PopupFichaProducto materiales-grid .k-grid-header {
    display: none; }
  .clienteByComercial .ListaEstados {
    position: absolute;
    top: 0px;
    left: 3px;
    font-size: 0px; }
  .clienteByComercial .ListaEstados > div {
    display: inline-block;
    position: relative;
    height: 19px;
    width: 20px;
    font-size: 14px;
    background-color: silver;
    padding: 0px;
    margin: 0px 3px 0px 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .clienteByComercial .ListaEstados > div:after {
    display: block;
    position: absolute;
    left: 3px;
    top: 1px;
    font-family: "Material Design Icons";
    color: #ffffff; }
  .clienteByComercial .Estado_b2bCatalogo:after {
    content: "\f513"; }
  .clienteByComercial .Estado_b2bObsoleto:after {
    content: "\f511"; }
  .clienteByComercial .Estado_b2bOutlet:after {
    content: "\f501"; }
  .clienteByComercial .Estado_b2bDescatalogado:after {
    content: "\f329"; }
  .clienteByComercial .Estado_b2bProductoComprado:after {
    content: "\f017"; }
  .clienteByComercial .ListaEstados > div.active {
    background-color: green; }
  .clienteByComercial .ListaEstados > div.Estado_b2bCatalogo.active {
    background-color: #0cc285; }
  .clienteByComercial .ListaEstados > div.Estado_b2bObsoleto.active {
    background-color: #ec9330; }
  .clienteByComercial .ListaEstados > div.Estado_b2bOutlet.active {
    background-color: #be3df7; }
  .clienteByComercial .ListaEstados > div.Estado_b2bDescatalogado.active {
    background-color: #00384E; }
  .clienteByComercial .ListaEstados > div.Estado_b2bProductoComprado.active {
    background-color: #d92800; }
  .clienteByComercial input[tristate-checkbox] {
    display: none; }
  .clienteByComercial input[tristate-checkbox] + label {
    position: relative;
    cursor: pointer;
    user-select: none;
    margin-right: 6px;
    padding-top: 5px;
    padding-bottom: 5px; }
  .clienteByComercial input[tristate-checkbox] + label:before {
    content: "";
    background-color: green;
    width: 21px;
    height: 11px;
    display: inline-block;
    margin-right: 3px;
    border-radius: 6px; }
  .clienteByComercial input[tristate-checkbox] + label:after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 8px;
    left: 2px;
    width: 9px;
    height: 9px;
    border-radius: 8px;
    border: 2px solid #cbcbcb;
    background-color: black;
    transition: .5s; }
  .clienteByComercial input[tristate-checkbox].tristate-undefined + label:after {
    left: 6px;
    background-color: #cbcbcb; }
  .clienteByComercial input[tristate-checkbox].tristate-checked + label:after {
    left: 10px;
    background-color: green; }
  .clienteByComercial input[tristate-checkbox].tristate-unchecked + label:after {
    left: 2px;
    background-color: red; }
  .clienteByComercial input[tristate-checkbox].tristate-undefined + label {
    color: black; }
  .clienteByComercial input[tristate-checkbox].tristate-checked + label {
    color: green; }
  .clienteByComercial input[tristate-checkbox].tristate-unchecked + label {
    color: red; }
  .clienteByComercial .Grupo_FiltroEstado > #b2bCatalogo + label:before {
    background-color: #0cc285; }
  .clienteByComercial .Grupo_FiltroEstado > #b2bObsoleto + label:before {
    background-color: #ec9330; }
  .clienteByComercial .Grupo_FiltroEstado > #b2bOutlet + label:before {
    background-color: #be3df7; }
  .clienteByComercial .Grupo_FiltroEstado > #b2bDescatalogado + label:before {
    background-color: #00384E; }
  .clienteByComercial .Grupo_FiltroEstado > #b2bProductoComprado + label:before {
    background-color: #d92800; }
  .clienteByComercial grid-productos .k-grid-content table tbody tr td {
    position: relative; }
  .clienteByComercial ficha-producto .Cabecera .ListaEstados {
    top: 77px; }
  .clienteByComercial ficha-card {
    position: relative; }
  .clienteByComercial ficha-card input#CheckOcultarLateral {
    display: none; }
  .clienteByComercial ficha-card input#CheckOcultarLateral + label {
    position: fixed;
    display: block;
    left: -8px;
    top: 200px;
    width: 31px;
    height: 88px;
    z-index: 99;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
    text-indent: 999px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 2px solid #ffffff;
    background-color: var(--topNavBar); }
  .clienteByComercial ficha-card input#CheckOcultarLateral:checked + label {
    background-color: var(--topNavBar); }
  .clienteByComercial ficha-card input#CheckOcultarLateral + label:after {
    content: "\F40A";
    font-family: "Material Design Icons";
    transform: rotate(180deg);
    transition: .5s;
    position: absolute;
    display: block;
    margin-top: 50%;
    top: 20px;
    left: 8px;
    text-indent: 0px;
    z-index: 999;
    color: #ffffff; }
  .clienteByComercial ficha-card input#CheckOcultarLateral:checked + label:after {
    transform: rotate(0deg); }
  .clienteByComercial ficha-card input#CheckOcultarLateral:checked + label + main.CardComponent > aside {
    margin-left: -350px; }
  .clienteByComercial ficha-card input#CheckOcultarLateral:checked + label + main.CardComponent > article {
    margin-left: -300px; }
  @media (max-width: 959px) {
    .clienteByComercial ficha-card input#CheckOcultarLateral + label + main.CardComponent > article,
    .clienteByComercial ficha-card input#CheckOcultarLateral:checked + label + main.CardComponent > article {
      margin-left: 0px; }
    .clienteByComercial ficha-card input#CheckOcultarLateral + label {
      display: none; } }
  .clienteByComercial .modal-uploader .modal-dialog {
    width: 50% !important;
    height: 100vh !important;
    overflow: hidden;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 40px; }
  .clienteByComercial .ContenedorFichasDirecciones {
    display: grid;
    grid-template-columns: 33% 33% 33%; }
  .clienteByComercial .ficha-card-direccion {
    width: 100%; }
  .clienteByComercial .ficha-card-direccion > md-card {
    height: 100%; }
  .clienteByComercial .CardDireccionEnvio {
    height: 100%;
    position: relative; }
  .clienteByComercial md-card.CardDireccionEnvio md-card-content {
    height: 100%; }
  .clienteByComercial .CardDireccionEnvio md-card-content > div {
    height: 100%;
    position: initial; }
  .clienteByComercial .CardDireccionEnvio .VerDetalles {
    bottom: 10px;
    right: 10px; }
  .clienteByComercial .CardDireccionEnvio .EditarHorario {
    bottom: 26px;
    left: 10px; }
  .clienteByComercial .CardDireccionEnvio .EliminarDireccion {
    bottom: 10px;
    left: 10px; }
  .clienteByComercial .ContenedorFichasDirecciones {
    grid-template-columns: 100%; }
  @media (min-width: 960px) {
    .clienteByComercial .ContenedorFichasDirecciones {
      grid-template-columns: 50% 50%; } }
  @media (min-width: 1300px) {
    .clienteByComercial .ContenedorFichasDirecciones {
      grid-template-columns: 33% 33% 33%; } }
  .clienteByComercial .ContenedorGridsInicio {
    display: block !important; }
  .clienteByComercial md-content#page-content-wrapper {
    overflow: hidden !important; }
  .clienteByComercial list-view-productos md-card-icon-actions md-input-container .md-input {
    height: 20px;
    font-size: 15px;
    line-height: 20px; }
  .clienteByComercial list-view-carrito-lineas md-input-container .md-input {
    height: 20px;
    font-size: 15px;
    line-height: 20px; }
  .clienteByComercial .FormularioConfiguracionVisual h2 {
    background-color: var(--Corporativo_ColorPrimarioFondo);
    color: var(--Corporativo_ColorPrimarioTexto) !important;
    padding: 10px;
    font-size: 20px;
    margin-top: 25px;
    text-transform: uppercase; }
  .clienteByComercial .FormularioConfiguracionVisual h2 span {
    display: inline-block;
    padding-left: 10px;
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
    opacity: .5;
    text-transform: none; }
  .clienteByComercial :root {
    --Planificador-Seccion-Cabecera-ColorFondo: #018fe3;
    --Planificador-Seccion-Cabecera-ColorTexto: #ffffff;
    --Planificador-Seccion-ColorFondo: #cccccc;
    --Planificador-Botones-ColorFondo: var(--Planificador-Seccion-Cabecera-ColorFondo);
    --Planificador-Botones-ColorTexto: var(--Planificador-Seccion-Cabecera-ColorTexto); }
  .clienteByComercial .Oculto {
    display: none; }
  .clienteByComercial .PlanificadorDeRutasPro {
    display: grid;
    grid-template-rows: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    margin: 5px;
    font-size: 0.8em;
    height: 100vh;
    overflow: hidden; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article {
    display: block;
    position: relative;
    overflow: hidden;
    background-color: transparent; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article > header, .clienteByComercial pedidos-grid > header {
    position: relative;
    width: 100%;
    height: 36px;
    font-size: 1em;
    line-height: 36px;
    padding: 0px 15px 0px 10px;
    text-transform: uppercase;
    background-color: var(--Planificador-Seccion-Cabecera-ColorFondo);
    color: var(--Planificador-Seccion-Cabecera-ColorTexto); }
  .clienteByComercial .PlanificadorDeRutasPro > div > article > header > button, .clienteByComercial pedidos-grid > header > button {
    position: absolute;
    top: 3px;
    right: 14px;
    min-width: 80px;
    height: 30px;
    font-size: 12px;
    line-height: normal;
    padding: 3px;
    border: 1px solid #656565;
    border-radius: 4px;
    text-transform: uppercase;
    background-color: #a4a4a4; }
  .clienteByComercial .PlanificadorDeRutasPro > h1 {
    grid-row: 1;
    grid-column: 1/7;
    text-align: center;
    text-transform: uppercase; }
  .clienteByComercial .PlanificadorDeRutasPro > #LeftSection {
    grid-row: 2;
    grid-column: 1/6;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    grid-auto-rows: max-content; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection {
    grid-row: 2;
    grid-column: 6/7;
    height: 80vh; }
  .clienteByComercial .PlanificadorDeRutasPro > #LeftSection > button {
    grid-row: 1; }
  .clienteByComercial .PlanificadorDeRutasPro > #LeftSection > #Almacenes {
    grid-row: 2;
    grid-column: 1/4; }
  .clienteByComercial .PlanificadorDeRutasPro > #LeftSection > #Rutas {
    grid-row: 2;
    grid-column: 4/7; }
  .clienteByComercial .PlanificadorDeRutasPro > #LeftSection > #Geolocalizacion {
    grid-row: 3;
    grid-column: 1/5;
    height: 75vh; }
  .clienteByComercial .PlanificadorDeRutasPro > #LeftSection > #Pedidos {
    grid-row: 3;
    grid-column: 5/7;
    height: 75vh; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > #Envio {
    grid-row: 3;
    grid-column: 6/7;
    height: 85vh; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article > ul {
    /*position:absolute; top:36px; left:0px; right:0px; bottom:0px;*/
    margin: 0px;
    padding: 0px 5px 0px 0px;
    overflow-y: scroll;
    max-height: 200px; }
  .clienteByComercial pedidos-grid > ul {
    margin: 0px;
    padding: 0px 5px 0px 0px;
    overflow-y: scroll; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article > ul > li, .clienteByComercial pedidos-grid > ul > li {
    list-style: none;
    margin: 0px 0px 2px 0px;
    padding: 5px 5px 5px 10px;
    height: 80px;
    background-color: var(--Planificador-Seccion-ColorFondo); }
  .clienteByComercial .PlanificadorDeRutasPro > div > article > ul, .clienteByComercial pedidos-grid > ul {
    scrollbar-width: thin;
    scrollbar-color: #757575 #c2c2c2; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article > ul::-webkit-scrollbar, .clienteByComercial pedidos-grid > ul::-webkit-scrollbar {
    width: 6px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article > ul::-webkit-scrollbar-track, .clienteByComercial pedidos-grid > ul::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 3px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article > ul::-webkit-scrollbar-thumb, .clienteByComercial pedidos-grid > ul::-webkit-scrollbar-thumb {
    background: #757575;
    border-radius: 3px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article > ul::-webkit-scrollbar-thumb:hover, .clienteByComercial pedidos-grid > ul::-webkit-scrollbar-thumb:hover {
    background: #5e5e5e; }
  @supports (background-color: color-mix(in srgb, red, white)) {
    .clienteByComercial .PlanificadorDeRutasPro > div > article > ul > li, .clienteByComercial pedidos-grid > ul > li {
      background-color: color-mix(in srgb, var(--Planificador-Seccion-Cabecera-ColorFondo), white); } }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li {
    display: grid;
    grid-template-columns: 1fr 1fr 167px 90px;
    grid-template-rows: 25px auto auto;
    padding-right: 0px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > * {
    grid-row: 1;
    grid-column: 1/2; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales {
    grid-row: 1/4;
    grid-column: 3/4;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    padding: 3px;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    text-transform: uppercase; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Checkbox {
    grid-row: 1/4;
    grid-column: 4/5;
    align-self: center;
    justify-self: center; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > a.Nombre {
    grid-row: 1;
    grid-column: 1/3;
    justify-self: left;
    font-size: 17px;
    text-decoration: underline !important; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > address {
    grid-row: 2;
    grid-column: 1/3;
    margin: 0px 0px 0px 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Email {
    grid-row: 3;
    margin-left: 20px;
    position: relative;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 5px 0px 25px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Email:before {
    content: "\f1ee";
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #909090; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Telefono {
    grid-row: 3;
    grid-column: 2/3;
    position: relative;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 25px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Telefono:before {
    content: "\f602";
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #909090; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales .TotalPedido {
    grid-row: 1;
    grid-column: 1/2; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales .TotalDisponible {
    grid-row: 2;
    grid-column: 1/2; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales .TotalKilos {
    grid-row: 3;
    grid-column: 1/2; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales label {
    display: inline-block;
    text-align: right;
    opacity: .4;
    padding-right: 5px;
    font-weight: bold; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Almacenes > ul > li > .Totales span .Unidades {
    display: inline-block;
    padding-left: 5px;
    text-transform: none; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li {
    position: relative;
    display: grid;
    grid-template-columns: 20px 1fr 140px 135px 90px;
    grid-template-rows: 25px auto auto;
    padding-right: 0px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > * {
    grid-row: 1;
    grid-column: 1/2; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos {
    grid-row: 1/4;
    grid-column: 3/4;
    position: relative;
    height: 70px;
    margin-right: 2px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 22px 1fr;
    padding: 3px;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    text-transform: uppercase; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios {
    grid-row: 1/4;
    grid-column: 4/5;
    position: relative;
    height: 70px;
    margin-left: 2px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 22px 1fr;
    padding: 3px;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    text-transform: uppercase; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .Checkbox {
    grid-row: 1/4;
    grid-column: 5/6;
    align-self: center;
    justify-self: center; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .RutaColor {
    position: absolute;
    top: -3px;
    left: -8px;
    height: 76px;
    width: 20px;
    border: 1px solid #ffffff; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > a.Nombre {
    grid-row: 1;
    grid-column: 2/3;
    justify-self: left;
    font-size: 17px;
    text-decoration: underline !important; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .Descripcion {
    grid-row: 1;
    grid-column: 2/3;
    margin: 0px 0px 0px 35px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .Empresa {
    grid-row: 2;
    grid-column: 2/3;
    margin: 0px 0px 0px 35px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos h3 {
    display: block;
    position: absolute;
    top: 25px;
    left: -25px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    transform: rotate(-90deg);
    font-size: 11px;
    background-color: white;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    color: #717171; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos .Cantidad {
    grid-row: 1;
    grid-column: 2/3; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos .Peso {
    grid-row: 2;
    grid-column: 2/3; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos label {
    display: inline-block;
    text-align: right;
    opacity: .4;
    padding-right: 5px;
    font-weight: bold; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalPedidos span .Unidades {
    display: inline-block;
    padding-left: 5px;
    text-transform: none; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios h3 {
    display: block;
    position: absolute;
    top: 25px;
    left: -25px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    transform: rotate(-90deg);
    font-size: 11px;
    background-color: white;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    color: #717171; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios .Cerrados {
    grid-row: 1;
    grid-column: 2/3; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios .Pendientes {
    grid-row: 2;
    grid-column: 2/3; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios .Ver {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 10px;
    font-style: italic;
    color: blue;
    opacity: .5;
    border-bottom: 1px dashed blue; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios label {
    display: inline-block;
    pointer-events: none;
    text-align: right;
    opacity: .4;
    padding-right: 5px;
    font-weight: bold; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios span .Unidades {
    display: inline-block;
    padding-left: 5px;
    text-transform: none; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes {
    background-color: rgba(200, 2, 2, 0.5);
    color: black; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes h3 {
    background-color: #c80202;
    color: black; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.EnviosPreparados {
    background-color: rgba(0, 200, 0, 0.5);
    color: black; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.EnviosPreparados h3 {
    background-color: #00c800;
    color: black; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes .Cerrados,
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes .Pendientes,
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Rutas > ul > li > .TotalEnvios.TienePendientes .Ver {
    color: black;
    border-color: #ffffff; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Geolocalizacion > header > button.Maximizar {
    min-width: 0px;
    width: 30px;
    border: none;
    border-radius: 0px;
    background-color: transparent;
    color: #ffffff; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Geolocalizacion > header > button.Maximizar:before {
    content: "\f5b2";
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #ffffff; }
  .clienteByComercial .PlanificadorDeRutasPro > div > article#Geolocalizacion > .Mapa {
    height: 90%;
    background-color: var(--Planificador-Seccion-ColorFondo); }
  @supports (background-color: color-mix(in srgb, red, white)) {
    .clienteByComercial .PlanificadorDeRutasPro > div > article#Geolocalizacion > .Mapa {
      background-color: color-mix(in srgb, var(--Planificador-Seccion-Cabecera-ColorFondo), white); } }
  .clienteByComercial pedidos-grid > header > button.Limpiar {
    right: 50px; }
  .clienteByComercial pedidos-grid > header > button.sin-filtrar {
    min-width: 0px;
    width: 30px;
    border: none;
    border-radius: 0px;
    background-color: transparent;
    color: #ffffff; }
  .clienteByComercial pedidos-grid > header > button.sin-filtrar:before {
    content: "\f233";
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #ffffff; }
  .clienteByComercial pedidos-grid > header > button.filtrado {
    min-width: 0px;
    width: 30px;
    border: none;
    border-radius: 0px;
    background-color: transparent;
    color: #ffffff; }
  .clienteByComercial pedidos-grid > header > button.filtrado:before {
    content: "\f232";
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #ffffff; }
  .clienteByComercial pedidos-grid > header > button.ordenar {
    min-width: 0px;
    width: 30px;
    border: none;
    border-radius: 0px;
    background-color: transparent;
    color: #ffffff; }
  .clienteByComercial pedidos-grid > header > button.ordenar:before {
    content: "\f4ba";
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #ffffff; }
  .clienteByComercial pedidos-grid > header > span.agregar-todo {
    font-size: 2em; }
  .clienteByComercial pedidos-grid > header > button.agregar-todo:before {
    content: "\f415";
    font-family: "Material Design Icons";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    color: #ffffff; }
  .clienteByComercial pedidos-grid > ul {
    height: 72vh; }
  .clienteByComercial pedidos-grid > ul > li {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 90px 130px 35px;
    grid-template-rows: 25px auto auto; }
  .clienteByComercial pedidos-grid > ul > li > * {
    grid-row: 1;
    grid-column: 1/2; }
  .clienteByComercial pedidos-grid > ul > li > .Total {
    grid-row: 1/4;
    grid-column: 2/3;
    position: relative;
    height: 70px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    text-transform: uppercase; }
  .clienteByComercial pedidos-grid > ul > li > .Info {
    grid-row: 1/4;
    grid-column: 3/4;
    position: relative;
    height: 70px;
    margin: 0px 5px 0px 5px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 11px;
    text-transform: uppercase; }
  .clienteByComercial pedidos-grid > ul > li > .BotonAdd {
    grid-row: 1/4;
    grid-column: 4/5;
    align-self: center;
    justify-self: center;
    background-color: green;
    height: 70px;
    width: 35px;
    text-align: center;
    line-height: 70px;
    color: white;
    font-weight: bold;
    font-size: 25px;
    border: none; }
  .clienteByComercial pedidos-grid > ul > li > .BotonDelete {
    grid-row: 1/4;
    grid-column: 4/5;
    align-self: center;
    justify-self: center;
    background-color: red;
    height: 70px;
    width: 35px;
    text-align: center;
    line-height: 70px;
    color: white;
    font-weight: bold;
    font-size: 25px;
    border: none; }
  .clienteByComercial pedidos-grid > ul > li > .Titulo {
    grid-row: 1;
    grid-column: 1/2;
    justify-self: left; }
  .clienteByComercial pedidos-grid > ul > li > .Titulo a {
    font-size: 17px;
    text-decoration: underline !important; }
  .clienteByComercial pedidos-grid > ul > li > .Titulo .Almacen {
    display: inline-block;
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    opacity: .6; }
  .clienteByComercial pedidos-grid > ul > li > .Descripcion {
    grid-row: 2;
    grid-column: 1/2;
    margin: 0px 0px 0px 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px; }
  .clienteByComercial pedidos-grid > ul > li > address {
    grid-row: 3;
    grid-column: 1/2;
    margin: 0px 0px 0px 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 5px; }
  .clienteByComercial pedidos-grid > ul > li > .Total .Lineas {
    grid-row: 1;
    text-align: center; }
  .clienteByComercial pedidos-grid > ul > li > .Total .Peso {
    grid-row: 2;
    text-align: center; }
  .clienteByComercial pedidos-grid > ul > li > .Total .Lineas label,
  .clienteByComercial pedidos-grid > ul > li > .Total .Peso label {
    display: block;
    width: 100%;
    height: 15px;
    background-color: #ffffff; }
  .clienteByComercial pedidos-grid > ul > li > .Total .Lineas span,
  .clienteByComercial pedidos-grid > ul > li > .Total .Peso span {
    padding: 3px; }
  .clienteByComercial pedidos-grid > ul > li > .Total .Lineas span .Unidades,
  .clienteByComercial pedidos-grid > ul > li > .Total .Peso span .Unidades {
    text-transform: none; }
  .clienteByComercial pedidos-grid > ul > li > .Info .FechaEnvio {
    grid-row: 1;
    text-align: center; }
  .clienteByComercial pedidos-grid > ul > li > .Info .FechaEnvio label {
    display: block;
    width: 100%;
    height: 15px;
    background-color: #ffffff; }
  .clienteByComercial pedidos-grid > ul > li > .Info .FechaEnvio span {
    padding: 3px; }
  .clienteByComercial pedidos-grid > ul > li > .Info .Iconos {
    font-size: 0px;
    text-align: center; }
  .clienteByComercial pedidos-grid > ul > li > .Info .Iconos > div {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    margin-right: 4px;
    border: none;
    cursor: pointer;
    color: #555555; }
  .clienteByComercial pedidos-grid > ul > li > .Info .Iconos > div:after {
    position: absolute;
    display: block;
    left: 0px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    font-family: 'Material Design Icons'; }
  .clienteByComercial pedidos-grid > ul > li > .Info .Iconos > div.Estado:after {
    content: "\f764"; }
  .clienteByComercial pedidos-grid > ul > li > .Info .Iconos > div.Geolocalizado:after {
    content: "\f34e"; }
  .clienteByComercial pedidos-grid > ul > li > .Info .Iconos > div.Ruta:after {
    content: "\f10b"; }
  .clienteByComercial pedidos-grid > ul > li > .Info .Iconos > div.Ruta.Off:after {
    content: "\f10b"; }
  .clienteByComercial pedidos-grid > ul > li > .Info .Iconos > div.Comentarios:after {
    content: "\f3eb"; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido {
    height: 100%;
    padding: 7px 5px 7px 5px;
    background-color: var(--Planificador-Seccion-ColorFondo); }
  @supports (background-color: color-mix(in srgb, red, white)) {
    .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido {
      background-color: color-mix(in srgb, var(--Planificador-Seccion-Cabecera-ColorFondo), white); } }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .ComboEnvio select {
    width: 100%; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .ComboEnvio label {
    display: none; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoNuevo p {
    padding: 50px 15px 15px 15px;
    font-style: italic;
    font-size: 15px;
    font-color: #dddddd;
    text-align: center; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente {
    display: grid;
    height: 100%;
    grid-template-rows: 45vh 70px 60px;
    grid-template-columns: 1fr 25px;
    grid-gap: 5px;
    margin-top: 5px; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > * {
    grid-column: 1/3; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .FechaEnvio {
    grid-row: 1;
    grid-column: 1; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .FechaEnvio > input {
    width: 100%; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .FechaEnvio label {
    display: none; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .EditarComentarios {
    grid-row: 1;
    grid-column: 2/3;
    justify-self: right;
    position: relative;
    width: 20px;
    border: none;
    background-color: transparent; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .EditarComentarios:before {
    content: "\f21a";
    font-family: 'Material Design Icons';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: #555555; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .EditarComentarios:before.TieneDatos {
    color: #ff0000; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Ruta {
    display: block;
    width: 100%;
    border: 1px solid black; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Ruta .Color {
    display: block;
    width: 100%;
    height: 20px;
    border: 1px solid #ffffff;
    background-color: silver; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Ruta .Texto {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul {
    display: block;
    position: relative;
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    background-color: transparent; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li {
    display: block;
    display: grid;
    grid-template-columns: 1fr 30px;
    margin: 0px 2px 2px 0px;
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.5); }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li a {
    grid-row: 1;
    grid-column: 1/2;
    display: inline-block; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li .Eliminar {
    grid-row: 1;
    grid-column: 2/3;
    display: block;
    position: relative;
    justify-self: right;
    width: 23px;
    height: 23px;
    border: none; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li .Eliminar:before {
    content: "\f159";
    font-family: 'Material Design Icons';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 23px;
    height: 23px;
    font-size: 23px;
    color: #aa0000; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente > ul > li .Cliente {
    grid-row: 2;
    grid-column: 1/3;
    margin-left: 5px;
    font-size: 10px; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Totales {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    padding: 5px;
    font-size: 11px;
    background-color: rgba(255, 255, 255, 0.8); }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Totales > div > label {
    display: inline-block;
    width: 50%;
    text-align: right;
    opacity: .4;
    padding-right: 5px;
    font-weight: bold;
    text-transform: uppercase; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Botonera {
    font-size: 0px; }
  .clienteByComercial .PlanificadorDeRutasPro > #RightSection > article#Envio > .Contenido .EsPedidoExistente .Botonera button {
    display: inline-block;
    width: 100%;
    height: 30px;
    margin-top: 3px;
    font-size: 14px;
    line-height: 30px;
    border: 0px none black;
    border-radius: 4px;
    background-color: #018fe3;
    color: #ffffff; }
  @media (max-width: 1280px) {
    .clienteByComercial .PlanificadorDeRutasPro > div > #Almacenes {
      grid-row: 2;
      grid-column: 1/7;
      height: 350px; }
    .clienteByComercial .PlanificadorDeRutasPro > div > #Rutas {
      grid-row: 3;
      grid-column: 1/7;
      height: 350px; }
    .clienteByComercial .PlanificadorDeRutasPro > div > #Geolocalizacion {
      grid-row: 4;
      grid-column: 1/7;
      height: 300px; }
    .clienteByComercial .PlanificadorDeRutasPro > div > #Pedidos {
      grid-row: 5;
      grid-column: 1/7;
      height: 450px; }
    .clienteByComercial .PlanificadorDeRutasPro > div > #Envio {
      grid-row: 6;
      grid-column: 1/7;
      height: 450px; } }
  .clienteByComercial pedido-detalles-planificador .Formulario fieldset {
    border: none;
    background: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px;
    width: 100%; }
  .clienteByComercial pedido-detalles-planificador .Formulario fieldset > div {
    width: 100%; }
  .clienteByComercial article#ListadoDeEnviosEnRuta {
    display: block;
    position: relative;
    overflow: hidden;
    height: 70vh;
    background-color: transparent; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > header {
    width: 100%;
    height: 36px;
    font-size: 19px;
    line-height: 36px;
    padding: 0px 15px 0px 10px;
    text-transform: uppercase;
    background-color: var(--Planificador-Seccion-Cabecera-ColorFondo);
    color: var(--Planificador-Seccion-Cabecera-ColorTexto); }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul {
    position: absolute;
    top: 36px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px 5px 0px 0px;
    overflow-y: scroll; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li {
    display: grid;
    grid-template-rows: 30px 25px 25px;
    grid-template-columns: 30px 200px 1fr 180px 350px;
    list-style: none;
    margin: 0px 0px 2px 0px;
    padding: 5px 5px 5px 5px;
    height: 80px;
    overflow: hidden;
    background-color: var(--Planificador-Seccion-ColorFondo); }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .RutaColor {
    grid-row: 1/4;
    grid-column: 1;
    height: 70px;
    width: 20px;
    border: 1px solid #ffffff; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Titulo {
    grid-row: 1;
    grid-column: 2/4; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Ruta {
    grid-row: 2;
    grid-column: 2/3; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Estado {
    grid-row: 3;
    grid-column: 2/3; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Estado > label {
    font-weight: normal; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Estado > span {
    font-style: italic; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Estado > span.EnvioEstado_Abierto {
    color: rgba(110, 0, 0, 0.85); }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Estado > span.EnvioEstado_Finalizado {
    color: rgba(0, 0, 0, 0.2); }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Estado > span.EnvioEstado_Cerrado {
    color: rgba(0, 110, 0, 0.85); }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Comentarios {
    grid-row: 2/4;
    grid-column: 3/4;
    height: 41px;
    padding: 3px 10px 3px 5px;
    border-left: 5px solid silver;
    font-size: 11px;
    font-style: italic;
    text-align: justify;
    color: rgba(0, 0, 0, 0.5);
    overflow: hidden; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos {
    grid-row: 1/3;
    grid-column: 4/5;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 20px auto;
    position: relative;
    width: 175px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.4);
    overflow: hidden; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos > * {
    grid-column: 2/2; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos > h3 {
    grid-row: 1/3;
    grid-column: 1/2;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    position: absolute;
    top: 25px;
    left: -25px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    transform: rotate(-90deg);
    font-size: 11px;
    background-color: white;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    color: #717171;
    text-transform: uppercase; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos label {
    display: inline-block;
    width: 50%;
    text-align: right;
    opacity: .4;
    padding-right: 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos span {
    font-size: 11px; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .TotalPedidos span .Unidades {
    display: inline-block;
    padding-left: 5px;
    text-transform: none; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera {
    grid-row: 1/3;
    grid-column: 5/6;
    grid-gap: 2px;
    width: 350px;
    height: 70px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 50px auto 25px; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button {
    position: relative;
    background-color: var(--Planificador-Botones-ColorFondo);
    color: var(--Planificador-Botones-ColorTexto);
    border: 0px none black;
    border-radius: 3px; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button:disabled {
    background-color: #b1b1b1; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonEdit {
    grid-row: 1;
    grid-column: 1; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonEdit:before {
    content: "\f3eb";
    font-family: 'Material Design Icons';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 23px;
    height: 23px;
    font-size: 23px;
    color: var(--Planificador-Botones-ColorTexto);
    top: calc(50% - 12px);
    left: calc(50% - 11px); }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonDelete {
    grid-row: 2;
    grid-column: 1; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonDelete:before {
    content: "\fa78";
    font-family: 'Material Design Icons';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 23px;
    height: 23px;
    font-size: 23px;
    color: var(--Planificador-Botones-ColorTexto);
    top: calc(50% - 12px);
    left: calc(50% - 11px); }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonSoloCerrar {
    grid-row: 1;
    grid-column: 2; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonReabrir {
    grid-row: 1;
    grid-column: 2; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonCerrarYAsignarClientes {
    grid-row: 2;
    grid-column: 2; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonEstablecerComoSelecionado {
    grid-row: 1/3;
    grid-column: 3;
    background-color: #26642c; }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonEstablecerComoSelecionado:before {
    content: "\f40a";
    font-family: 'Material Design Icons';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 23px;
    height: 23px;
    font-size: 23px;
    color: var(--Planificador-Botones-ColorTexto);
    top: calc(50% - 12px);
    left: calc(50% - 11px); }
  .clienteByComercial article#ListadoDeEnviosEnRuta > ul > li > .Botonera button.BotonAbrir:before {
    content: "\F3CB";
    font-family: 'Material Design Icons';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 23px;
    height: 23px;
    font-size: 23px;
    color: var(--Planificador-Botones-ColorTexto);
    top: calc(50% - 12px);
    left: calc(50% - 11px); }
  .clienteByComercial article#ListadoDeProductosEnPedido {
    display: block;
    position: relative;
    overflow: hidden;
    height: 364px;
    background-color: transparent;
    margin-top: 10px; }
  .clienteByComercial article#ListadoDeProductosEnPedido > header {
    width: 100%;
    height: 36px;
    font-size: 19px;
    line-height: 36px;
    padding: 0px 15px 0px 10px;
    text-transform: uppercase;
    background-color: var(--Planificador-Seccion-Cabecera-ColorFondo);
    color: var(--Planificador-Seccion-Cabecera-ColorTexto); }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul {
    position: absolute;
    top: 36px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px 5px 0px 0px;
    overflow-y: scroll; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1px auto 300px 175px;
    grid-column-gap: 5px;
    list-style: none;
    margin: 0px 0px 2px 0px;
    padding: 5px 5px 5px 5px;
    height: 80px;
    overflow: hidden;
    background-color: var(--Planificador-Seccion-ColorFondo); }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li .FotoProducto {
    grid-row: 1/3;
    grid-column: 1;
    width: 100px;
    height: 68px;
    /*background-color:#e5e5e5;*/ }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li .Titulo {
    grid-row: 1;
    grid-column: 2; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos {
    grid-row: 1/3;
    grid-column: 4;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 20px auto;
    position: relative;
    width: 175px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.4);
    overflow: hidden; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos > * {
    grid-column: 2/2; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos > h3 {
    grid-row: 1/3;
    grid-column: 1/2;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    position: absolute;
    top: 25px;
    left: -25px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    transform: rotate(-90deg);
    font-size: 9px;
    background-color: white;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    color: #717171;
    text-transform: uppercase; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos label {
    display: inline-block;
    width: 50%;
    text-align: right;
    opacity: .4;
    padding-right: 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos span {
    font-size: 11px; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .TotalPedidos span .Unidades {
    display: inline-block;
    padding-left: 5px;
    text-transform: none; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .Cantidades {
    grid-row: 1/3;
    grid-column: 3;
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 20px auto;
    position: relative;
    width: 315px;
    height: 70px;
    background-color: rgba(255, 255, 255, 0.4);
    overflow: hidden; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .Cantidades > * {
    grid-column: 2/2; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .Cantidades > h3 {
    grid-row: 1/3;
    grid-column: 1/2;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    position: absolute;
    top: 25px;
    left: -25px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    transform: rotate(-90deg);
    font-size: 10px;
    background-color: white;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    color: #717171;
    text-transform: uppercase; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .Cantidades label {
    display: inline-block;
    width: 50%;
    text-align: right;
    opacity: .4;
    padding-right: 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .Cantidades span {
    font-size: 11px; }
  .clienteByComercial article#ListadoDeProductosEnPedido > ul > li > .Cantidades span .Unidades {
    display: inline-block;
    padding-left: 5px;
    text-transform: none; }
  .clienteByComercial .app-modal-pedido-ordenacion > .modal-dialog {
    height: auto;
    max-width: 500px !important; }
  .clienteByComercial .app-modal-kr > .modal-dialog {
    height: auto;
    max-width: 100% !important; }
  .clienteByComercial pedidos-ordenacion {
    display: block;
    padding: 10px; }
  .clienteByComercial .Botonera button:disabled {
    background-color: #b1b1b1; }
  .clienteByComercial .FormularioEnvioCorreosTest h2 {
    text-transform: uppercase;
    font-size: 15px; }
  .clienteByComercial .FormularioEnvioCorreosTest p {
    font-style: italic;
    font-size: 12px;
    opacity: .8; }
  .clienteByComercial .FormularioEnvioCorreosTest button {
    display: inline-block;
    min-width: 300px; }
  .clienteByComercial ficha-card-direccion {
    cursor: initial !important; }
  .clienteByComercial .CardDireccionEnvio {
    cursor: pointer; }
  .clienteByComercial .CardDireccionEnvio.NoPulsable {
    cursor: initial;
    background: transparent none no-repeat bottom right; }
  .clienteByComercial .CardDireccionEnvio.NoPulsable:hover {
    background-color: transparent; }
  .clienteByComercial main.CardComponent > article h2,
  .clienteByComercial main.CardComponent > article h1 {
    color: var(--Corporativo_ColorPrimarioFondo) !important; }
  @media (max-width: 768px) {
    .clienteByComercial grid-pedidos .PedidosPasador .PedidoCabecera > div,
    .clienteByComercial detalle-pedidos .PedidoCabecera > div, .clienteByComercial grid-b2b-ofertas .PedidosPasador .PedidoCabecera > div,
    .clienteByComercial detalle-ofertas .PedidoCabecera > div,
    .clienteByComercial detalle-b2b-ofertas .PedidoCabecera > div {
      width: 100%;
      padding: 0px 5px 0px 5px; } }
  .clienteByComercial .bg-menu-top .menu-buttons .md-button:hover,
  .clienteByComercial .bg-menu-top .menu-buttons .md-button:hover a {
    color: var(--Corporativo_ColorPrimarioTexto) !important; }
  .clienteByComercial .bg-menu-top .menu-buttons .md-button a span {
    display: inline-block; }
  .clienteByComercial .bg-menu-top .menu-buttons .md-button:hover a span {
    animation-name: menuJump;
    animation-duration: .3s;
    transition: ease-in-out; }

@keyframes menuJump {
  50% {
    transform: translateY(-3px); }
  100% {
    transform: translateY(0); } }
  .clienteByComercial .kr-pop-up {
    display: flex;
    justify-content: center;
    align-items: center; }
  .clienteByComercial .kr-pop-up > .modal-dialog {
    height: auto;
    padding: 25px 0px 0px 0px;
    margin: 0px auto; }
  .clienteByComercial .kr-pop-up > .modal-dialog > .modal-content {
    padding: 15px; }
  .clienteByComercial .kr-pop-up .kr.kr-pop-up-header {
    position: relative; }
  .clienteByComercial .kr-pop-up .kr-pop-up-header > .btn-close {
    position: absolute;
    top: 5px;
    right: 5px; }
  .clienteByComercial .kr-pop-up.width-1000 > .modal-dialog {
    max-width: 1000px !important; }
  .clienteByComercial .kr-pop-up.width-750 > .modal-dialog {
    max-width: 750px !important; }
  .clienteByComercial .kr-pop-up.width-500 > .modal-dialog {
    max-width: 500px !important; }
  .clienteByComercial .kr-pop-up.width-250 > .modal-dialog {
    max-width: 250px !important; }
  .clienteByComercial .modal-dialog .modal-content {
    margin-left: -10px; }
  .clienteByComercial list-view-carrito-lineas #listView.k-listview {
    border: none; }
  @media (max-width: 500px) {
    .clienteByComercial .modal-content pop-up .modal-body content {
      padding: 0px; } }
  .clienteByComercial .Carrito_Linea {
    display: grid;
    grid-template-columns: 40px 120px 1fr 1fr 50px;
    grid-template-rows: 1fr auto auto auto 1fr;
    grid-gap: 0px 5px;
    align-items: center;
    margin-bottom: 5px;
    border: 1px solid #d5d5d5;
    background-color: #ffffff;
    padding: 10px; }
  .clienteByComercial .Carrito_Linea > * {
    /* border:1px dotted blue; */ }
  .clienteByComercial .Carrito_Linea boton-producto-favorito {
    grid-column: 1;
    grid-row: 1/6;
    place-self: center;
    /* margin-left: 5px; */ }
  .clienteByComercial .Carrito_Linea .Carrito_Imagen {
    grid-column: 2;
    grid-row: 1/6; }
  .clienteByComercial .Carrito_Linea .Carrito_Imagen img {
    width: 100px; }
  .clienteByComercial .Carrito_Linea .Carrito_GrupoNombre {
    grid-column: 3;
    grid-row: 2;
    display: inline-block; }
  .clienteByComercial .Carrito_Linea .Carrito_Referencia {
    display: inline-block;
    width: fit-content;
    font-weight: 800;
    color: var(--colorWeb2); }
  .clienteByComercial .Carrito_Linea .Carrito_Descripcion {
    display: inline-block;
    width: fit-content;
    color: #333; }
  .clienteByComercial .Carrito_Linea .Carrito_TarifaCalculada {
    grid-column: 3;
    grid-row: 3;
    display: block;
    color: var(--Corporativo_ColorPrimarioFondo) !important;
    font-size: 18px !important;
    font-weight: bold !important; }
  .clienteByComercial .Carrito_Linea .Carrito_Stock {
    grid-column: 3;
    grid-row: 4; }
  .clienteByComercial .Carrito_Linea .Carrito_GrupoCantidad {
    grid-column: 4;
    grid-row: 2;
    display: grid;
    grid-template-columns: auto auto auto auto 1fr; }
  .clienteByComercial .Carrito_Linea .Carrito_Label_Cantidad {
    grid-column: 1;
    width: fit-content;
    margin-bottom: 0px;
    margin-right: 5px; }
  .clienteByComercial .Carrito_Linea .Carrito_UnidadMedida {
    grid-column: 2;
    width: fit-content;
    margin-right: 5px; }
  .clienteByComercial .Carrito_Linea .Carrito_CantidadPorUnidad {
    grid-column: 3;
    width: fit-content;
    font-weight: 800;
    color: var(--colorWeb2);
    margin-right: 5px;
    white-space: nowrap; }
  .clienteByComercial .Carrito_Linea .Carrito_Cantidad {
    grid-column: 4;
    width: fit-content;
    margin-right: 5px; }
  .clienteByComercial .Carrito_Linea .Carrito_Cantidad input {
    /* background-color:red; */
    font-size: 15px;
    line-height: 20px;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    width: 100px;
    text-align: center;
    color: rgba(0, 0, 0, 0.87);
    border-color: rgba(0, 0, 0, 0.12);
    background-color: transparent; }
  .clienteByComercial .Carrito_Linea .Carrito_PrecioTotal {
    grid-column: 5;
    width: fit-content;
    margin-right: 5px;
    font-size: 18px !important;
    font-weight: bold !important; }
  .clienteByComercial .Carrito_Linea .Carrito_BotonMostrarSugerencia {
    display: none; }
  .clienteByComercial .Carrito_Linea .Carrito_Botonera {
    grid-column: 5;
    grid-row: 2/5;
    width: 50px; }
  .clienteByComercial .Carrito_Linea .Carrito_BotonEliminar {
    grid-column: 5;
    grid-row: 2/5;
    width: 50px; }
  .clienteByComercial .Carrito_Linea .Carrito_BotonEliminar > div,
  .clienteByComercial .Carrito_Linea .Carrito_RegalarUnidades > div {
    display: inline-block;
    text-align: center;
    height: 43px;
    width: 43px;
    max-width: 43px !important;
    box-sizing: border-box;
    font-size: 20px !important;
    background-color: var(--Corporativo_ColorPrimarioFondo);
    color: #ffffff;
    padding: 10px 10px 10px 10px;
    border-radius: 3px;
    margin-bottom: 3px; }
  .clienteByComercial .Carrito_Linea.EsConfiguracionPadreHijo.EsHijo {
    margin-left: 40px;
    zoom: .75; }
  .clienteByComercial .Carrito_Linea.EsConfiguracionPadreHijo.EsHijo .Carrito_BotonEliminar {
    display: none; }
  .clienteByComercial .Ancho_M .Carrito_Linea {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 1fr auto auto auto 1fr;
    grid-gap: 0px 5px;
    align-items: center;
    margin-bottom: 5px;
    border: 1px solid #d5d5d5;
    background-color: #ffffff;
    padding: 10px; }
  .clienteByComercial .Ancho_M .Carrito_Linea boton-producto-favorito {
    grid-column: 1;
    grid-row: 2;
    place-self: flex-start;
    border: 1px solid silver;
    border-radius: 5px; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_Imagen {
    grid-column: 2;
    grid-row: 2/5;
    place-self: center; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_GrupoNombre {
    grid-column: 1/3;
    grid-row: 1;
    margin-bottom: 20px;
    display: grid;
    grid-template-rows: 1fr 1fr; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_Referencia {
    grid-row: 2;
    place-self: center; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_Descripcion {
    grid-row: 1;
    place-self: center;
    font-size: 18px; }
  .clienteByComercial .Ancho_M .Carrito_Linea .descripcionVariante {
    display: block;
    opacity: .6;
    font-size: 9px; }
  .clienteByComercial .Ancho_M .Carrito_Linea .descripcionVariante > .codigoVariante {
    display: none; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_TarifaCalculada {
    grid-column: 1;
    grid-row: 3; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_Stock {
    grid-column: 1;
    grid-row: 4; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_GrupoCantidad {
    grid-column: 1/3;
    grid-row: 5; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_Botonera {
    grid-column: 1/3;
    grid-row: 9;
    width: fit-content;
    place-self: center;
    width: 100%; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_BotonEliminar {
    grid-column: 1/3;
    grid-row: 6;
    width: fit-content;
    place-self: center;
    width: 100%; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_BotonEliminar > div,
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_RegalarUnidades > div {
    width: 100%;
    max-width: initial !important; }
  .clienteByComercial .Carrito_Linea {
    grid-template-rows: 1fr auto auto auto auto 1fr; }
  .clienteByComercial .Carrito_Linea .Carrito_BotonEliminar {
    grid-column: 8; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_BotonEliminar {
    grid-row: 9; }
  .clienteByComercial .Carrito_RegalarUnidades {
    grid-column: 3;
    grid-row: 5; }
  .clienteByComercial .Ancho_M .Carrito_RegalarUnidades {
    grid-column: 1/3;
    grid-row: 7;
    margin-bottom: 5px; }
  .clienteByComercial .Carrito_UnidadesRegalo {
    grid-column: 4;
    grid-row: 4; }
  .clienteByComercial .Ancho_M .Carrito_UnidadesRegalo {
    grid-column: 1/3;
    grid-row: 8;
    margin-bottom: 5px; }
  .clienteByComercial .Carrito_UnidadesRegalo > span {
    padding-right: 5px; }
  .clienteByComercial .Carrito_UnidadesRegalo > md-input-container {
    margin: 0px;
    padding: 0px;
    width: 60px; }
  .clienteByComercial .Carrito_UnidadesRegalo > md-input-container > input {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 10px;
    margin-left: 5px; }
  .clienteByComercial .Carrito_MarcadorEsPromocion {
    display: inline-block;
    background-color: red;
    color: #ffffff;
    border-radius: 3px;
    padding: 2px 10px;
    margin-left: 5px; }
  .clienteByComercial .Carrito_Linea .Carrito_GrupoDescuentoManual {
    grid-column: 4;
    grid-row: 3;
    display: grid;
    grid-template-columns: auto auto auto auto 1fr; }
  .clienteByComercial .Ancho_M .Carrito_Linea .Carrito_GrupoDescuentoManual {
    grid-column: 1/3;
    grid-row: 6; }
  .clienteByComercial .GridEditorTextArea {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 25px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    min-height: 150px;
    box-sizing: border-box;
    background-color: #ffffff; }
  .clienteByComercial .GridEditorTextArea textarea {
    display: block;
    white-space: nowrap;
    resize: none;
    margin: 0px 0px 5px 0px;
    padding: 5px; }
  .clienteByComercial .GridEditorTextArea button.BotonFullScreenIn {
    display: block; }
  .clienteByComercial .GridEditorTextArea button.BotonFullScreenOut {
    display: none; }
  .clienteByComercial .GridEditorTextArea.EditorFullScreen {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 100;
    padding: 10px;
    background-color: var(--Corporativo_ColorPrimarioFondo); }
  .clienteByComercial .GridEditorTextArea.EditorFullScreen button.BotonFullScreenIn {
    display: none; }
  .clienteByComercial .GridEditorTextArea.EditorFullScreen button.BotonFullScreenOut {
    display: block; }
  .clienteByComercial .ContenedorClavesGrid {
    white-space: pre-wrap; }
  .clienteByComercial .BotonModoTablet {
    display: none; }
  .clienteByComercial .ModoTablet_ClientesGrid_FichaBase,
  .clienteByComercial .GridKendoTemplateDetails {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px; }
  .clienteByComercial .ModoTablet_ClientesGrid_Detalles,
  .clienteByComercial .GridKendoTemplateDetails {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 5px; }
  .clienteByComercial .ModoTablet_ClientesGrid_Detalles > div,
  .clienteByComercial .GridKendoTemplateDetails > div {
    display: block; }
  @media (max-width: 1200px) {
    .clienteByComercial .ModoTablet_ClientesGrid_Detalles,
    .clienteByComercial .GridKendoTemplateDetails {
      display: grid;
      grid-template-columns: 1fr 1fr; }
    .clienteByComercial .ModoTablet_ClientesGrid_FichaBase {
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  @media (max-width: 768px) {
    .clienteByComercial {
      /*.ModoTablet_ClientesGrid_Detalles  > div {display:grid; grid-template-columns:1fr;}*/ }
      .clienteByComercial .ModoTablet_ClientesGrid_Detalles,
      .clienteByComercial .GridKendoTemplateDetails {
        display: grid;
        grid-template-columns: 1fr; }
      .clienteByComercial .ModoTablet_ClientesGrid_FichaBase {
        display: grid;
        grid-template-columns: 1fr; } }
  .clienteByComercial .ModoTablet_ClientesGrid_FichaBase .BotonesPieFicha,
  .clienteByComercial .GridKendoTemplateDetails .AnchoTotal {
    grid-column: 1/-1;
    text-align: center; }
  .clienteByComercial .Carrito_GrupoDescuentoManual input-cantidad input {
    border: 0px none black;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
    max-width: 55px; }
  .clienteByComercial .Carrito_GrupoDescuentoManual abbr {
    display: inline-block;
    padding-left: 5px; }
  .clienteByComercial .Carrito_GrupoDescuentoManual .Carrito_PrecioDescuento {
    margin-right: 5px;
    font-size: 18px !important;
    font-weight: bold !important;
    padding-left: 10px; }
  .clienteByComercial .encendido {
    color: #0f0;
    text-shadow: 0 0 5px #0f0,  0 0 10px #0f0, 0 0 15px #0f0, 0 0 20px #0f0, 0 0 25px #0f0, 0 0 30px #0f0, 0 0 35px #0f0; }
  .clienteByComercial .BarraMenu_BotonUsuario {
    border-radius: 0px !important;
    display: block !important;
    width: 24px !important;
    min-width: 24px !important;
    padding: 8px 0px 0px 0px !important; }
  .clienteByComercial .BarraMenu_BotonDesconectar {
    border-radius: 0px !important;
    display: block !important;
    width: 24px !important;
    min-width: 24px !important;
    padding: 0px 0px 0px 0px !important; }
  .clienteByComercial .BarraMenu_AreaNombreUsuario {
    flex: 0 0 130px;
    overflow: hidden;
    flex: 0 1 130px;
    min-width: 100px; }
  .clienteByComercial .BarraMenu_AreaNombreUsuario > p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .clienteByComercial .BarraMenu_AreaNombreUsuario > p:first-child > strong {
    font-size: 12px; }
  .clienteByComercial .BarraMenu_AreaAnyos {
    flex: 0 0 80px; }
  .clienteByComercial .gm-style-iw-chr {
    position: relative !important; }
  .clienteByComercial .gm-ui-hover-effect {
    position: absolute !important;
    top: -10px;
    right: -10px; }
  .clienteByComercial .gm-ui-hover-effect > span {
    background-color: transparent !important;
    font-size: 1.5em; }
  .clienteByComercial .gm-ui-hover-effect > span::before {
    content: 'x'; }
  .clienteByComercial .BarraMenu_AreaAnyos {
    flex: 0 0 80px; }
  .clienteByComercial grid-pedidos-lineas .k-grid-footer,
  .clienteByComercial grid-facturas-lineas .k-grid-footer,
  .clienteByComercial grid-b2b-ofertas .k-grid-footer {
    padding-right: 0px !important; }
  .clienteByComercial grid-pedidos-lineas .k-footer-template .KendoGridCentrado {
    text-align: right; }
  .clienteByComercial grid-pedidos .AreaBotones,
  .clienteByComercial grid-facturas .AreaBotones,
  .clienteByComercial grid-albaranes .AreaBotones,
  .clienteByComercial grid-facturas-vencimientos .AreaBotones,
  .clienteByComercial grid-facturas-vencimientos page-title content {
    text-align: right; }
  .clienteByComercial grid-pedidos .AreaBotones > button,
  .clienteByComercial grid-facturas .AreaBotones > button,
  .clienteByComercial grid-albaranes .AreaBotones > button,
  .clienteByComercial grid-facturas-vencimientos .AreaBotones > button,
  .clienteByComercial grid-facturas-vencimientos page-title content > button {
    float: right;
    z-index: 1; }
  .clienteByComercial .PopupFichaProducto:has(.ProductoDetalleTemplate_2) {
    background-color: white !important; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 0px;
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 20px 0px 20px; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .Imagenes {
    grid-column: 1;
    grid-row: 1 /10; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .Imagenes .flexslider {
    box-shadow: none;
    border: 1px solid #e3e3e3; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .Imagenes .flexslider-container .flexslider {
    border: none; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 h2 {
    grid-column: 2;
    font-size: 20px;
    font-weight: normal;
    font-family: Arial, Verdana, sans-serif;
    line-height: normal;
    text-transform: none;
    border-bottom: 0px none black;
    padding: 0px;
    text-align: left; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 h3 {
    grid-column: 2;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial, Verdana, sans-serif;
    text-align: left;
    opacity: .5; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .ListaEstados {
    grid-column: 2; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .UnidadesDeMedida_Combo {
    grid-column: 2;
    display: none; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .UnidadesDeMedida_Precio {
    display: none !important; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .PrecioPVD {
    grid-column: 2; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .Precio {
    grid-column: 2;
    padding: 0px !important;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 5px; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios {
    grid-column: 2;
    grid-row: 4; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios summary {
    display: none; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .ElementoLineaGridDetalleProducto {
    text-align: left;
    padding-left: 0px; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .k-grid tr td {
    border-style: solid;
    border-color: #ccc;
    padding: 0px; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .ElementoLineaGridDetalleProducto .escaladoUnidades,
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .ElementoLineaGridDetalleProducto .escaladoResultado {
    opacity: .6;
    font-weight: normal; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios .k-grid-content,
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios #listView.k-listview,
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePrecios #listViewProductos.k-listview {
    min-height: 50px !important;
    min-height: 0px !important; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .GrupoAnyadir {
    grid-column: 2; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .GrupoAnyadir .Cantidad input-cantidad input {
    width: 80px;
    height: 36px;
    font-weight: normal; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .GrupoAnyadir .BotonAnyadirCarrito {
    background-color: var(--botones_Cta_BackgroundColor);
    color: var(--botones_Cta_Color);
    transition: 0.5s;
    border: 0px none black;
    border-radius: 2px;
    padding: 5px;
    font-size: 14px;
    line-height: 36px;
    min-height: 36px;
    min-width: 120px;
    padding: 0px 6px;
    text-transform: uppercase;
    font-weight: bold; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .GrupoAnyadir .Cantidad input-cantidad + span {
    position: absolute;
    min-width: 80px;
    text-align: center;
    font-size: 10px; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 stock {
    grid-column: 2;
    grid-row: 6;
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: flex-start;
    zoom: 1.3; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 boton-producto-favorito {
    grid-column: 2;
    grid-row: 7; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 boton-producto-favorito button {
    background-color: #e9e9e8; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .Descripcion {
    grid-column: 1 / -1;
    grid-row: 11;
    margin-top: 20px; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos {
    grid-column: 1 / -1;
    grid-row: 12;
    margin-top: 30px;
    margin-bottom: 20px; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos summary {
    margin-bottom: 10px;
    font-weight: bold;
    color: var(--botones_Cta_BackgroundColor); }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos documentos-relacionados .mdi-file-outline:before {
    display: none; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos documentos-relacionados .mdi-file-outline {
    display: inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    top: 14px;
    background: url(../../img/app/IconPdf.png) left 50% no-repeat;
    background-size: contain; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplagableDocumentos documentos-relacionados > .k-header > .k-listview > div {
    display: inline-block;
    width: auto;
    margin-right: 1px;
    padding-right: 20px;
    padding-bottom: 10px; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegablePromociones {
    grid-column: 1 / -1;
    grid-row: 14; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .DesplegableMateriales {
    grid-column: 1 / -1;
    grid-row: 15; }
  .clienteByComercial .PopupFichaProducto .ProductoDetalleTemplate_2 .Sustitutivos {
    grid-column: 1 / -1;
    grid-row: 16; }
  .clienteByComercial .hover-resaltar:hover {
    background-color: rgba(0, 0, 0, 0.5); }
  .clienteByComercial .shortcut-button {
    padding: 0 1rem;
    height: 2.125rem;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px #d9d9d9 solid;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: .875rem;
    line-height: 100%;
    margin: .15625rem 0;
    position: relative;
    width: 5.75rem;
    height: 5.75rem;
    text-align: center;
    font-size: .75rem; }
  .clienteByComercial .shortcut-button .icon {
    font-size: 1.7rem;
    height: 1.7rem;
    width: 1.7rem;
    margin: .875rem auto; }
  .clienteByComercial .shortcut-button .icon, .clienteByComercial .shortcut-button .title {
    display: block;
    color: inherit; }
  .clienteByComercial .shortcut-button > [class*=mif-] {
    vertical-align: middle; }
  .clienteByComercial .shortcut-button * {
    color: inherit; }
  .clienteByComercial .shortcut-button .icon, .clienteByComercial .shortcut-button .title {
    display: block;
    color: inherit; }
  .clienteByComercial .shortcut-button .badge {
    color: inherit;
    position: absolute;
    top: 0;
    right: 0;
    font-size: .7rem;
    line-height: 1rem;
    padding: 0 .225rem; }
  .clienteByComercial .shortcut-button-xxl {
    padding: 0 1rem;
    height: 2.125rem;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px #d9d9d9 solid;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: .875rem;
    line-height: 100%;
    margin: .15625rem 0;
    position: relative;
    width: 25rem;
    height: 25rem;
    text-align: center;
    font-size: 3rem; }
  .clienteByComercial .shortcut-button-xxl .icon {
    font-size: 7rem;
    height: 7rem;
    width: 100%;
    margin: .875rem auto; }
  .clienteByComercial .shortcut-button-xxl {
    padding: 0 1rem;
    height: 2.125rem;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px #d9d9d9 solid;
    color: #262626;
    cursor: pointer;
    display: inline-block;
    outline: none;
    font-size: .875rem;
    line-height: 100%;
    margin: .15625rem 0;
    position: relative;
    width: 25rem;
    height: 25rem;
    text-align: center;
    font-size: 3rem; }
  .clienteByComercial .md-button.md-raised.md-primary:not([disabled]) {
    background-color: var(--mdPrimary); }
  .clienteByComercial .active .md-button.md-raised.md-primary:not([disabled]), .clienteByComercial .md-button.md-raised.md-active.md-primary:not([disabled]) {
    background-color: var(--mdPrimary-darken-20) !important;
    color: white; }
  .clienteByComercial .md-button.md-primary.md-raised.md-stroked {
    color: var(--mdPrimary);
    background-color: rgba(255, 255, 255, 0.87) !important;
    box-shadow: inset 0 0 0 2px var(--mdPrimary) !important; }
  .clienteByComercial .md-button.md-primary.md-raised.md-stroked:not([disabled]) md-icon, .clienteByComercial .md-button.md-primary.md-stroked md-icon {
    color: var(--mdPrimary); }
  .clienteByComercial .md-button.md-default-theme.md-primary.md-stroked.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-primary.md-stroked.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-primary.md-stroked.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-primary.md-stroked.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-default-theme.md-primary.md-stroked.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-primary.md-stroked.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-primary.md-stroked.md-raised:not([disabled]):hover,
  .clienteByComercial .md-button.md-primary.md-stroked.md-raised:not([disabled]):hover {
    background-color: #fafafa !important;
    color: var(--mdPrimary); }
  .clienteByComercial .md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-primary.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-primary.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-primary.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover,
  .clienteByComercial .md-button.md-primary.md-raised:not([disabled]):hover {
    background-color: var(--mdPrimary) !important; }
  .clienteByComercial .md-button.md-raised.md-secondary:not([disabled]) {
    color: white;
    background-color: var(--mdSecondary); }
  .clienteByComercial .active .md-button.md-raised.md-secondary:not([disabled]), .clienteByComercial .md-button.md-raised.md-active.md-secondary:not([disabled]) {
    background-color: var(--mdSecondary-darken-20) !important;
    color: white; }
  .clienteByComercial .md-button.md-secondary.md-raised.md-stroked {
    color: var(--mdSecondary);
    background-color: rgba(255, 255, 255, 0.87) !important;
    box-shadow: inset 0 0 0 2px var(--mdSecondary) !important; }
  .clienteByComercial .md-button.md-secondary.md-raised.md-stroked:not([disabled]) md-icon, .clienteByComercial .md-button.md-secondary.md-stroked md-icon {
    color: var(--mdSecondary); }
  .clienteByComercial .md-button.md-default-theme.md-secondary.md-stroked.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-secondary.md-stroked.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-secondary.md-stroked.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-secondary.md-stroked.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-default-theme.md-secondary.md-stroked.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-secondary.md-stroked.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-secondary.md-stroked.md-raised:not([disabled]):hover,
  .clienteByComercial .md-button.md-secondary.md-stroked.md-raised:not([disabled]):hover {
    background-color: #fafafa !important;
    color: var(--mdSecondary); }
  .clienteByComercial .md-button.md-default-theme.md-secondary.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-secondary.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-secondary.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-secondary.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-default-theme.md-secondary.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-secondary.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-secondary.md-raised:not([disabled]):hover,
  .clienteByComercial .md-button.md-secondary.md-raised:not([disabled]):hover {
    background-color: var(--mdSecondary) !important; }
  .clienteByComercial .md-button.md-raised.md-accent:not([disabled]) {
    background: var(--mdAccent); }
  .clienteByComercial .active .md-button.md-raised.md-accent:not([disabled]) {
    background-color: var(--mdAccent-darken-20) !important;
    color: white; }
  .clienteByComercial .md-button.md-accent.md-raised.md-stroked {
    color: var(--mdAccent);
    background-color: rgba(255, 255, 255, 0.87) !important;
    box-shadow: inset 0 0 0 2px var(--mdAccent) !important; }
  .clienteByComercial .md-button.md-accent.md-raised.md-stroked:not([disabled]) md-icon, .clienteByComercial .md-button.md-accent.md-stroked md-icon {
    color: var(--mdAccent); }
  .clienteByComercial .md-button.md-default-theme.md-accent.md-stroked.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-accent.md-stroked.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-accent.md-stroked.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-accent.md-stroked.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-default-theme.md-accent.md-stroked.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-accent.md-stroked.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-accent.md-stroked.md-raised:not([disabled]):hover,
  .clienteByComercial .md-button.md-accent.md-stroked.md-raised:not([disabled]):hover {
    background-color: #fafafa !important;
    color: var(--mdAccent); }
  .clienteByComercial .md-button.md-default-theme.md-accent.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-accent.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-accent.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-accent.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-default-theme.md-accent.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-accent.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-accent.md-raised:not([disabled]):hover,
  .clienteByComercial .md-button.md-accent.md-raised:not([disabled]):hover {
    background: var(--mdAccent) !important; }
  .clienteByComercial .md-button.md-raised.md-warn:not([disabled]) {
    background: var(--mdWarn) !important; }
  .clienteByComercial .active .md-button.md-raised.md-warn:not([disabled]) {
    background-color: var(--mdWarn-darken-20) !important;
    color: white; }
  .clienteByComercial .md-button.md-warn.md-raised.md-stroked {
    color: var(--mdWarn);
    background-color: rgba(255, 255, 255, 0.87) !important;
    box-shadow: inset 0 0 0 2px var(--mdWarn) !important; }
  .clienteByComercial .md-button.md-warn.md-raised.md-stroked:not([disabled]) md-icon, .clienteByComercial .md-button.md-warn.md-stroked md-icon {
    color: var(--mdWarn); }
  .clienteByComercial .md-button.md-default-theme.md-warn.md-stroked.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-warn.md-stroked.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-warn.md-stroked.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-warn.md-stroked.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-default-theme.md-warn.md-stroked.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-warn.md-stroked.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-warn.md-stroked.md-raised:not([disabled]):hover,
  .clienteByComercial .md-button.md-warn.md-stroked.md-raised:not([disabled]):hover {
    background-color: #fafafa !important;
    color: var(--mdWarn); }
  .clienteByComercial .md-button.md-default-theme.md-warn.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-warn.md-fab:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-warn.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-warn.md-fab:not([disabled]):hover,
  .clienteByComercial .md-button.md-default-theme.md-warn.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-warn.md-raised:not([disabled]).md-focused,
  .clienteByComercial .md-button.md-default-theme.md-warn.md-raised:not([disabled]):hover,
  .clienteByComercial .md-button.md-warn.md-raised:not([disabled]):hover {
    background: var(--mdWarn) !important; }
  .clienteByComercial a._md-nav-button.md-button.md-active {
    color: #ff4081 !important; }
  .clienteByComercial .btn-filtro-alf {
    margin: 0px 1px !important;
    color: #636262 !important;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  .clienteByComercial .btn-filtro-alf-activo {
    background-color: #d8d8d8 !important;
    color: #7d7d7d !important; }
  .clienteByComercial .md-button.md-fab.md-fab-xl.md-fab-carrito {
    color: white;
    background-color: var(--mdPrimary); }
  .clienteByComercial .md-button.md-fab.md-fab-xs.md-fab-carrito {
    color: white;
    background-color: var(--mdPrimary); }
  .clienteByComercial .font-color-1 {
    color: var(--colorWeb1) !important; }
  .clienteByComercial .bg-color-1 {
    background-color: var(--colorWeb1) !important; }
  .clienteByComercial .border-color-1 {
    border-color: var(--colorWeb1) !important; }
  .clienteByComercial .font-color-2 {
    color: #3498db !important; }
  .clienteByComercial .bg-color-2 {
    background-color: #3498db !important; }
  .clienteByComercial .border-color-2 {
    border-color: #3498db !important; }
  .clienteByComercial .font-color-3 {
    color: var(--colorWeb3) !important; }
  .clienteByComercial .bg-color-3 {
    background-color: var(--colorWeb3) !important; }
  .clienteByComercial .border-color-3 {
    border-color: var(--colorWeb3) !important; }
  .clienteByComercial .font-color-4 {
    color: var(--colorWeb4) !important; }
  .clienteByComercial .bg-color-4 {
    background-color: var(--colorWeb4) !important; }
  .clienteByComercial .border-color-4 {
    border-color: var(--colorWeb4) !important; }
  .clienteByComercial .font-color-5 {
    color: var(--colorWeb5) !important; }
  .clienteByComercial .bg-color-5 {
    background-color: var(--colorWeb5) !important; }
  .clienteByComercial .border-color-5 {
    border-color: var(--colorWeb5) !important; }
  .clienteByComercial .font-color-6 {
    color: var(--colorWeb6) !important; }
  .clienteByComercial .bg-color-6 {
    background-color: var(--colorWeb6) !important; }
  .clienteByComercial .border-color-6 {
    border-color: var(--colorWeb6) !important; }
  .clienteByComercial .bg-color-transparent {
    background-color: transparent !important; }
  .clienteByComercial .bg-color-transparent:hover {
    background-color: transparent !important; }
  .clienteByComercial .border-top.md-primary {
    border-top-color: var(--mdPrimary); }
  .clienteByComercial .border-top.md-secondary {
    border-top-color: var(--mdSecondary); }
  .clienteByComercial .border-top.md-accent {
    border-color: var(--mdAccent); }
  .clienteByComercial .border-top.md-warn {
    border-color: var(--mdWarn); }
  .clienteByComercial md-sidenav.bg-menu-lateral md-content {
    color: #e4edee;
    border-color: var(--menuLateralBg);
    background: var(--menuLateralBg);
    height: 100%; }
  .clienteByComercial md-sidenav.bg-menu-lateral md-content li:hover, .clienteByComercial md-sidenav.bg-menu-lateral md-content li.active {
    border-color: var(--menuLateralBg);
    background: var(--menuLateralBg);
    border-left: 3px solid var(--menuLaterialFont);
    cursor: pointer; }
  .clienteByComercial md-sidenav.bg-menu-lateral md-content a, .clienteByComercial md-sidenav.bg-menu-lateral md-content a:hover, .clienteByComercial md-sidenav.bg-menu-lateral md-content a:active, .clienteByComercial md-sidenav.bg-menu-lateral md-content a:visited {
    color: #e4edee; }
  .clienteByComercial md-sidenav.bg-menu-lateral md-content i {
    color: var(--menuLaterialFont); }
  .clienteByComercial md-sidenav.bg-menu-lateral md-content .divider {
    background: var(--menuLaterialFont); }
  .clienteByComercial #page-sidebar h3 {
    color: var(--menuLaterialFont);
    font-weight: 800;
    margin-left: 10px;
    margin-top: 10px; }
  .clienteByComercial md-toolbar.menu-top.bg-menu-top.default {
    background-color: var(--topNavBar) !important;
    color: var(--fuenteTopNavBar); }
  .clienteByComercial md-toolbar.menu-top.bg-menu-top.gradient {
    background-color: transparent !important;
    background: radial-gradient(circle at 1.98% 20.98%, var(--topNavBar), transparent 100%), radial-gradient(circle at 98.02% 20.98%, var(--topNavBar2), transparent 100%), radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%); }
  .clienteByComercial md-toolbar.menu-top.bg-menu-top.alt {
    background-color: var(--topNavBarAdmin) !important;
    color: var(--fuenteTopNavBarAdmin); }
  .clienteByComercial md-toolbar.menu-top.bg-menu-top.admin {
    background-color: var(--topNavBarAdmin) !important;
    color: var(--fuenteTopNavBarAdmin); }
  .clienteByComercial md-toolbar.menu-top.bg-menu-top.default .md-toolbar-tools .md-button.md-icon-button md-icon {
    color: var(--fuenteTopNavBar); }
  .clienteByComercial md-toolbar.menu-top.bg-menu-top.alt .md-toolbar-tools .md-button.md-icon-button md-icon {
    color: var(--fuenteTopNavBar); }
  .clienteByComercial md-toolbar.menu-top.bg-menu-top.admin .md-toolbar-tools .md-button.md-icon-button md-icon {
    color: var(--fuenteTopNavBarAdmin); }
  .clienteByComercial .bg-menu-top .menu-buttons .md-button {
    line-height: 63px; }
  .clienteByComercial .bg-menu-top .menu-buttons .md-button.active {
    background-color: rgba(0, 0, 0, 0.16) !important; }
  .clienteByComercial .divider-vertical {
    height: 40px;
    border-left: 1px solid, var(--fuenteTopNavBar);
    border-right-color: var(--fuenteTopNavBar);
    border-left: 1px solid var(--fuenteTopNavBar); }
  .clienteByComercial .form-wizard.md-primary > ul > li.active .wizard-step, .clienteByComercial .wizard-step-button:hover {
    color: #fff;
    background-color: var(--mdPrimary); }
  .clienteByComercial .form-wizard.md-secondary > ul > li.active .wizard-step, .clienteByComercial .wizard-step-button:hover {
    color: #fff;
    background-color: var(--mdSecondary); }
  .clienteByComercial .k-list > .k-state-selected {
    background-color: var(--mdPrimary) !important;
    border: 0px none black !important; }
  .clienteByComercial .k-grid .k-grid-header th.k-header {
    text-align: center;
    color: #ffffff;
    background-color: var(--mdPrimary) !important;
    font-weight: bold;
    text-transform: uppercase; }
  .clienteByComercial .k-link:link, .clienteByComercial .k-link:visited, .clienteByComercial .k-nav-current.k-state-hover .k-link {
    color: var(--mdPrimary); }
  .clienteByComercial .gridSimple .k-header-column-menu {
    display: none; }
  .clienteByComercial .gridSimple .k-grid-header th.k-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #c5c5c5 !important;
    color: black; }
  .clienteByComercial .gridSimple th .k-link:link, .clienteByComercial .gridSimple th .k-link:visited, .clienteByComercial .gridSimple th .k-nav-current.k-state-hover .k-link {
    color: #000000 !important; }
  .clienteByComercial .gridSimple th {
    background-color: #f5f5f5; }
  .clienteByComercial .gridSimple th, .clienteByComercial .gridSimple td {
    border: none !important; }
  .clienteByComercial .KendoGridCentrado {
    display: block;
    text-align: center; }
  .clienteByComercial .KendoGridAutoResponsive tr:not(.k-detail-row) > td > label {
    display: none; }
  .clienteByComercial .KendoGridAutoResponsive.AnchoControl-XS tr:not(.k-detail-row) > td > label,
  .clienteByComercial .KendoGridAutoResponsive.AnchoControl-SM tr:not(.k-detail-row) > td > label {
    display: inline-block;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 13px;
    opacity: .5; }
  .clienteByComercial .AnchoControl-SM {
    /* Cabecera de los grids, ocultas en principio */
    /*.k-grid:before {content: ""; display:block; height:30px; margin-bottom:0px; background-color:#00384E; color:#ffffff; text-align:center; font-weight:bold; text-transform:uppercase; padding:7px;}
    .k-grid > .k-grid-header > .k-grid-header-wrap {}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table {}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > colgroup {display:none;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead { display: block; }
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr {display:block;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr > th {display:none;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr > th:first-child {display:block;}*/
    /*-------------------------------------------------
      PARTE DE COLUMNAS MASTER DE LA TABLA 
    -------------------------------------------------*/
    /*&.k-grid > .k-grid-content > table > tbody > tr,
    &.k-grid > .k-grid-content > table > tbody > tr.k-master-row { display: block; position: relative; padding-left:70px; margin-bottom: 5px; border: 1px solid rgba(0,0,0,.3); }*/
    /* Icono del botón expandido */
    /*-------------------------------------------------              
           PARTE DETALLE DESPLEGABLE
    -------------------------------------------------*/ }
    .clienteByComercial .AnchoControl-SM.k-grid {
      border: none; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-header {
      display: none; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content {
      overflow-y: auto; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > colgroup {
      display: none; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr:not(.k-detail-row) {
      display: block;
      position: relative;
      margin-bottom: 5px;
      border: 1px solid rgba(0, 0, 0, 0.3); }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr {
      display: block;
      position: relative;
      margin-bottom: 5px;
      border: 1px solid rgba(0, 0, 0, 0.3); }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row {
      display: block;
      position: relative;
      padding-left: 70px;
      padding-right: 10px;
      margin-bottom: 5px;
      border: 1px solid rgba(0, 0, 0, 0.3); }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr > td {
      display: block;
      border: none;
      padding: 2px 0px 2px 10px; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td {
      display: block;
      margin-left: 0px;
      vertical-align: top; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.Botonera {
      width: 100%;
      text-align: center;
      border-top: 1px dotted rgba(0, 0, 0, 0.3);
      padding-top: 10px;
      position: relative;
      left: -5px; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.k-hierarchy-cell {
      position: absolute;
      top: 0px;
      left: 0px;
      margin: 0px;
      padding: 0px;
      width: 60px;
      box-sizing: border-box;
      height: 100%; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.k-hierarchy-cell > a {
      display: block;
      width: 100%;
      background-color: #00384E;
      color: #ffffff;
      height: 100%;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-detail-row {
      margin-left: 10px; }
    .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr.k-detail-row > td {
      display: block; }
    .clienteByComercial .AnchoControl-SM .KendoGridCentrado {
      display: inline-block;
      text-align: left; }
  .clienteByComercial .AnchoControl-SM.k-grid > .k-grid-content > table > tbody > tr:not(.k-detail-row) > td {
    display: inline-block;
    width: 50%;
    box-sizing: border-box; }
  .clienteByComercial .AnchoControl-XS {
    /* Cabecera de los grids, ocultas en principio */
    /*.k-grid:before {content: ""; display:block; height:30px; margin-bottom:0px; background-color:#00384E; color:#ffffff; text-align:center; font-weight:bold; text-transform:uppercase; padding:7px;}
    .k-grid > .k-grid-header > .k-grid-header-wrap {}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table {}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > colgroup {display:none;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead { display: block; }
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr {display:block;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr > th {display:none;}
    .k-grid > .k-grid-header > .k-grid-header-wrap > table > thead > tr > th:first-child {display:block;}*/
    /*-------------------------------------------------
      PARTE DE COLUMNAS MASTER DE LA TABLA 
    -------------------------------------------------*/
    /*&.k-grid > .k-grid-content > table > tbody > tr,
    &.k-grid > .k-grid-content > table > tbody > tr.k-master-row { display: block; position: relative; padding-left:70px; margin-bottom: 5px; border: 1px solid rgba(0,0,0,.3); }*/
    /* Icono del botón expandido */
    /*-------------------------------------------------              
           PARTE DETALLE DESPLEGABLE
    -------------------------------------------------*/ }
    .clienteByComercial .AnchoControl-XS.k-grid {
      border: none; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-header {
      display: none; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content {
      overflow-y: auto; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > colgroup {
      display: none; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr:not(.k-detail-row) {
      display: block;
      position: relative;
      margin-bottom: 5px;
      border: 1px solid rgba(0, 0, 0, 0.3); }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr {
      display: block;
      position: relative;
      margin-bottom: 5px;
      border: 1px solid rgba(0, 0, 0, 0.3); }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row {
      display: block;
      position: relative;
      padding-left: 70px;
      padding-right: 10px;
      margin-bottom: 5px;
      border: 1px solid rgba(0, 0, 0, 0.3); }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr > td {
      display: block;
      border: none;
      padding: 2px 0px 2px 10px; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td {
      display: block;
      margin-left: 0px;
      vertical-align: top; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.Botonera {
      width: 100%;
      text-align: center;
      border-top: 1px dotted rgba(0, 0, 0, 0.3);
      padding-top: 10px;
      position: relative;
      left: -5px; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.k-hierarchy-cell {
      position: absolute;
      top: 0px;
      left: 0px;
      margin: 0px;
      padding: 0px;
      width: 60px;
      box-sizing: border-box;
      height: 100%; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-master-row > td.k-hierarchy-cell > a {
      display: block;
      width: 100%;
      background-color: #00384E;
      color: #ffffff;
      height: 100%;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-detail-row {
      margin-left: 10px; }
    .clienteByComercial .AnchoControl-XS.k-grid > .k-grid-content > table > tbody > tr.k-detail-row > td {
      display: block; }
    .clienteByComercial .AnchoControl-XS .KendoGridCentrado {
      display: inline-block;
      text-align: left; }
  .clienteByComercial .app-logo {
    background-size: contain !important;
    background-position: left !important;
    background-repeat: no-repeat !important; }
  .clienteByComercial .main-logo {
    background: url(../../img/app_generic/logos/app_logo.png) left 50% no-repeat; }
  .clienteByComercial .alt-logo {
    background: url(../../img/app_generic/logos/app_logo_alt.png); }
  .clienteByComercial .app-logo-small {
    background: url(../../img/app_generic/logos/app_logo_small.png);
    background-size: contain !important;
    background-repeat: no-repeat; }
  .clienteByComercial .app-logo-small-alt {
    background: url(../../img/app_generic/logos/app_logo_small_alt.png);
    background-size: contain !important;
    background-repeat: no-repeat; }
  .clienteByComercial .bg-login {
    background-image: url(../../img/app_generic/bgLogin/bg-login.jpg);
    background-size: cover; }
  .clienteByComercial .logo-login {
    height: 110px;
    width: 100%;
    background-image: url(../../img/app_generic/logos/app_logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }
  .clienteByComercial .slider1 {
    background-image: url(../../img/app_generic/slideshow/slider_1.png); }
  .clienteByComercial .slider2 {
    background-image: url(../../img/app_generic/slideshow/slider_2.png); }
  .clienteByComercial .slider3 {
    background-image: url(../../img/app_generic/slideshow/slider_3.png); }
  .clienteByComercial .slider4 {
    background-image: url(../../img/app_generic/slideshow/slider_4.png); }
  .clienteByComercial .slider5 {
    background-image: url(../../img/app_generic/slideshow/slider_5.png); }
  .clienteByComercial img.imagenDefault {
    content: url(../../img/app_generic/imagenProductoDefault.png);
    object-fit: contain; }
  .clienteByComercial .img_user-data {
    background-image: url("../../img/app_generic/user-data.png") !important; }
  .clienteByComercial .Formulario,
  .clienteByComercial .Formulario > fieldset {
    font-size: 0px !important; }
  .clienteByComercial .Formulario > *,
  .clienteByComercial .Formulario > fieldset > * {
    font-size: 14px; }
  .clienteByComercial .Formulario {
    padding: 0px 0px 0px 0px; }
  .clienteByComercial .Formulario fieldset {
    margin: 50px 0px 20px 0px;
    padding: 10px 10px 10px 10px;
    background-color: #f3f3f3;
    border: 1px solid #eae9e9;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.3); }
  .clienteByComercial .Formulario fieldset legend {
    position: relative;
    top: -18px;
    left: -10px;
    border-bottom: 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic; }
  .clienteByComercial .Formulario > div,
  .clienteByComercial .Formulario > fieldset > div {
    display: inline-grid;
    grid-template-columns: auto 42px [last-col];
    vertical-align: top;
    width: 50%;
    margin: 10px 0px 10px 0px;
    padding: 5px;
    font-size: 14px; }
  .clienteByComercial .Formulario > div > *,
  .clienteByComercial .Formulario > fieldset > div > * {
    grid-column: 1 / last-col; }
  .clienteByComercial .Formulario > div > label,
  .clienteByComercial .Formulario > fieldset > div > label {
    position: relative;
    grid-row: 1;
    border-top: 0px;
    width: 100%; }
  .clienteByComercial .Formulario > div > *[required] ~ label:after,
  .clienteByComercial .Formulario > fieldset > div > *[required] ~ label:after,
  .clienteByComercial .Formulario > div.CampoRequerido > label:after,
  .clienteByComercial .Formulario > fieldset > div.CampoRequerido > label:after,
  .clienteByComercial .Formulario > div.CampoObligatorio > label:after,
  .clienteByComercial .Formulario > fieldset > div.CampoObligatorio > label:after {
    display: inline-block;
    content: "*";
    position: absolute;
    font-size: 16px;
    padding-left: 5px;
    color: #a73a3a; }
  .clienteByComercial .Formulario > div > *[required] ~ label,
  .clienteByComercial .Formulario > fieldset > div > *[required] ~ label,
  .clienteByComercial .Formulario > div.CampoRequerido > label,
  .clienteByComercial .Formulario > fieldset > div.CampoRequerido > label,
  .clienteByComercial .Formulario > div.CampoObligatorio > label,
  .clienteByComercial .Formulario > fieldset > div.CampoObligatorio > label {
    color: #a73a3a; }
  .clienteByComercial .Formulario > div > *[role="mark"] ~ label:after,
  .clienteByComercial .Formulario > fieldset > div > *[role="mark"] ~ label:after {
    display: inline-block;
    content: "(!)";
    position: absolute;
    font-size: 14px;
    padding-left: 5px;
    color: #a73a3a; }
  .clienteByComercial .Formulario > div > *[role="mark"] ~ label,
  .clienteByComercial .Formulario > fieldset > div > *[role="mark"] ~ label {
    color: #a73a3a; }
  .clienteByComercial .Formulario aside {
    text-align: center; }
  .clienteByComercial .Formulario > div > input,
  .clienteByComercial .Formulario > fieldset > div > input {
    grid-row: 2;
    grid-column: 1 / last-col;
    width: 100%;
    padding: 8px;
    height: 40px;
    border: 1px solid #e2e5ec;
    border-radius: 4px; }
  .clienteByComercial .Formulario > div > textarea,
  .clienteByComercial .Formulario > fieldset > div > textarea {
    grid-row: 2;
    grid-column: 1 / last-col;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    min-height: 80px;
    padding: 10px;
    border: 1px solid #e2e5ec;
    border-radius: 4px; }
  .clienteByComercial .Formulario > div > input[readonly],
  .clienteByComercial .Formulario > fieldset > div > input[readonly] {
    opacity: .5; }
  .clienteByComercial .Formulario > div > input[type=checkbox],
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] {
    display: inline-block;
    grid-row: 1;
    grid-column: 1 / last-col;
    position: relative;
    margin-top: 24px;
    width: auto;
    cursor: pointer; }
  .clienteByComercial .Formulario > div > input[type=checkbox] + label,
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] + label {
    display: inline-block;
    grid-row: 1;
    grid-column: 1 / last-col;
    margin-left: 0px;
    margin-top: 25px;
    width: auto;
    cursor: pointer; }
  .clienteByComercial .Formulario > div > select,
  .clienteByComercial .Formulario > fieldset > div > select {
    display: block;
    grid-row: 2;
    grid-column: 1 / last-col;
    width: 100%;
    padding: 8px;
    height: 40px;
    border: 1px solid #e2e5ec;
    border-radius: 4px; }
  .clienteByComercial .Formulario button {
    background-color: #00384E;
    border: 0px none black;
    color: #ffffff;
    padding: 10px 20px 10px 20px;
    border-radius: 2px; }
  .clienteByComercial .Formulario em > button {
    padding: 8px 18px 8px 18px;
    background-color: #fafafa !important;
    color: #00384E;
    border: 2px solid #00384E;
    font-style: normal; }
  .clienteByComercial .Formulario > div > ul,
  .clienteByComercial .Formulario > fieldset > div > ul {
    grid-row: 3;
    grid-column: 1 / last-col;
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; }
  .clienteByComercial .Formulario > div > ul > li,
  .clienteByComercial .Formulario > fieldset > div > ul > li {
    margin: 2px 0px 2px 5px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
    font-style: italic;
    color: #a73a3a; }
  .clienteByComercial .Formulario > fieldset > div > .ng-touched.ng-invalid {
    border-color: rgba(167, 58, 58, 0.5) !important; }
  .clienteByComercial .Formulario .form-error-msg {
    color: red;
    font-size: 11px;
    font-style: italic; }
  .clienteByComercial .Formulario > div .k-widget.k-dropdown,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-dropdown,
  .clienteByComercial .Formulario > div .k-widget.k-combobox,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-combobox {
    display: block;
    grid-row: 2;
    grid-column: 1 / last-col;
    width: 100%;
    height: 38px; }
  .clienteByComercial .Formulario > div .k-widget.k-dropdown > .k-dropdown-wrap,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-dropdown > .k-dropdown-wrap,
  .clienteByComercial .Formulario > div .k-widget.k-combobox > .k-dropdown-wrap,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-combobox > .k-dropdown-wrap {
    height: 38px; }
  .clienteByComercial .Formulario > div .k-widget.k-dropdown > .k-dropdown-wrap > .k-input,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-dropdown > .k-dropdown-wrap > .k-input,
  .clienteByComercial .Formulario > div .k-widget.k-combobox > .k-dropdown-wrap > .k-input,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-combobox > .k-dropdown-wrap > .k-input {
    height: 38px;
    padding-top: 5px;
    background-color: #ffffff;
    border-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid #e2e5ec;
    border-right: 0px none black; }
  .clienteByComercial .Formulario > div .k-widget.k-dropdown > .k-dropdown-wrap > .k-select,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-dropdown > .k-dropdown-wrap > .k-select,
  .clienteByComercial .Formulario > div .k-widget.k-combobox > .k-dropdown-wrap > .k-select,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-combobox > .k-dropdown-wrap > .k-select {
    height: 38px;
    box-sizing: border-box;
    /*background-color: #ffffff;*/
    border: 1px solid #e2e5ec;
    border-left: 0px none black;
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .clienteByComercial .Formulario > div .k-widget.k-dropdown > .k-dropdown-wrap.k-state-focused,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-dropdown > .k-dropdown-wrap.k-state-focused,
  .clienteByComercial .Formulario > div .k-widget.k-combobox > .k-dropdown-wrap.k-state-focused,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-combobox > .k-dropdown-wrap.k-state-focused {
    box-shadow: none; }
  .clienteByComercial .Formulario > div .k-widget.k-dropdown + a,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-dropdown + a {
    position: relative;
    display: block;
    grid-row: 2;
    grid-column: 2;
    width: 38px;
    height: 38px;
    margin: 0px 0px 0px auto;
    overflow: hidden;
    text-indent: 99999px;
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #e2e5ec;
    border-radius: 4px; }
  .clienteByComercial .Formulario > div .k-widget.k-dropdown + a:after,
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-dropdown + a:after {
    position: absolute;
    display: block;
    content: "\e014";
    top: 12px;
    left: 12px;
    left: 11px;
    text-indent: 0px;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    opacity: .7; }
  .clienteByComercial .Formulario .k-datepicker .k-picker-wrap > input {
    padding-bottom: 7px;
    padding-top: 6px; }
  .clienteByComercial .Formulario .k-datepicker .k-picker-wrap > .k-select .k-icon {
    padding-top: 24px; }
  .clienteByComercial .Formulario .k-widget.k-timepicker.k-header {
    width: fit-content; }
  .clienteByComercial .Formulario .k-timepicker .k-picker-wrap > input {
    padding-bottom: 7px;
    padding-top: 6px; }
  .clienteByComercial .Formulario .k-timepicker .k-picker-wrap > .k-select .k-icon {
    padding-top: 24px; }
  .clienteByComercial .Formulario.UnaColumna > div,
  .clienteByComercial .Formulario.UnaColumna > fieldset > div {
    width: 100%; }
  .clienteByComercial .Formulario.DosColumnas > div,
  .clienteByComercial .Formulario.DosColumnas > fieldset > div {
    width: 50%; }
  .clienteByComercial .Formulario.TresColumnas > div,
  .clienteByComercial .Formulario.TresColumnas > fieldset > div {
    width: 33.333%; }
  .clienteByComercial .Formulario.CuatroColumnas > div,
  .clienteByComercial .Formulario.CuatroColumnas > fieldset > div {
    width: 25%; }
  .clienteByComercial .Formulario.CincoColumnas > div,
  .clienteByComercial .Formulario.CincoColumnas > fieldset > div {
    width: 20%; }
  .clienteByComercial .Formulario > fieldset.UnaColumna > div {
    width: 100%; }
  .clienteByComercial .Formulario > fieldset.DosColumnas > div {
    width: 50%; }
  .clienteByComercial .Formulario > fieldset.TresColumnas > div {
    width: 33.333%; }
  .clienteByComercial .Formulario > fieldset.CuatroColumnas > div {
    width: 25%; }
  .clienteByComercial .Formulario > fieldset.CincoColumnas > div {
    width: 20%; }
  .clienteByComercial .Formulario > div.AnchoDosColumnas,
  .clienteByComercial .Formulario > fieldset > div.AnchoDosColumnas {
    width: 100%; }
  .clienteByComercial .Formulario.DosColumnas > div.AnchoDosColumnas {
    width: 100%; }
  .clienteByComercial .Formulario.TresColumnas > div.AnchoDosColumnas {
    width: 66.666%; }
  .clienteByComercial .Formulario.TresColumnas > div.AnchoTresColumnas {
    width: 100%; }
  .clienteByComercial .Formulario.CuatroColumnas > div.AnchoDosColumnas {
    width: 50%; }
  .clienteByComercial .Formulario.CuatroColumnas > div.AnchoTresColumnas {
    width: 75%; }
  .clienteByComercial .Formulario.CuatroColumnas > div.AnchoCuatroColumnas {
    width: 100%; }
  .clienteByComercial .Formulario.CincoColumnas > div.AnchoDosColumnas {
    width: 50%; }
  .clienteByComercial .Formulario.CincoColumnas > div.AnchoTresColumnas {
    width: 60%; }
  .clienteByComercial .Formulario.CincoColumnas > div.AnchoCuatroColumnas {
    width: 80%; }
  .clienteByComercial .Formulario.CincoColumnas > div.AnchoCincoColumnas {
    width: 100%; }
  .clienteByComercial .Formulario > fieldset.DosColumnas > div.AnchoDosColumnas {
    width: 100%; }
  .clienteByComercial .Formulario > fieldset.TresColumnas > div.AnchoDosColumnas {
    width: 66.666%; }
  .clienteByComercial .Formulario > fieldset.TresColumnas > div.AnchoTresColumnas {
    width: 100%; }
  .clienteByComercial .Formulario > fieldset.CuatroColumnas > div.AnchoDosColumnas {
    width: 50%; }
  .clienteByComercial .Formulario > fieldset.CuatroColumnas > div.AnchoTresColumnas {
    width: 75%; }
  .clienteByComercial .Formulario > fieldset.CuatroColumnas > div.AnchoCuatroColumnas {
    width: 100%; }
  .clienteByComercial .Formulario > fieldset.CincoColumnas > div.AnchoDosColumnas {
    width: 40%; }
  .clienteByComercial .Formulario > fieldset.CincoColumnas > div.AnchoTresColumnas {
    width: 60%; }
  .clienteByComercial .Formulario > fieldset.CincoColumnas > div.AnchoCuatroColumnas {
    width: 80%; }
  .clienteByComercial .Formulario > fieldset.CincoColumnas > div.AnchoCincoColumnas {
    width: 100%; }
  .clienteByComercial .Formulario > div.AnchoCompleto,
  .clienteByComercial .Formulario > fieldset > div.AnchoCompleto,
  .clienteByComercial .Formulario > div.AnchoTotal,
  .clienteByComercial .Formulario > fieldset > div.AnchoTotal {
    width: 100%; }
  @media (max-width: 767px) {
    .clienteByComercial .Formulario > div,
    .clienteByComercial .Formulario > fieldset > div {
      width: 100%; } }
  .clienteByComercial .Formulario > div > input + label.ReemplazadorNumerico,
  .clienteByComercial .Formulario > fieldset > div > input + label.ReemplazadorNumerico {
    grid-row: 2;
    grid-column: 1 / last-col;
    width: 100%;
    padding: 9px 8px 8px 8px;
    height: 40px;
    border: 1px solid #e2e5ec;
    border-radius: 4px;
    background-color: #ffffff;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 100%;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.87);
    opacity: 1; }
  .clienteByComercial .Formulario > div > input + label.ReemplazadorNumerico:after,
  .clienteByComercial .Formulario > fieldset > div > input + label.ReemplazadorNumerico:after {
    display: none;
    content: ""; }
  .clienteByComercial .Formulario > div > input:focus + label.ReemplazadorNumerico,
  .clienteByComercial .Formulario > fieldset > div > input:focus + label.ReemplazadorNumerico {
    display: none; }
  .clienteByComercial .Formulario > fieldset > div .k-widget.k-dropdown + a.EliminarAsociacion:after {
    position: absolute;
    display: block;
    content: "\e020";
    top: 12px;
    left: 10px;
    text-indent: 0px;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    opacity: .7; }
  .clienteByComercial .Formulario > div > input[type=checkbox].ControlSiNo + label,
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox].ControlSiNo + label {
    margin-left: 0px;
    margin-top: 28px;
    margin-bottom: 0px;
    width: fit-content; }
  .clienteByComercial .Formulario > div.FicheroCentrado,
  .clienteByComercial .Formulario > fieldset > div.FicheroCentrado {
    max-width: 100%; }
  .clienteByComercial .Formulario > div.FicheroCentrado > label > span,
  .clienteByComercial .Formulario > fieldset > div.FicheroCentrado > label > span {
    height: 36px;
    line-height: 36px;
    margin-top: 5px;
    margin-bottom: 5px; }
  .clienteByComercial .Formulario > div[role=radiogroup],
  .clienteByComercial .Formulario > fieldset > div[role=radiogroup] {
    display: inline-grid;
    grid-template-columns: auto auto auto [last-col]; }
  .clienteByComercial .Formulario > div[role=radiogroup] > input,
  .clienteByComercial .Formulario > fieldset > div[role=radiogroup] > input {
    display: none; }
  .clienteByComercial .Formulario > div[role=radiogroup] > input + label,
  .clienteByComercial .Formulario > fieldset > div[role=radiogroup] > input + label {
    display: inline-block;
    position: relative;
    z-index: 1;
    width: auto;
    background-color: transparent;
    grid-row: 2;
    grid-column: 1;
    padding: 4px;
    margin: 5px 5px 0px 5px;
    border-radius: 20px;
    border: 2px dashed rgba(0, 0, 0, 0.5);
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    opacity: .3;
    transition: background-color .5s, border-color .5s; }
  .clienteByComercial .Formulario > div[role=radiogroup] > input + label + input + label,
  .clienteByComercial .Formulario > fieldset > div[role=radiogroup] > input + label + input + label {
    grid-column: 2; }
  .clienteByComercial .Formulario > div[role=radiogroup] > input + label + input + label + input + label,
  .clienteByComercial .Formulario > fieldset > div[role=radiogroup] > input + label + input + label + input + label {
    grid-column: 3; }
  .clienteByComercial .Formulario > div[role=radiogroup] > input:checked + label:nth-child(2),
  .clienteByComercial .Formulario > fieldset > div[role=radiogroup] > input:checked + label:nth-child(2) {
    background-color: #57ae49;
    opacity: 1;
    border: 2px solid #57ae49;
    color: #ffffff; }
  .clienteByComercial .Formulario > div[role=radiogroup] > input:checked + label:nth-child(4),
  .clienteByComercial .Formulario > fieldset > div[role=radiogroup] > input:checked + label:nth-child(4) {
    background-color: #e9bc1d;
    opacity: 1;
    border: 2px solid #e9bc1d;
    color: #ffffff; }
  .clienteByComercial .Formulario > div[role=radiogroup] > input:checked + label:nth-child(6),
  .clienteByComercial .Formulario > fieldset > div[role=radiogroup] > input:checked + label:nth-child(6) {
    background-color: #a73a3a;
    opacity: 1;
    border: 2px solid #a73a3a;
    color: #ffffff; }
  .clienteByComercial .Formulario > div[role=radiogroup] > label:last-child:before,
  .clienteByComercial .Formulario > fieldset > div[role=radiogroup] > label:last-child:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 22px;
    width: 100%;
    height: 40px;
    background-color: white;
    border: 1px solid #e2e5ec;
    border-radius: 4px; }
  .clienteByComercial .Formulario label[role=img],
  .clienteByComercial .Formulario > fieldset > label[role=img] {
    font-size: 45px; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input {
    display: none; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input + label,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input + label {
    display: inline-block;
    margin: .1em;
    cursor: pointer;
    color: #cccccc;
    transition: .5s; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input + label:hover,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input + label:hover {
    color: #a8a8a8; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input:checked + label,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input:checked + label {
    color: #57ae49; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input#rbEvaluacion_SinEvaluacion:checked + label,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_SinEvaluacion:checked + label {
    color: #000000; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input#rbEvaluacion_MuyNegativa:checked + label,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_MuyNegativa:checked + label {
    color: #ca0606; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input#rbEvaluacion_Negativa:checked + label,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_Negativa:checked + label {
    color: #dee03c; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input#rbEvaluacion_Neutral:checked + label,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_Neutral:checked + label {
    color: #2c3dc8; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input#rbEvaluacion_Positiva:checked + label,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_Positiva:checked + label {
    color: #57ae49; }
  .clienteByComercial .Formulario > div > div[role=radiogroup] > input#rbEvaluacion_MuyPositiva:checked + label,
  .clienteByComercial .Formulario > fieldset > div > div[role=radiogroup] > input#rbEvaluacion_MuyPositiva:checked + label {
    color: #016509; }
  .clienteByComercial .EvaluacionTipo_sinevaluacion {
    color: #000000; }
  .clienteByComercial .EvaluacionTipo_muynegativa {
    color: #ca0606; }
  .clienteByComercial .EvaluacionTipo_negativa {
    color: #dee03c; }
  .clienteByComercial .EvaluacionTipo_neutral {
    color: #2c3dc8; }
  .clienteByComercial .EvaluacionTipo_positiva {
    color: #57ae49; }
  .clienteByComercial .EvaluacionTipo_muypositiva {
    color: #016509; }
  .clienteByComercial .Formulario > div > input[type=checkbox],
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox],
  .clienteByComercial input[type=checkbox].CheckboxTipoBoton {
    display: none; }
  .clienteByComercial .Formulario > div > input[type=checkbox] + label,
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] + label,
  .clienteByComercial input[type=checkbox].CheckboxTipoBoton + label {
    display: inline-block;
    position: relative;
    width: auto;
    padding-left: 70px;
    vertical-align: top;
    line-height: 34px;
    background-color: transparent;
    cursor: pointer; }
  .clienteByComercial .Formulario > div > input[type=checkbox] + label:before,
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] + label:before,
  .clienteByComercial input[type=checkbox].CheckboxTipoBoton + label:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 34px;
    left: 0;
    background-color: #a73a3a;
    border-radius: 34px;
    transition: .4s; }
  .clienteByComercial .Formulario > div > input[type=checkbox] + label:after,
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] + label:after,
  .clienteByComercial input[type=checkbox].CheckboxTipoBoton + label:after {
    content: "\f511";
    font-family: "Material Design Icons";
    color: rgba(167, 58, 58, 0.7);
    font-size: 11px;
    position: absolute;
    height: 26px;
    width: 26px;
    top: 4px;
    left: 3px;
    background-color: #fff;
    transition: .4s;
    border-radius: 34px;
    line-height: 26px;
    text-align: center;
    font-size: 9px;
    vertical-align: middle;
    opacity: .8;
    text-transform: uppercase; }
  .clienteByComercial .Formulario > div > input[type=checkbox]:checked + label:after,
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox]:checked + label:after,
  .clienteByComercial input[type=checkbox].CheckboxTipoBoton:checked + label:after {
    font-size: 15px;
    transform: rotate(180deg);
    color: rgba(87, 174, 73, 0.7);
    left: 31px; }
  .clienteByComercial .Formulario > div > input[type=checkbox]:checked + label:before,
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox]:checked + label:before,
  .clienteByComercial input[type=checkbox].CheckboxTipoBoton:checked + label:before {
    background-color: #57ae49; }
  .clienteByComercial input[type=checkbox].CheckboxTipoBoton.SinTexto + Label {
    padding-left: 60px; }
  .clienteByComercial .Formulario > header > p,
  .clienteByComercial .Formulario > fieldset > header > p {
    text-align: center;
    margin: 10px 20%;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px;
    font-style: italic;
    border-radius: 2px; }
  @media (max-width: 768px) {
    .clienteByComercial .Formulario > header > p,
    .clienteByComercial .Formulario > fieldset > header > p {
      padding: 5px;
      margin: 5px; } }
  .clienteByComercial .cantidadLetras {
    text-align: right;
    font-style: italic;
    padding-top: 5px;
    opacity: .5;
    font-size: .8em; }
  .clienteByComercial .Formulario fieldset {
    position: relative !important;
    box-shadow: none !important; }
  .clienteByComercial .Formulario fieldset legend {
    position: absolute !important;
    top: -33px !important;
    left: 0px !important;
    padding: 5px;
    background-color: #3d3d3d;
    color: #ffffff;
    letter-spacing: 1px; }
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck, .clienteByComercial .Formulario > div > input[type=checkbox] ~ .labelCheck {
    display: inline-block;
    position: relative;
    width: auto;
    padding-left: 70px;
    vertical-align: top;
    line-height: 34px;
    background-color: transparent; }
    .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck:before, .clienteByComercial .Formulario > div > input[type=checkbox] ~ .labelCheck:before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 60px;
      height: 34px;
      left: 0;
      background-color: #a73a3a;
      border-radius: 34px;
      transition: .4s;
      cursor: pointer; }
    .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck:after, .clienteByComercial .Formulario > div > input[type=checkbox] ~ .labelCheck:after {
      content: "\f511";
      font-family: "Material Design Icons";
      color: rgba(167, 58, 58, 0.7);
      font-size: 11px;
      position: absolute;
      height: 26px;
      width: 26px;
      top: 4px;
      left: 3px;
      background-color: #fff;
      transition: .4s;
      border-radius: 34px;
      line-height: 26px;
      text-align: center;
      font-size: 9px;
      vertical-align: middle;
      opacity: .8;
      text-transform: uppercase;
      cursor: pointer; }
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox]:checked ~ .labelCheck:before, .clienteByComercial .Formulario > div > input[type=checkbox]:checked ~ .labelCheck:before {
    background-color: #57ae49; }
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox]:checked ~ .labelCheck:after, .clienteByComercial .Formulario > div > input[type=checkbox]:checked ~ .labelCheck:after {
    font-size: 15px;
    transform: rotate(180deg);
    color: rgba(87, 174, 73, 0.7);
    left: 31px;
    cursor: pointer; }
  .clienteByComercial .Formulario > fieldset > div > input[type=checkbox] ~ .labelCheck,
  .clienteByComercial .Formulario > div > input[type=checkbox] ~ .labelCheck {
    grid-row: 2 !important;
    height: 35px; }
  .clienteByComercial .kr-icon-big {
    font-size: 1.6em;
    position: relative;
    top: 0.15em; }
  .clienteByComercial .kr-icon-space {
    padding-right: 0.3em; }
  .clienteByComercial .kr-icon-oportunidades:before {
    content: "\F336";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-informes:before {
    content: "\F12A";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-home:before {
    content: "\F2DC";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-personasdecontacto:before {
    content: "\F848";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-campanyas:before {
    content: "\F00C";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-ofertas:before {
    content: "\f46f";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-interacciones:before {
    content: "\f16c";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-perfiles:before {
    content: "\f431";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-direcciones:before {
    content: "\F350";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-contactos:before {
    content: "\F6CA";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-pedidos:before {
    content: "\F53D";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-albaranes:before {
    content: "\F21A";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-facturas:before {
    content: "\F572";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-vencimientos:before {
    content: "\F0ED";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-estadisticas:before {
    content: "\F128";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-modelo347:before {
    content: "\F12B";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-datoseconomicos:before {
    content: "\F1D7";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-configuracion:before {
    content: "\F5B7";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-documentosventa:before {
    content: "\F14E";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-satpedidosservicio:before {
    content: "\F214";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-satpedidoshistorico:before {
    content: "\F2DA";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-satpedidosalta:before {
    content: "\F3EB";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-satdocumentacion:before {
    content: "\F219";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-satcenso:before {
    content: "\F1E7";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-anyadir:before {
    content: "\F415";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-edit:before {
    content: "\F90B";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-actualizar:before {
    content: "\F450";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-eliminar:before {
    content: "\FA78";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-aceptar:before {
    content: "\F12C";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-cancelar:before {
    content: "\F156";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-si:before {
    content: "\F133";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-no:before {
    content: "\F376";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-verdetalles:before {
    content: "\F6CF";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-carrito:before {
    content: "\F110";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-carritonuevo:before {
    content: "\F076";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-carritomodificar:before {
    content: "\F112";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-carritosguardados:before {
    content: "\F077";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-pedido:before {
    content: "\F53D";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-pedidoenviar:before {
    content: "\F787";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-vistarapida:before {
    content: "\F349";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-anterior:before {
    content: "\F141";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-siguiente:before {
    content: "\F142";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-volver:before {
    content: "\F45A";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-telefono:before {
    content: "\F3F2";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-email:before {
    content: "\F1EE";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-selectorcampos:before {
    content: "\f04d";
    font-family: "DXIcons"; }
  .clienteByComercial .kr-icon-excel:before {
    content: "\f060";
    font-family: "DXIcons"; }
  .clienteByComercial .kr-icon-empresa:before {
    content: "\F1AD";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-persona:before {
    content: "\F006";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-todos:before {
    content: "\f005";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-oportunidadesactivas:before {
    content: "\e019";
    font-family: "Glyphicons Halflings"; }
  .clienteByComercial .kr-icon-oportunidadesprogreso:before {
    content: "\e185";
    font-family: "Glyphicons Halflings"; }
  .clienteByComercial .kr-icon-oportunidadesofertadas:before {
    content: "\e165";
    font-family: "Glyphicons Halflings"; }
  .clienteByComercial .kr-icon-oportunidadesganadas:before {
    content: "\e003";
    font-family: "Glyphicons Halflings"; }
  .clienteByComercial .kr-icon-oportunidadesoportunidad:before {
    content: "\F09F";
    font-family: "Glyphicons Halflings"; }
  .clienteByComercial .kr-icon-oportunidadesfechasclave:before {
    content: "\F0F0";
    font-family: "Glyphicons Halflings"; }
  .clienteByComercial .kr-icon-oportunidadesnegocio:before {
    content: "\F1D6";
    font-family: "Glyphicons Halflings"; }
  .clienteByComercial .kr-icon-oportunidadescontacto:before {
    content: "\F004";
    font-family: "Glyphicons Halflings"; }
  .clienteByComercial .kr-icon-evaluacion-sinevaluar:before {
    content: "\f15a";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-evaluacion-muynegativa:before {
    content: "\f1f9";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-evaluacion-negativa:before {
    content: "\f1f8";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-evaluacion-neutral:before {
    content: "\f1f6";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-evaluacion-positiva:before {
    content: "\f1f5";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-evaluacion-muypositiva:before {
    content: "\f1f2";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-icon-promociones:before {
    content: "\f2a1";
    font-family: "Material Design Icons"; }
  .clienteByComercial .kr-color-icon-success {
    color: green; }
  .clienteByComercial .kr-color-icon-danger {
    color: red; }
  .clienteByComercial filtro-kendo-grid {
    display: block;
    padding: 10px 0px 10px 0px; }
  .clienteByComercial filtro-kendo-grid > a {
    display: inline-block;
    position: relative;
    padding: 0px 10px 0px 10px; }
  .clienteByComercial filtro-kendo-grid > a:hover {
    color: #00384E; }
  .clienteByComercial filtro-kendo-grid > a.active {
    font-weight: bold;
    color: #000000; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoClase a {
    padding-left: 15px; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoClase a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: silver; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Cliente:before,
  .clienteByComercial filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Clientes:before {
    background-color: #0cc285; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Potencial:before,
  .clienteByComercial filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Potenciales:before {
    background-color: #ec9330; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Proveedor:before,
  .clienteByComercial filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Proveedores:before {
    background-color: #be3df7; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoClase a.CssFiltroOpcion_Todos:before {
    background-color: #d92800; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoTipo a {
    padding-left: 23px; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoTipo a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: -2px;
    font-size: 20px;
    font-family: FontAwesome;
    font-smoothing: antialiased;
    font-weight: normal; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoTipo a.CssFiltroOpcion_Empresa:before {
    content: "\f1ad"; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoTipo a.CssFiltroOpcion_Persona:before {
    content: "\f007"; }
  .clienteByComercial filtro-kendo-grid.FiltroContactoTipo a.CssFiltroOpcion_Todos:before {
    content: "\f005"; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityActual a {
    padding-left: 23px; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityActual a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: -2px;
    font-size: 20px;
    font-family: FontAwesome;
    font-smoothing: antialiased;
    font-weight: normal; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityActual a.CssFiltroOpcion_NoIniciado:before {
    content: "\f056";
    color: #af1212; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityActual a.CssFiltroOpcion_EnProgreso:before {
    content: "\f064";
    color: #458ccc; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityActual a.CssFiltroOpcion_Todos:before {
    content: "\f005"; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityHistorico a {
    padding-left: 23px; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityHistorico a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: -2px;
    font-size: 20px;
    font-family: FontAwesome;
    font-smoothing: antialiased;
    font-weight: normal; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityHistorico a.CssFiltroOpcion_Ganado:before {
    content: "\f164";
    color: #649a54; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityHistorico a.CssFiltroOpcion_Perdido:before {
    content: "\f165";
    color: #f26a4f; }
  .clienteByComercial filtro-kendo-grid.FiltroOpportunityHistorico a.CssFiltroOpcion_Todos:before {
    content: "\f005"; }
  .clienteByComercial opportunity-grid .columnEstado {
    text-align: center;
    background-color: red;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 5px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .clienteByComercial opportunity-grid .columnEstado.columnEstado_0 {
    background-color: #af1212; }
  .clienteByComercial opportunity-grid .columnEstado.columnEstado_1 {
    background-color: #458ccc; }
  .clienteByComercial opportunity-grid .columnEstado.columnEstado_2 {
    background-color: #649a54; }
  .clienteByComercial opportunity-grid .columnEstado.columnEstado_3 {
    background-color: #f26a4f; }
  .clienteByComercial filtro-kendo-grid.FiltroEstadoConsumido a {
    padding-left: 15px; }
  .clienteByComercial filtro-kendo-grid.FiltroEstadoConsumido a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 3px;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: silver; }
  .clienteByComercial filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Catalogo:before {
    background-color: #0cc285; }
  .clienteByComercial filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Obsoleto:before {
    background-color: #ec9330; }
  .clienteByComercial filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Consumido:before {
    background-color: #be3df7; }
  .clienteByComercial filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Descatalogado:before {
    background-color: #00384E; }
  .clienteByComercial filtro-kendo-grid.FiltroEstadoConsumido a.CssFiltroOpcion_Todos:before {
    background-color: #d92800; }

configuracion-modulos h2 {
  margin: 20px;
  padding: 20px; }

configuracion-modulos .modulos-caracteristicas {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 30px;
  font-size: 1.5em; }
  configuracion-modulos .modulos-caracteristicas div {
    margin: 10px 30px;
    padding: 20px;
    border: 0.1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    text-transform: uppercase; }

.text-yellow {
  color: #ffea00; }

stock {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap; }

.semaforo-red {
  color: red;
  text-shadow: .1px 1px 1px black; }

.semaforo-yellow {
  color: #ffea00;
  text-shadow: .1px 1px 1px black; }

.semaforo-green {
  color: green;
  text-shadow: .1px 1px 1px black; }

/*page-planificador-de-rutas {
    .planificadorDeRutas {
        width: 100%;
        display: flex;
        flex-direction: column;

        h1 {
            display: block;
            width: 100%;
            text-align: center;
        }

        h3 {
            position: relative;
            display: block;
            text-align: center;
            margin-top: 40px;
            margin-bottom: 30px;
            border-bottom: .1px solid rgba(0,0,0,.2);

            .muestraOcultaFiltro {
                position: absolute;
                right: 0px;
                top: 0px;
                color: grey;
                font-weight: bold;
                font-size: 1em;

                span {
                    display: block;
                    width: 25px;
                    color: white;
                    background: black;
                }
            }
        }

        .container {
            margin: 0px;
            padding: 0px;
            width: 100%;
            display: flex;
            justify-content: space-around;

            > div {
                padding: 10px;
            }

            .filtros {
                width: 100%;
                padding: 10px;

                .filtrosAplicados {
                    padding: 0px 10px;
                    background-color: var(--mdPrimary);
                    color: white;
                    border-radius: 5px;
                    text-transform: uppercase;
                }

                > div {
                    background: rgba(0,0,0,.1);
                    padding: 10px 20px;
                    border-radius: 5px;
                }

                .botones {
                    display: flex;
                    justify-content: center;

                    md-buttom {
                        margin: 10px;
                    }
                }

                fieldset {
                    margin-top: 20px;
                    display: flex;
                    justify-content: space-between;

                    div {
                        width: 100%;
                        padding: 10px;
                    }

                    label {
                        display: block;
                        text-align: center;
                    }

                    input {
                        width: 100%;
                        border: none;
                        outline: none;
                        padding: 5px;
                        text-align: center;
                    }
                }
            }

            .listadoDeRutas {
                width: 38%;
            }

            .listadoDeEnvios {
                width: 38%;

                .filaGridEnvios {
                    .titulo {
                        font-size: 1.5em;
                        font-weight: bold;
                    }
                }
            }

            .modificarRuta {
                width: 38%;
                padding: 20px;

                fieldset {
                    display: flex;

                    div {
                        width: 50%;
                        padding: 10px;

                        transportistas-drop-down-list, conductores-drop-down-list {
                            width: 100%;
                        }

                        label {
                            width: 100%;
                            text-align: center;
                        }

                        input {
                            width: 100%;
                            text-align: center;
                        }
                    }
                }

                .botones {
                    display: flex;
                    justify-content: center;

                    md-button {
                        margin: 30px;
                    }
                }
            }

            .listadoDePedidos {
                width: 40%;
            }

            .fila-grid-pedidos {
                position: relative;

                .add-envio {
                    position: absolute;
                    right: 10px;
                    top: 10px;
                    font-size: 2em;
                    font-weight: bold;
                }
            }

            .pedido-seleccionado {
                background-color: rgba(0,0,0,.1) !important;
                padding: 5px;
                border: 2px solid black;
            }

            .modificarPedido {
                width: 40%;
                padding: 20px;

                fieldset {
                    display: flex;

                    div {
                        width: 50%;
                        padding: 10px;

                        rutas-drop-down-list {
                            width: 100%;
                        }

                        label {
                            width: 100%;
                            text-align: center;
                        }

                        input {
                            width: 100%;
                            text-align: center;
                        }
                    }
                }

                .botones {
                    display: flex;
                    justify-content: center;

                    md-button {
                        margin: 30px;
                    }
                }
            }


            .mapa {
                width: 40%;
            }

            .diseñoRuta {
                width: 20%;

                .botones {
                    display: flex;
                    flex-direction: column;
                    border-bottom: 1px solid rgba(0,0,0,.1);
                    margin-bottom: 20px;
                }

                .kgsTotales {
                    display: block;
                    text-align: center;
                    font-weight: bold;
                    font-size: 1.2em;
                }


                li {
                    position: relative;
                    border-bottom: .1px solid rgba(0,0,0,.1);
                    border-radius: 10px;
                    cursor: pointer;

                    p {
                        display: block;
                    }

                    .numeroPedido {
                        font-size: 1.1em;
                        font-weight: bold;
                    }

                    .diseñoNombre {
                        font-size: 0.9em;
                        font-style: italic;
                    }

                    span {
                        position: absolute;
                        right: 5px;
                        top: 5px;
                        text-transform: lowercase;
                        font-size: 1.2em;
                        font-weight: bold;
                        padding: 2px;
                    }
                }
            }
        }
    }
}*/
/*page-planificador-de-rutas .planificadorDeRutas {width: 100%; display: flex; flex-direction: column;}
page-planificador-de-rutas .planificadorDeRutas  h1 {display: block; width: 100%; text-align: center;}
page-planificador-de-rutas .planificadorDeRutas h3 {position: relative; display: block; text-align: center; margin-top: 40px; margin-bottom: 30px; border-bottom: .1px solid rgba(0,0,0,.2);}
page-planificador-de-rutas .planificadorDeRutas h3 .muestraOcultaFiltro {position: absolute; right: 0px; top: 0px; color: grey; font-weight: bold; font-size: 1em;}
page-planificador-de-rutas .planificadorDeRutas h3 .muestraOcultaFiltro span {display: block; width: 25px; color: white; background: black; }
page-planificador-de-rutas .planificadorDeRutas .container {margin: 0px; padding: 0px; width: 100%; display: flex; justify-content: space-around;}
page-planificador-de-rutas .planificadorDeRutas .container > div {padding: 10px;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros {width: 100%; padding: 10px;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros .filtrosAplicados {padding: 0px 10px; background-color: var(--mdPrimary); color: white; border-radius: 5px; text-transform: uppercase; }
page-planificador-de-rutas .planificadorDeRutas .container .filtros > div {background: rgba(0,0,0,.1); padding: 10px 20px; border-radius: 5px;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros .botones {display: flex; justify-content: center;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros .botones  md-buttom {margin: 10px;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros fieldset {margin-top: 20px; display: flex; justify-content: space-between;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros fieldset div {width: 100%; padding: 10px;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros fieldset label {display: block; text-align: center;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros fieldset input {width: 100%; border: none; outline: none;padding: 5px; text-align: center;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros .listadoDeRutas {width: 38%;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros .listadoDeEnvios {width: 38%;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros .listadoDeEnvios .filaGridEnvios .titulo {font-size: 1.5em; font-weight: bold;}
page-planificador-de-rutas .planificadorDeRutas .container .filtros .modificarRuta {width: 38%; padding: 20px;}*/