/*
@media (max-width:767px) {
	ul .sub ul.active {
 	   display: none;
	}
	
	.show-col-xs{display: block;}
	.bienvenido {width: 40px;}
	.hidden-xs {
  	display:none;
	}
	.aside {
		width: 56px !important;
	}
	.clearfix-xs{clear: both !important;display: block !important;}
	.plataforma-xs{width: 40px !important}
}
@media (min-width:768px) and (max-width:991px) {
	
	.show-col-sm {display: block;}
	.aside {
		width: 56px !important;
	}
	.clearfix-sm{clear: both !important;display: block !important;}
	
	.plataforma-sm{width: 40px !important}
	
}

@media (max-width:991px) {

	
 .pageContent.extended {
		margin-left:70 !important;
	}
  	.asideNavigation > ul .sub ul {min-width: 225px;}
}
@media (min-width:992px) and (max-width:1199px) {

.pageContent.extended {
		margin-left:260px !important;
	}
 .hidden-md {
  	display:none;
 }

}
@media (min-width:1200px) {
 .hidden-lg {
  	display:none;
 }
 .pageContent.extended {
		margin-left:260px !important;
	}
}

@media (max-width:450px) {
	.hidden-xxs {
  		display:none;
	}
	.logo-xs {width: 100px;display:block !important; padding: 15px 0 0 0}
	
}
*/


	/* f2f9ff;
	1950ad;
	008fd6*/
	
#header {   
    position: sticky;   
    top: 0; 
    z-index: 1000;
}

#header .pageContent > .container,
.pageWrap .pageContent > .container {
    width: 100%; font-size: 15px !important;float: left;
}
.pageContent.extended {
	margin-left: 260px ;
}
.row {
    margin-left: 0 !important; 
    margin-right: 0 !important;
}
body{clear:both; }	
pre{margin-left: 260px !important;}
.loading-general {background: #000; !important;}
.loading-general .loading{position: absolute;
		/*nos posicionamos en el centro del navegador*/
		top:60%;
		left:60%;
		/*determinamos una anchura*/
		width:200px;
		/*indicamos que el margen izquierdo, es la mitad de la anchura*/
		margin-left:-200px;
		/*determinamos una altura*/
		height:200px;
		/*indicamos que el margen superior, es la mitad de la altura*/
		margin-top:-150px;
		padding:5px;opacity: 1;}
.loading-tabla{width: 25px;}

.x-content{
    @extend .box.rte !optional;
}
.box{padding: 15px 10px 10px 10px !important;margin: 0 0 10px 0 !important;}
.p-0 {padding: 0 !important;}
.m-0 {margin: 0 !important;}
:root {
    
  --main-bg-color-corporativo-texto: #333 !important; 
  --main-bg-color-corporativo: #008fd6 !important; 
  --main-color-corporativo: #008fd6 !important; 
  --main-color-corporativo-soft: #f2f9ff !important; 
  --main-color-corporativo-deep: #004666 !important; 
  --main-color-soft-blue: #f2f9ff;
  --main-color-red: #f34235;
  --main-color-pink: #e81d62;
  --main-color-gray: #363f45;
  --main-color-purple: #9b26af;
  --main-color-deep-purple: #6639b6;
  --main-color-indigo: #3e50b4;
  --main-color-blue: #2095f2;
  --main-color-light-blue: #02a8f3;
  --main-color-cyan: #00bbd3;
  --main-color-teal: #009587;
  --main-color-green: #4bae4f;
  --main-color-light-green: #8ac249;
  --main-color-lime: #ccdb38;
  --main-color-yellow: #feea3a;
  --main-color-amber: #fec006;
  --main-color-orange: #fe9700;
  --main-color-deep-orange: #fe5621;
  --main-color-brown: #785447;
  --main-color-gray: #9d9d9d;
  --main-color-blue-grey: #5f7c8a !important;   
  --main-color-white: #ffffff !important;       
}

.simpleList > ul > li.active div, .simpleList > ul > li.active > a, .simpleList > ul > li:hover div, .simpleList > ul > li:hover > a {
    color: var(--main-color-corporativo) !important;
}

.bg-corporativo{background: var(--main-color-corporativo) !important;}
.bg-corporativo-soft{background: var(--main-color-corporativo-soft) !important;}
.bg-azul-corporativo{background: #008fd6 !important;}
.boder-pruebas {border: 1px solid #e81d62 !important;}
.bg-red{background: #f34235 !important;}
.bg-pink{background: #e81d62 !important;}
.bg-gray{background: #363f45 !important;}
.bg-purple{background: #9b26af !important;}
.bg-deep-purple{background: #6639b6 !important;}
.bg-indigo{background: #3e50b4 !important;}
.bg-blue{background: #2095f2 !important;}
.bg-light-blue{background: #02a8f3 !important;}
.bg-cyan{background: #00bbd3 !important;}
.bg-teal{background: #009587 !important;}
.bg-green{background: #4bae4f !important;}
.bg-light-green{background: #8ac249 !important;}
.bg-lime{background: #ccdb38; color: #363f45 !important;}
.bg-yellow{background: #feea3a; color: #363f45 !important;}
.bg-amber{background: #fec006; color: #363f45 !important;}
.bg-orange{background: #fe9700 !important;}
.bg-deep-orange{background: #fe5621 !important;}
.bg-brown{background: #785447 !important;}
.bg-gray{background: #9d9d9d !important !important;}
.bg-blue-grey{background: #5f7c8a !important;}	
.bg-soft-blue{background: #f2f9ff !important;}
.bg-soft-grey{background: #f0f1f5 !important;}
.bg-white{background: #ffffff !important;}

.corporativo{color: var(--main-color-corporativo) !important;}
.corporativo-soft{color: var(--main-color-corporativo-soft) !important;}
.azul-corporativo{color: #008fd6 !important;}
.soft-blue{color: #f2f9ff !important;}
.red{color: #f34235 !important;}
.pink{color: #e81d62 !important;}
.gray{color: #363f45 !important;}
.purple{color: #9b26af !important;}
.deep-purple{color: #6639b6 !important;}
.indigo{color: #3e50b4 !important;}
.blue{color: #2095f2 !important;}
.light-blue{color: #02a8f3 !important;}
.cyan{color: #00bbd3 !important;}
.teal{color: #009587 !important;}
.green{color: #4bae4f !important;}
.light-green{color: #8ac249 !important;}
.lime{color: #ccdb38 !important;}
.yellow{color: #feea3a !important;}
.amber{color: #fec006 !important;}
.orange{color: #fe9700 !important;}
.deep-orange{color: #fe5621 !important;}
.brown{color: #785447 !important;}
.gray{color: #9d9d9d !important;}
.blue-grey{color: #5f7c8a !important !important;}   
.white{color: #ffffff !important;}       
.logo-lg{
	width: 181px;max-height: 57px !important;
}
.color-corporativo{color: var(--main-color-corporativo);}
 .aside {
    width: 250px !important;
    float: left;
    z-index: 999;
	padding-top: 0 !important;
	position: sticky !important;

 }
 

.aside .js-submenu.active .zmdi.zmdi-plus.plus:before{content: '\f273';}
 .js-nav-toggler{font-size: 18px;}
 h1.logo{margin: 0;height: 60px; background: #008fd6;}
.banderas{margin: 6px;}
.usuarios-incognito{width: 50%;
	float: left;
	overflow: hidden;
	border: 1px solid #e6e7ed;
}
.usuarios-incognito.bg-blue-grey a{color: #FFFFFF !important}
.usuarios-incognito.bg-blue-grey a:hover{color: #fe5621 !important}
.ul-usuarios-incognito{width: 450px !important}
.ul-usuarios-incognito li{width: 149px !important}
#header .topNavigation > li .dropdown-menu {margin: 0 0 0 0;width: 300px; }
#modal_info{margin: 50px;}
footer{text-align: center;}
.bienvenido{width: 300px; }
.bienvenido button {text-align: left !important;}
h6 a.label {

    font-size: 14px !important;
    font-weight: normal !important;
    padding: 0.5em !important;
    float: left;
	margin: 0.5em;

}
td.white-space {white-space: nowrap;}
.clearfix,
.clearfix:after { 
   content: " "; 
   display: block; 
   clear: both;
   line-height: 1px;
}/*{clear: both !important;display: block !important;}*/
.center{text-align: center !important;}
.ocultar{display: none !important;}
.mostrar{display: block !important;}
.strong{font-weight: 700 !important;}
.lighter{font-weight: lighter !important;}
.disabled{color: GrayText;}
#header, .logo-usuario{background: var(--main-bg-color-corporativo)}
.left{text-align: left !important;}
.right{text-align: right !important;}
.fleft{float: left !important;}
.fright{float: right !important;}
.fcenter{float: none !important;}
.input-linea{padding: 0 12px 0 0;}
#loading{float: right;*margin-right: 50px;}
.tam1{font-size: 1em !important; }
.tam2{font-size: 1.5em !important; }
.tam3{font-size: 2em !important;}
.tam4{font-size: 2.5em !important;}
.tam3em{font-size: 3em !important;}
.tam7em{font-size: 7em !important;}
.tam02{font-size: 0.5em !important;}
.tam03{font-size: 0.75em !important;}
.button_subir {
  display: inline-block;
  background-color: #FFF;
  width: 50px;
  height: 50px;
  text-align: center;
  border: 1px solid var(--main-color-corporativo);
  border-radius: 4px;
  margin-right: 30px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s;
  z-index: 1000;
  color:  var(--main-color-corporativo);
}
.border{border: 2px solid var(--main-color-corporativo-deep);}
.hastag-flotante {
  display: inline-block;
  position: fixed;
  top: 0;
  transition: background-color .3s;
  z-index: 1000;
}

.button_subir:hover {
  cursor: pointer;
  background-color: #333;
}
.button_subir:active {
  background-color: #555;
}


.img-fluid {max-width: 100%;height: auto;}

/*.simpleList > ul > li.active div, .simpleList > ul > li.active > a, .simpleList > ul > li:hover div, .simpleList > ul > li:hover > a{color: #1950ad !important}
.simpleList > ul .sub ul li.active > a,
.simpleList > ul > li.active div .icon, .simpleList > ul > li.active > a .icon, .simpleList > ul > li:hover div .icon, .simpleList > ul > li:hover > a .icon*/
table {overflow-x: auto;}

a:active, a:focus, a:hover, 
.breadcrumb li a, 
table a,
{
	color: #1950ad !important}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 9px 5px; vertical-align: middle;
}
table tr td:last-child {width: auto !important; }
.table tr th, .table tfoot tr td {background: var(--main-color-corporativo-soft); color: #5f7c8a;}
.no-colors tr th {background: transparent; color: #5f7c8a;}
.no-colors > tbody > tr:nth-of-type(2n){background: transparent;}
.table tr:hover td {background: #f7e8e3; color: #5f7c8a;}
.img-td-loading, .td-cross img{width: 25px;}
.modal-busqueda{width: 70% !important;}
.img-home{width: 25px;}
.img-home:hover{width: 125px; position: absolute;}
.small_image {
    max-height: 60px !important;
    max-width: 60px !important;
    margin: 5px;
    border-radius:60px;
}
.small_image_zon {
    max-height: 100 !important;
    max-width: 100 !important;
    margin: 5px;

}
.media {
    max-height: 120px !important;
    max-width: 120px !important;
    margin: 5px;
    border-radius:120px;
}

.media_screen {
    max-height: 200px !important;
    max-width: 200px !important;
    margin: 5px;
    border:ridge;
}

.media_image {
    max-height: 200px !important;
    max-width: 200px !important;
    margin: 5px;

}


.actor_image {
    max-height: 145px !important;
    max-width: 250px !important;
    margin: 5px;
    vertical-align: middle;
    border:ridge;

}


.lander_image {
    max-width: 400px !important;
    margin: 5px;

}

.lander_image_large {
    max-width: 800px !important;
    margin: 5px;

}

.image_mini {
    max-height: 25px !important;
    max-width: 25px !important;
    
}

.image_competitor {
    max-height: 400px !important;
    max-width: 400px !important;
    
}

.image_competitor_ads {
    max-height: 300px !important;
    max-width: 300px !important;
    
}

.image_competitor_ads_google {
    max-height: 411px !important;
    max-width: 380px !important;
    
}

video::-webkit-media-controls-fullscreen-button  {
    display: none;
}

video::-webkit-media-controls-timeline{
    display: none;
}

video::-webkit-media-controls-volume-slider  {
    display: none;
}

video::-webkit-media-controls-mute-button  {
    display: none;
}

video::-webkit-media-controls-time-remaining-display  {
    display: none;
}

video::-webkit-media-controls-current-time-display  {
    display: none;
}

video::-webkit-media-controls-panel {
   background-color: transparent !important;
   box-shadow: none !important
}

video::-webkit-media-controls-panel {
     background-image: linear-gradient(transparent, transparent) !important;
}

video::-webkit-media-controls-play-button {
     background-color: red !important;
     color: black !important;
     border-radius:100px;
     size:50%;
}


.small_image_post {
    height: 100px !important;
    width: 100px !important;
    object-fit: cover;
    margin: 5px;
    border:120px;
}
.medium_image{
    margin: 10px; position: absolute; z-index: 999; max-height: 200px !important; max-width: 200px !important;}
tr:last-child td img.medium_image{ margin-top: -175px;}
.flag_online {
    max-height: 30px !important;
    max-width: 30px !important;
    margin: 5px;

}
.flag_amz {
    max-height: 25px !important;
    max-width: 25px !important;
    margin: 5px;

}
.simpleList.asideNavigation ul li ul li i.fa{float: left; margin: 10px 20px 0;}
.table tr td .fa, .table tr td .zmdi {
    font-size: 1.2rem;
    margin: 0 5px 0 5px;
}
.simpleList > ul > li.active div .icon, 
.simpleList > ul > li.active > a .icon, 
.simpleList > ul > li:hover div .icon, 
.simpleList > ul > li:hover > a .icon,
.simpleList > ul .sub ul li.active > a,
.asideNavigation .active
/*, .asideNavigation .active span*/
{color: #008fd6}
#header .topNavigation > li button{width: 100% !important;}
i.acciones, span.acciones, td.acciones a, a.acciones{
	margin: 0 5px 15px 5px !important;
}

.rte ul li::before{background: transparent !important}
.rte a {
    color: #1950ad;
}
table.table{font-size: 14px; line-height: 20px;}
table.dataTable thead .sorting:after {
 opacity:0.2;
 content:"\f07d";
 font-family: FontAwesome;font-size: 0.6em;
}
table.dataTable thead .sorting_asc:after {
 content:"\f0d7";
 font-family: FontAwesome;font-size: 0.6em;
}
table.dataTable thead .sorting_desc:after {
 content:"\f0d8";
 font-family: FontAwesome;font-size: 0.6em;
}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting {
    padding-right: 2px;
}
table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_asc_disabled::after, table.dataTable thead .sorting_desc_disabled::after {
    bottom: 13px;
    right: 5px;
}

td.th-choice{color: #F69931; background: #232F3E;}
td.th-vendido{color: #FFFFFF; background: #E47911 !important;}

.box .tableWrap.dataTable.table-responsive .error {margin-left: 15px !important;-webkit-border-radius: 0;background: #fe9700;-moz-border-radius: 0;
border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;padding: 19px;padding-left: 19px;
border: 0;color: #fff;padding-left: 65px;position: relative;margin-bottom: 10px}
.fa-eur{font-size: 14px !important;}
.fa.fa-info-circle{position: absolute;}
#listado .fa.fa-info-circle{display: none;}
.box .tableWrap.dataTable.table-responsive .error::after {
    content: '\f071';
    font-family: FontAwesome;
    font-size: 16px;
    font-size: 1.6rem;
    position: absolute;
    left: 23px;
    top: 17px;

}



.form-horizontal .form-group {
    margin-left: 0 !important;
}
.required {
    display: inline;
    padding-left: 5px;
}
.subimg{
	margin-right: 2px;
}
.simpleList > ul .sub ul li a{
/*	padding-left: 45px !important;*/
}


.muestra_tam{position: fixed;
float: right;
right: 10px;
color: white;
padding: 10px;
width: 160px;
border-radius: 12px;
}
.muestra_tam p{margin: 0;}
.muestra_tam .alto, .muestra_tam .ancho, .modo-grid{text-align: right;float: right;}
/*HOME*/
.home .bgTitle{background-image: none !important; min-height: 25px; background-color: #02a8f3; color: #FFF;}
.home .bgTitle a{color: #FFF;}
.home .menu{margin-right: 5px;}
.home .boton-quitar{float: left; position: absolute; top: 36px; left: 47px; color: #fff !important; padding: 3px; font-size: 12px; text-transform: capitalize;}
.home .boxHeadline.strong {padding: 15px 5px 5px 15px;border-bottom: 1px solid #02a8f3;}
.botones-add{margin: 0 0 10px 10px;}
.botones-add:after { 
   content: " "; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
.radiobuttons input[type="radio"] + span.red::after{background: #f34235 !important} 
.radiobuttons input[type="radio"] + span.red{color:#f34235 !important;}
.radiobuttons input[type="radio"] + span.orange::after{background: #fe9700 !important} 
.radiobuttons input[type="radio"] + span.orange{color:#fe9700 !important;}
.radiobuttons input[type="radio"] + span.blue::after{background: #2095f2 !important} 
.radiobuttons input[type="radio"] + span.blue{color:#2095f2 !important;}

.botones-add a{margin: 10px !important;}
.item-portada{text-align: center;  height: 150px;}
.item-portada i {width: 100%;}
.item-portada h6 {margin: 15px 5px;}
.item-portada i::before {font-size: 70px;}

.link-solicitar{border-bottom: 2px solid var(--main-color-corporativo-deep); padding: 0 10px;color: var(--main-color-corporativo);}
/*FIN HOME*/
/* LOGIN */
//.page-login{background: #ebecf2}
.page-login input.form-control{margin-bottom: 0px; height: 56px; padding-left: 65px;}
.page-login a{color: #FFF !important;}
.loginContentWrap .more li::before {color:#fff !important}
.page-login div.form-group {margin: 25px auto;}
.page-login .loginContentWrap  img{width: 400px;}
/* FIN LOGIN */

.form-avanzado-holder .boxHeadline{float: left; padding-top: 10px;}
/*FORMULARIOS*/

.form-control{margin-bottom: 0px; height: 40px; padding: 6px 8px;}
.form-control,
.multiple-select .select2-container--default .select2-selection--multiple:focus,
 select.simple-form-control+.select2-container .select2-selection--single:focus, form-control:focus {
 border-color:#008fd6 !important;
}
 .form-horizontal .checkboxes .control-label span {text-align: left;}
 .form-horizontal .checkboxes .control-label span:before {margin-top: 7px}
 
.checkboxes input[type="checkbox"].check_audience + span::before {top: -10px !important; width: 20px; height: 20px}
.checkboxes input[type="checkbox"] + span::before {border-color: #363f45; border-radius: 5px;}
.filtro-paises{max-height: 200px; overflow: auto;  scrollbar-color: yellow #800080;}
.listado_profiles{display: none;}
textarea{resize: both !important;}
select.input-sm {
    height: auto;
 
}
.botones-add .btn{border: 1px solid #008fd6;}
.botones-add .btn:focus, .botones-add .btn:hover{background: #f2f9ff !important; border: 1px solid #f2f9ff !important;}
.btn.btn-primary.bg-amber{background-color: var(--main-color-amber) !important }
.btn{float: right;}
.centrar-boton{margin-top: 24px;float: right;margin-right: 50px;}
legend{text-transform: uppercase;
font-weight: 700;
background: #f2f9ff;
padding: 10px;
border-bottom: 2px solid #02a8f3 !important; color: #02a8f3;}
.alert{margin-top: 10px;}

a.btn.btn-primary:focus,a.btn.btn-primary:hover, a.btn-primary:focus, .btn.btn-primary {background: #008fd6;color: #fff !important;}

.btn.btn-primary:hover {background: #fff;color: #008fd6 !important;}
.btn, .btn:hover{color: #008fd6 !important;}
.topNavigation .btn{color: #fff !important;}
#header .topNavigation > li button:focus, #header .topNavigation > li button:hover, #header .topNavigation > li > a:focus, #header .topNavigation > li > a:hover {
color: #008fd6 !important;
    background: #fff;

}
textarea {resize: none;}

.paginacion .pagina{padding: 20px;border: 0px;margin: 0 5px;}
.paginacion .numero{padding: 20px; font-weight: 700;color: #fff;border-color: #337ab7;background: #008fd6 !important;}

.btn-image {padding: inherit; border: 1px; background: #f2f9ff !important;color: #008fd6 !important;}


/*FIN FORMULARIOS*/


div.dataTables_wrapper div.dataTables_filter {

    text-align: right !important;
    float: right !important;

}
.pagination > li.active > a, .pagination > li.active > span{background: #008fd6 !important;}
.show-col-lg {display: none;}
.show-col-md {display: none;}
.show-col-sm {display: none;}
.show-col-xs {display: none;}

/* para cada página*/


/*CRM*/

.crm.nav-tabs{border-bottom: 0px !important; margin-bottom: 0px !important; font-size: 1.8rem !important;}
.crm.menu-usuario{background: #fff; }
.crm.menu-usuario ul {padding-left: 100px;}
.crm.menu-usuario ul > li > a{ color: #919599;font-size: 1.8rem !important;}
.nav-tabs > li.active > a::after {background: transparent !important;}
.menu-usuario > li {border: 0 !important; text-align: left; }
.nav-tabs-vertical > li > a{border: 0px !important ; color: #008fd6; text-align: left;}
.menu-usuario > li , 
.nav-tabs > li.active > a{border-bottom: 0px !important; color: #008fd6 !important;}

.menu-usuario{margin-top: -10px}

.crm.usuario-chat{margin: 10px 0; font-size: 1em;}
.crm.usuario-chat .lighter{padding: 0 3px;}
.crm.usuario-chat > div{margin-right: 25px;}
.crm.fecha-chat{font-size: 14px; color: #008fd6; }
.crm.fecha-chat.chat{float: right;color: #9d9d9d;margin-top: -3px;margin-left: 5px;}
.crm.extras-mensaje{text-align: right; }
.crm .logo-produccion{max-width: 100%; max-height: 75px;}
.crm .tipo-comunicacion{margin-left: 25px; display: block;padding: 5px 10px;}
.crm .simpleListings li{border: 5px solid #e6e7ed}
.crm .texto-cortado{font-weight: normal; }
.crm .contenido-comunicacion{display: none;}

.crm .nota-detalle{display: none;}
.crm .cerrar-comunicacion{padding: 1em; }
.rte blockquote {
border-left: 0;
    padding: 5px 15px;
    font-size: 14px;
	display: block; 
	clear: both;margin-left: 32px !important;
}
.vermas{margin: 0 7px;font-weight: 700;}
.filtro-gerentes{display: block; list-style: none;}
.filtro-gerentes li{ float: left;padding: 10px; margin: 10px;}
.filtro-gerentes li a {border: 0px !important ; color: #008fd6; text-align: left;}
#clave{padding: 0 2em;}
#strseguridad{padding-top: 12px !important; padding-bottom: 12px !important; margin-top: 23px !important}
form#new_user .alert::after {top: 12px !important}
form#new_user .zona-reseteo{margin-top: 33px;}
.alert::after
.box-responder{border: 20px solid #ebecf2;}
ul.messages > li > ul{border: 2px solid #f2f9ff; margin-top: 5px  !important;padding-left: 0px;margin-left: 35px !important;}
ul.messages > li > ul li{border-bottom: 1px solid #f2f9ff;}
ul.messages > li > ul li ul li{margin-top: 5px  !important; margin-left: 25px;}
ul.messages > li > ul li ul li i.zmdi-arrow-right{display: block !important; color: #008fd6 !important;}
.userActivities .comments {border: 0 !important; }
.crm .boxHeaderOptions a{margin: 6px auto;}
.ocultar_respuestas button{border: 0;background: transparent}
.fileUploadWrap{height: 50px; border: 0;}

.crm .alert-file-upload{margin-top: 0 !important;height: 41px !important;padding-top: 10px !important;margin-bottom: 22px !important;background: #f2f9ff !important; color: #008fd6 !important;}
.crm .grupo-inputs{border-bottom: 3px solid #008fd6;margin: 10px auto !important; padding-top: 10px  !important;}
.crm .userActivities ul{padding: 0 !important;}
.crm .adjuntos{background: #f2f9ff;border: 1px solid #e6e7ed;}
.crm .adjuntos li{border-bottom: 0;margin: 5px 35px 5px  5px;}
.crm .cerrar-adjuntos{float: right !important;padding: 0.5em; margin: 0 0 0.5em 0.5em;}  
.crm .panel-title.boxHeadline a{border: 0 !important; background: transparent !important;}
.crm .avisos .strong{font-size: 1.1em;}

.crm label span {display: inline !important;}

.crm ul.notas li {border-bottom: 1px solid #ccc; margin: 15px 0; padding-bottom: 15px;}
.crm ul.notas li label{width: auto !important}
.tachado {text-decoration:line-through}
.crm .tachado{color:#4bae4f}
.crm ul.notas li i.fa{margin: 0 5px;}
.crm .th-anio-proveedor{margin: 0; padding: 0;}
.crm .anio-proveedor{border-bottom: 1px solid #f0f1f5;}
.crm td.th-anio-proveedor div{margin: 0; padding: 9px 5px;}
.crm .border-importe{border-right: 1px solid #f0f1f5;}
ul.paises-contratados li{list-style: inside !important}
.accesos_directos{text-align: center}
.accesos_directos a{ margin: 0 15px; font-weight: 700}
.accesos_directos a i{font-size: 2em; margin: 0 15px;}
.accesos_directos a:hover{color: #008fd6 !important; text-decoration: underline;}
/* suggest */
#contenidosuggest {
    display: none;
}

#alfabeto {
	text-align: center;
}
#alfabeto > a {
    color: #1950AD;
    font-size: 16px;
    margin: 3px;
    text-decoration: none;
}
.subir{float: right;}
.suggest-opciones{margin: 0 0 6px 0 !important;}
.subir, .seleccionar, .deseleccionar, .suggest-opciones a, .form-avanzado-holder a{ font-size: 1.2em; font-weight: 300;}
.subrayar, #contenidosuggest .boxHeadline{border-bottom: 1px solid	 #363f45 !important; padding-bottom: 10px;}
.traduccionhumana{margin: 4px 10px 0 !important;}
#resultado label{width: 90% !important; font-weight: 400;}
.boxHeadline.pais_volumen, #resultado .boxHeadline{background: #f2f9ff !important; padding: 15px; color: #008fd6;}

.error-traduccion{position: absolute;width: 100%;}
h2 input{margin: 0 10px !important;}
div.barra {
    background-color: #48b;
    float: left;
    width: 7px;
}
div.barra-porcentaje{ background-color: var(--main-color-corporativo-deep);height: 25px;float: left;margin: 0px;min-width: ;}
div.listado_paises .porcentaje{overflow: auto;}
/* icono info */
.content-info {
	background-color: var(--main-bg-color-corporativo);
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    padding: 5px 10px;
    position: fixed;
    text-transform: none;
    width: 180px;
    display: none;
    z-index: 1000;
}
.muestra-paginas{position: absolute !important;width: auto !important;}
/* TRADUCCION ASINS*/
#calculando_costes{clear: both;
    display: none;
    text-align: center;
    width: 100%;}
.imp-aprox, #calcular_costes{float: left !important;margin-top: 35px;}
#info-keyword{display: none; position: absolute; font-size: 0.9em; text-transform: lowercase; }



/* reviews_alerts */
.body_imagen .modal-backdrop.in{opacity: 0.8}
.dif{cursor: pointer !important;}
/* tarifa_envio */
.tarifa_envio h6{padding: 10px}
.tarifa_envio h2{margin-right: 10px}
.radios_tarifa_envio {border: 3px solid #1950AD;  clear: both; padding: 10px; margin: 0 50px !important;}
#business_plan_logistica label {text-transform: capitalize; text-align: left;}
.form-control.bg-amber[readonly]{background-color: var(--main-color-amber) !important }
label.porcentaje_business_plan{margin-top: 10px;}
.form-_business-plan input {text-align: right;}
.tarifas_detalle h2, .tarifas_detalle h6{margin: 0 !important;padding: 0 !important;float: left;}
.tarifas label{text-align: left !important; padding-top: 0 !important}
.tarifas span{margin: 0 !important;padding: 0 !important; font-weight: 700;}
.tarifas small{margin: 0 !important;padding: 0 0 0 25px !important;font-weight: 300; display: block;}


/* SEGURIDAD */
.seguridad_menu_listado ul li a{margin: 0 10px !important;}
ul.listado_menu_acceso li{font-weight: 700; font-size: 16px; margin: 10px 0;}


/* ADMIN */
#itemsmenuusuarioadmin input[type="checkbox"]{float: left; margin: 0 10px;}
#itemsmenuusuarioadmin label{margin-left: 25px;}
#itemsmenuusuarioadmin label.label-padre{border-bottom:  1px solid #008fd6; color: #FFF; font-size: 1.2em;}
#itemsmenuusuarioadmin label span{color: #008fd6;font-size: 1.2em;}
#itemsmenuusuarioadmin span.titulo-padre {float: left; color: #008fd6;}
#itemsmenuusuario.checkboxes input[type="checkbox"]:checked + span.titulo-padre::before,
#itemsmenuusuario.checkboxes input[type="checkbox"] + span::before {border-color: #008fd6 !important;background-color: #FFF !important;margin-top: 4px;margin-left: 4px;}
#itemsmenuusuarioadmin ul{display: none;}
#itemsmenuusuario .desplegar-items-menu{float: left; position: absolute;font-size: 1.5em;padding-top: 5px; color: #008fd6;}
.enviar_password{margin-top: -10px;}
.error_username{display: none;}
.extra-white-label{display: none;}
a.usuario_bloqueado  {color: #919599 !important;}
/* FIN para cada página*/

/*PUBLI REVERSE*/
.detalle-mapa{

    clear: both;
    padding-top: 37px;

}
.publi_reverse{
    padding: 10px;
    margin: 0px;
    margin-bottom: 12px;
    /*background: transparent;*/}
.datos  .resultado-keyword{max-height: 200px;}
.publi_reverse.panel-body: padding: 10px 20px 20px 20px;
.panel-group.accordion h4{margin: 0 !important; }
.panel-group.accordion{margin-bottom: 5px !important}
.panel-errores{max-height: 200px; padding: 0 !important; margin: 5px 1% 0 0 ; width: 49% !important;}

.publi_reverse .row, .row-publi-reverse{margin-left: 0 !important; margin-right: 0px !important;clear: both; }
.h35 {height: 35vh;}
.list-recomendaciones li{    list-style-type: circle !important; margin-left: 35px !important;}

.hastag a.accesos-directos{margin: 0; background-color: #f0f1f5 !important; padding: 5px 15px; border-left: 3px solid #008fd6;}
.publi_reverse h4{margin: 0 !important}
.publi_reverse h5{color: var(--main-color-corporativo);  margin: 0; padding: 10px 0 5px 0; text-align: center; border: 1px solid var(--main-color-corporativo);font-size: 1.5em;}
.publi_reverse h6{ margin: 0 0 10px 0;  text-align: center; font-size: 1.2em; color: #919599; padding-top: 10px;}
.publi_reverse h5.red{color:#f34235 !important;}
.publi_reverse h6.dato-unico{  font-size: 6em; color: var(--main-color-corporativo); }
.detalle-informacion{min-height: 120px;  padding: 10px;}
.detalle-informacion-producto{display: block;width: 100%;padding: 10px 5px; }

.publi_reverse table tr th, .publi_reverse .table tfoot tr td{background: transparent;}

.detalle-informacion.error{min-height: 185px;  }
.detalle-informacion .alert {padding-left: 20px !important;}
.detalle-informacion .alert:after {left: 5px !important;}
.progress {height: 20px;table-layout: fixed;
}
.bar{height: 20px;}
.bar .porcentaje{height: 20px; float: left; border-radius: 5px; margin: 0 1px;}
.recomendacion{    background: var(--main-color-corporativo-soft);  border-width: 2px;  border-color:var(--main-color-corporativo-deep); border-style: solid;  padding: 5px 21px;    font-size: 16px;}
.panel-title{font-weight: lighter !important; border-bottom: 1px solid var(--main-color-corporativo-deep); color: var(--main-color-corporativo-deep);}

.publi_competidores h4.panel-title{margin: 5px 0;}
.publi_competidores h4.panel-title a.collapsed{padding: 7px 15px; border: 0 !important;}
.publi_competidores h4.panel-title a.collapsed::after{top: 5px !important;}
.palabra-suggest{list-style-type: circle; padding-left: 0px;}
.padding-left0{padding-left: 0px;}


.mas-info-informe {float: right;position: relative;z-index: 999;background: #fff;text-align: left;padding-top: 16px; right= 15px}
.mas-info-informe ul.recomendaciones {border: 1px solid #000;display: none;padding-top: 25px;}
.mas-info-informe ul.recomendaciones li {color: #000; }
.mas-info-informe i {float: right;}
.informe-competidor{border: 5px solid var(--main-color-corporativo);}

.alert-titulo{ margin: 2.5%   ;}
#collapseTitulo .row{text-align: center}


.flecha-derecha{ font-size: 5.6em !important;}
.estado{ float: left; padding: 5px 15px; margin: -6px 5px -6px -6px;}
h2.subseccion{border-bottom: 2px solid #02a8f3;font-weight: bolder;text-transform: uppercase;}
.detalle-reviews h6{font-size: 2em;}
.detalle-reviews h5{ color: #4bae4f !important}
.detalle-reviews h6 span.lighter{font-size: 0.5em}
.kw-repetidas, .productos-overlapped{max-height: 165px; }
.productos-overlapped{border: 5px solid var(--main-color-corporativo);margin: 10px 0; padding: 15px 0;}
.productos-overlapped img {width: 120px; }
.scroll
	{
	overflow: auto;
	overflow-y: scroll;overflow-x: scroll;
	}
.scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}


.scroll::-webkit-scrollbar-thumb, .scroll::-scrollbarthumb-horizontal {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/*FIN PUBLI REVERSE*/

/*AUDIENCE REVERSE*/
.accordion-mapa h4.panel-title, .accordion-mapa .panel-heading{margin: 0; padding: 0;}
.listado_ciudades, .listado_paises{ display: block; max-height: 200px; overflow: auto;}
.listado_ciudades ul li, .listado_paises ul li { color: var(--main-color-corporativo);}
.listado_ciudades ul li span, .listado_paises ul li span{  color: var(--main-bg-color-corporativo-texto);}
.listado_ciudades .disabled, .listado_paises .disabled{margin: 0; padding: 0; background: #f0f1f5}
.distintas{text-align: right; color: var(--main-color-corporativo); text-decoration: underline; cursor: pointer !important;}
.distintas ul{text-align: left; }

.ui-widget-header {
    /*border: 1px solid var(--main-color-corporativo-deep) !important;*/
    background: var(--main-color-corporativo) !important;
    color: #fff;
    }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

    border: 1px solid #ccc;
    background: var(--main-color-corporativo-soft);
    font-weight: bold;
    color: var(--main-bg-color-corporativo);

}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{width: 40% !important; left: 30% !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {

    border: 1px solid var(--main-color-corporativo-deep) !important; 
    background: var(--main-color-corporativo-soft) !important;
    font-weight: bold;
    color: var(--main-color-corporativo-deep) !important;

}
.muestra_atributo{position: relative; content: attr(data-valor-order); padding-right: 0px !important; text-align: right !important; color: white !important; margin-right: 5px; font-size: 1px;}
.muestra_atributo:hover{color: #f7e8e3 !important; }
.muestra_atributo:after{position: relative;
    content: attr(data-valor-order);
    padding-right: 0px;
    color: rgb(81, 102, 112);
    margin-right: 5px;
    font-size: 12px;
    text-align: right !important;
}
/*FIN AUDIENCE REVERSE*/

/* GENERADOR DE KW*/
td.ordenar {width: 10px;}
td.ordenar i.fa-sort-up{float: left;position: relative;}
td.ordenar i.fa-sort-up,
td.ordenar i.fa-sort-down{font-size: 1em; margin: 0 !important; padding: 0 !important;}
td.ordenar i.fa-sort-up:hover,
td.ordenar i.fa-sort-down:hover{color: #f7e8e3 !important; background-color: #5f7c8a !important;}

table {
  border-collapse: separate;
}


tr.highlight  td {
  border-bottom: 55px solid white !important;
  background-clip: padding-box;
}
.generador_keywords caption{z-index: 999; text-align: center; font-weight:bolder; text-transform: uppercase;
    font-size: 21px;}


/* FIN GENERADOR DE KW*/

/*SUBSCRIPCIONES */

.subscripciones{min-height: 350px; width: 240px; float: left; padding: 0.5em 1em; margin: 1em; border: 2px solid #000000; position:relative;}
.comprar-subscripcion{position:absolute;
    bottom:5px;
    right:10px;}
.subscripciones h3{margin: 15px 0 30px 0;}
.boton-subscripcion{width: 150px}
.metodo-pago{padding: 0 15px 15px; border: 1px solid var(--main-color-corporativo-deep); height: 200px;position:relative;}
.metodo-pago button{position:absolute;
    bottom:5px;
    right:25%;}
.codigo-promocional{margin-bottom: 10px}
/*FIN SUBSCRIPCIONES */

/* EMPRESAS */
.caja_archivo{padding: 0 !important;}
.caja_archivo #logo{padding: 0 !important;}
/* FIN EMPRESAS */

/*WEBSPY*/
.kw-result-titulo{margin: 0px !important ; padding: 0.5em   1em  !important;  font-size: 14px !important;}
.kw-result-dato{margin: 0px !important ; padding: 0.5em   1em  !important; height: 80px; font-size: 24px; font-weight: lighter !important;color: var(--main-color-corporativo) !important;}
.graf-tendencias{height: 200px;}
/*FIN WEBSPY*/
.panel-title a {
    padding: 15px;
    color: #fe5621;
    background: #f0f1f5;
    border-left: 3px solid var(--main-color-corporativo);
}

.sub-tittle, .sub-title{padding: 0 !important; font-size: 1.5em !important; font-weight: lighter !important;}
/* Specific mapael css class are below
         * 'mapael' class is added by plugin
        */

        .mapael .map {
            position: relative;
            margin: 0 auto;
        }

        /* For all zoom buttons */
        .mapael .zoomButton {
            background-color: #fff;
            border: 1px solid #ccc;
            color: #000;
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            border-radius: 3px;
            cursor: pointer;
            position: absolute;
            top: 0;
            font-weight: bold;
            left: 10px;

            -webkit-user-select: none;
            -khtml-user-select : none;
            -moz-user-select: none;
            -o-user-select : none;
            user-select: none;
        }

        /* Reset Zoom button first */
        .mapael .zoomReset {
            top: 10px;
        }

        /* Then Zoom In button */
        .mapael .zoomIn {
            top: 30px;
        }

        /* Then Zoom Out button */
        .mapael .zoomOut {
            top: 50px;
        }

        .mapael .mapTooltip {
            position: absolute;
            background-color: #474c4b;
            moz-opacity: 0.70;
            opacity: 0.70;
            filter: alpha(opacity=70);
            border-radius: 10px;
            padding: 10px;
            z-index: 1000;
            max-width: 200px;
            display: none;
            color: #fff;
        }
        
        .rangos{
            width: 150px;
            position: relative;
            float: right;
        }
        .rangos ul{padding-left: 0;}
        .rangos ul li {
            padding: 5px;
            list-style: none;
            color: #00000;
        }

/*LOADING*/
$color-1: #DDD8B8;
$color-2: #B3CBB9;
$color-3: #84A9C0;
$color-4: #6A66A3;
$color-5: #58548E;
$color: $color-1, $color-2, $color-3, $color-4, $color-5;

@mixin anim($i){
  $y: ($i + 5) * 10;
 
  @keyframes right-#{$i} {
    0% {
      transform: translateY(#{-$y}px);
    }
    100% {
      transform: translateY(#{$y}px);
    }
  }
}
@media_print{
    header, aside, .no-imprimir{display: none !important;}
.pageContent.extended{margin-left: 0 !important;}
}

@media (max-width:767px) {
     .page-login .loginContentWrap  img{width: 80%;}
}

@media (max-width:490px) {
     #cabecera_idiomas_literal{visibility: hidden;}
}

.timeline-item{
    /* clear: both; */
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 15px;
    margin-top: 0px;
    word-break: break-word;
    border-width: 1px;
    border-top-width: 3px;
    border-style: solid;
    overflow: hidden;
    text-align: -webkit-center !important;
}

.linea {
  border-top: 2px solid #02a8f3 ;
}

.button_marketing {
  padding: 15px 25px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #0071c1;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #03a9f4;
    width: 300px;
    height: 100px;
}

.button_marketing:hover {background-color: #03a9f4}

.button_marketing:active {
  background-color: #03a9f4;
  box-shadow: 0 5px #0071c1;
  transform: translateY(4px);
}

.container_marketing{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  row-gap: 2em;

}

#submit-button-chat{background-color: #ffffff; border-color: #ffffff; border-width: 0px;}
#auto-mic-btn{background-color: #ffffff; border-color: #ffffff; border-width: 0px;}


            
body {
        transition: background, color 300ms ease;
        .table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{color:#333 !important}
    }

    body.dark {
        
        
        .box{background-color: #313131; color: #ffffff;}
        .aside{background-color: #313131; color: #ffffff;}
        
        background-color: #313131 !important;
        color: #ffffff !important;
        
        .dark-mode nav ul {background-color: #313131 !important;}
        
        .table tbody td  a{ color: #62c9f8 !important}
        
        a{ color: #ffffff !important}
        .checkboxes input[type="checkbox"] + span::before {
                border-color: #bab0b0;
            }
        .checkboxes input[type=checkbox]:disabled+span:before {
            border-color: #bab0b0;
            background: #313131;
        }
        .simpleList > ul .sub ul li a{ color: black !important}
        
        .table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{color: #ffffff !important}
        .table tbody td{color: #ffffff !important; border-color: #313131 !important}
        
        table {color: #ffffff !important; border-color: #313131}
        .table tr th, .table tfoot tr td {background: #313131;color: #999595; border-color: #313131}

        .box {
            background: #4d4a4a;
        }
        
        legend{background-color: #a19a9a !important;
            border-bottom: 2px solid #c8c1c1 !important}

        .timeline-item {background-color: #4d4a4a;}
        

        a.btn-image.btn-primary.btn_bsr{background-color: #4d4a4a !important;}
        
        .table .table {background-color: #4d4a4a;}
        
        .recomendacion {background: #4d4a4a; border-color: #0099cc}
        .competidor {color: #0099cc}
        
        .listado_ciudades ul li span, .listado_paises ul li span{color: #ffffff}
        .barra-porcentaje {background: #82c1f3}
        .dato-porcentaje {color: #a7d3e2}

        #removerow{background: #4d4a4a; border-color: #313131}
        
        .plus-minus-button button{background: #4d4a4a; border-color: #313131}
        
        .modal-content{background-color: #4d4a4a}

        .btn-image btn-primary btn_bsr{background: #4d4a4a; border-color: #313131}
        
        .table tr:hover td {background: #626865;}
        
        .buttons.lightblue.action-button{background: #626865;}
        
        .simpleList  li:hover > a {background: #82878a; ; color: #ffffff !important; }
        
        .simpleList > ul > li.active div, .simpleList > ul > li.active > a, .simpleList > ul > li:hover div, .simpleList > ul > li:hover > a {background: #484e53; color: var(--main-color-corporativo) !important;}
        
        .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {color: #E6DFDE !important}
        
        .rte h2 a{color: #62c9f8 !important}
        
        .simpleList>ul>li>a .icon, .simpleList>ul>li>div .icon {color: #5f7c8a;}
        
        .ul-usuarios-incognito{background-color: #4d4a4a;}
        
        .simpleList > ul .sub ul {background: #aeb6bd !important;}
        
        .simpleList > ul > li.active div .icon, .simpleList > ul > li.active > a .icon, .simpleList > ul > li:hover div .icon, .simpleList > ul > li:hover > a .icon, .simpleList > ul .sub ul li.active > a, .asideNavigation .active {
        	color: var(--main-color-corporativo) !important;
        }

        .simpleList>ul>li {border-bottom: 1px solid #4d4a4a;}
        
        .zmdi-long-arrow-up{color: #15e015 !important}
        .zmdi-long-arrow-down{color: #f14b3f !important}
        
        .paginate_button a{background-color: #827776 }
        .paginate_button active a{background-color: #62c9f8 !important}
        
        #blueprint{background-color: #4d4a4a;}
        
        #chat-container{background-color: #4d4a4a;}
        #chat-input{background-color: #4d4a4a; border-color: #4d4a4a;}
        #composer-background{background-color: #443a3a; border-color: #443a3a;}
        #submit-button-chat{background-color: #443a3a; border-color: #443a3a; border-width: 0px;}
        #auto-mic-btn{background-color: #443a3a; border-color: #443a3a; border-width: 0px;}
        
        
        .simpleList.simpleListLighten>ul>li>a, .simpleList.simpleListLighten>ul>li>div {
        background-color: #474e53; }
        
        #header .topNavigation > li button:focus, #header .topNavigation > li button:hover, #header .topNavigation > li > a:focus, #header .topNavigation > li > a:hover {
            background-color: #474e53;
        }

        input{
            background: #474e53; 
            color: #ffffff}
            
        textarea{
            background: #474e53; 
            color: #ffffff}
            
        .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
            background-color: #474e53 !important;
            color: #ffffff}
            opacity: 1;


        select{
            background: #474e53; 
            color: #ffffff !important}
            
        li.usuarios-incognito {
            border-color: #313131; }
            
            
        #legendtotal{
            color: #ffffff  !important; }
        
            
        .files-panel {
            background-color: #2d3748;
            border: 1px solid #4a5568;
            box-shadow: 0 4px 20px rgba(0,0,0,0.4);
        }
        
        .files-header {
            background-color: #1a202c;
            border-bottom: 1px solid #4a5568;
        }
        
        .files-header h4 {
            color: #e2e8f0;
        }
        
        .files-counter {
            background-color: #2b6cb0;
            color: #bee3f8;
        }
        
        .files-tabs {
            background-color: #1a202c;
            border-bottom: 1px solid #4a5568;
        }
        
        .files-tab {
            color: #a0aec0;
        }
        
        .files-tab.active {
            color: #63b3ed;
            border-bottom: 2px solid #63b3ed;
            background-color: #2d3748;
        }
        
        .files-tab:hover {
            background-color: rgba(99, 179, 237, 0.1);
        }
        
        .file-upload-zone {
            border: 2px dashed #4a5568;
            background-color: #1a202c;
        }
        
        .file-upload-zone:hover,
        .file-upload-zone.dragover {
            border-color: #63b3ed;
            background-color: #2a4365;
        }
        
        .file-card {
            border: 1px solid #4a5568;
            background: #1a202c;
        }
        
        .file-card:hover {
            border-color: #63b3ed;
        }
        
        .file-card.selected {
            border-color: #63b3ed;
            background-color: #2a4365;
        }
        
        .file-name {
            color: #e2e8f0;
        }
        
        .file-meta {
            color: #f6f8fa;
        }
        
        .files-info {
            color : #c8c4c8
            
        }
        .files-footer {
            background-color: #1a202c;
            border-top: 1px solid #4a5568;
        }
        
        .btn-files.primary {
            border-color: #63b3ed;
            color: #63b3ed;
        }
        
        .btn-files.primary:hover {
            background-color: #63b3ed;
            color: #1a202c;
        }
        
        .btn-files.success {
            border-color: #bdf9d4;
            color: #bdf9d4;
        }
        
        .btn-files.success:hover {
            background-color: #bdf9d4;
            color: #1a202c;
        }
            
            
        .no-files-message {
            color: #ac9b9b;
        }
        
        .upload-text {
            color: #9f9898;
        }

        #text-input-container {
            border-color: #4a5568;
            background-color: #2d3748;
        }
        
        #textInput {
            background-color: #2d3748;
            color: #e2e8f0;
        }
        
        #textInput::placeholder {
            color: #a0aec0;
        }
        
        .text-input-actions {
            background-color: #1a202c;
            border-top-color: #4a5568;
        }
        
        .typing-indicator {
            background-color: #2a4365;
            border-top-color: #4a5568;
            color: #a0aec0;
        }
        
        #chat-container.text-mode {
            border-color: #4a5568;
        }

        .screen-share-indicator {
            background-color: #1c3d30;
            border-color: #68d391;
            color: #68d391;
        }
        
        .upload-divider {
            color: #a0aec0;
        }
        
        .upload-divider::before,
        .upload-divider::after {
            background-color: #4a5568;
        }
        
        .url-input-zone {
            border-color: #4a5568;
            background-color: #1a202c;
        }
        
        .url-input-zone:hover {
            border-color: #63b3ed;
            background-color: #2a4365;
        }
        
        .url-input {
            background-color: #2d3748;
            border-color: #4a5568;
            color: #e2e8f0;
        }
        
        .url-input::placeholder {
            color: #a0aec0;
        }
        
        .url-input:focus {
            border-color: #63b3ed;
            box-shadow: 0 0 0 2px rgba(99, 179, 237, 0.1);
        }

    }