/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaORs71cA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaHRs71cA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaMRs71cA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaNRs71cA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaDRs4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.fondo_verde{ background: #73a839!important;}
.fondo_naranja{ background: #dd5600!important;}
.fondo_rojo{ background: #c71c22!important;}
.fondo_rojo_claro{ background: #FADFE0!important;}
.fondo_azul{ background: #033c73!important;}
.fondo_cian{ background: #2fa4e7!important;}
.fondo_verde_claro {background: lightgreen!important;}
.fondo_azul_claro {background: #C6F7ED!important;}
.fondo_gris {background: #f0f0f0!important;}
.fondo_gris_oscuro {background: #555555!important;}
.fondo_blanco {background: white!important;}
.fondo_morado {background: #B94890!important;}
.fondo_transparente {background: transparent!important;}
.fondo_amarillo {background: #F7FE2E!important;}
.fondo_amarillo_suave { background: #fdffbf!important;}
.fondo_rosa {background: #F781D8!important;}
.fondo_negro {background: black!important;}
.fondo_marron {background: #B5651D!important;}
.fondo_gris_claro {background: #ECECEC!important;}

.verde { color: #73a839!important; }
.naranja { color: #dd5600!important; }
.rojo { color: #c71c22!important; }
.rojo_oscuro { color:#900000!important;}
.azul { color: #2fa4e7!important}
.azul_oscuro { color: #033c73!important}
.azul_marino { color: blue!important }
.cian { color: #2fa4e7!important;}
.gris { color: grey!important;}
.gris_oscuro { color: #555555!important;}
.blanco { color: white!important;}
.negro {color: black!important;}
.amarillo {color: yellow!important;}
.ambar {color: #ffbf00!important;}
.azul_enlace{color: #369bd7!important}
.izda{ float: left!important}
.dcha{ float: right!important}
.morado { color:  #6C08FF!important }
.marron { color: brown!important; }
.color_salmon { color: #FA8072!important; }
.color_rosa { color: #FF00D1!important; }
.color_pistacho { color: #7FE173!important; }
.color_dorado { color: #D4AC0D!important; }
.color_carne { color: #EDBB99!important; }

.color_positivos{ color: #99CC66 !important}
.fondo_positivos{ background-color: #99CC66; background-image: none !important;}
.subrayado_positivos { border-bottom-color: #99CC66}

.color_negativos{ color: #CC0033 !important}
.fondo_negativos{ background-color: #CC0033; background-image: none !important;}
.subrayado_negativos { border-bottom-color: #CC0033}

.color_modificar{ color: #D8B849 !important}
.fondo_modificar{ background-color: #D8B849; background-image: none !important;}
.subrayado_modificar { border-bottom-color: #D8B849}

.color_comunicacion{ color: #0099CC !important}
.fondo_comunicacion{ background-color: #0099CC; background-image: none !important;}
.subrayado_comunicacion { border-bottom-color: #0099CC}

.color_ayuda{ color: #660066 !important}
.fondo_ayuda{ background-color: #660066; background-image: none !important;}
.subrayado_ayuda{ border-bottom-color: #660066}

.color_monetario{ color: #996633 !important}
.fondo_monetario{ background-color: #996633; background-image: none !important;}
.subrayado_monetario{ border-bottom-color: #996633}

.color_acciones{ color: #FF8822 !important}
.fondo_acciones{ background-color: #FF8822; background-image: none !important;}
.subrayado_acciones{ border-bottom-color: #FF8822}

.color_red{ color: #1F8F43 !important}
.fondo_red{ background-color: #1F8F43; background-image: none !important;}
.subrayado_red{ border-bottom-color: #1F8F43}

.color_ver{ color: #1C619F !important}
.fondo_ver{ background-color: #1C619F; background-image: none !important;}
.subrayado_ver{ border-bottom-color: #1C619F}

.color_tiempo{ color: #AC4986 !important}
.fondo_tiempo{ background-color: #AC4986; background-image: none !important;}
.subrayado_tiempo{ border-bottom-color: #AC4986}

.color_otros { color: #999999 !important}
.fondo_otros { color: #999999 ; background-image: none !important;}
.subrayado_otros { border-bottom-color: #999999}

h4.cabecera, .form h4,#clientes-form h4 ,#contratosmadre-form h4,#contratos-form h4,#contratos-form h5,#tarifas-tipo-form h4,#tarifas-form h4{

    border-bottom: 2px solid;
    color: #2fa4e7;
    margin-bottom: 5px;
    margin-top: 20px;
    padding: 3px;
    font-size: 16px;
   
    line-height: 25px;
    padding-left: 10px;
    font-weight:bold;
}

h4[class*="subrayado_"] {
    border-bottom: 2px solid;
    background-color: transparent!important;
}


/* panel de noticias */
div.noticia{
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(150,150,150,0.51);
    -moz-box-shadow: 1px 1px 3px 0px rgba(150,150,150,0.51);
    box-shadow: 1px 1px 3px 0px rgba(150,150,150,0.51);
    margin: 10px 0;
    padding: 10px;
}

div.noticia:hover{background:rgba(255, 255, 187, 0.33);}

div.noticia h3 {
    color: #2c2c2d;
    font-family: 'BlissfulThinking';
    font-weight: normal;
}

div.noticia .descripcion{
    padding: 8px 0px;
    overflow-x: auto;
}

div.noticia .pie{
    text-align:right;
    font-size: 11px;
}

.navbar i { color: white} 
ul.dropdown-menu i { color: black}


h4.color_ver.subrayado_ver i { color: white!important}

button#btn_ver_calendario{ margin-top:10px }

 
#llamadas-descripcion-grid h4, #flujo-notas-1 h4 ,#flujo-notas-2 h4, #observaciones h4{
     background: none;
     color: #2fa4e7;
 }
 
 
 
 
 /* PARA CONTRARRESTAR EL TANGERINE */
 #panel_clientes #apagar, #panel_clientes #logotipo, #panel_clientes #selecciona-idioma, #panel_clientes #footer2, #panel_clientes #general .tit-general,#panel_clientes #ticket-tab .tit-general{
     display: none !important;
 }
 
 
 
 #panel_clientes #myTab div{
     float: left;
     padding-bottom: 5px;
 }
 #panel_clientes .nav-tabs > .active > a, #panel_clientes .nav-tabs > .active > a:hover{
     padding-bottom: 23px;
 }
 #panel_clientes .nav-tabs > li > a{
     padding-bottom: 23px;
 }
 
 
 #facturas-tab .anio{margin-bottom: 15px}
 #facturas-tab label.ano{margin-right: 5px;}
 #facturas-tab .btn{
     background-image: none;
     margin-left: 10px;
 }
 #facturas-tab .fondo_positivos:hover{
    background: #99CC66 !important;
 }
 #facturas-tab .fondo_negativos:hover{
    background: #cc0033 !important;
 }
 #panel_clientes #facturas-tab .btn-pagar{
    height: 35px !important;
    width: 91px !important;
    font-size: 13px !important;
    text-align: center !important;
    /*padding-left: 5px !important;*/
}
#panel_clientes #facturas-tab .btn-small{
    width: 73px;
    height: 25px;
}
#panel_clientes #facturas-tab .btn{
    border: none !important;
    margin-right: 5px;
}
#panel_clientes #facturas-tab .fondo_gris{
    font-size: 14px;
    padding-left: 0px !important;
    width: 82px !important;
}
#panel_clientes #facturas-tab .btn-small div{
    padding-top: 5px;
}
#panel_clientes #facturas-tab .btn i.fa, #panel_clientes .grid-view i.fa{
    margin-top: 6px;
    /*margin-left: 14px;*/
    /*margin-right: 5px;*/
    /*float:left;*/
}
#panel_clientes .fondo_positivos i.fa{
    margin-left: 0px !important;
}
#panel_clientes .frm-pagar, td a{
    float:none; 
}
#panel_clientes #facturas-tab .fondo_gris:hover, #panel_clientes #facturas-tab .fondo_gris{
    pointer-events:none;
    cursor: default;
}/*
#panel_clientes .label-warning, #panel_clientes .label-success, #panel_clientes .label-primary{
    background:transparent !important;
    color:#999 !important;
    text-shadow:none !important;
    font-weight: normal;
}*/
#panel_clientes #facturas-tab .alert{
    margin-top: 0px !important;
}
.icono-alert, .texto-alert{
    float: left;
}
.texto-alert{
    padding-top: 5px;
}
#panel_clientes .naranja{
    color:#999 !important;
}
/*#panel_clientes td .label{
    padding: 0px;
}*/


#telefonia-tab label.ano{margin-right: 10px;margin-left: 25px;}
#telefonia-tab #lineas{
    margin:0px 0px 10px 10px;
}
#telefonia-tab .mostrar_detalle_llamada{
    padding-left: 0px;
    line-height: 20px !important;
}


#movil-tab .borde-arriba-abajo{
    text-align: center;
}

.ui-datepicker-calendar td a{
    float: none;
}

.botones-ticket{
    width: 200px;
    height: 80px;
    font-weight: bold;
    outline: none;
    text-decoration: none;
    background-color: #fdfdfd;
    border-radius: 5px;
    transition: background-color 0.1s ease-out, color 0.1s ease-out;
}
.botones-anticipos{
    width: 200px;
    height: 80px;
    font-weight: bold;
    outline: none;
    text-decoration: none;
    background-color: #fdfdfd;
    border-radius: 5px;
    transition: background-color 0.1s ease-out, color 0.1s ease-out;
}
#ticket-tab #botonera_ticket{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#ticket-tab #botonera_anticipos{
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#ticket-tab .alert .fa-2x{
    font-size: 15px;
}
#ayuda-ticket{
    padding-top: 4px;
}
#btn-tickets{
    margin: 10px 0px 30px 0px;
}
#btn-enviar-comentario-ticket{
    font-size: 12px;
    margin-top: 10px;
    padding-top: 10px;
}
#new_com #btn-enviar-comentario-ticket{
    height: 75px;
}

#new_com #btn-enviar-comentario-ticket i.fa{
    color:#555 !important;
}
.btn-detalle-llamada i.fa, #llamadas-pendientes-grid td a, #llamadas-finalizadas-grid td a, #llamadas-finalizadas-grid i.fa{
    float: none;
}

#facturas-impagadas{margin-left:0px; margin-top: 15px;}
#facturas-tab .fondo_gris{
    display:none;
}
.descargar-pagar{
    margin-top:5px;
}

#facturas-tab .oculto{display: none;}
#facturas-tab .alert i.fa{
    padding-top: 5px !important;
    padding-left: 5px !important;
}
#reabrir-form{
    margin-top: 30px;
}
#comentario-form{
    margin: 0px !important;
}
#comentario-form .well{
    margin-bottom: 0px;
}
#llamadas-adjuntos-comentario-grid{
    margin-bottom: 10px;
}
#llamadas-pendientes-grid .llamadas i.fa{
    padding-left: 33%;
}

#bonos-tab .fondo_positivos:hover{
    background: #99CC66 !important;
    background-image: none !important;
}

#llamadas-form .alert{
    margin-bottom: 0px !important;
}
#formulario_enviar_ticket .fonto_azul{
    color:#fff!important;
}
#formulario_enviar_ticket #textarea_ticket{
    margin:10px 0px 0px 0px !important;
    width: 99.7% !important;
}
#contacto-ubic .alert {
    margin-bottom: 15px !important;
}

.adjuntos-debajo{
    height: fit-content;
}

.centrado{
    text-align: center !important;
}
.mitad{
    width: 50% !important;
}
.no-margen{
    margin:0px !important;
}


#popup #clientes-categorias-form .alert{margin-top: 10px}

/*Consejos*/
/* noty_consejo #fff082*/
.noty_bar.noty_theme_default.noty_consejo {
        background-color: #04519b;
        border-color: #04519b;
        color: #fff;
        border-radius: 0px;
        box-shadow:none;
}
.noty_bar.noty_theme_default.noty_consejo.noty_layout_topLeft .noty_message .noty_buttons,
.noty_bar.noty_theme_default.noty_consejo.noty_layout_topRight .noty_message .noty_buttons,
.noty_bar.noty_theme_default.noty_consejo.noty_layout_bottomLeft .noty_message .noty_buttons,
.noty_bar.noty_theme_default.noty_consejo.noty_layout_bottomRight .noty_message .noty_buttons {
border-color: #04519b;
}
.noty_bar.noty_theme_default.noty_consejo{background: #04519b}
.div_consejo {height: auto; margin-top: 10px; margin-bottom: 5px}
.div_consejo .span12{display: flex; align-items: center}
.div_consejo i.siguiente_consejo{color:#222; margin-left: 19px; background: #fff !important; padding-top:3px !important; height: 17px; width: 20px; border-radius: 10px;}
#consejos .amarillo{color:#EECF0A !important}
#consejos i{font-size: 27px !important;margin-top:5px !important}
#consejos {margin-top:0px !important}
.noty_layout_bottomLeft{bottom:21px !important}
#libro-manual, #ticket-pie, #consejos{margin-left: 10px !important;}
ul.noty_cont.noty_layout_bottomLeft{left:17.6vw !important;}
.div_consejo i.anterior_consejo{color:#222; margin-left: -5px; background: #fff !important; padding-top:3px !important; height: 17px; width: 20px; border-radius: 10px;}
.div_consejo .span10 p{margin-left: 10px; padding-top: 10px}
.div_consejo .span10{margin-left: 22px !important}
#panel_clientes #myTabContent{
    overflow:auto;
    border:none;
    min-height:40vh;
}
.fondo_check_suave_1 { background: #d8eefa!important;}
.fondo_check_suave_2 { background: #a8dcf0!important;}




/**

    Especifico LITE 

*/





:root {
--colorFondo:rgba(74,74,74,1);    
–-colorFondoTabla: rgba(85,85,85,1);   
--colorPrincipalesMenuIconos: rgba(85,85,85,1); 
--colorTexto:rgba(238,238,238,1);
--colorIconos:rgba(74,74,74,1); 
--colorBox:rgba(223,229,232,1);
--anchuraMenu:230px;
}

 /*
 rgba(85,85,85,1);
[data-theme=»oscuro»] {
--colorFondo:rgba(74,74,74,1);    
–-colorFondoTabla: rgba(85,85,85,1);   
–-colorPrincipalesMenuIconos: rgba(85,85,85,1); 
–-colorTexto:rgba(238,238,238,1);
--anchuraMenu:230px;
–-colorIconos:rgba(85,85,85,1);
--colorBox:rgba(223,229,232,1);
}

[data-theme=»claro»] {
–-colorFondo: #ffffff; 
–-colorFondo-tabla: #555;
–-colorPrincipalesMenuIconos: #555;
–-colorTexto: #252525;
--anchuraMenu:230px;
–-colorIconos:rgba(85,85,85,1);

}

*/

#grid_index table p {
    margin-bottom: 0px;
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background:#f1f1f1;
    color: #444;
}


#cuerpo_app {
    margin-left: var(--anchuraMenu) !important;
}
#Sidebar_menu {
    min-width:  var(--anchuraMenu) !important;
    max-width:  var(--anchuraMenu) !important;
}

.estilo-boton-para-menu-general i {
    color: var(--colorIconos) !important;
    font-size: 1.8em !important;
}


.nav-tabs > li:hover > a {
   background-color: #fff !important;  
}

.nav-tabs > li > a {
   background-color: #dfe5e8 !important  
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
   background-color:#fff !important; 
   border-top: 2px solid #444;   
}

.estilo-boton-para-menu-interno-guardar {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6) !important;
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 0px !important;
    border-width: 1px;
        color: #1fa16c !important;
}
.nav-tabs {
    border: aliceblue !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.nav-tabs > li > a.fa.fa-refresh { position: relative !important; top:-10px; color:red !important;}

/** verde */
.estilo-boton-para-menu-general i.verde {
    color: #1fa16c !important;
}
.btn-success {
      background: linear-gradient(181deg, #1fa16c, #1fa16c);  
}
.label-success {
    background-color: #1f9d69;
}


.azul_enlace {
    color: rgb(54, 155, 215) !important;
}

.btn.btn-small.btn-gris {
    background-color: #f5f5f5 !important;
    background: linear-gradient(to bottom, #ffffff, #e6e6e6) !important; 
    background-repeat: repeat-x !important;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important;
    color: #333 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}


.slide_left:hover {
  box-shadow: inset 0 0 0 50px #D80286;
}


.menu-horizontal li:first-child button {

    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}
.menu-horizontal li:last-child button {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
}

#form_cuenta {
    background: #f9f9f9;
    padding: 0px 8px;
}

.estilo-boton-para-menu-general {
    float: right;
    display: inline-block;
    width: 70px;
    height: 70px;
    padding: 8px;
    text-align: center;
    outline: none;
    text-decoration: none;
    border-color: #979797 !important;
    border-style: solid;
    border-width: thin;
    margin-bottom: 0px;
    overflow: hidden;
    font-size: 13px !important;
    color:  var(--colorIconos) !important;
    
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    
}



 


#menuPrincipal .menu_activo .e-acrdn-header-content a {
        color: #0b64c3;
}
 
body {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    overflow-x: hidden;
    overflow-y: auto
}

label, input, button, select, textarea,a {
font-size: 14px;
font-family: "Nunito", sans-serif;
}


.wrapper {
    height: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto
}

.wrapper:before,.wrapper:after {
    content: " ";
    display: table
}

.wrapper:after {
    clear: both
}

.layout-boxed .wrapper {
    max-width: 1250px;
    margin: 0 auto;
    min-height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
    position: relative
}

.layout-boxed {
    background-color: #f9fafc;
}

.content-wrapper,.main-footer {
    -webkit-transition: -webkit-transform .3s ease-in-out,margin .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin .3s ease-in-out;
    transition: transform .3s ease-in-out,margin .3s ease-in-out;
    margin-left: 230px;
    z-index: 820
}

.layout-top-nav .content-wrapper,.layout-top-nav .main-footer {
    margin-left: 0
}

@media (max-width: 767px) {
    .content-wrapper,.main-footer {
        margin-left:0
    }
    
    #global_search {
        float: none !important;
    }
    
    #cuerpo_app {
      margin-left:0 !important;
    }
    
    
    #caja > div.row-fluid  {
        overflow-x: auto;
        white-space: nowrap;
        margin-bottom: 12px;
    }
    
    .menu-horizontal{
      display: flex;
      flex-wrap: nowrap;
      justify-content: flex-end;
    }
    
    .nav.nav-tabs {
        flex-wrap: nowrap;
        display: flex;
        overflow-x: auto;
    }
      .nav.nav-tabs li {
        flex: 0 0 auto;
    }
}

@media (min-width: 768px) {
    .sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer {
        margin-left:0
    }
}

@media (max-width: 767px) {
    .sidebar-open .content-wrapper,.sidebar-open .main-footer {
        -webkit-transform:translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0)
    }
}

.content-wrapper {
    min-height: calc(100vh - 101px);
    background-color: #ecf0f5;
    z-index: 800
}

@media (max-width: 767px) {
    .content-wrapper {
        min-height:calc(100vh - 151px)
    }
}

.main-footer {
    background: #fff;
    padding: 15px;
    color: #444;
    border-top: 1px solid #d2d6de
}

.fixed .main-header,.fixed .main-sidebar,.fixed .left-side {
    position: fixed
}

.fixed .main-header {
    top: 0;
    right: 0;
    left: 0
}

.fixed .content-wrapper,.fixed .right-side {
    padding-top: 50px
}

@media (max-width: 767px) {
    .fixed .content-wrapper,.fixed .right-side {
        padding-top:100px
    }
}

.fixed.layout-boxed .wrapper {
    max-width: 100%
}

.fixed .wrapper {
    overflow: hidden
}

.hold-transition .content-wrapper,.hold-transition .right-side,.hold-transition .main-footer,.hold-transition .main-sidebar,.hold-transition .left-side,.hold-transition .main-header .navbar,.hold-transition .main-header .logo,.hold-transition .menu-open .fa-angle-left {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'Nunito',sans-serif
}

a {
    color: #3c8dbc
}

a:hover,a:active,a:focus {
    outline: none;
    text-decoration: none;
    color: #72afd2
}

 
.table-responsive, .grid-view th {
    text-align: center !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    vertical-align: middle !important;
}

.alert-info {
    background-color: #f9f9f9;
    color: #959595;
    border-color: #959595;

}



.box-header.well {
    border-bottom-color: var(--colorIconos) !important;     
}

/*

*/

.chosen-container {
      font-size: 14px;  
}

.grid-view .table thead tr.filters {
    background: #eaf0f9;
}

.grid-view .filters input, .grid-view .filters select,.select2-container--default .select2-selection--single {
   background: #f1f1f1;
   min-height: 24px;
}
.grid-view .table thead {
    background: #555 !important;
}


.fc-unthemed thead th {
    background: #444;
}

thead th {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 14px !important;
    vertical-align: super;
}

thead th a {
    color: #fff !important;
    font-size: 13px !important;
    line-height: 14px !important;
    vertical-align: super;
}

.table-condensed th {
    padding: 9px 2px 2px 2px !important;
}


#form_cuentas_comerciales .alert {
    margin-bottom: 8px !important;
    background: #e3eaec;
}

#menuPrincipal .menu_activo .e-acrdn-header-content a, #menuPrincipal .menu_activo .e-acrdn-header-content i.fa {
    color: #289fbd;
    font-size: 13px;
}

.grid-view .table thead tr.filters {
      background: #e5e3e3;  
}


div#clientes-grid tr span.label,
calendario-grid  tr span.label
{
    min-width: 26px;
    display: inline-block;
    vertical-align: bottom;
}

#asuntos-llamadas-grid span.label {
    min-width: 60px !important;
    display: inline-block;
    text-align: center !important;
    vertical-align: bottom !important;
    padding-top: 2px !important;
}

#asuntos-llamadas-grid a.label {
    display: inline-flex;
    min-width: 95px !important;
    justify-content: center;
}

#asuntos-llamadas-grid a.label {
    display: inline-flex;
    min-width: 95px !important;
    justify-content: center;
    border-radius: 2px !important;
    text-shadow: none !important;
    font-weight: 300;
    background: #888;
    text-shadow: 1px 1px 8px #000 !important;
    padding-top: 4px;
}

.table-bordered span.label {
    min-width: 19px;
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}

.grid-view .table thead{
    background: #e5e3e3;
    border-bottom: 0px;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
    max-height: 30px;
}



.navbar .navbar-inner{
    background-color: var(--colorFondo) !important;
}


 
#Sidebar_menu {
    background-color: var(--colorFondo) !important;
}

.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state>.e-acrdn-header>.e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state>.e-acrdn-header>.e-toggle-icon {
    color: rgb(203 203 203 / 54%) !important;
}
#menuPrincipal,#menuPrincipal .e-acrdn-header-content {
    background: var(--colorFondo) !important;
    border: 0px !important; 
}

#menuPrincipal .e-acrdn-header-content a {
    text-decoration: none;
    color: #eee !important;
    white-space: normal;
    width: 100%;
    font-weight: normal;
}


#menuPrincipal .e-acrdn-header-content i {
    color: #a0a5ad !important;
    margin-left: 6px;
    font-size: 14px;
}


#menuPrincipal .e-acrdn-header-content i:hover {
    color: #46bac2 !important;
}

#menuPrincipal .e-acrdn-header-content {
    color: #d7d7d7 !important;   
}

#menuPrincipal .e-acrdn-item.e-select {
    margin-left: 4px !important;
}

.table-bordered {
    background: #fdfdfd !important;
    border: 1px solid #a1a1a1;
    color: #686565;
}


.nav-tabs > li > a {
    color: #444;
}

#menuPrincipal .e-acrdn-header:hover {
    background: #c9c5c5;
}

#menuPrincipal .e-acrdn-header:hover  i:hover {
    color: #46bac2 !important;
}

#menuPrincipal.e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content>* {
    background: var(--colorFondo) !important;;
}

#menuPrincipal .e-acrdn-item,#menuPrincipal .e-select {
    background-color:var(--colorFondo) !important;;
    border: none !important;
}

#menuPrincipal.e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state>.e-acrdn-header, #menuPrincipal.e-accordion .e-acrdn-item.e-select.e-expand-state>.e-acrdn-header
{
    background-color: var(--colorFondo) !important;;
    border: none !important;
}

#menuPrincipal .e-acrdn-header:hover {
    background: #7b8eab !important;
}

.navbar i {
    color: #ebebeb !important;
}

div.noticia{
    background: #fcfcfc !important;
}

.navbar i:hover {
    color: yellow!important;
}

.panel {   
    background: #fcfcfc !important;
}

.menu-accesos-rapidos:hover {
    background-color: inherit !important;
    background-image: inherit !important;
}

.noticias_no_leidas {
    margin-left: -11px !important;
    background-color: #fffffff2 !important;
    color: #db0000 !important;
    padding: 1px !important;
    position: absolute;
    top: 2px !important;
    border-radius: 17px;
    min-height: 18px;
    min-width: 18px;
    text-align: center;
    text-shadow: none;
    font-weight: bold;
    font-size: 12px;
    border: 0px solid #efefef;
}

#div_menu_configuracion .btntitulo {
    color: rgb(86 87 89) !important;
    font-size: 19px ;    
    text-shadow: 1px 1px #fff;
}

#div_menu_configuracion .btnconfig i{
    color: rgb(86 87 89) !important;
}




#wrapper {
        background: #e3eaec !important;
}
#caja {
            background: #e3eaec !important;
}
.box-header.well {
    background: var(--colorBox) !important;    
}

ul.pagination {
    background: #fefefe;
}

tr:hover td {
    background:#dfe5e8 !important;
}

.span3.span3_etiquetas #texto_buscar {
    padding-left: 8px;
    margin-left: 6px;
    background: #efefef;    
    padding-right: 5px;
}
    
#global_search {
    transform: translate(-39px, 1px);        
}    


.estilo-boton-para-menu-interno-otros {
    box-shadow:3px 2px 12px 0px #bbb;
    border-color: #b9b9b9 !important;
}

.comentario_inicial,.grid-adjuntos {
    background: #fff;
}

div#menuPrincipal {
    margin-bottom: 62px;
}



#menuPrincipal a {
    font-size: 13px !important;
}

.e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover>.e-acrdn-header .e-icons{
    color:#fff !important;
}

div#menuPrincipal .e-accordion .e-tgl-collapse-icon::before {
    content: "\e916";
    color: #a0a5ad;
}

div#menuPrincipal span.e-tgl-collapse-icon.e-icons {
    color: #a0a5ad;
}

div.form {
    background: #f9f9f9;
    padding: 0px 7px 20px 10px;
}

div#form_tickets_llamadas {
    padding-top: 10px;
}

.box-content {
    padding: 0px 10px !important;
    /* background: var(--colorBox) !important;*/
}

.e-input-group input.e-input {
    min-height: 18px !important;
}

h4.titulo_azul_nuevo {
        color: #0a89b3 !important;
}

input,
select,
textarea,
span.e-control-wrapper.e-mask.e-input-group.e-valid-input,
.chosen-disabled a.chosen-single,
.select2-container--default .select2-selection--single,
.chosen-container-single .chosen-single, .chosen-container-single .chosen-default,
.chosen-container-multi .chosen-choices {
    background-color: #f1f1f1 !important;    
}

table thead th {
    color: #656363 !important;
    font-size: 12px !important;
}


#footer, #footer .btn {
    background: var(--colorFondo) !important;;
}

 #footer .btn {
    box-shadow: none !important;
 }
 
#footer span {
    color: #ddd;
}
#footer i.fa {
    color: #ddd;
}


.e-btn:hover, .e-css.e-btn:hover {
    background: rgba(226, 226, 226, .9844);
    border-color: rgba(0, 0, 0, 0);
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .87);
}


a.estilo-boton-para-novato i {
    display: inline-block !important;
    padding-top: 37px !important;
    padding-right: 26px !important;
}

.estilo-boton-para-menu-general:hover {
    background-image: linear-gradient(to bottom, #ffffff, #efeee3) !important;
    transition: background-color 0.1s ease-in, color 0.1s ease-in;
    border-color: #000 !important;    
}
 

#div_menu_configuracion .btncomentario a {
    font-size: 14px !important;    
    line-height: 26px;
    letter-spacing: 0.3px;
    text-shadow: 1px 1px #fff;
}