:root {
  --main-bg-color-corporativo: #1a1a1a !important; 
  --main-color-corporativo: #ea5724 !important; 
}
#header .pageContent > .container,
.pageWrap .pageContent > .container {
    width: 100%; font-size: 15px !important;float: left;
}

body{clear:both; }	
pre{margin-left: 260px !important;}

.page-login{background:url(../../img/back2.jpeg)  no-repeat center !important;color:#141414;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}


body.dark  {
  --main-color-corporativo: #ea5724 !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;}
.x-content{
    @extend .box.rte !optional;
}
.box{padding: 15px 10px 10px 10px !important;margin: 0 0 10px 0 !important;}
.bg-corporativo{background: var(--main-color-corporativo); !important;}
.boder-pruebas {border: 1px solid #e81d62;}
.bg-red{background: #c49a5f;}
.bg-pink{background: #e81d62;}
.bg-gray{background: #363f45;}
.bg-purple{background: #9b26af;}
.bg-deep-purple{background: #6639b6;}
.bg-indigo{background: #3e50b4;}
.bg-blue{background: #2095f2;}
.bg-light-blue{background: var(--main-color-corporativo);;}
.bg-cyan{background: #00bbd3;}
.bg-teal{background: #009587;}
.bg-green{background: #4bae4f;}
.bg-light-green{background: #8ac249;}
.bg-lime{background: #ccdb38; color: #363f45;}
.bg-yellow{background: #feea3a; color: #363f45;}
.bg-amber{background: #fec006; color: #363f45;}
.bg-orange{background: #fe9700;}
.bg-deep-orange{background: #fe5621;}
.bg-brown{background: #785447;}
.bg-gray{background: #9d9d9d;}
.bg-blue-grey{background: #5f7c8a;}	
.bg-soft-blue{background: #f2f9ff;}

.azul-corporativo{color: var(--main-color-corporativo);}
.soft-blue{color: #f2f9ff;}
.red{color: #c49a5f;}
.pink{color: #e81d62;}
.gray{color: #363f45;}
.purple{color: #9b26af;}
.deep-purple{color: #6639b6;}
.indigo{color: #3e50b4;}
.blue{color: #2095f2;}
.light-blue{color: var(--main-color-corporativo);;}
.cyan{color: #00bbd3;}
.teal{color: #009587;}
.green{color: #4bae4f;}
.light-green{color: #8ac249;}
.lime{color: #ccdb38;}
.yellow{color: #feea3a;}
.amber{color: #fec006;}
.orange{color: #fe9700;}
.deep-orange{color: #fe5621;}
.brown{color: #785447;}
.gray{color: #9d9d9d;}
.blue-grey{color: #5f7c8a !important;}   
.white{color: #ffffff !important;}       
.logo-lg{
	width: 181px;max-height: 57px !important;
}
 .aside {
    width: 250px !important;
    float: left;
    z-index: 999;
	padding-top: 0 !important;
	position: relative !important;
 }
 .js-nav-toggler{font-size: 18px;}
 h1.logo{margin: 0;height: 60px; background: var(--main-bg-color-corporativo);;}
.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; }
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;

}

.clearfix,
.clearfix:after { 
   content: " "; 
   display: block; 
   clear: both;
}/*{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;}
.input-linea{padding: 0 12px 0 0;}
#loading{float: right;*margin-right: 50px;}
.tam2{font-size: 1.5em !important; }
.tam3{font-size: 2em !important;}
.tam4{font-size: 2.5em !important;}
.tam02{font-size: 0.5em !important;}
.tam03{font-size: 0.75em !important;}
/*.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;
}
.table tr th, .table tfoot tr td {background: #f2f9ff; 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-home{width: 25px;}
.img-home:hover{width: 125px; position: absolute;}
.small_image {
    max-height: 65px !important;
    max-width: 65px !important;
    margin: 10px;
}
.medium_image{
    margin: 10px; position: absolute; z-index: 999; }

.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: var(--main-color-corporativo);}
#header .topNavigation > li button{width: 100% !important;}
.rte ul li::before{background: transparent !important}
.rte a {
    color: #1950ad;
}
.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}

/*HOME*/
.home .bgTitle{background-image: none !important; min-height: 25px; background-color: var(--main-color-corporativo);; color: #FFF;}
.home .bgTitle a{color: #FFF;}
.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 var(--main-color-corporativo);;}
.radiobuttons input[type="radio"] + span.red::after{background: #c49a5f !important} 
.radiobuttons input[type="radio"] + span.red{color:#c49a5f !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;}


/*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;}

/* FIN LOGIN */
/*FORMULARIOS*/
.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:var(--main-color-corporativo); !important;
}
.checkboxes input[type="checkbox"] + span::before {border-color: #363f45;}

.botones-add .btn{border: 1px solid var(--main-color-corporativo);;}
.botones-add .btn:focus, .botones-add .btn:hover{background: #f2f9ff !important; border: 1px solid #f2f9ff !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 var(--main-color-corporativo); !important; color: var(--main-color-corporativo);;}
.alert{margin-top: 10px;}

a.btn.btn-primary:focus,a.btn.btn-primary:hover, a.btn-primary:focus, .btn.btn-primary {background: var(--main-color-corporativo);;color: #fff !important;}

.btn.btn-primary:hover {background: #fff;color: var(--main-color-corporativo); !important;}
.btn, .btn:hover{color: var(--main-color-corporativo); !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: var(--main-color-corporativo); !important;
    background: #fff;

}
textarea {resize: none;}


/*FIN FORMULARIOS*/


div.dataTables_wrapper div.dataTables_filter {

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

}
.pagination > li.active > a, .pagination > li.active > span{background: var(--main-color-corporativo); !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: var(--main-color-corporativo);; text-align: left;}
.menu-usuario > li , 
.nav-tabs > li.active > a{border-bottom: 0px !important; color: var(--main-color-corporativo); !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: var(--main-color-corporativo);; }
.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: var(--main-color-corporativo);; 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: var(--main-color-corporativo); !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: var(--main-color-corporativo); !important;}
.crm .grupo-inputs{border-bottom: 3px solid var(--main-color-corporativo);;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: var(--main-color-corporativo); !important; text-decoration: underline;}
.panel-title a {color:  var(--main-color-corporativo)!important;border-left: 3px solid var(--main-color-corporativo) !important;}
/* 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: var(--main-color-corporativo);;}

.error-traduccion{position: absolute;width: 100%;}
h2 input{margin: 0 10px !important;}
div.barra {
    background-color: #48b;
    float: left;
    width: 7px;
}

/* icono info */
.content-info {
	background-color: var(--main-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;
}
/* 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;}
.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 var(--main-color-corporativo);; color: #FFF; font-size: 1.2em;}
#itemsmenuusuarioadmin label span{color: var(--main-color-corporativo);;font-size: 1.2em;}
#itemsmenuusuarioadmin span.titulo-padre {float: left; color: var(--main-color-corporativo);;}
#itemsmenuusuario.checkboxes input[type="checkbox"]:checked + span.titulo-padre::before,
#itemsmenuusuario.checkboxes input[type="checkbox"] + span::before {border-color: var(--main-color-corporativo); !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: var(--main-color-corporativo);;}

/* FIN para cada página*/

@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) {

	
  	.asideNavigation > ul .sub ul {min-width: 225px;}
}
@media (min-width:992px) and (max-width:1199px) {
 .hidden-md {
  	display:none;
 }
.pageContent.extended {
		margin-left:260px !important;
	}
}
@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}
	
}