/** ocultar migas de pan **/
.breadcrumb {
	display: none !important;
}

.sidebar-collapse .sidebar-menu>li {
	width: 100% !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

@media only screen and (max-width: 415px) {
	.col-xs-6 {
		width: 50% !important;
	}
}

@media only screen and (max-width: 768px) {
	/* Estilos para dispositivos móviles */
	.desktop-content {
		display: none;
	}
	.mobile-content {
		display: block;
	}
	
	 /* Estilos específicos para pantallas pequeñas (móviles) */
    #divBotoneracarritoListado {
		margin: 5px; 
		display: flex; 
		flex-wrap: wrap;
		justify-content: center; align-items: center; text-align: right;
    }
    
    #divNumeroArticulosCarrito {
    	margin-left: 12px !important;
    }
    
    #divVaciarCarrito, #divBtnActualizar, #divConfirmarPedido {
        flex: 1 1 100%;
        max-width: 100% !important;
        margin-bottom: 6px;

    }
    
    .ui-fileupload-choose input {
        pointer-events: auto !important; 
    }

	
}

@media only screen and (min-width: 769px) {
	
	 /* Estilos específicos para pantallas pequeñas (móviles) */
    #divBotoneracarritoListado {
		margin: 5px; 
		display: flex; 
		float: right;
    }
	
	/* Estilos para dispositivos de escritorio */
	.desktop-content {
		display: block;
	}
	.mobile-content {
		display: none;
	}
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
@media ( max-width : 768px) {
	.mo-producto-ficha {
		height: 15em !important;
	}
	.mo-producto-ficha-new {
		height: 15em !important;
	}
	.sidebar-collapse .row {
		margin-left: 0px !important;
		margin-right: 5px !important;
	}
	.box {
		width: 110% !important;
	}
	body {
		font-size: 14px !important;
	}
	.form-control {
		padding: 0 2px !important;
	}
	span.form-control {
		padding: 2px !important;
	}
	.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
		.ui-datatable tfoot th {
		padding: 3px !important;
	}
	.importe-total-pedido {
		font-size: 12px !important;
	}
	button, input:not ([type="checkbox"] ):not ([type="file"] ):not (.ui-column-filter .mo-facturas
		 ), optgroup, select, .input-buscador, .boton-buscar-generico {
		height: 25px !important;
	}
	.box-body {
		/* padding: 10px 0 !important; */
		
	}
	.columna-botonera-logo {
		padding: 0px !important;
	}
	.imagen-carrusel-main {
		max-height: 35px;
		max-width: 50px;
	}
	.mo-imagen-cesta-compra {
		max-height: 50px !important;
		max-width: 100vh;
	}
	.logo-datatable-cesta-compra-minorista {
		max-height: 35px;
		max-width: 50px;
	}
	.logo-login {
		max-height: 70px;
		max-width: 220px;
	}
	.logo-landing-page-altadis {
		max-height: 100vh;
		max-width: 45vh;
	}
	.columna-logo {
		padding: 0 !important;
		vertical-align: inherit;
	}
	.dialogo-primer-acceso {
		width: 98% !important;
	}
	.callout {
		padding: 10px !important;
	}
	.imagen-flyer {
		max-height: 120px;
		max-width: 100%;
	}
	.pull-right-xs {
		float: right !important;
	}
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
		.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		margin: 0 !important;
		padding: 0 2px !important;
	}
	.col-xs-period {
		width: 30px !important;
	}
	.tabla-productos-catalogo-minorista thead th,
		.tabla-productos-catalogo-minorista tfoot td {
		border: 0 none !important;
		height: 1px !important;
	}
	.content {
		padding: 0px !important;
		margin: 0px !important;
	}
	.content-header {
		padding: 5px 5px 0 !important;
	}
	.input-group-addon {
		font-size: 10px !important;
	}
	.ui-selectcheckboxmenu-label-container {
		display: inline-block;
		margin-top: 2px !important;
		width: 100%;
	}
	.btn {
		font-size: 15px !important;
	}

	/* INICIO MODIFICACION 28/04/2016 */
	.icon-landing {
		width: 60px !important;
		height: 60px !important;
	}
	.content-title {
		font-size: 0px !important;
	}
	.content-title p {
		font-size: 20pt !important;
		vertical-align: middle;
	}
	.content-title i {
		font-size: 25pt !important;
	}
	.content-title-info {
		font-size: 15px !important;
	}

	/* FIN MODIFICACION 28/04/2016 */
	.content-bottom {
		-webkit-flex-direction: column !important;
		flex-direction: column !important;
		font-size: 14pt !important;
	}
	.logo-lg {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		height: 100% !important;
		width: auto !important;
	}
	
	
	.main-header {
		min-height:59px !important;
	}

	.main-header .logo {
		display: none !important;
	}
	
	.navbar-montaje {
		display: none !important;
	}
	
	.navbar-usuario {
		display: none !important;
	}
	
	.navbar-workflow {
		display: none !important;
	}
	
	.navbar-agenda {
		display: none !important;
	}
	
	.navbar-slide {
		display: inline !important;
	}
	
	.navbar-apagado-movil {
		display: flex !important;
	}	
	
	.form-control {
		font-size: 11.5px !important;
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
		.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
		.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
		.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
		.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
		.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
		.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
		.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		padding: 10px !important;
		max-width: 100% !important;
	}
	.mo-facturas .ui-multiselectlistbox-listcontainer {
		/* width: 100% !important; */
		width: 340px ! important;
		padding: 10px 0px !important;
	}
	.content-title h1 {
		font-size: 22pt !important;
	}
	.display-none {
		display: none;
	}
	.news {
		display: flex;
		display: -webkit-flex;
		-webkit-flex-direction: column !important;
		flex-direction: column !important;
	}
}

/* Small devices (tablets, 768px and up) */
@media ( min-width : 768px) and (max-width: 991px) {
	.mo-producto-ficha-producto {
		height: 15em !important;
	}
	.mo-producto-ficha {
		height: 15em !important;
		line-height: 19em !important;
		border: 1px solid #ddd !important;
		overflow: hidden;
		padding: 0 !important;
	}
	.mo-producto-ficha-new {
		height: 15em !important;
		line-height: 19em !important;
		overflow: hidden;
		padding: 0 !important;
		display: inline-table;
	}
	.mo-capa-novedades {
		border: 1px solid #ddd;
		padding: 20px 25px 15px !important;
		height: 15em !important;
	}
	.mo-capa-novedades-ipad {
		display: -webkit-flex !important;
		display: flex !important;
	}
	.form-control {
		padding: 0 5px !important;
	}
	span.form-control {
		padding: 5px !important;
	}
	.fuente-datatable-catalogo-minorista {
		font-size: 14px !important;
	}
	.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
		.ui-datatable tfoot th {
		padding: 4px 10px;
	}
	.fuente-datatable-catalogo-mayorista {
		font-size: 14px !important;
	}
	button, input:not ([type="checkbox"] ):not ([type="file"] ):not (.ui-column-filter .mo-facturas
		 ), optgroup, select, .input-buscador, .boton-buscar-generico {
		height: 34px !important;
	}
	.box-body {
		padding: 10px !important;
	}
	.columna-botonera-logo {
		padding: 4px 10px !important;
	}
	.imagen-carrusel-main {
		max-width: 100px;
		max-height: 50px;
	}
	.mo-imagen-cesta-compra {
		max-height: 50px !important;
		max-width: 100vh;
	}
	.logo-datatable-cesta-compra-minorista {
		max-height: 100px;
		max-width: 50px;
	}
	.logo-login {
		max-height: 100px;
		max-width: 50px;
	}
	.logo-landing-page-altadis {
		max-height: 100vh;
		max-width: 70vh;
	}
	.columna-logo {
		padding: 0 !important;
		vertical-align: inherit;
	}
	.dialogo-primer-acceso {
		width: 80% !important;
	}
	.imagen-flyer {
		max-height: 120px;
		max-width: 90%;
	}
	.input-group-addon {
		font-size: 14px !important;
	}
	.btn {
		font-size: 14px !important;
	}
	.col-md-period {
		width: 30px !important;
	}
}

/* Medium devices (desktops, 992px and up) */
@media screen and (min-width : 992px) and (max-width: 1199px) {
	.mo-producto-ficha {
		height: 19em !important;
	}
	.mo-producto-ficha-new {
		height: 19em !important;
	}
	.form-control {
		padding: 0 5px !important;
	}
	span.form-control {
		padding: 5px !important;
	}
	.fuente-datatable-catalogo-minorista {
		font-size: 17px !important;
	}
	.fuente-datatable-catalogo-mayorista {
		font-size: 17px !important;
	}
	button, input:not ([type="checkbox"] ):not ([type="file"] ):not (.ui-column-filter .mo-facturas
		 ), optgroup, select, .input-buscador, .boton-buscar-generico {
		height: 34px !important;
	}
	.imagen-carrusel-main {
		max-width: 120px;
		max-height: 80px;
	}
	.mo-imagen-cesta-compra {
		max-height: 50px !important;
		max-width: 100vh;
	}
	.logo-datatable-cesta-compra-minorista {
		max-height: 120px;
		max-width: 120px;
	}
	.logo-login {
		max-height: 120px;
		max-width: 120px;
	}
	.logo-landing-page-altadis {
		max-height: 100vh;
		max-width: 100vh;
	}
	.columna-logo {
		padding: 0 !important;
		vertical-align: inherit;
	}
	.dialogo-primer-acceso {
		width: 80% !important;
	}
	.imagen-flyer {
		max-height: 120px;
		max-width: 90%;
	}
	.col-sm-period {
		width: 30px !important;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media ( min-width : 1200px) {
	.content-header {
		margin-left: 20px;
		margin-right: 20px;
	}
	.content {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.mo-producto-ficha {
		height: 19em !important;
	}
	.mo-producto-ficha-new {
		height: 19em !important;
	}
	.mo-producto-ficha-producto {
		height: 17em !important;
	}
	.form-control {
		padding: 0 5px !important;
	}
	span.form-control {
		/* padding: 5px !important; */
		
	}
	.fuente-datatable-catalogo-minorista {
		font-size: 17px !important;
	}
	.fuente-datatable-catalogo-mayorista {
		font-size: 17px !important;
	}
	button, input:not ([type="checkbox"] ):not ([type="file"] ):not (.ui-column-filter .mo-facturas
		 ), optgroup, select, .input-buscador, .boton-buscar-generico {
		height: 34px !important;
	}
	.imagen-carrusel-main {
		max-width: 180px;
		max-height: 80px;
	}
	.mo-imagen-cesta-compra {
		max-height: 50px !important;
		max-width: 100vh;
	}
	.logo-datatable-cesta-compra-minorista {
		max-height: 120px;
		max-width: 120px;
	}
	.logo-login {
		max-height: 120px;
		max-width: 120px;
	}
	.logo-landing-page-altadis {
		max-height: 100vh;
		max-width: 100vh;
	}
	.columna-logo {
		padding: 0 !important;
		vertical-align: inherit;
	}
	.dialogo-primer-acceso {
		width: 80% !important;
	}
	.imagen-flyer {
		max-height: 120px;
		max-width: 90%;
	}
	.col-lg-period {
		width: 30px !important;
	}
}

/* Left layout */
.main-header>.navbar {
	position: absolute;
	top: 0px;
	right: 5px;
}

.content-wrapper {
	margin: 0px !important;
}

/*.main-sidebar, .left-side, .logo {
	width: 165px !important;
}

.sidebar-mini.sidebar-collapse .main-header .logo {
	width: 65px !important;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
	width: 65px !important;
}

.sidebar-mini.sidebar-collapse .main-header .navbar {
	margin-left: 60px !important;
}*/
.content #jssor_1 {
	/* 	width: 100% !important; */
	/* 	height: 460px !important; */
	
}

/* .content #jssor_1 div { */
/* 	width: 100% !important; */
/* } */
.icon-menu-izq {
	width: 25px !important;
	margin-right: 2px;
	max-height: 25px !important;
}

.label-warning {
	background-color: black !important;
}

.sidebar-menu>li>a, .sidebar-menu>li>span {
	padding: 12px 0px 12px 5px !important;
}

.skin-roches .sidebar a {
	font-size: 14px !important;
}

/* Layout */
.content-wrapper {
	min-height: calc(100vh - 70px);
}

.content {
	/* height: 100vh; */
	padding: 0em 1em;
	min-height: 2em !important;
}

.wrapper {
	min-height: 100vh !important;
	background-color: #ffffff !important;
}

.main-header .logo {
	padding: 0 !important;
	height: auto !important;
	margin: 0px auto;
}

.ui-confirm-dialog-severity {
	display: none !important;
}

.checkbox-grupo {
	margin-left: 10px;
}

.pull-left-2 {
	margin-left: 2px;
}

.pull-left-10 {
	margin-left: 10px;
}

.ui-paginator, .ui-paginator-top, .ui-widget-header {
	height: 30px;
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options
	{
	margin-left: 0.5em !important;
	margin-right: 0.5em !important;
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options
	{
	margin-left: 0.5em !important;
	margin-right: 0.5em !important;
	height: 22px !important;
	color: white !important;
}

.ui-datatable-header, .ui-widget-header, .ui-corner-top {
	
}

.ui-fileupload-content {
	border: 0 none !important;
	background-color: transparent !important;
}


.upload-fichero-enlace{
	padding-top: 8px !important;
	text-align: right;
} 

.upload-fichero-enlace .ui-fileupload-files {
	display: none !important;
}

.upload-fichero-enlace .ui-fileupload-buttonbar>.ui-fileupload-choose>.ui-button-text {
	height: 36px;
	margin-top: 0px !important;
}

.upload-fichero-enlace .ui-fileupload-choose {
	height: 29px !important;
}

.upload-fichero-enlace .ui-fileupload-buttonbar .ui-button{
	margin-right: 0px !important;
}

.upload-fichero-enlace .ui-fileupload-buttonbar {
	padding-right: 0px;
}

.upload-fichero-enlace .ui-widget-header {
	font-size: 10pt !important
}

.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not (.pull-right
	 ), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu
	{
	width: 300px !important;
}

.ui-state-default, .ui-sortable-column, .ui-filter-column {
	/* height: 20px; */
	
}

.ui-paginator-rpp-options {
	height: 20px !important;
}

.ui-column-filter {
	background-color: white !important;
	border: 1px solid #c3c7ca;
	height: 22px !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget img,
	.ui-widget button { /* background: white !important; */
	/* border: 1px solid #c3c7ca; */ /* 	border: 0 none; */
	/* width: 10% !important; */
	
}

.ui-state-default, .ui-widget-content, .ui-state-default,
	.ui-widget-header, .ui-state-default { /* background-color: yellow; */
	
}

.ui-widget-content a {
	color: none;
	/* margin: 0.5em 0em !important; */
	/* right: 0; */
	/* position: absolute; */
	/* top: 0; */
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight,
	.ui-widget-header .ui-state-highlight {
	/*background-image: url("../img/primefaces/ui-bg_highlight-hard_100_gris_1x100.png");*/
	/*     border: 1px solid #fcd3a1; */
	/*     color: #444444; */
	background: #acacac !important;
	margin-left: 0em !important;
}

.form-group {
	/* 	max-width: 300px; //Provoca descuadre general*/
	max-height: 300px;
}

.no-max-width {
	max-width: none !important;
}

.pull-right-3 {
	margin-right: 3px;
}

.pull-right-7 {
	margin-right: 7px;
}

.pull-right-7-imp {
	margin-right: 7px !important;
}

.pull-left-7 {
	margin-left: 7px !important;
}

.wysihtml5-sandbox {
	height: 300px !important;
	min-height: 300px !important;
}

.ui-tree {
	width: 100% !important;
}

.oculto {
	display: none !important;
}

.input-buscador {
	font-weight: normal;
	margin: 0;
	outline: medium none;
	padding: 4px;
	background: #ffffff none repeat scroll 0 0 !important;
}

.ui-growl {
	top: 60px !important;
	z-index: 999999 !important;
}

.titulo-dialogo {
	display: block;
	color: darkblue;
	font-size: 14px;
	margin-top: -25px;
}

.fa-margin-right {
	margin-right: 10px;
}

.form-control:focus {
	background-color: #CCFFFF;
}

.form-control .hasDatepicker {
	background-color: #ffffee !important;
	color: #000000 !important;
}

#form_NuevoCurso input[type='text'], #form_NuevoCurso select,
	.mo-facturas .ui-multiselectlistbox-list {
	background-color: rgba(52, 38, 26, .1) !important;
	background-image: none;
	border: 1px solid #ccc;
	/* border-radius: 4px; */
	border-radius: 0px !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #000000 !important;
	display: block;
	font-size: 14px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 100%;
	padding: 0.45em 1em !important;
	/* height: 28px !important; */
	height: auto !important;
}

#form_NuevoCurso textarea {
	background-color: #ffffee !important;
	background-image: none;
	border: 1px solid #ccc;
	/* border-radius: 4px; */
	border-radius: 0px !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	display: block;
	font-size: 14px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 100%;
	padding: 0.45em 1em !important;
	margin-bottom: 10px;
}

.ui-selectlistbox-list, .ui-multiselectlistbox-list {
	padding-left: 2px !important;
}

.disabled {
	background-color: #eeeeee !important;
}

.ui-tree .ui-treenode-label.ui-state-hover, .ui-tree .ui-treenode-label.ui-state-highlight
	{
	background: #66C6E4 !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover
	{
	background-color: transparent !important;
	color: #444444 !important;
}

.ui-state-default, .ui-widget-content, .ui-state-default,
	.ui-widget-header, .ui-state-default {
	
}

.ui-widget-content {
	/* background-image: url("../img/primefaces/ui-bg_flat_75_ffffff_40x100.png"); */
	border: 1px solid #eeeeee;
	background-color: #ffffff;
	color: #000000 !important;
}

.ui-selectmanymenu {
	border: 1px solid #d2cfcf !important;
}

/* INICIO MODIFICACIÓN 04/05/2016 */
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
	border-top-right-radius: 0px !important;
}
/* FIN MODIFICACIÓN 04/05/2016 */
* {
	box-sizing: border-box;
}

.ui-datatable table {
	border-collapse: collapse;
	table-layout: auto !important;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

li.ui-state-hover {
	/*background: #999999 !important;*/
	background-color: #acacac !important;
}

.sidebar-collapse .hidden-collapse {
	display: none !important;
}

/***
*	FILEUPLOAD PRIMEFACES eliminar propiedades
*/
.ui-fileupload-simple input[type="file"] {
	opacity: 1 !important;
	position: relative !important;
	font-size: inherit !important;
}

.ui-fileupload-filename {
	display: none !important;
}

/***
*	/FILEUPLOAD PRIMEFACES eliminar propiedades
*/
.ui-widget-header {
	background: transparent !important;
	border: none;
	color: white !important;
	/* border: 0px solid!important; */
	border-top-color: #fff;
	border-right-color: #fff;
	border-left-color: #fff;
	border-bottom-color: #f0f0f0;
	font-family: kastelov_regular !important;
	font-weight: 600 !important;
	font-size: 11pt;
	height: 30px !important;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td,
	.ui-datatable tfoot th {
	/* border: 1px solid #dddddd !important; */
	border: 1px solid #dddddd;
}

.ui-tree .ui-chkbox-box {
	margin-left: 2px;
	margin-right: 5px;
}

.columna-botonera-tablas {
	width: 70px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.columna-check {
	width: 40px !important;
	text-align: center;
}

.columna-drag-drop {
	width: 24px;
	padding: 4px !important;
	margin: 0px auto;
	cursor: move;
}

.color-altadis {
	color: #85293f;
}

.dropdown-menu .divider {
	border: 1px solid #99CCCC;
}

.dropdown-menu {
	border: 1px solid #9999CC;
	box-shadow: none;
}

.ui-menu {
	width: 17.5em !important;
}

.ui-datatable .ui-column-filter {
	width: 75% !important;
	background: white !important;
	height: 25px !important;
	margin-bottom: 5px !important;
}

.ui-sortable-column {
	vertical-align: bottom;
	background-color: #000000 !important;
}

.ui-state-focus {
	/*background: #000000 !important;*/
	
}

.text-grisclaro {
	color: #ecf0f5 !important;
}

.text-azul-tema {
	color: #004276 !important;
}

.text-negro {
	color: #444444 !important;
}

.text-white {
	color: #ffffff !important;
}

.text-000000 {
	color: #000000 !important;
}

.text-verde {
	color: #00db37;
}

.text-rojo {
	color: #F54021;
}

.text-azul {
	color: #1010ff;
}

.text-amarillo {
	color: #F5D033;
}

.bg-grisclaro {
	background-color: #eeeeee !important;
	color: #777777;
}

.btn-descarga-pedido {
    background-color: black !important;
    color: white !important;
    border-color: black !important;
    margin-left: 10px;
}

/* Forzar el color blanco al icono dentro del botón */
.btn-descarga-pedido .ui-button-icon-left {
    color: white !important;
}

.btn-descarga-pedido:hover,
.btn-descarga-pedido:focus,
.btn-descarga-pedido:active {
    background-color: #acacac !important;
    border-color: #acacac !important;
    color: white !important;
}

.btn-descarga-pedido:hover .ui-button-icon-left,
.btn-descarga-pedido:focus .ui-button-icon-left,
.btn-descarga-pedido:active .ui-button-icon-left {
    color: white !important;
}


.bg-negro {
	color: #ffffff !important;
	background-color: #000000 !important;
	margin-left: 10px;
}

.bg-negro:hover {
	background-color: #acacac !important;
	border-color: #acacac !important;
}

.bg-rojo {
	/* background-color: #d73925 !important; */
	color: #ffffff !important;
	background-color: #acacac !important;
}

.bg-rojo .fa {
	color: #ffffff !important;
}

.bg-azul-tema {
	/* background-color: #3c8dbc !important; */
	background-color: #acacac !important;
}

.bg-rojo-tema {
	background-color: #d73925 !important;
}

.bg-white {
	background-color: #ffffff !important;
}

/*Panel que contiene los botones de confirmacion*/
.confirmButtons {
	margin: 15px 10% 0px 10% !important;
}

.ui-outputlabel-rfi {
	color: #F54021 !important;
}

.mensaje-dialogo {
	color: darkblue;
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}

.ui-dialog-titlebar {
	background-image:
		url("../img/primefaces/ui-bg_highlight-hard_100_eeeeee_1x100.png");
	padding: 8px 12px;
}

.ui-dialog-content {
	padding: 15px 0;
}

.ui-widget-header .ui-icon {
	background-image: url("../img/primefaces/ui-icons_ffffff_256x240.png");
	height: 22.px !important;
}

.ui-fileupload-buttonbar {
	/* 	height: 40px !important; */
	/* 	margin-top: 20px; */
	
}

.ui-fileupload-buttonbar>.ui-fileupload-choose>.ui-button-text {
	height: 36px;
	margin-top: 4px;
}

.text-area textarea {
	width: 100% !important;
}

.ui-fileupload-choose {
	min-width: 200px !important;
	height: 36px !important;
}

.upload-pedido-fichero {
	padding: 0;
}

.upload-pedido-fichero .ui-fileupload-buttonbar {
	padding: 0;
}

.upload-pedido-fichero .ui-fileupload-buttonbar > .ui-fileupload-choose > .ui-button-text {
	height: 28px;
	margin-top: 0px;
}

.upload-pedido-fichero .ui-fileupload-choose {
	min-width: 200px !important;
	height: 28px !important;
}

.upload-pedido-fichero-carrito {
	padding: 0;
}

.upload-pedido-fichero-carrito .ui-fileupload-buttonbar {
	padding: 0;
}

.upload-pedido-fichero-carrito .ui-fileupload-buttonbar > .ui-fileupload-choose > .ui-button-text {
	height: 28px;
	margin-top: 0px;
}

.upload-pedido-fichero-carrito .ui-fileupload-choose {
	min-width: 200px !important;
	height: 30px !important;
    margin-top: -2px;
	margin-left: 1.2em;
}

.upload-pedido-fichero-carrito .ui-fileupload-content {
	display: none;
} 

.ui-fieldset {
	border: 1px solid #d6d6d6 !important;
	margin: 5px 0;
}

.chat .capa-img-chat {
	display: inherit;
	height: 80px;
	width: 80px;
	margin-left: -40px;
}

.chat .img-chat {
	width: 80px;
	height: 80px;
	border: 2px solid transparent;
	border-radius: 50%;
}

.chat .item::before, .chat .item::after {
	margin-top: 20px !important;
}

.chat .item>.message {
	margin-top: -90px !important;
}

.logo-cabecera {
	display: block;
	height: auto;
	margin: 3px auto auto;
	max-height: 45px;
	max-width: 200px;
	padding: 0;
	width: auto;
	border: 0px !important;
}

.logo-datatable-catalogo {
	display: block;
	max-width: 100%;
	max-height: 40px;
	width: auto;
	height: auto;
	border: 0 none !important;
}

.logo-editar-producto {
	height: auto;
	max-height: 80px;
	max-width: 80%;
	width: auto;
	border: 0 none !important;
}

.imagen-flyer {
	height: auto;
	width: auto;
	border: 0 none !important;
}

.imagen-carrusel-main {
	display: block;
	width: auto;
	height: auto;
	margin: auto;
	border: 0 none !important;
	padding: 2px;
}

.logo-login {
	display: block;
	width: auto;
	height: auto;
	margin: auto;
	border: 0 none !important;
	padding: 2px;
}

a:hover {
	cursor: pointer !important;
	text-decoration: none !important;
	color: #000000 !important;
	/*background-color: #acacac !important;*/
	/*border-radius: 0px !important;*/
}

.dialogo-recordar-contrasena {
	width: 400px !important;
	background-color: #000000 !important;
}

.navbar-nav>.tasks-menu>.dropdown-menu {
	width: 500px !important;
	background-image: -moz-linear-gradient(center top, #e0e0e0, #fafafa)
		!important;
}

.logo-datatable-cesta-compra-minorista {
	display: block;
	height: auto;
	width: auto;
	border: 0 none !important;
}

.logo-datatable-cesta-compra-mayorista {
	display: block;
	height: auto;
	max-height: 120px;
	max-width: 120px;
	width: auto;
	border: 0 none !important;
}

.logo-landing-page-altadis {
	display: block;
	height: auto;
	width: auto;
	border: 0 none !important;
	margin: 0 auto;
}

.boton-realizar-pedido {
	background-color: #ff9917;
	background-image: -moz-linear-gradient(center bottom, #ffcc22, #ff6622);
	background-repeat: repeat-x;
	border: 1px solid #e87b0e;
	color: #ffffff !important;
	height: 40px;
	margin-right: 30px;
	padding: 8px !important;
}

.boton-vaciar-cesta {
	background-color: #d9534f;
	background-image: -moz-linear-gradient(center bottom, #ffcc22, #ff6622);
	background-repeat: repeat-x;
	border: 1px solid #e87b0e;
	color: #ffffff !important;
	height: 25px;
	margin-left: 30px;
	padding: 3px !important;
}

.importe-total-pedido {
	color: #dd4422;
	font-size: 18px;
	font-weight: 700;
	text-align: left !important;
}

.importe-total-pedido-s {
	color: #dd4422 !important;
}

.centrado {
	text-align: center !important;
}

.cesta-vacia {
	position: relative;
	padding-top: 70px;
	padding-bottom: 70px;
	display: block;
}

.font-12 {
	font-size: 12px !important;
}

.td-unidades-cesta-modificado {
	text-align: center;
}

.spinner {
	/* 	margin-top: 23px !important; */

}

.spinner-cat {
	width: 63px !important;
}

.boton-unidades-cesta-ok {
	width: 25px !important;
	display: inline-block;
	margin-top: 15px;
}

.boton-unidades-cesta-cancelar {
	width: 58px !important;
	display: inline-block;
}

.columna-botonera-cesta {
	width: 40px !important;
}

.texto-small-descripcion {
	display: table;
}

.div_form_nueva_categoria {
	vertical-align: middle;
	text-align: center;
}

.div_form_nueva_categoria input {
	margin-left: 10px;
}

.div_scrollable {
	max-height: 150px;
	overflow-y: auto;
}

.derecha {
	float: right;
}

.negrita {
	font-weight: 700 !important;
}

.btn-default {
	border-color: #bbb !important;
}

.btn-white {
	background: white none repeat scroll 0 0;
	border: 1px solid #e7eaec;
	color: inherit;
}

.btn.active, .btn:active {
	box-shadow: 0px 0px 5px rgba(66, 66, 17, 0.5) inset !important;
}

.h1, h1 {
	display: inline-block;
	padding: 1em 0em;
}

.no-link {
	color: inherit !important;
}

audio, canvas, progress, video {
	margin: 30px 0 !important;
}

video[poster] {
	/* 	height:100%; */
	height: 440px;
	width: 100%;
	position: absolute;
	background-color: black;
}

.capa-configuracion-notificaciones {
	width: 100%;
	display: inline-block;
}

/* INICIO .navbar-acciones-menu */
.main-header .navbar-acciones-menu {
	float: left;
}

@media ( max-width : 900px) {
	.col-sm-carrito-9 {
		width: 100%;
	}
	.col-sm-carrito-3 {
		width: 100%;
	}
}

@media ( max-width : 991px) {
	.main-header .navbar-acciones-menu a, .main-header .navbar-right a {
		color: inherit;
		background: transparent;
	}
}

@media ( max-width : 991px) {
	.navbar-acciones-menu .navbar-nav>li {
		float: left;
	}
	.navbar-acciones-menu .navbar-nav {
		margin: 0;
		float: left;
	}
	.navbar-acciones-menu .navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 20px;
	}
}

@media ( max-width : 767px) {
	/*modificacion 13 y 14/10*/
	.main-header>.navbar, .content-wrapper {
		margin-left: 0px !important;
	}
	.logo-lg {
		display: -webkit-flex;
		display: flex;
		height: 100% !important;
		width: auto !important;
	}
	.box-body {
		width: 100%;
		position: relative;
		top: 0em;
		left: 0em;
	}
	.box-body-prod {
		width: 100%;
		position: relative;
		top: 0em;
		left: 0em;
	}

	/*fin mod*/
	.main-header {
		position: relative;
	}
	.main-header .logo, .main-header .navbar {
		width: 100%;
		float: none;
	}
	.main-header .navbar {
		margin: 0;
	}
	.main-header .navbar-acciones-menu {
		float: left;
	}
}

@media ( max-width : 991px) {
	.navbar-collapse.pull-left {
		float: none !important;
	}
	.navbar-collapse.pull-left+.navbar-acciones-menu {
		display: block;
		position: absolute;
		top: 0;
		right: 40px;
	}
}
/* Fix dropdown menu in navbars */
.navbar-acciones-menu>.navbar-nav>li {
	position: relative;
}

.navbar-acciones-menu>.navbar-nav>li>.dropdown-menu {
	position: absolute;
	right: 0;
	/*   left: auto; */
}

@media ( max-width : 991px) {
	.navbar-acciones-menu>.navbar-nav {
		float: left;
	}
	.navbar-acciones-menu>.navbar-nav>li {
		position: static;
	}
	.navbar-acciones-menu>.navbar-nav>li>.dropdown-menu {
		position: absolute;
		right: 5%;
		left: 42px;
		border: 1px solid #ddd;
		background: #fff;
		width: 250px !important;
	}
}

.container-fluid-prod {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.navbar-nav .open .dropdown-menu>li>a {
	color: white !important;
	border: 1px solid black;
}

.navbar-nav .open .dropdown-menu>li>a:hover {
	background-color: #ACACAC !important;
	color: black !important;
	border: 1px solid #ACACAC;
}

/* FIN .navbar-acciones-menu */
.botonera-configuracion-notificaciones {
	border-top: 1px solid #f4f4f4;
	margin-top: 30px !important;
	padding: 10px 30px;
}

.daterangepicker td.in-range {
	background: #cbc4b8 none repeat scroll 0 0 !important;
	border-radius: 0;
}

.ui-autocomplete-multiple-container {
	width: 100% !important;
	height: 100% !important;
	border-radius: 0 !important;
	border: 0 none !important;
	background: #ffffff none repeat scroll 0 0 !important;
}

.ui-autocomplete-token {
	height: 90%;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
	padding: 0 !important;
}

.ui-selectcheckboxmenu {
	height: 2em !important;
}

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages,
	.ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last,
	.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev,
	.ui-paginator .ui-paginator-current {
	padding: 0 4px !important;
}

.ui-datatable-footer {
	height: 0 !important;
	padding: 0 10px 0 0 !important;
}

/* .ui-datatable thead th { */
/*     padding: 10px 0 !important; */
/* } */
.ui-datatable-scrollable-footer-box {
	height: 50px;
}

.ui-slider .ui-slider-handle {
	background: white none repeat scroll 0 0 !important;
}

.hasDatepicker {
	width: 100% !important;
	margin-bottom: 1em !important;
	padding: 0em 0.5em !important;
	height: 2em !important;
	border-radius: 0px !important;
	border: 1px solid #d2d6de !important;
	background: #transparent none repeat scroll 0 0 !important;
}

.ui-selectcheckboxmenu-panel {
	background-color: white;
}

.ui-calendar {
	margin: 0px !important;
	padding: 0px !important;
	border: 0 none !important;
	border-radius: 0 !important;
}

.ui-datepicker-trigger {
	margin: 0px !important;
	margin-top: -3px !important;
	padding: 0px !important;
	border-radius: 0 !important;
}

.ui-autocomplete-input-token input {
	height: 100% !important;
}

.ui-autocomplete-token-label {
	color: #444444 !important;
	font-weight: normal !important;
}

.contenido-dialogo-primer-acceso {
	border: 1px solid #444444;
	font-weight: 400;
	padding: 10px;
	margin-top: 10px;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
	{
	background-image:
		url("../img/primefaces/ui-bg_diagonals-thick_75_f3d8d8_40x40.png");
	border: 1px solid #cc0000;
	color: #2e2e2e !important;
}

div#ui-datepicker-div {
	
}

.ui-datepicker-calendar {
	background-color: white !important;
}

.ui-selectonebutton>.ui-button {
	background-color: #acacac;
}

.ui-selectonebutton>.ui-button.ui-state-active {
	background-color: #9e9191;
}

.ui-selectlistbox-filter-container .ui-icon {
	right: 1px !important;
}

.ui-timepicker-div dl dt {
	/* margin-bottom: -15px !important; */
	margin: 10px 2px;
	color: #ffffff !important;
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 75px !important;
	background-color: #ffffff;
	color: #000000;
	padding: 0px 5px;
}

.ui-selectonelistbox {
	padding: 0 !important;
}

.ui-selectlistbox-filter-container {
	padding: 0 !important;
	margin-bottom: 5px !important;
	background-color: black;
}

.ui-selectlistbox-listcontainer .ui-state-highlight,
	.ui-multiselectlistbox-list .ui-state-highlight {
	background-color: rgba(52, 38, 26, .2) !important;
	color: #a09797;
	background-image: none !important;
	padding: 0.25em 1em !important;
}

.ui-selectlistbox-listcontainer .ui-state-hover,
	.ui-multiselectlistbox-list .ui-state-hover {
	background-color: #acacac !important;
	color: #ffffff;
	background-image: none !important;
	/*padding: 0.25em 2em !important; */
	/* 	Modificado para evitar expansión de checkbox */
}

.ui-selectonelistbox .ui-selectlistbox-item, .ui-selectmanymenu .ui-selectlistbox-item,
	.ui-multiselectlistbox .ui-multiselectlistbox-item {
	padding: 0.25em 1em !important;
}

.ui-multiselectlistbox .ui-multiselectlistbox-listcontainer {
	/* width: 230px !important; */
	
}

.ui-multiselectlistbox-header {
	text-align: center;
	padding-top: 10px !important;
	display: table;
	width: 100%;
	background-color: rgba(0, 0, 0, .7) !important;
	height: 56px !important;
}

.ui-selectlistbox-filter.ui-inputfield {
	width: calc(100% - 18px) !important;
}

.texto-rellene-datos-ficha {
	color: white;
	display: inline-block;
	margin-top: 20px !important;
}

.panel-dialogo-publicidad {
	text-align: center;
	display: inline-block;
	width: 100%;
	border-left: 0 none !important;
}

.inputRight {
	float: right;
}

.form-dialogo-oculto {
	opacity: 0.1;
	filter: alpha(opacity = 0.1); /* For IE8 and earlier */
}

.mce-content-body {
	color: #444 !important;
}

.login-logo, .register-logo {
	font-family: kastelov_regular;
	font-size: 16px;
	color: #0a4675;
}

.mensaje-error {
	color: #f54021;
	font-size: 16px;
	font-weight: bold;
	margin: 30px;
	text-align: center;
}

.ui-datatable-even {
	background-color: #fafafa;
}

.ui-datatable-odd {
	
}

.mce-panel {
	border: 0 solid #d6d6d6 !important;
}

.column-pediodo-editable {
	height: 80px;
	background-color: #ffffcf;
}

.small-box .icon {
	font-size: 14px !important;
}

.ui-dialog-titlebar {
	display: -webkit-flex !important;
	display: flex !important;
	background-color: #000000 !important;
}

.row {
	margin-left: -5px !important;
	margin-right: -5px !important;
	margin-bottom: 5px;
}

.content-menu-round-icons {
	padding-left: 1em;
	padding-right: 1em;
}

.sidebar-collapse .row {
	margin-left: 15px !important;
	margin-right: 5px !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
	.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
	.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
	.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
	.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding: 0px 5px !important;
}

.with-border {
	border-bottom: 1px solid #f4f4f4;
}

.ui-dialog-title {
	height: 20px;
	padding: 0px !important;
	margin: 0 !important;
}

/* dialogo recordarPassword  */
.ui-dialog-content {
	background: #fff repeat scroll 0 0 !important;
}

.ui-selectcheckboxmenu-header {
	display: -webkit-flex !important;
	display: flex !important;
}

.img-circle {
	border-radius: 50% !important;
}

.ui-selectmanymenu {
	width: 100% !important;
	display: inline-block !important;
}

.ui-selectmanymenu td {
	padding: 2px 0px 0px 10px !important;
}

.ui-selectmanymenu .ui-selectlistbox-listcontainer {
	padding-top: 5px;
}

.ui-selectmanymenu .ui-selectlistbox-filter {
	height: 30px;
}

.ui-chkbox {
	margin-top: 0 !important;
	top: 0 !important;
}

.background-full-cover {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* HACKS IE 10 Y 11 */
@media all and (-ms-high-contrast:none) {
	.ui-dialog { /* IE10 */
		/* 		position: -ms-page !important; */
		
	}
	*::-ms-backdrop, .ui-dialog { /* IE11 */
		position: -ms-page !important;
	}
}

/* La ficha de la vista de producto-referencia y de referencia */
.mo-producto-ficha {
	/*height: 19em !important;*/
	line-height: 19em !important;
	border: 1px solid #ddd !important;
	overflow: hidden;
	padding: 0 !important;
}

.mo-producto-ficha-new {
	display: inline-table;
	line-height: 19em !important;
	overflow: hidden;
	padding: 0 !important;
}

/* La ficha de la vista de producto */
.mo-producto-ficha-producto {
	height: 17em !important;
	line-height: 15em !important;
	border: 1px solid #ddd !important;
	overflow: hidden;
	padding: 0 !important;
}

#mo-cabecera-producto {
	clear: both;
	float: left;
	width: 100%;
}

#mo-cabecera-producto-new {
	clear: both;
	float: left;
	width: 100%;
}

.mo-cabecera-producto-nombre {
	white-space: pre-wrap;
}

.mo-cabecera-producto-nombre-new {
	white-space: pre-wrap;
	font-weight: 700;
}

#mo-cabecera-producto-texto {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	vertical-align: sub;
}

#mo-producto-imagen {
	display: -webkit-flex;
	display: flex;
	line-height: 100%;
	margin: 0px;
	padding: 0px;
}

#mo-producto-imagen a {
	margin: 0 auto !important;
}

#mo-producto-imagen img {
	border: 1px none;
	display: block;
	height: auto;
	margin: auto;
	max-height: 140px;
	max-width: 300px;
	width: auto;
}

.mo-capaModelosVariantes #mo-cabecera-producto {
	display: block;
	font-size: 15px;
	line-height: 15px;
	padding: 0 10px;
	margin-top: 5px;
	overflow: hidden;
}

.mo-capaModelosVariantes #mo-producto-descripcion {
	display: -webkit-flex;
	display: flex;
	line-height: 10px !important;
	margin: 0 !important;
	padding: 0 10px !important;
}

.mo-capaModelosVariantes #mo-producto-descripcion .mo-capa-descripcion {
	height: 45px;
	line-height: 20px;
	padding: 0 !important;
	width: 100%;
}

/* .mo-capaModelosVariantes-new #mo-cabecera-producto-new { */
/* 	display: block; */
/* 	font-size: 20px; */
/* 	line-height: 15px; */
/* 	padding: 0px !important; */
/* 	margin-top: 5px; */
/* 	overflow: hidden; */
/* } */

/* .mo-capaModelosVariantes-new #mo-producto-descripcion-new { */
/* 	display: -webkit-flex; */
/* 	display: flex; */
/* 	justify-content: space-between; */
/* 	line-height: 20px !important; */
/* 	margin: 0 !important; */
/* 	padding: 0 !important; */
/* 	font-size: 20px; */
/* } */

/* .mo-capaModelosVariantes-new #mo-producto-descripcion-new-repuesto { */
/* 	display: -webkit-flex; */
/* 	display: flex; */
/* 	justify-content: space-between; */
/* 	line-height: 20px !important; */
/* 	margin: 0 !important; */
/* 	padding: 0 !important; */
/* 	font-size: 20px; */
/* } */

/* .mo-capaModelosVariantes-new #mo-producto-descripcion-new .mo-capa-descripcion-new { */
/* 	height: 45px; */
/* 	line-height: 20px; */
/* 	padding: 0 !important; */
/* 	width: 100%; */
/* } */
.mo-producto-nombre-referencia {
	font-size: 8pt;
	color: #666666;
}

/* Si hay varias referencias, se centra horizontalmente el nombre del producto */
.mo-cabecera-producto-varias-referencias {
	line-height: 40px !important;
}

.mo-producto-cesta {
	background-color: #E1E1E1 !important;
}

.mo-boton-cesta-catalogo-unidades {
	margin: -13px 0px 0px 20px;
	position: absolute;
}

.mo-btn-app {
	border-radius: 3px;
	position: relative;
	padding: 0px !important;
	margin: 0 0 10px 10px;
	min-width: 25px !important;
	height: 25px !important;
	text-align: center;
	color: #666;
	border: 1px solid #ddd;
	background-color: #f4f4f4;
	font-size: 12px;
	margin-top: -25px !important;
}

.mo-btn-app>.fa, .mo-btn-app>.glyphicon, .mo-btn-app>.ion {
	font-size: 14px;
	display: block;
	margin-top: 6px;
	/*   margin: -12px -12px -12px -15px !important; */
}

.mo-btn-app:hover {
	background: #f4f4f4;
	color: #444;
	border-color: #aaa;
}

.mo-btn-app:active, .mo-btn-app:focus {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.mo-btn-app>.badge {
	position: absolute !important;
	top: -4px !important;
	right: 0px;
	font-size: 9px;
	font-weight: 400;
	padding: 2px 3px !important;
}

.mo-dialogo-referencias {
	top: 10px !important;
	width: 95% !important;
	max-height: 90% !important;
	overflow: auto !important;
}

#mo-fila-referencia {
	clear: both;
	float: left;
	width: 100%;
	height: 25px;
}

#mo-referencia-descripcionlarga {
	display: inline-block;
	margin-top: 5px;
	font-size: 12px;
	line-height: 14px;
}

.mo-coleccion-imagen {
	max-width: 240px; /* 	480px; */
	max-height: 120px; /*	240px; */
}

.PDF {
	/*     background: url("/multiopticas/javax.faces.resource/images/sprite.gif.xhtml") 0 -0.7% no-repeat; */
	padding-left: 18px !important;
}

/* MULTI�PTICAS */
.content-wrapper, .right-side {
	background-color: #ffffff !important;
}

.box-primary {
	border-top: 3px solid #000 !important;
	border-bottom: 1px solid #bbb !important;
	border-left: 1px solid #ddd !important;
	border-right: 1px solid #ddd !important;
}

.box {
	background-color: #f5f5f5 !important;
	color: #000000 !important;
	padding: 0em 2em;
	text-align: justify !important;
	max-width: 100% !important;
	margin-left: 10px !important;
	margin-right: 20px !important;
	padding-right: 10px !important;
}

.box-footer {
	background-color: transparent !important;
}

.mo-usuario-listado {
	border: 1px solid #ddd !important;
	height: 50px !important;
	line-height: 50px !important;
}

.mo-usuario-botones-acciones {
	width: 170px;
}

.mo-usuario-botones-acciones-app-multiplcadores {
	width: 226px;
}

.mo-enlace-carrusel {
	font-size: 20px;
	color: white;
}

.mo-enlace-carrusel:hover {
	font-size: 24px;
	transition: font-size 0.5s !important;
	color: white !important;
}

.mo-material-publicitario{
	position: absolute; 
	top: 95%; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	width: 100%;
	height: 10%;
	background-color: rgba(0, 0, 0, 0.2);
	padding: 18px;	
}

.post-home-caja{
	position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 23vh;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 18px;
}

.mo-enlace-material-publicitario {
	font-size: 19px;
	color: white;
}

.mo-enlace-material-publicitario:hover {
	font-size: 21px;
	transition: font-size 0.5s !important;
	color: white !important;
}

.mo-novedades-imagen {
	max-height: 40px !important;
	max-width: 40px !important;
}

.mo-novedades-capa {
	padding: 2px 10px !important;
	margin-bottom: 0px !important;
}

.form-group-height {
	margin-bottom: 15px !important;
	/* max-height: calc(100vh - 140px) !important; */
}

.mo-dialogo-permisos {
	width: 90% !important;
	left: 5% !important;
	max-height: 95% !important;
	overflow: auto !important;
	/* 	z-index: 1050 !important; */
}

.mo-permisos-ficha {
	border: 1px solid #ddd;
}

.mo-permisos-ficha .post {
	margin-bottom: 0 !important;
	padding: 5px 5px 0 !important;
}

.mo-permisos-ficha .post .label {
	display: inline-block;
	margin-bottom: 5px !important;
	padding: 5px !important;
}

.font-size-10 {
	font-size: 10px;
}

.mo-etiqueta-urgente {
	display: inline-block;
	height: 20px;
	left: 0;
	margin-right: 10px;
	margin-top: 10px;
	position: relative;
	top: 3px;
	width: 30px;
}

.noDisplayUsuario td.ui-selection-column .ui-chkbox {
	display: none !important;
}

.noDisplayUsuarioSiMismo td.ui-selection-column .ui-chkbox {
	display: none !important;
}

.nocheckdisplay {
	background-image: url("../img/primefaces/chck_no.png");
	height: 16px;
	width: 16px;
}

.content-header #mo-buscador {
	margin-top: 0 !important;
	padding-left: 0 !important;
	min-height: 62px !important;
}

.mo-td-unboton {
	width: 42px;
	text-align: center;
	padding: 0px !important;
	border: 1px solid !important;
}

.mo-td-unboton .fa {
	/*color: #ffffff;*/
	color: #000000;
}

.bg-azul-tema .mo-td-unboton .fa {
	color: #ffffff;
}

.mo-td-dosbotones {
	width: 50px !important;
	text-align: center;
	padding: 0px !important;
	background-color: #000000;
}

.mo-td-dosbotones .fa {
	color: #ffffff;
}

.mo-td-tresbotones {
	width: 80px !important;
	text-align: center;
	padding: 0px !important;
	background-color: #000000;
}

.mo-td-dosbotones-incidencia {
	width: 50px !important;
	text-align: center;
	padding: 0px !important;
	background-color: #dddddd;
}

.mo-td-dosbotones-incidencia .fa {
	color: #ffffff;
}

.mo-td-img-referencia-pedido {
	padding: 0px !important;
}

.mo-img-referencia-pedido {
	max-width: 50px;
}

.mo-btn-listado {
	padding: 0 !important;
	position: relative;
}

.mo-ficha-producto {
	padding-left: 25px !important;
	padding-right: 5px !important;
}

.mo-ficha-producto-carrito {
	padding-left: 5px !important;
	padding-right: 5px !important;
	display: -webkit-flex;
	display: flex;
	margin-top: 10px;
	-webkit-align-items: center;
	align-items: center;
	margin-left: -2em;
}

.sidebar-collapse .mo-unidades-en-cesta-plegado {
	display: inline !important;
	margin: -10px !important;
	padding: 3px !important;
	position: relative !important;
}

.sidebar-collapse .menu-izquierda {
	align-items: center !important;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	white-space: nowrap;
	-webkit-align-items: center !important;
}

#mo-imagen-carrito {
	display: inline-block !important;
	margin: 5px 0 !important;
}

.factura_descargada {
	background-color: #c5c2bf !important;
	color: #666666;
}

.mo-facturas .ui-selectonelistbox {
	width: 100% !important;
}

.mo-facturas .ui-multiselectlistbox-listcontainer {
	/*width: 48% !important;*/
	width: 48%;
}

.mo-facturas .ui-selectonelistbox {
	height: 27px !important;
}

.mo-facturas .ui-selectlistbox-filter {
	height: 25px !important;
}

.mo-facturas .ui-selectonelistbox, .mo-facturas .ui-multiselectlistbox-list
	{
	height: 227px !important;
	overflow: auto !important;
}

.mo-ficha-producto-carrito .ui-spinner-input {
	height: 28px !important;
	background: white;
}

.mo-imagen-cesta-compra {
	display: block;
	width: auto;
	height: auto;
	margin: auto;
	border: 0 none !important;
	padding: 2px;
}

.mo-ficha-producto-carrito-no-imagen {
	padding-top: 10px;
}

.mo-imagen-post-editar {
	margin-left: 20px;
	max-height: 80px;
	max-width: 200px;
}

.mo-imagen-campaign-editar {
	margin-left: 20px;
	max-height: 80px;
	max-width: 200px;
}

.mo-imagen-campaign-spot-editar {
	margin-left: 20px;
	max-height: 80px;
	max-width: 200px;
}

.mo-inputContenidoCampanya iframe {
	height: 300px !important;
}

.mce-content-body {
	font-size: 14px !important;
}

.mo-campanya-ficheros {
	display: table-row !important;
	background: #fefefe !important;
}

.mo-campanya-seccion {
	background: #fefefe !important;
}

.mo-campanya-spot {
	background: #e0e0e0 !important;
}

.mo-campanya-spot .ui-chkbox-icon {
	border: 1px solid #b3b7ba !important;
}

.mo-campanya-consultar-seccion {
	background: #fefefe none repeat scroll 0 0 !important;
	border: 1px solid;
	border-radius: 20px;
	margin-top: 10px !important;
	padding: 10px 20px !important;
}

.mo-campanya-consultar-spot {
	background: #fefefe none repeat scroll 0 0 !important;
	border: 1px solid;
	/*border-radius: 20px; */
	margin-top: 10px !important;
	padding: 10px 20px !important;
}

.mo-campanya-texto {
	display: block;
	margin-top: 10px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.mo-post-ul {
	position: absolute;
	z-index: 9;
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	align-items: stretch;
	background-color: #E1E1E1;
	border: solid 0px #ccc;
}

.mo-post-ul li {
	border: none !important;
	min-height: 100% !important;
	background-color: transparent !important;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
}

.mo-post-ul li a {
	
}

.mo-post-ul li:hover {
	background-color: #acacac !important;
	transition: all .2s;
	border-radius: 0 !important;
}

.mo-publicidad-post-li-cabecera {
	background: transparent !important;
}

.mo-publicidad-post-li-hijos {
	background: #fbfbfb !important;
}

.ui-timepicker-div {
	color: white;
}

.lista_multiple_seleccion {
	height: 150px;
}

.lista_multiple_seleccion ul {
	height: 150px;
}

.img-content-header {
	max-width: 64px !important;
	max-height: 28px !important;
}
/* CLASES NUEVAS */
.icon-landing {
	width: 100px;
	height: 100px;
}

.icon-size-s {
	width: 75px;
	height: 25px;
}

.icon-size-s1 {
	width: 75px;
	height: 31px;
}

.icon-size-s1-new {
	width: 103px;
	height: 30px;
}

.icon-size-s1-esencial {
	width: 103px;
	height: 39px;
}

.icon-size-s2 {
	width: 70px;
	height: 21px;
}

.icon-size-s3 {
	width: 70px;
	height: 25px;
}

.content-bottom {
	padding-bottom: 4em !important;
	width: 100% !important;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.content-title {
	width: 100%;
	height: 90px;
	font-size: 5px;
}

.content-title i {
	color: #000000;
	font-size: 40pt;
	padding: 15px 20px 5px 40px;
}

.content-title p {
	display: inline;
	color: #000000;
	width: 100% !important;
	font-size: 28pt;
}

.content-title center {
	color: #000000;
}

.content-title h1 {
	color: #000000;
	font-size: 30pt;
	margin: 0px !important;
	padding: 0px !important;
}

.content-100 {
	width: 100% !important;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	padding: 0% 0% 4%;
	color: #000000;
	list-style: none !important;
}

.content-columns {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: center;
}

.content-icon {
	/* 	width: 20%; */
	text-align: center;
	padding: 2% 1% 0% 1%;
}

.content-icon-prod {
	text-align: center;
	padding: 2% 1% 0% 1%;
}

.content-border-column {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	border-bottom: 1px solid #000000;
}

.content-title-info {
	font-weight: bold;
	text-align: center;
}

.content-text {
	padding-top: 2%;
	text-align: center;
	width: 30%;
}

.content-text h4 {
	font-weight: bold;
}

.icon-fa-menu {
	color: white;
	font-size: 20pt !important;
	margin-right: 6px;
	width: 35px !important;
}

.icon-title {
	max-width: 40px !important;
	width: 30px !important;
	margin-right: 10px;
	margin-left: 20px;
	vertical-align: middle;
}

.news {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 1em;
}

.news .news-image {
	height: 200px;
	background-size: 110%;
	background-repeat: no-repeat;
	/*width: 50%;*/
	transition: background-size .5s;
	background-position: 50%;
}

.news .news-image:hover {
	background-size: 115%;
	transition: all .5s;
}

.news h1 {
	color: #000000;
	max-height: 1em;
	height: 1em;
	overflow: hidden;
	margin: 0.5em 0.2em;
	padding: 0em !important;
}

.news p {
	color: #000000;
	text-align: justify;
}

.news .news-labels label:first-child {
	float: left;
	padding-left: 5px;
}

.news .news-labels label:last-child {
	float: right;
	padding-right: 5px;
}

.informes {
	padding: 1em !important;
}

.informes td {
	padding-left: 1em;
}
/*.informes span{
    margin: 5px 0px !important;
}*/
.informes .informes-data-container div span[class*='input-buscador'] {
	margin: 15px 0 !important;
	border-radius: 0px !important;
}

.informes .informes-data-container div select {
	padding: 2px 2px !important;
	/* margin: 0px 10px; */
	max-width: 100%;
}

.informes .informes-data input {
	margin: 15px 0px !important;
}

.informes .informes-content label {
	padding: 0.5em 0.5em;
	font-weight: normal;
}
/*.informes .informes-content label:hover{
	padding: 0.5em 0em;
	color: #acacac;
    font-weight: normal;
}*/
.informes .informes-fijo {
	color: #000000 !important;
	font-weight: normal;
	padding: 0.5em 0em;
}

.ui-icon-bullet {
	background-position: -80px -146px !important;
}

.ui-radiobutton-icon {
	margin-left: 0px !important;
	background-image: url(../img/primefaces/ui-icons_ffffff_256x240.png);
}

.informes .btn-primary {
	width: 100% !important;
	margin: 5px 0px !important;
	border-radius: 0px !important;
}

.informes .ui-outputpanel div[id*='div_informe_'] {
	background-color: #ffffff;
	/* border-radius: 0px; */
	/* border: 1px solid #ccc; */
	margin: 10px 5px;
}

.informes .form-global {
	display: inline-table !important;
	background-color: white !important;
	border: 1px solid #000000;
	padding: 5px !important;
	max-height: 100% !important;
}
/*.ui-state-active .ui-icon {
    background-color: #acacac !important;
    border-radius: 999px !important;
    background-image: none !important;
    border: 0px solid #000000;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
     border: 0 !important;
}
.ui-state-default .ui-icon {
    background-image: none !important;
    border: 1px solid #acacac !important;
    border-radius: 999px !important;
}*/
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary
	{
	color: #fff;
	background-color: #acacac !important;
	border-color: #acacac !important;
}

.content-menu-round-icons {
	overflow: auto;
	padding-bottom: 140px;
}

.mo-post-panel-imagen-cabecera img {
	max-width: 150px !important;
	max-height: 100px !important;
}

.min-680 {
	min-width: 680px !important;
}

.content-news-fecha {
	font-size: 18pt; mar;
	margin: 0em 2.7em .5em !important;
	idth: 120px;
	color: #000000;
	border-bottom: 1px solid #000000 !important;
	width: 81.5% !important;
}

.padding-bottom {
	padding: 0em 0.2em 1em !important;
}

.ui-state-default {
	color: #000000 !important;
	/*background-color: #000000;
	color: white !important;*/
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default select {
	/* 	color: #000000 !important; */
	/* 	background-color: transparent; */
	/* color: white !important; */
	
}

p {
	margin: 0px 15px 10px !important;
}

.content-informes-textarea {
	margin: 0em 1em !important;
	width: 90% !important;
}

.color-web {
	color: #000000 !important;
}

.color-web legend {
	color: #000000 !important;
}

.width-100 {
	width: 100% !important;
}

.fa-mobile i {
	font-size: 21px !important;
}

.navbar a {
	height: 54px;
}

.main-header {
	/*     z-index: 1003 !important; */
	
}

.main-header .logo {
	-webkit-transition: width 0.7s ease-in-out;
	-o-transition: width 0.7s ease-in-out;
	transition: width 0.7s ease-in-out;
	transition-property: width;
	transition-duration: 0.7s;
	transition-timing-function: ease-in-out;
	transition-delay: initial;
	float: none;
	width: 250px;
	height: auto;
}

.main-header>.navbar {
	-webkit-transition: margin-left 0.7s ease-in-out;
	-o-transition: margin-left 0.7s ease-in-out;
	transition: margin-left 0.7s ease-in-out;
	transition-property: margin-left;
	transition-duration: 0.7s;
	transition-timing-function: ease-in-out;
	transition-delay: initial;
}

.main-sidebar, .left-side {
	-webkit-transition: -webkit-transform 0.7s ease, width 0.7s ease
		!important;
	-moz-transition: -moz-transform 0.7s ease, width 0.7s ease !important;
	-o-transition: -o-transform 0.7s ease, width 0.7s ease !important;
	transition: transform 0.7s ease, width 0.7s ease !important;
	transition-property: transform, width !important;
	transition-duration: 0.7s, 0.7s !important;
	transition-timing-function: ease, ease !important;
	transition-delay: initial, initial !important;
}

.content-wrapper, .right-side, .main-footer {
	-webkit-transition: -webkit-transform 0.7s ease-in-out, margin 0.7s
		ease-in-out;
	-moz-transition: -moz-transform 0.7s ease-in-out, margin 0.7s
		ease-in-out;
	-o-transition: -o-transform 0.7s ease-in-out, margin 0.7s ease-in-out;
	transition: transform 0.7s ease-in-out, margin 0.7s ease-in-out;
	transition-property: transform, margin;
	transition-duration: 0.7s, 0.7s;
	transition-timing-function: ease-in-out, ease-in-out;
	transition-delay: initial, initial;
	background-color: #ffffff !important;
}

.form-horizontal .form-group {
	padding: 0px 10px !important;
}

.ui-widget-header .ui-state-default {
	/* background-color: #000000; */
	
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	background: transparent;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
	{
	/* 	background: #000000; */
	color: #fff !important;
}

.ui-state-active .ui-icon {
	/* border: 1px solid #c3c7ca !important; */
	/* background-color: #eeeeee !important; */
	
}

.control-sidebar-menu a:hover, .control-sidebar-tabs a:hover {
	cursor: pointer !important;
	text-decoration: none !important;
	color: #000000 !important;
	background-color: #acacac !important;
	/*border-radius: 0px !important;*/
}

.slider ul {
	list-style-type: none;
}
/*.ui-state-hover {*/
/*background: #acacac !important;
}*/
.ui-widget-header .ui-state-focus {
	background: #acacac;
}

.ui-widget-header .ui-state-hover {
	/*background: #acacac !important;	*/
	background: none;
}
/*.ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus {*/
/*background: #acacac !important;	*/
/*background: transparent;
}*/
/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {*/
/*background: #acacac !important;*/
/*background: #acacac;
}*/
/*.ui-state-hover, .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus {*/
/*background: #acacac !important;	*/
/*background: transparent;
}*/
.ui-inputfield .ui-state-hover, .ui-inputtext .ui-state-hover,
	.ui-inputfield .ui-state-focus, .ui-inputtext .ui-state-focus {
	background: #ffffff !important;
}

input[type='text'] {
	background: #ffffff !important;
}

input[type='password'] {
	background: #ffffff !important;
}

input:hover {
	background: #ffffff !important;
}

.bg-yellow input[type='text'] {
	background: #f39c12 !important;
}

.bg-gray input[type='text'] {
	background: #acacac !important;
}

.btn {
	border-radius: 0px !important;
}

.btn-icon {
	font-size: 13pt !important;
}

.btn-icon-workflow-val-buzon {
    top: 15px;
}

.btn-icon-workflow-val-departamento {
	top: 13px;
}

.btn-icon-workflow-val-validadas {
	top: 13px;
}

.btn-icon-workflow-val-rechazadas {
	top: 13px;
}



.btn-icon:hover {
	font-size: 15pt !important;
}

body {
	line-height: 1.65 !important;
}

.btn-primary {
	background-color: #000000 !important;
	border-color: #000000 !important;
}

.btn-primary-login {
	background-color: white !important;
	border-color: #d2d2d2 !important;
}

.btn-primary:hover {
	background-color: #acacac !important;
	border-color: #acacac !important;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	font-weight: 500 !important;
	min-width: 20px;
}

.ui-selectlistbox-item:hover {
	background-color: #acacac !important;
}

.ui-multiselectlistbox-item:hover {
	background-color: #acacac !important;
}

.ui-state-default .ui-widget-content {
	color: #000000 !important;
}

.ui-column-title {
	color: #ffffff;
	font-weight: 600 !important;
}

.ui-paginator {
	background-color: rgba(52, 38, 26, .7) !important;
}

.ui-paginator-page {
	color: #ffffff !important;
}

.ui-paginator-rpp-options {
	/* 	color: #ffffff !important; */
	
}

.control-sidebar-dark, .control-sidebar-dark+.control-sidebar-bg {
	background: #000000;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a {
	background: #E1E1E1 !important;
	color: #000000 !important;
	border: 0 !important;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a {
	background: #000000 !important;
	color: #E1E1E1 !important;
	border: 0 !important;
}

.ui-state-default.mo-td-dosbotones, .ui-state-default.mo-td-tresbotones
	{
	background-color: #000000 !important;
	border: 1px solid #000000;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	padding: 3px 26px 3px 10px !important;
	margin-left: -5px !important;
	/* padding: 0em 1em !important; */
	/* width: 135px !important; */
}

.boton-buscar-generico {
	margin: -1px -6px !important;
	max-height: 28px !important;
	padding: 0.25em 1em !important;
	width: 134px !important;
}

.boton-descargar-plantilla {
	margin: -1px -6px !important;
	max-height: 28px !important;
	padding: 0em 1em !important;
	width: 160px !important;
	display: inline-block; 
	padding-top: 5px !important;
}

.boton-limpiar-generico {
	/*margin: 0px 2px !important;*/
	max-height: 28px !important;
	padding: 0em 0em !important;
	width: 28px !important;
	margin: 0px -2px !important;
}

.boton-buscar-generico-nuevo {
	/*margin: 0 !important;
	max-height: 28px !important;
	padding: 0 !important;
	width: 80% !important;*/
	float: right;
}

.boton-limpiar-generico-nuevo {
	/*margin: 0 !important;
	max-height: 28px !important;
	padding: 0 !important;
	width: 20% !important;*/
	margin-left: -0.75em;
}

.capa-buscar-generico-nuevo {
	margin-top: 2px !important;
}

.icon-landing-xs {
	max-width: 0% !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-direction: row !important;
	flex-direction: row !important;
	justify-content: center !important;
	align-items: center !important;
	-webkit-align-items: center !important;
}

.dropdown.desplegable {
	list-style: none;
	font-size: 1.5em;
	max-width: 145px;
	padding: 0em .5em;
	margin: 0em 1.5em;
}

.dropdown.desplegable::before, .dropdown.desplegable::after {
	content: "\f107";
	font-family: FontAwesome;
	font-size: 20px;
}

.hide-content-for-popup, .hide-content-for-popup ul {
	display: none;
	visibility: hidden;
}

.visor-popup {
	/*background-color: ;
	position: fixed;
	top: 0;
	left: 40%;
	width: 20%;
	overflow: auto;*/
	
}

.visor-popup {
	background-color: #E1E1E1;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	display: none;
	-webkit-align-items: center !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100%;
	height: 100%;
	border: none !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
	z-index: 9999 !important;
}

.visor-popup a {
	width: 90%;
}

.visor-popup .close-popup::before {
	content: "\f00d";
	font-family: FontAwesome;
	position: absolute;
	background-color: #fff;
	right: 0;
	top: 0;
	margin: .5em;
	width: 40px;
	height: 40px;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-weight: bold;
	font-size: 2em;
}

.visor-popup .close-popup:hover::before {
	cursor: pointer;
	color:;
}

.visor-popup .close-popup:active::before {
	color: blue;
}

.visor-popup ul {
	list-style: none;
	background-color: #fff !important;
	padding: 2em !important;
	border: solid 1px;
	overflow: auto;
	max-height: 80%;
}

.visor-popup ul .header {
	border-bottom: 1px dashed;
	padding-bottom: .4em;
	margin-bottom: 1em;
}

.visor-popup ul .element {
	padding-left: 1em;
	transition: padding-left .2s;
}

.visor-popup ul .disabled {
	padding-left: 1em;
	transition: padding-left .2s;
	background-color: white !important;
}

.visor-popup ul .element:hover {
	background-color: #acacac;
	transition: all .5s;
}

.visor-popup-catalogo {
	/*background-color: ;
	position: fixed;
	top: 0;
	left: 40%;
	width: 20%;
	overflow: auto;*/
	
}

.visor-popup-catalogo {
	background-color: #E1E1E1;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	display: none;
	-webkit-align-items: center !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100%;
	height: 100%;
	border: none !important;
	background-color: rgba(0, 0, 0, 0.5) !important;
	z-index: 9999 !important;
}

.visor-popup-catalogo a {
	width: 90%;
}

.visor-popup-catalogo-h5 {
	color: white;
}

.visor-popup-catalogo .close-popup::before {
	content: "\f00d";
	font-family: FontAwesome;
	position: absolute;
	background-color: #fff;
	right: 0;
	top: 0;
	margin: .5em;
	width: 40px;
	height: 40px;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	font-weight: bold;
	font-size: 2em;
	color: black;
}

.visor-popup-catalogo .close-popup:hover::before {
	cursor: pointer;
	color:;
}

.visor-popup-catalogo .close-popup:active::before {
	color: blue;
}

.visor-popup-catalogo ul {
	list-style: none;
	background-color: #fff !important;
	padding-left: 2em !important;
	padding-right: 2em !important;
	padding-bottom: 5px !important;
	border: solid 1px;
	overflow: auto;
	max-height: 90%;
	color: black;
	min-width: 20%;
}

.visor-popup-catalogo ul .header {
	border-bottom: 1px dashed;
	margin-bottom: 5px;
}

.visor-popup-catalogo ul h4 {
	margin-top: 8px;
	margin-bottom: 5px;
}

.visor-popup-catalogo ul .element {
	padding-left: 1em;
	transition: padding-left .2s;
	font-size: 14px !important;
	/* 	line-height: 1.3!important; */
}

.visor-popup-catalogo ul .disabled {
	padding-left: 1em;
	transition: padding-left .2s;
	background-color: white !important;
	font-size: 12px !important;
	/* 	line-height: 1.3!important; */
}

.visor-popup-catalogo ul .element:hover {
	background-color: #acacac;
	transition: all .5s;
}

.tab-product {
	padding: 1em;
	overflow: hidden;
	margin: 1em 0;
}

.tab-product .mo-ficha-producto {
	border: solid 1px #ccc;
	overflow: auto;
	padding: 0 !important;
}

.tab-product .mo-ficha-producto:hover {
	background-color: rgba(0, 0, 0, 0.03);
	transition: all .5s;
	cursor: pointer;
}

.tab-product .spinner-content {
	text-align: right;
	margin-top: 8px;
	position: absolute;
	right: 10px;
}

.tab-product .variant-imagen-content {
	position: absolute !important;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
	border-bottom: solid 1px #ccc;
	height: 80px;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	background-size: 50%;
	background-position: 15px 5px;
}

.tab-product:hover .variant-imagen-content {
	background-size: 60%;
	background-position: 15px -5px;
	transition: all .5s;
}

.tab-product .mo-ficha-producto-content {
	padding: 0 !important;
}

.mo-variant-descripcion ul {
	margin-top: 90px;
	list-style: none;
}
/*.ui-paginator-first{
	background:  !important;
	width: 16px;
	height: 20px;
	margin: -5px;
}*/
.ui-icon-seek-first {
	background-position: -80px -157px !important;
}

.ui-icon-seek-prev {
	background-position: -48px -157px !important;
}

.ui-icon-seek-next {
	background-position: -32px -157px !important;
}

.ui-icon-seek-end {
	background-position: -64px -157px !important;
}

.ui-icon-search {
	background-image: url("../img/primefaces/ui-icons_ffffff_256x240.png")
		!important;
	background-color: #000000;
	top: 0px !important;
	/* background-color: transparent; */
	background-position: -160px -109px !important;
	/* 	margin-top: 0px !important; */
	/* 	right: 2px !important; */
	/* 	top: 2px !important; */
	/* 	height: 22px !important; */
}

.ui-commandlink.btn {
	height: 28px;
	padding-top: 5px;
	margin-left: 5px;
}

.content-margin {
	margin: 0 1em;
}

.boton-buscar-flex {
	margin: -1px -6px !important;
	max-height: 28px !important;
	padding: 0em 1em !important;
	width: 200px !important;
	border: 1px solid #ffffff !important;
}

.color-text {
	color: white;
}

.indice-flex {
	background-color: #000000;
	width: 200px;
	text-align: center;
}

.boton-buscar-gestion {
	width: 55px !important;
	background-color: #000000 !important;
}

.boton-buscar-gestion:hover {
	width: 55px !important;
	background-color: #acacac !important;
}

.skin-roches .sidebar-form {
	border-radius: 0px !important;
	border: 1px solid #ffffff !important;
	margin: 10px 10px !important;
}

.skin-roches .sidebar-form .btn {
	color: #ffffff !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.skin-roches .sidebar-form input[type="text"] {
	color: #000000 !important;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.selector-active {
	background-color: #acacac !important;
}

.skin-roches .sidebar-menu>li:hover>a, .skin-roches .sidebar-menu>li.active>a
	{
	background-color: #acacac !important;
	border: 0 !important;
}

.column-custom {
	background-color: #000000;
	width: 30px;
	text-align: center;
	border: 1px solid #000000 !important;
}

.column-custom:hover {
	background-color: #000000 !important;
	width: 30px;
}

.row-custom {
	background-color: #000000;
	border: 0 !important;
}

.row-custom:hover, .row-custom:active, .row-custom:focus, .row-custom:visited
	{
	background-color: #000000 !important;
	border: 0 !important;
}

.border-left-none {
	border-left: 0 !important;
}

.border-right-none {
	border-right: 0 !important;
}

.column-ucido {
	width: 90px;
	text-align: center !important;
	border: 1px solid #000000 !important;
}

.column-algo-ucido {
	width: 65px;
	text-align: center !important;
	border: 1px solid #000000 !important;
}

.column-muy-ucido {
	width: 50px;
	text-align: center !important;
	border: 1px solid #000000 !important;
}

.column-ucido-centrado {
	width: 90px;
	text-align: center !important;
	border: 1px solid #000000 !important;
}

.column-ucido-centrado span {
	color: #000000;
}

.column-normal {
	width: 220px;
	text-align: center !important;
	border: 1px solid #000000 !important;
}

.column-limpio {
	background-color: #000000;
	width: 100px;
	text-align: center;
	border: 1px solid #000000 !important;
}

.column-limpio-ucido {
	background-color: #000000;
	width: 60px;
	text-align: center;
	border: 1px solid #000000 !important;
}

.column-center {
	text-align: center !important;
}

.ui-icon-carat-2-n-s {
	background-image: url("../img/primefaces/ui-icons_ffffff_256x240.png")
		!important;
}

.ui-datatable-tablewrapper {
	overflow: hidden !important;
}

.btn-custom {
	height: 33px !important;
}

.user-header {
	height: auto !important;
}

.icon-social {
	list-style: none !important;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin: 1em;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
}

.icon-social li a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	background-color: #000000;
	color: #ffffff !important;
	border: 1px solid #000000;
	border-radius: 50%;
	font-size: 14pt !important;
	height: 35px;
	width: 35px;
	padding: 0 !important;
	margin: 0em .4em;
}

.icon-social img {
	max-width: 20px;
}

.sidebar-collapse .icon-social {
	padding: 0 !important;
	margin: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column !important;
	flex-direction: column !important;
	-webkit-align-items: center;
	align-items: center;
}

.sidebar-collapse .icon-social li {
	margin: 5px 0;
}

.sidebar-collapse .icon-social li a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	font-size: 12pt !important;
	height: 30px;
	width: 30px;
	padding: 0;
	margin: 0em .1em;
}

.icon-linkedin, .icon-instagram, .icon-twitter {
	max-width: 18px !important;
}

.icon-picassa, .icon-facebook {
	max-width: 21px !important;
}

.icon-yahoo, .icon-google, .icon-youtube {
	max-width: 24px !important;
}
/*.envio-sms {
	max-height: 25px;
	padding: 0px 0px !important;
	margin: 0px 10px;
	color: #ffffff !important;
}
.envio-sms label{
	padding: 1px 5px;
}*/
.drop-down .ui-state-hover, .drop-down {
	background-color: #000000;
}

.envio-sms-contenido {
	border-bottom: 1px solid #000000 !important;
	padding: 1em;
	margin: 1em;
	text-align: center;
	/*background-color: #000000;*/
	/*background-color: rgba(52,38,26,.1) !important;*/
	color: #000000;
}

.ui-state-default .ui-icon {
	background-image: url("../img/primefaces/ui-icons_ffffff_256x240.png");
}

.envio-sms:focus {
	background: #000000 !important;
}

.drop-down .ui-state-focus, .drop-down {
	max-height: 25px;
	padding: 0px 0px !important;
	margin: 0px 0px;
	background-color: #ffffff !important;
	color: #000000 !important;
}

.drop-down label {
	margin: 0 !important;
	padding: 1px 5px !important;
}

.ui-dialog .ui-dialog-titlebar-close span {
	background-color: #000000;
	height: 20px;
	width: 19px;
	border: 1px solid #000000;
	margin: 1px !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
	{
	background: #c0c0c0;
}

.text-area {
	width: 100%;
	background: #ffffff;
	border: 1px solid #ccc;
	height: 192px !important;
}

.text-area-ucido {
	width: 100%;
	background: #ffffff;
	border: 1px solid #ccc;
	height: 100px !important;
}

.boton-oscuro {
	border: 1px solid #ffffff !important;
	width: 200px !important;
	height: 25px !important;
	display: -webkit-flex !important;
	display: flex !important;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.ui-widget-header .ui-state-active {
	background: #acacac;
}

.ui-selectonemenu-trigger.ui-state-focus {
	background-color: #000000 !important;
}

.ui-selectcheckboxmenu-label.ui-state-hover {
	background: none;
}

.ui-selectcheckboxmenu-trigger.ui-state-default,
	.ui-selectcheckboxmenu-trigger.ui-state-hover {
	background: #000000;
}

.ui-selectcheckboxmenu-trigger.ui-state-default.ui-state-focus {
	background-color: #000000 !important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
	{
	/* background-color: #000000; */
	/* background-color: rgba(52,38,26,.7) !important; */
	color: #ffffff !important;
}

.ui-state-active a:hover {
	background-color: #acacac;
	color: #ffffff;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
	{
	color: #000000;
}

.ui-state-default a:hover {
	color: #ffffff !important;
}

.btn-remove {
	background-color: #C9302C;
	color: #ffffff;
	border: 0 !important;
}

.btn-info {
	background-color: #000000;
	color: #ffffff;
	border: 0 !important;
}

.btn-info:hover {
	background-color: #acacac !important;
	color: #ffffff !important;
}

.ui-tabs {
	padding: 2em !important;
	background-color: #f0f0f0 !important;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
	top: -3px !important;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
	padding: 0 !important;
}

.ui-datatable .ui-paginator, .form-group-height .ui-paginator {
	text-align: right;
	background-color: rgba(52, 38, 26, .7) !important;
}

.ui-datatable .ui-paginator .ui-icon, .form-group-height .ui-paginator .ui-icon
	{
	color: transparent;
}

.ui-datatable .ui-outputlabel, .form-group-height .ui-outputlabel {
	float: left !important;
	margin-left: 45px;
}

.ui-datatable th, .ui-datatable .column-limpio-ucido, .form-group-height .ui-datatable-tablewrapper th
	{
	background-color: rgba(52, 38, 26, .1) !important;
}

.ui-datatable .column-limpio-ucido span {
	color: #000000 !important;
}

.ui-datatable table th span, .form-group-height .ui-datatable-tablewrapper th span
	{
	color: #000000 !important;
}

.ui-datatable table th .ui-sortable-column-icon, .form-group-height .ui-datatable-tablewrapper th .ui-sortable-column-icon
	{
	background-color: rgba(52, 38, 26, .7) !important;
	padding-right: 17px;
	margin-left: 10px;
}

.form-group-height .ui-datatable-data .mo-td-dosbotones,
	.form-group-height .ui-datatable-data .mo-td-tresbotones {
	background: none !important;
	border: 1px solid #000000;
	background: none !important;
	padding-right: 5px !important;
	min-width: 65px !important;
	height: 35px !important;
}

.form-group-height .ui-datatable-data .mo-td-dosbotones i,
	.form-group-height .ui-datatable-data .mo-td-tresbotones i {
	color: #000000;
}

.box-primary .inputNombreCategoria, .box-primary .input-subcategoria {
	color: #0e5b9e !important;
	font-weight: 700 !important;
}

.flex-row-items {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.tab-courses {
	border: solid 1px #ccc;
	margin-bottom: 10px;
	padding: 0 !important;
	border-radius: 3px;
}

.tab-courses a {
	width: 100%;
	padding-top: 10px !important;
}

.tab-courses .course-description {
	border: 1px solid #bdbaba !important;
	padding: 10px
}

.tab-courses ul {
	overflow: auto;
	list-style: none;
}

.ui-multiselectlistbox .ui-multiselectlistbox-item {
	white-space: normal !important;
}

.form-control {
	background-color: rgba(52, 38, 26, .1) !important;
}

.ui-selectonemenu .ui-widget .ui-state-default .ui-corner-all .drop-down
	{
	border: 1px solid #000000 !important;
}

.icon-custom {
	position: absolute;
	top: -10px;
	left: -8px;
}

.ui-tabs-panels {
	border: 1px solid #ccc;
	width: 100%;
}

.ui-tabs-panels .ui-widget-content .ui-panelgrid-cell {
	background-color: #f0f0f0 !important;
	border: 0 !important;
	padding: 0 1em !important;
}

.ui-outputpanel .ui-datalist .ui-datalist-header {
	color: #000000 !important;
	text-align: left;
	margin: 0em 1em;
	font-size: 16pt;
}

.ui-outputpanel .ui-datalist .ui-datalist-content {
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	margin: 1em;
	padding: 1em;
}

.form-group div .ui-inputfield {
	height: 24px;
	background-color: #ffffff !important;
}

.form-group div .ui-outputlabel {
	margin-top: .3em
}

.form-group {
	margin: 1em;
}

.ui-tabs-nav li {
	background-color: rgba(52, 38, 26, .1) !important;
}

.ui-tabs-nav .ui-state-active, .ui-tabs-nav li:hover {
	background-color: rgba(52, 38, 26, .7) !important;
}

.ui-tabs-nav .ui-state-active a:hover {
	background-color: transparent;
}

.ui-tabs-panel .ui-panelgrid .ui-widget-content {
	border: 0;
}

.ui-outputpanel .tabs-border-bottom tr {
	border-bottom: 1px solid #ccc !important;
}

.ui-tabs-panel .ui-selectmanycheckbox {
	margin: 1em 2em;
}

.ui-tabs-panel .ui-selectmanycheckbox .ui-chkbox {
	margin: 0 1em;
}

.ui-tabs-panel .ui-selectmanycheckbox label {
	border-bottom: 1px solid #ccc;
	width: 100%;
}

.mo-producto-imagen img {
	width: 100%;
	border-bottom: solid 1px #ccc;
	height: 130px;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	background-size: 90%;
	background-position: 15px 5px;
	transition: all .3s;
}

.mo-producto-imagen img:hover {
	width: 100%;
	border-bottom: solid 1px #ccc;
	height: 130px;
	background-repeat: no-repeat;
	background-size: 95%;
	background-position: 15px 5px;
	transition: all .5s;
	max-width: 100%;
	border: 1px solid #ccc;
}

.box-title, .box-title h1 {
	padding: .5em 0em 0em !important;
	margin: 0px !important;
	color: #000000;
}

.box-body {
	/* 	margin: 1em 0em; */
	
}

.box-body .ui-panelgrid {
	margin: 1em 2em;
	width: 95%;
}

.box-body .ui-panelgrid .ui-widget-content {
	/*background-color: rgba(52,38,26,.1) !important;*/
	background-color: #ffffff;
	/*border: 1px solid #ccc;*/
	border-bottom: 1px solid #ccc;
}

.box-body .ui-panelgrid .ui-widget-content td {
	padding: 1em;
}

.ui-panelgrid-cell .ui-selectonemenu {
	padding: 0 !important;
}

.ui-panelgrid-cell .ui-selectonemenu .ui-selectonemenu-label {
	border: 1px solid #ccc;
	width: 160px;
}

.ui-panelgrid-cell .ui-selectonemenu .ui-selectonemenu-trigger {
	border: 1px solid #ccc;
	background-color: #ccc !important;
}

.ui-panelgrid-cell .ui-selectonemenu, .ui-panelgrid-cell .ui-selectonemenu .ui-selectonemenu-label,
	.ui-panelgrid-cell .ui-selectonemenu .ui-selectonemenu-trigger {
	background-color: #ffffff;
}

.ui-panelgrid .ui-widget-content .ui-inputfield {
	border: 1px solid #ccc;
	color: #000000 !important;
}

.ui-panelgrid .ui-widget-content .ui-inputtextarea {
	background-color: #ffffff;
	width: 100%;
	height: 200px !important
}

.form-seleccion td:nth-child(n) {
	border: none;
	vertical-align: top;
}

.form-seleccion td:nth-child(2n) {
	width: 90% !important;
}

.form-seleccion td:nth-child(2n) input, .form-seleccion td:nth-child(2n) select
	{
	/*width: 100%;*/
	
}

.mo-producto-imagen-capa-imagen {
	width: 103%;
	border-bottom: solid 1px #ccc;
	height: 140px;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	background-size: 90%;
	background-position: 50%;
	overflow: hidden;
	transition: all .3s;
}

.mo-producto-imagen-capa-imagen:hover {
	background-size: 95%;
	transition: all .5s;
}

.capaImagenLogin {
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px !important;
	margin-bottom: 10px !important;
}

.mo-capaImagenLoginGroup {
	margin-top: 10px;
	margin-bottom: 10px
}

.mo-capaImagenLogin-nivel2 {
	padding: 0 !important;
	margin-left: 0px;
	margin-right: 0px;
}

.capaCarrusel {
	border-bottom: solid 1px #ccc;
	padding-bottom: 10px !important;
	margin-bottom: 10px !important;
}

.mo-capaEnlaces {
	background-color: #ccc !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.mo-capaEnlace {
	border-bottom: 1px solid #aaa;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
}

.mo-capaCarruselGroup {
	margin-top: 10px;
	margin-bottom: 10px
}

.mo-capaCarruselGroup-nivel2 {
	padding: 0 !important;
	margin-left: 0px;
	margin-right: 0px;
}

#mo-capa-carrusel {
	background-position: center center;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0px;
	left: -16;
	height: 534px;
	width: 100%;
	/*     cursor: pointer; */
	/*    	height: 100%;  */
	/*    	font-family: Arial, Verdana;  */
	/*    	font-size: 12px;  */
	/*    	text-align: left; */
}

#mo-capa-carrusel-enlaces {
	background-color: rgba(0, 0, 0, 0.2);
	bottom: 0px;
	display: *;
	left: 0px;
	line-height: 50px;
	margin-right: 10px;
	padding: 10px;
	position: absolute;
	top: 640px !important;
	width: 100%;
	/**
	position: fixed;
	top: calc();
**/
}

.mo-carrusel-enlaces-centrados {
	display: flex;
	justify-content: center;
}

.capaContenido {
	border-bottom: solid 2px #908989;
	padding-bottom: 30px !important;
	margin-bottom: 30px !important;
}

.input-select {
	background-color: white !important;
	height: 28px !important;
}

.mo-capaPosts {
	background-color: #ccc !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.mo-capaPost {
	border-bottom: 1px solid #aaa;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
}

.mo-capaContenidoGroup {
	margin-top: 10px;
	margin-bottom: 10px
}

.mo-capaContenidoGroup-nivel2 {
	padding: 0 !important;
	margin-left: 0px;
	margin-right: 0px;
}

#mo-capa-contenido-categoria {
	background-position: center center;
	background-size: cover;
	display: block;
	position: absolute;
	top: 0px;
	left: -16;
	height: 534px;
	width: 100%;
	/*     cursor: pointer; */
	/*    	height: 100%;  */
	/*    	font-family: Arial, Verdana;  */
	/*    	font-size: 12px;  */
	/*    	text-align: left; */
}

#mo-capa-contenido-posts {
	background-color: #e4e4e4;
	bottom: 0px;
	display: *;
	left: 0px;
	line-height: 50px;
	margin-right: 10px;
	padding: 10px;
	position: absolute;
	top: 440px !important;
	width: 100%;
	/**
	position: fixed;
	top: calc();
**/
}

.mo-texto-multiunidades {
	color: #666;
	font-size: 11px;
	left: -75px;
	position: absolute;
	top: -19px;
}

.mo-texto-multiunidades-left-producto {
	/* 	left: 10px !important; */
	
}

.mo-texto-multiunidades-dialogo-primero {
	color: #666;
	font-size: 11px;
	left: 0;
	line-height: 10px;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	/* top: 8px; */
}

.mo-texto-multiunidades-dialogo-otros {
	color: #666;
}

.mo-dialogo-referencias-pvp {
	padding-right: 20px !important;
	text-align: right;
}

.sublabel-menu-contenido {
	width: 210px !important;
}

.ui-fileupload-choose {
	background-color: #000000 !important;
	border-color: #ccc !important;
}

.ui-fileupload-choose .ui-button-text {
	color: #fff !important;
}

.content-header .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label
	{
	background-color: #ffffff;
}

.drop-down .ui-selectcheckboxmenu-label {
	padding: .1em 1em !important;
	width: 140px !important;
	margin: 0 !important;
}

.custom-twitter {
	padding: 1em .7em;
	border: 1px solid #ccc;
	background-color: #ccc;
}

.twitter-timeline {
	clear: both !important;
	min-width: 100px !important;
}

.tabla-establecimientos-socio {
	margin-top: 20px;
}

.tabla-establecimientos-socio .ui-datatable-header {
	height: 38px !important;
}

.user-lista-socios {
	max-width: 50%;
	margin: 0 10px;
}

.menuIzquierda.treeview:hover, .menuPortadaSeleccionado {
	background-color: #acacac !important;
}

.tabla_campana_activa {
	background-color: #acacac !important;
}

.div_login_ppal {
	height: 100vh !important;
	width: 100vw !important;
	position: fixed;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	padding: 0;
	margin: 0;
	background-position: 50%;
	background-size: 100 auto;
	justify-content: center;
}

.formacion_calendar .ui-datepicker-prev {
	visibility: hidden !important;
}

.formacion_calendar .ui-datepicker-next {
	visibility: hidden !important;
}

.mo-dialogo-productos {
	width: auto;
	height: auto;
	text-align: center;
}

#pagina-sin-permiso {
	background-color: #ccc;
	color:;
	display: -webkit-flex;
	display: flex;
	padding: 3px;
	text-align: center;
	margin: 5px 0;
}

/* .img_logo1{ */
/* 	background-image: url("http://localhost:9080/multiopticas/temp/mo_imagen_login/login_1.jpg}"); */
/* } */

/* .img_logo2{ */
/* 	background-image: url("http://localhost:9080/multiopticas/temp/mo_imagen_login/login_2.jpg}"); */
/* } */

/* .img_logo3{ */

/* 	background-image: url("http://localhost:9080/multiopticas/temp/mo_imagen_login/login_3.jpg"); */
/* } */
.caja-login {
	margin: 8% !important;
}

.div-login {
	width: 400px;
}

.m-top-10 {
	margin-top: 10px;
}

.mo-capa-descripcion-botones {
	min-width: 100px !important;
}

.mo-capa-novedades {
	border: 1px solid #ddd;
	padding: 20px 25px 15px !important;
	height: 15em !important;
}

.mo-capa-novedades-imagen {
	height: 110px !important;
	max-width: 100%;
	text-align: center !important;
}

.mo-novedades-imagen {
	max-width: 100% !important;
	max-height: 100% !important;
}

.capa-novedades-fechas {
	bottom: 0;
	height: 25px;
	position: absolute;
	width: 90%;
}

.mo-panel-pack-multiunidades {
	display: inline;
	float: right;
	left: -10px;
	margin-right: 15px;
	position: absolute;
	top: 7px;
}

.small-box>.small-box-footer {
	background: rgba(0, 0, 0, 1) none repeat scroll 0 0 !important;
}

/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
	position: absolute;
}

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url("") no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb05 div {
	background-position: -7px -7px;
}

.jssorb05 div:hover, .jssorb05 .av:hover {
	background-position: -37px -7px;
}

.jssorb05 .av {
	background-position: -67px -7px;
}

.jssorb05 .dn, .jssorb05 .dn:hover {
	background-position: -97px -7px;
}

/* jssor slider arrow navigator skin 07 css */
/*
.jssora07l                  (normal)
.jssora07r                  (normal)
.jssora07l:hover            (normal mouseover)
.jssora07r:hover            (normal mouseover)
.jssora07l.jssora07ldn      (mousedown)
.jssora07r.jssora07rdn      (mousedown)
*/
.jssora07l, .jssora07r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 50px;
	height: 50px;
	cursor: pointer;
	background:
		url("/web/javax.faces.resource/js/plugins/jssor/img/a07.png.xhtml")
		no-repeat;
	overflow: hidden;
}

.jssora07l {
	background-position: -5px -35px;
}

.jssora07r {
	background-position: -65px -35px;
}

.jssora07l:hover {
	background-position: -125px -35px;
}

.jssora07r:hover {
	background-position: -185px -35px;
}

.jssora07l.jssora07ldn {
	background-position: -245px -35px;
}

.jssora07r.jssora07rdn {
	background-position: -305px -35px;
}

/* jssor slider loading skin spin css */
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@
keyframes jssorl-009-spin {from { transform:rotate(0deg);
	
}

to {
	transform: rotate(360deg);
}

}

/*jssor slider bullet skin 132 css*/
.jssorb132 {
	position: absolute;
}

.jssorb132 .i {
	position: absolute;
	cursor: pointer;
}

.jssorb132 .i .b {
	fill: #fff;
	fill-opacity: 0.8;
	stroke: #000;
	stroke-width: 1600;
	stroke-miterlimit: 10;
	stroke-opacity: 0.7;
}

.jssorb132 .i:hover .b {
	fill: #000;
	fill-opacity: .7;
	stroke: #fff;
	stroke-width: 2000;
	stroke-opacity: 0.8;
}

.jssorb132 .iav .b {
	fill: #000;
	stroke: #fff;
	stroke-width: 2400;
	fill-opacity: 0.8;
	stroke-opacity: 1;
}

.jssorb132 .i.idn {
	opacity: 0.3;
}

.jssora051 {
	display: block;
	position: absolute;
	cursor: pointer;
}

.jssora051 .a {
	fill: none;
	stroke: #000000;
	stroke-width: 360;
	stroke-miterlimit: 10;
}

.jssora051:hover {
	opacity: .8;
}

.jssora051.jssora051dn {
	opacity: .5;
}

.jssora051.jssora051ds {
	opacity: .3;
	pointer-events: none;
}

/*Estilos Fabian*/
.listado-usuarios-informe {
	min-height: 237px;
	height: 237px;
	max-height: 237px !important;
	overflow: auto !important;
	display: block !important;
}

.listado-usuarios-informe .ui-selectlistbox-listcontainer {
	min-height: 225px !important;
	max-height: 225px !important;
}

.botonera-ficha-usuario {
	display: block;
	padding: 15px 25px 25px !important;
}

.info-sobre-tabla {
	text-align: left;
	margin-left: -10px !important;
	padding: 0 !important;
	/* border: solid; */
	/* width: 100%; */
	font-size: 12px;
	line-height: 12px;
	margin-top: 10px !important;
}

.no-padding-no-margin {
	padding: 0 !important;
	margin: 0 !important
}

.no-border-no-background {
	box-shadow: none !important;
	border: none !important;
	background-color: transparent !important;
}

.width-100-percent {
	width: 100% !important;
}

.datalist-sms-account .ui-datalist-content {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
}

#divCheckPVO {
	min-width: 150px;
}

.divInformePlantilla12 {
	padding-top: 0px;
}

.divInformePlantilla12 .row {
	margin-bottom: 15px;
}

.divInformePlantilla12 div, .divInformePlantilla12 label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.divInformePlantilla13 {
	padding-top: 0px;
}

.divInformePlantilla13 .row {
	margin-bottom: 15px;
} 

.divInformePlantilla13 div, .divInformePlantilla13 label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.input-text-block {
	display: block;
	width: 100%;
}

.text-consejo {
	border: solid 1px #ccc;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.8);
	padding: .5em !important;
	margin: 15px 0 !important;
}

.padding-bottom-10px {
	padding-top: 10px;
	padding-bottom: 10px;
}

.text-align-left {
	text-align: left;
}

.height-100percent {
	margin: 0 !important;
	height: 100% !important
}

.height-25px {
	margin: 0 !important;
	height: 25px !important
}

.order-by-selectItems div.ui-state-active {
	border: none;
	background-color: #000000;
}

.order-by-selectItems div {
	border: solid;
	border-width: 0 1px 0 0;
	border-color: rgba(0, 0, 0, 0.2);
	background-color: rgba(0, 0, 0, 0.2);
}

.order-by-selectItems div:hover {
	background-color: #000000;
	color: #fff !important;
}

.transparente {
	background-color: transparent;
}

.div_contenedor_dialog_referencias .ui-dialog {
	top: 0 !important;
	left: 0 !important;
	position: static !important;
	position: initial;
	z-index: 9998;
}

.div_contenedor_dialog_referencias {
	position: fixed;
	z-index: 9998;
	-color:;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: -100vw;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	justify-content: center !important;
}

.div_contenedor_dialog_slider .ui-dialog {
	top: 0 !important;
	left: 0 !important;
	position: static !important;
	position: initial;
	z-index: 9999;
}

.div_contenedor_dialog_slider {
	position: fixed;
	z-index: 9999;
	-color:;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: -100vw;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	justify-content: center !important;
}

.dialogSlider-fix {
	z-index: 9999 !important;
	width: 80% !important;
	height: 99vh;
}

#div-grupo-grupos {
	margin-top: 40px;
}

.chk_box_color_negro .ui-corner-all {
	border: 1px solid #333
}

.imagen_logo_portada {
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	text-align: center;
}

/*Fin estilos Fabian*/
.slick-slide {
	margin: 0px !important;
	border: 1px !important;
}

img[src$=".gif"], img[src$=".png"], img[src$=".jpg"] {
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast;
	/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	/* IE (non-standard property) */
}

.post_leido {
	color: grey !important;
}

.sidebar-collapse .custom-twitter {
	display: none;
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) { /* STYLES GO HERE */
	.ui-spinner a {
		display: none;
		visibility: hidden;
	}
}

span[class='ui-button-text'] {
	min-height: 100% !important;
}

.content {
	padding-right: 0 !important;
}

.dataListNews .ui-widget-content {
	background-color: transparent !important;
}

.tabla-radio-licencia, .tabla-radio-grupo-aportacion,
	.tabla-radio-grupo-comercial, .tabla-radio-licencia {
	width: 100% !important;
}

.tabla-radio-licencia td:nth-child(odd), .tabla-radio-grupo-aportacion td:nth-child(odd),
	.tabla-radio-grupo-comercial td:nth-child(odd), .tabla-radio-licencia td:nth-child(odd)
	{
	/* 	width: 25px; */
	
}

.tabla-radio-establecimiento {
	width: 100% !important;
	margin-left: 1%;
}

.tabla-lista-establecimientos {
	display: block !important;
	background-color: #F4EDEC !important;
	box-shadow: inset -2px 0px 30px -7px rgba(0, 0, 0, 0.75) !important;
	margin-top: 10px;
	overflow-x: hidden;
}

.label-lista-establecimientos {
	margin: 10px 0px 0px 10px !important;
}

.label-lista-Licencia-establecimientos {
	color: #de5559;
    margin-left: 5px;
}

.boton-pdf {
	display: inline-block !important;
	margin: 10px 10px !important;
}

.boton-excel {
	display: inline-block !important;
	margin: 10px 10px !important;
}

.titulo-popup-informes {
	font-size: 1.6em;
	text-decoration: underline;
}

.titulo-popup-informes-margin {
	margin-bottom: 20px !important;
	display: flex;
}

.listaMenuPlantilla10>tbody>tr>td>label, .listaMenuPlantilla11>tbody>tr>td>label
	{
	margin-right: 15px !important;
}

.grid-wizard {
	text-align: center !important;
	margin-left: 15px !important;
	margin-right: 15px !important;
}

div.grid-wizard-carrito>div>div>div:nth-child(1) {
	background-color: #acacac !important;
	border: groove 1px !important;
}

div.grid-wizard-carrito>div>div>div:nth-child(2), div.grid-wizard-carrito>div>div>div:nth-child(3)
	{
	border: 1px solid #ccc !important;
}

div.grid-wizard-reserva>div>div>div:nth-child(2) {
	background-color: #acacac !important;
	border: groove 1px !important;
}

div.grid-wizard-reserva>div>div>div:nth-child(1), div.grid-wizard-reserva>div>div>div:nth-child(3)
	{
	border: 1px solid #ccc !important;
}

div.grid-wizard-estuches>div>div>div:nth-child(3) {
	background-color: #acacac !important;
	border: groove 1px !important;
}

div.grid-wizard-estuches>div>div>div:nth-child(1), div.grid-wizard-estuches>div>div>div:nth-child(2)
	{
	border: 1px solid #ccc !important;
}

div.grid-wizard-frames>div>div>div:nth-child(1) {
	background-color: #acacac !important;
	border: groove 1px !important;
}

div.grid-wizard-frames>div>div>div:nth-child(2), div.grid-wizard-frames>div>div>div:nth-child(3),
	div.grid-wizard-frames>div>div>div:nth-child(4) {
	border: 1px solid #ccc !important;
}

div.grid-wizard-varillas>div>div>div:nth-child(2) {
	background-color: #acacac !important;
	border: groove 1px !important;
}

div.grid-wizard-varillas>div>div>div:nth-child(1), div.grid-wizard-varillas>div>div>div:nth-child(3),
	div.grid-wizard-varillas>div>div>div:nth-child(4) {
	border: 1px solid #ccc !important;
}

div.grid-wizard-formers>div>div>div:nth-child(3) {
	background-color: #acacac !important;
	border: groove 1px !important;
}

div.grid-wizard-formers>div>div>div:nth-child(1), div.grid-wizard-formers>div>div>div:nth-child(2),
	div.grid-wizard-formers>div>div>div:nth-child(4) {
	border: 1px solid #ccc !important;
}

div.grid-wizard-confirmacion>div>div>div:nth-child(4) {
	background-color: #acacac !important;
	border: groove 1px !important;
}

div.grid-wizard-confirmacion>div>div>div:nth-child(1), div.grid-wizard-confirmacion>div>div>div:nth-child(2),
	div.grid-wizard-confirmacion>div>div>div:nth-child(3) {
	border: 1px solid #ccc !important;
}

.panel-wizard {
	margin: 15px;
}

.panel-wizard.disable {
	color: #b7b4b4;
}

.panel-wizard .disable {
	color: #b7b4b4;
}

.icon-panel-wizard {
	font-size: 20px !important;
	margin-right: 10px;
}

.text-panel-wizard {
	font-size: 20px;
}

#mo-label-subtotal {
	margin-left: -20px;
}

#mo-label-pvo {
	left: -15px;
}

.boton-dialogo-estuches {
	width: 235px;
}

#div-subcoleccion-total {
	left: 55px !important;
}

.div-subtotales>.box {
	margin: 0 !important;
}

.div_total_colecciones {
	margin-top: 15px !important;
	padding-top: 0 !important;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.div_lista_coleccion_opcionales_estuches {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.lb-estuches-cantidad {
	font-weight: 700;
	margin-left: 5px;
}

.lb-estuches-cantidad-diferencia {
	font-weight: bold;
	color:;
	margin-left: 10px;
}

.panel-lista-coleccion {
	border: solid 1px black;
	margin-bottom: 5px;
	padding-bottom: 15px !important;
}

.tabla-radio-licencia td, .tabla-radio-grupo-aportacion td,
	.tabla-radio-grupo-comercial td, .tabla-lista-establecimientos td {
	width: 25%;
}

.tabla-lista-establecimientos .form-group {
	margin-bottom: 0 !important;
}

.ui-selectmanycheckbox label {
	display: initial !important;
}

.ui-tabs-panel .content {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.ui-tabs-panel .content .box {
	margin-left: 0 !important;
	padding-left: 10px !important;
}

.estuches-restos-asignados {
	margin-top: 5px;
	color:;
	font-weight: bold;
	margin-left: 5px;
}

.check-essential .ui-chkbox-box {
	height: 18px !important;
}

.lb-unidades-fijadas {
	font-weight: 700;
	margin-left: 5px;
}

.w-13px {
	width: 13px !important;
}

.contenedor-activacion-usuario .container {
	background-color: #eeeeee !important;
	color: #0a4675 !important;
	padding: 20px;
	margin-top: 10px;
	width: 600px;
}

.contenedor-activacion-usuario {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	margin-top: -200px;
	margin-left: -300px;
}

.label-chkbox-categoria-permiso {
	width: 400px !important;
}

.ui-chkbox .ui-chkbox-box {
	border: 1px solid #000000 !important;
}

.no-margin {
	margin: 0;
}

span.input-email-usuario-text {
	margin-left: 30px;
}



.ui-selectonemenu {
	height: 26px !important;
	padding-left: 0 !important;
	padding-right: 16px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	padding: 0 !important;
	background-color: #000000;
}

.ui-selectonemenu .ui-selectonemenu-label {
	padding: 1px 10px 0;
	height: 24px;
	background-color: #ffffff !important;
}

.ui-selectonemenu-label {
	box-shadow: none !important;
}

.ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
	height: 24px !important;
}

.ui-selectonemenu-filter-container, .ui-selectonemenu-filter {
	width: 100% !important;
}

.ui-selectonemenu-filter-container .ui-selectonemenu-filter {
	background-color: ivory !important;
}

.ui-selectonemenu-filter-container .ui-icon-search {
	top: 15px !important;
	background-color: transparent;
}

.ui-selectonemenu-label {
	padding-top: 3px !important;
}

.btn-success-reactivar {
	color: #fff;
	background-color: #28a745 !important;
	border-color: #28a745 !important;
}

.producto-essential {
	background-color: white ! important;
}

.producto-essential-border-referencia {
	border: 1px solid black;
	height: 47%;
}

.producto-essential-border-producto {
	border: 1px solid black;
	height: 40%;
}

.producto-essential-border-pro-ref {
	border: 1px solid black;
}

.table-no-select-all .ui-chkbox-all {
	display: none !important;
}

.nota {
	color: !important;
	text-align: left;
}

a.disabled1 {
	pointer-events: none;
	cursor: default;
	color: gray;
}

.mo-producto-imagen-capa-imagen-new {
	width: 100%;
	height: 52vh;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	overflow: hidden;
}

.ui-tooltip.mo-producto-imagen-capa-imagen-new {
    max-width: 100px !important; /* Ajusta el ancho según tus necesidades */
}

.mo-producto-imagen-new img {
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 100%;
	background-position: 15px 5px;
}




.mo-producto-imagen-capa-imagen-incidencia {
	width: 100%;
	height: 8vh;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50%;
	overflow: hidden;
}

.mo-producto-imagen-incidencia img {
	width: 100%;
	height: 77px;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 100%;
	background-position: 15px 5px;
}

.mo-producto-imagen-incidencia {
	max-width: 77px; 
	max-height: 77px;
}


/**CUSTOM**/
#mo-producto-descripcion, #mo-producto-descripcion-new,
	#mo-producto-descripcion-new-repuesto {
	display: flex;
	line-height: 18px !important;
	margin-top: 5px;
}

.mo-capa-descripcion {
	font-size: 20px !important;
	line-height: 24px !important;
}

.mo-capa-descripcion-new {
	font-size: 17px !important;
	line-height: 20px !important;
}

.mo-capa-descripcion-new .row {
	margin-bottom: 0px !important;
}

#mo-capa-descripcion-new .text-verde, #mo-producto-descripcion-new .text-verde,
	#mo-producto-descripcion-new-repuesto .text-verde {
	text-transform: uppercase;
	margin-left: -5px;
}

#mo-capa-descripcion-new .text-azul, #mo-producto-descripcion-new .text-azul,
	#mo-producto-descripcion-new-repuesto .text-azul {
	text-transform: uppercase;
	margin-left: -5px;
}

#mo-capa-descripcion-new .text-rojo, #mo-producto-descripcion-new .text-rojo,
	#mo-producto-descripcion-new-repuesto .text-rojo {
	text-transform: uppercase;
	margin-left: -5px;
}

.btn-success-catalogo, .btn-success-catalogo-repuesto {
	background-color: #000000 !important;
	color: #ffffff !important;
	padding: 8px 8px !important;
	border-left: 1px solid white !important;
}

.btn-success-catalogo-incidencias {
	background-color: #000000 !important;
	color: #ffffff !important;
	padding: 8px 14px !important;
	border-left: 1px solid white !important;
}

.spinner-mo {
	width: 100px;
    display: flex;
    flex-wrap: nowrap
}

.spinner-mo-cat {
	width: 91px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.btn-success-catalogo:hover, .btn-success-catalogo-repuesto:hover {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.label-cart-cat {
	width: 91px !important;
}

.label-cart {
	color: white;
	display: block;
	background-color: black;
	padding: 1px;
	margin: 3px 0px;
	text-align: center;
	width: 100px;
	font-size: 18px;
}

.label-red {
	background-color: red !important;
}

.label-cart-incidencias {
	color: white;
	display: block;
	background-color: black;
	padding: 1px;
	margin: 3px 0px;
	text-align: center;
	width: 40px;
	font-size: 22px;
}

.label-promo {
	background-color: #e5e904  !important;
	color: black !important;
	font-size: 15px !important;
	font-weight: bold !important;
}

.mo-referencias {
	display: flex;
	margin-left: -5px
}

.referencias {
	margin: 0 !important;
	padding: 10px !important
}

.ui-widget-content .ui-state-default {
	border: 1px solid black;
}

.ui-spinner {
	margin: 0em;
	height: auto;
	font-size: 18px;
	line-height: 18px;
	width: 72px;
}

.panel-ficha-boletin-linea .ui-spinner{
	font-size: 14px;
	width: auto;
}

.panel-lineas-boletin .ui-spinner{
	font-size: 14px;
	width: auto;
}

.ui-spinner-up, .ui-spinner-down {
	background-color: black !important;
	width: 20px;
}

.ui-spinner-button, .ui-spinner-up {
	border: 1px solid !important;
}

.ui-spinner-up:hover, .ui-spinner-down:hover {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.ui-spinner-input {
	padding-right: 30px;
}

.ui-spinner-input  .ui-widget-content .ui-state-default {
	border: 0px solid black !important;
}

.mo-ficha-producto-carrito-no-imagen .ui-spinner {
	margin: 1em 0.2em;
}

.multiunidades {
	display: block;
	font-size: 16px;
	margin: 0px 0px 3px -5px
}

.d-flex {
	display: flex;
	justify-content: space-around;
}

.m-r-5 {
	margin-right: 5px
}

.m-l-5 {
	margin-left: 5px
}

.m-t-10 {
	margin-top: 8px
}

.m-t-6 {
	margin-top: 6px
}

.m-b-10 {
	margin-bottom: 10px
}

.ui-spinner .ui-icon {
	left: 3px !important;
}

/** FICHA producto**/
#dialogoReferencias .box {
	background-color: white !important;
	box-shadow: none !important;
	border: 0px solid white !important;
	margin: 5px !important;
	padding: 0px !important;
}

.ui-widget-content {
	border: 1px solid black !important;
}

#dialogoReferencias .ui-dialog-content {
	border: 0px solid white !important;
	padding: 0em !important;
}

.mo-referencia-imagen-select {
	width: 100%;
}

#mo-referencia-imagen {
	clear: both;
	display: inline-block;
	float: left;
	line-height: 90px;
	margin-top: 0px;
	padding-top: 5px;
	text-align: center;
	max-height: 110px !important;
	max-width: 180px;
}

#mo-referencia-capa-imagen {
	margin: 0px !important;
	text-align: center;
	position: relative;
}

.footer-referencias {
	display: flex;
	justify-content: space-between;
}

.uppercase {
	text-transform: uppercase
}

.titulos-referencia {
	font-size: 21px;
	margin-bottom: 5px;
	text-align: center;
}

.dimensiones-referencia {
	font-size: 10px;
	margin-top: 15px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-left: 5px;
}

.medidas-descripcion {
	padding-left: 5px;
}

.medidas-referencia {
	font-size: 9px;
	width: 180px;
}

.medidas-referencia img {
	width: 180px;
}

.referencia-principal {
	position: absolute;
	top: 0px;
	wdith: 300px;
}

.mo-referencia-flex {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid black;
	padding: 5px 5px 10px 5px;
}

.datos-referencia {
	margin-right: 10px;
	font-size: 15px;
}

.med-inf-1 {
	padding: 0px 28px;
	margin: 0px 22px 0px 4px;
}

.med-inf-2 {
	padding: 0px 28px;
}

.med-sup-1 {
	margin-right: 5px;
}

.med-sup-2 {
	margin-right: 16px;
}

.space-image {
	width: 130px;
	min-height: 100px;
}

.space-image img {
	max-width: 120px
}

.datos-referencia label {
	margin-bottom: 0px;
	margin-right: 8px;
}

.weight-100 {
	font-weight: 100 !important;
}

.text-lente {
	display: block;
	margin-left: -5px;
	font-size: 16px !important;
}

.spinner-cesta {
	margin-top: 0px;
    width: 91px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.spinner-cesta .badge {
	padding: 3px 6px !important;
}

.img-principal-repuesto {
	position: absolute;
	top: 0px;
	width: 33%;
	min-height:500px
}

@media ( max-width : 992px) {
	.img-principal-repuesto {
		position: relative;
		display: block;
		width: 98%
	}
}

.descripcion-referencia{
	margin-left:5px;
}

.box-referencia{
	min-height:85vh;
}
/**SELECT*/
.ui-selectcheckboxmenu-panel  .ui-widget-content {
	border: 1px solid white !important;
}
/**chkbox*/
.ui-chkbox .ui-state-hover, .ui-radiobutton .ui-state-hover,
	.ui-radiobutton-box .ui-state-hover {
	background-color: rgba(0, 0, 0, 0.4) !important;
	color: white !important;
}

/**CALENDAR*/
.ui-datepicker-calendar .ui-state-default {
	border: 1px solid white !important;
}

.ui-datepicker-calendar a:hover.ui-state-default {
	color: white !important;
}

.content-header-black .contenedor-filtros .form-control .hasDatepicker {
	margin: 0px 15px 0px 0px !important;
}

.contenedor-filtros span.form-control {
	padding: 0px !important;
}

/*TABLE*/
a:hover.ui-paginator-page {
	background-color: rgba(0, 0, 0, 0.4) !important;
	color: white !important;
}

.ui-datatable tbody td {
	border: 1px solid black;
}

.ui-datatable .ui-paginator, .form-group-height .ui-paginator {
	background-color: rgba(0, 0, 0, .7) !important;
}

.ui-datatable th, .ui-datatable .column-limpio-ucido, .form-group-height .ui-datatable-tablewrapper th
	{
	background-color: rgba(0, 0, 0, .1) !important;
}

/**Carrusel**/
.img-carrusel {
	width: 980px !important;
	height: auto !important;
	left: 20% !important;
}

#sliderImagenesCatalogo.dialogSlider-fix {
	width: 80vw !important;
	height: auto !important;
 	max-height: 1600px !important;
}

#sliderImagenesCatalogo {
	left: 10vw !important;
}
#sliderImagenesCatalogo .ui-widget-content {
	border: 0px solid black !important;
}

.slides-catalogo {
	cursor: default;
	position: relative;
	top: 0px;
	left: 0px;
	width: 1600px;
	height: 1600px;
	overflow: hidden;
	background-color: rgb(241, 241, 241);
	left: 10%;
}


/**file upload**/
.ui-widget-header.ui-fileupload-buttonbar {
	margin: 0px 0px 0px -5px !important;
}

.ui-fileupload-content {
	border: none !important;
}



/**panel progreso**/
.cont-progreso-general .ui-dialog-mask {
	z-index: 3000 !important;
}

.cont-download-general .ui-dialog-mask {
	z-index: 3000 !important;
}

.panel-progreso {
	width: 260px !important;
	z-index: 4000 !important;
}

.close-popup {
	color: transparent;
}


.panel-progreso{
width: 260px!important;
z-index:4000!important;
}

.contenedor-filtros .form-control {
    background-color: transparent !important;
}

.fondo-blanco {
    background-color: white !important;
}

/**facturas**/
.fact_establecimientos .ui-multiselectlistbox-listcontainer {
    padding: 0px!important;
}

.font-16 {
	font-size: 16px !important;
}

.font-12 {
	font-size: 12px !important;
}

.text-area-reducido-sms {
	width: 300px;
}

.red-no-margin-bottom {
	margin-bottom: 0px;
	color: red;
	font-size: 13px;
}

.red-no-margin-bottom-16 {
    margin-bottom: 0px;
    color: red;
    font-size: 16px;
}

body .ui-password .ui-password-icon{
    cursor:pointer
}
body .ui-password.ui-password-masked .ui-password-icon{
    font-family:"primeicons" !important;
    font-style:normal;
    font-weight:normal;
    display:inline-block;
    background:none
}
body .ui-password.ui-password-masked .ui-password-icon:before{
    content:""
}
body .ui-password.ui-password-unmasked .ui-password-icon{
    font-family:"primeicons" !important;
    font-style:normal;
    font-weight:normal;
    display:inline-block;
    background:none
}
body .ui-password.ui-password-unmasked .ui-password-icon:before{
    content:""
}
body .ui-password-panel{
    background:#fff;
    color:#495057;
    padding:1rem;
    border:0 none;
    margin:0;
    width:auto;
    min-width:150px;
    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);
    border-radius:4px
}

body .ui-button.ui-button-text-icon-right .ui-button-text{
    padding:.5rem 2rem .5rem 1rem
}

body .ui-button.ui-button-text-icon-right .ui-icon{
    position:absolute;
    top:50%;
    right:50%;
    margin-top:-0.5rem;
    right:.5rem
}

body .ui-input-icon-left,body .ui-input-icon-right{
    position:relative
}

body .ui-fluid .ui-input-icon-left,body .ui-fluid .ui-input-icon-right{
    display:block
}

body .ui-input-icon-left>i,body .ui-input-icon-right>i{
    position:absolute;
    top:30%;
    margin-top:-0.5rem
}

body .ui-input-icon-right>i:last-of-type{
    right: 0.5rem;
    color:#6c757d
}

body .ui-input-icon-right>.ui-inputfield{
    padding-right:2rem
}

.margin-top-15 {
	margin-top: 15px;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.margin-top-bottom-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.circle-dialogo {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid black;
  margin-top: 3px; 
}

.circle-dialogo-red {
  background-color: red;
}

.circle-dialogo-orange {
  background-color: #ff7802;
}

.circle-dialogo-yellow {
  background-color: #ffe002;
}

.circle-dialogo-green {
  background-color: green;
}

.referencia-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap; /* opcional: permite que salte de línea si hay poco espacio */
	padding: 0;
}

.estado {
	margin-top: 3px;
	font-weight: bold;
	text-transform: uppercase;
}

.disponibilidad {
	margin-top: 3px;
	font-size: 12px;
}

.icon-reposicion {
	margin-top: 3px;
	width: 25px;
}

.circle-red {
  width: 15px;
  height: 15px;
  border-radius: 50%; 
  background-color: red;
  border: 1px solid black;
  margin-top: 1px;
}

.circle-orange {
  width: 15px;
  height: 15px;
  border-radius: 50%; 
  background-color: #ff7802;
  border: 1px solid black;
  margin-top: 1px;
}

.circle-yellow {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #ffe002;
  border: 1px solid black;
  margin-top: 1px;
}

.circle-green {
  width: 15px;
  height: 15px;
  border-radius: 50%; 
  background-color: green; 
  border: 1px solid black;
  margin-top: 1px;
}

.circle-red-ficha {
  margin-top: 3px !important;
}

.circle-orange-ficha {
  margin-top: 3px !important;
}

.circle-yellow-ficha {
  margin-top: 3px !important;
}

.circle-green-ficha {
  margin-top: 3px !important;
}

.label-font-size-85 {
	font-size: 85% !important;
}

.color-black {
	color: #000000 !important;
}


@media only screen and (max-width: 600px) {
  .dialogAccederEcommerceAgendaPortada.ui-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 600px) {
  .dialogAccederEcommerce.ui-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
  }
}

.margin_t_b_5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.circle-hay-noticias-noleidas {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px; /* Ajusta el espacio entre el nombre y el círculo */
}

/* Clase para mostrar el círculo */
.show-noleidas {
    display: inline-block;
}

/* Clase para ocultar el círculo */
.hide-noleidas {
    display: none;
}

.incidencias-datos {
	
}

.incidencias-datos .ui-state-active .ui-button-text{
	color: white !important;
}

.incidencias-datos .ui-state-default .ui-button-text{
	color: black;
}

.incidencias-datos .ui-state-default{
	margin-left: 5px !important;
}

.ui-carousel .ui-carousel-header {
	background: black !important;
}

.ui-carousel .ui-carousel-viewport {
	background: #f5f5f5 !important;
}

.ui-carousel .ui-icon-radio-on {
    background-position: -96px -144px !important;
}


.incidencias-imagenes {
	
}

.incidencias-imagenes .ui-widget-content {
	border: none !important;
}

select[multiple], select[size] {
    height: 28px;
}

.mandatory-red {
  color: red;
  margin-left: 5px;
}

.navbar-montaje {
	display: flex;
}

.navbar-usuario {
	display: flex;
}

.navbar-workflow {
	display: flex;
}

.navbar-agenda {
	display: flex;
}

.navbar-slide {
	display: none;
}

.navbar-apagado-movil {
	display: none;
}

.ui-sidebar {
    z-index: 9999 !important; /* Ajusta este valor según sea necesario */
}

.ui-shadow {
    box-shadow: none !important;
}

.ui-slidemenu-backward {
	color: black !important;
	font-size: 16pt !important;
	padding-top: 20px;
}

.ui-menuitem-link .ui-icon-triangle-1-e {
    position: relative !important;
}

.ui-slidemenu-backward .ui-icon-triangle-1-w {
    display: none !important;
}

.desktop-mobile .ui-widget-content {
	border: none !important;
}

.ancho-completo-sidebar {
    width: 100% !important;
}

.ui-slidemenu-content a {
    font-size: 22px !important; /* Tamaño deseado en píxeles */
    line-height: 1.8 !important;
}

.ui-slidemenu-content .ui-icon-triangle-1-e {
    background-position: -32px -12px !important;
}

.ui-submenu-list .ui-icon-triangle-1-e {
    font-size: 22px !important; /* Ajusta el tamaño del icono según tus preferencias */
}

/* Personaliza el tamaño del icono de la flecha en los submenús del p:slideMenu */
.ui-submenu-list .pi-chevron-right {
    font-size: 16px; /* Ajusta el tamaño del icono según tus preferencias */
}

/* Estilo para posicionar el botón en la esquina superior derecha */
        .sidebar-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px;
        }
        
 .no-border {
            border: none !important;
        }

.incidencias-datos {
	
}

.incidencias-datos .ui-state-active .ui-button-text{
	color: white !important;
}

.incidencias-datos .ui-state-default .ui-button-text{
	color: black;
}

.incidencias-datos .ui-state-default{
	margin-left: 5px !important;
}

.ui-carousel .ui-carousel-header {
	background: black !important;
}

.ui-carousel .ui-carousel-viewport {
	background: #f5f5f5 !important;
}

.ui-carousel .ui-icon-radio-on {
    background-position: -96px -144px !important;
}


.incidencias-imagenes {
	
}

.incidencias-imagenes .ui-widget-content {
	border: none !important;
}

.container-ficha-carrito-mobile {
    border: 1px solid #ddd;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
}

.product-card {
    display: flex;
    flex-direction: row;
}

.product-image {
    width: 40%;
    max-width: 100%;
    margin-right: 5px;
    display: flex;
    align-items: center;
}

.product-description {
    width: 60%;
    max-width: 100%;
}

.additional-content {
    width: 100%;
    max-width: 100%;
    margin-top: 10px; 
    margin-bottom: 5px;
}

 .cantidad-carrito-mobile {
    margin-left: 5px;
    margin-right: 5px;
}

.cantidad-carrito-mobile input{
    text-align: center !important; 
}

.custom-button-exportar {
    background-color: black;
}

.exportacion-incidencia .ui-state-default {
    color: #ffffff !important;
}