/*@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i');*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

body{
	font-weight: normal;
	text-decoration: none;
	margin:0;
	padding:0;
	max-width:100%;
	overflow-x:hidden;
	color:#666;
	font-family: 'Poppins', sans-serif;
	background: #f4f6f9;
	width:100%;}

body.login {
	background: linear-gradient(-45deg, #BADCF7, #a9e2eb, #92a2cb, #50bdf1);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;}

@keyframes gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

a {text-decoration:none;}
a:hover {text-decoration: none;}
a, a:hover, a:focus {color: inherit;text-decoration: none;transition: all 0.3s;}
ul,li {margin:0;padding:0px;list-style: none;}
img {max-width:100%;}
strong {font-weight:bold;}

textarea, input, select {
	border:1px solid #e6e6e6;
	padding:6px 4px;}
	
select {padding:5px 4px;}

.fontcolor1 {color:#B0BDE9;}

.success {color:#5cb85c;}

.error {color:#d9534f;}

.info {color:#5bc0de;}

.warning {background-color: #fcf8e3;}

.inputError {border:1px solid #d9534f!important;} 

.inputObligatorio {border:1px solid #666;}

.inputRequivalencia {
	background: none;
	width: 44px;
	margin-left: 6px;
	text-align: center;
	font-weight:500;}
	
.radioObligatorio {font-weight:bold;}

.divConcepto {
	padding: 10px 5px 10px 0;
	margin: 5px 0;
	background: #f4f7fa;
	overflow: hidden;}
	
div {box-sizing:border-box;}

.clear {clear:both;}

/****** ajuda *******/
.ayuda {position:relative;}

.avisoAyuda {
	position: absolute;
	right: 48px;
	top: -36px;
	z-index: 1;
	background: rgba(255,255,255,0.8);
	border: 1px solid #f5ac49;
	padding: 5px 10px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	color:#555;
	animation: fadeIn 7s;
	-webkit-animation: fadeIn 7s;
	-moz-animation: fadeIn 7s;
	-o-animation: fadeIn 7s;
	-ms-animation: fadeIn 7s;
	opacity:0;
	display:none;}

@keyframes fadeIn {
	0% {opacity:0;display:block;}
	25% {opacity:0;display:block;}
	35% {opacity:1;display:block;}
	80% {opacity:1;display:block;}
	100% {opacity:0;display:none;}
}
.avisoAyuda:before {
	content: '';
	display: block;
	position: absolute;
	left: 100%;
	width: 0;
	height: 0;
	border-style: solid;}
	
.avisoAyuda:before {
	top: 4px;
	border-color: transparent transparent transparent #f5ac49;
	border-width: 11px;}
	
#divPageAyuda {
	background-color:lightyellow;
	font-size:14pxem;
	float:left;
	width:100%;
	padding:20px;}
	
#iconAyuda {
	position:absolute;
	right:5px;
	top:-32px;
	transition: transform .2s;
	animation: zoomIn 2s;
	-webkit-animation: zoomIn 2s;
	-moz-animation: zoomIn 2s;
	-o-animation: zoomIn 2;
	-ms-animation: zoomIn 2s;
	animation-delay:3s;}
	
@keyframes zoomIn {
	0% {transform: scale(0.9);}
	20% {transform: scale(1.1);}
	40% {transform: scale(0.9);}
	60% {transform: scale(1.1);}
	80% {transform: scale(0.9);}
	100% {transform: scale(1);}
}

.titAyuda {
	width: 100%;
	padding: 0px 10px;
	margin-bottom: 15px;
	font-size: 17px;
	border-bottom: 1px solid #B0BDE9;
	color: #B0BDE9;}

.txtAyuda > hr {
	border-top: 1px solid #f2f24b;
	margin-top:15px;
	margin-bottom:15px;}
	
.txtAyuda  b {margin-right:5px;}

.txtTextTaulaNegatiu {color: #c00c0c;}

/*****filtro*****/
#collapseFiltros {
	width:100%;
	clear:both;
	font-size:12px;
	padding:10px;}
	
.filtro {
	background-color:#ddf0ff;
	padding:10px 5px;
	margin-bottom:10px;}

/*****paginacio*****/
.pagination > li > a, .pagination > li > span, .pagination > li > a, .pagination > li > span {color:#B0BDE9;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {color:#24292e;}

/****** login *******/
.loginInicio{
	width:400px;
	max-width:95%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50% , -50%);
	opacity: 0;
	animation: fadeInTop 1s ease-in both;}
	
@keyframes fadeInTop {
	from {
		opacity: 0;
		transform: translate3d(-50%, -100%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(-50, -50%, 0);
	}
}
.loginInicioBox {
	background:#fff;
	border-radius:30px;
	box-shadow:0 0 8px #777;
	padding:30px 20px 20px 20px;
	text-align:center;
	margin-bottom:10px;}
	
.loginInicioBox img {
	padding:20px 0 25px 0;
	width:200px;}
	
.loginInicioLegend {
	font-size:11px;
	width:100%;
	text-align:center;
	color:#fff;}
	
.loginInicioLegend a{color:#fff;}
.loginInicioLegend img{
	padding:0 5px;
	width:110px;}
	
input:-internal-autofill-selected {
	appearance: menulist-button;
	background-image: none!important;
	background-color:#fff!important;}

/***************BOTONS***************/
/*****animated button*****/
.animated-button {
	position: relative;
	display: block;
	margin: 20px auto 0;
	padding: 6px 25px;
	color: #fff;
	font-size:16px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 5px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	background:#fff;}

.animated-button.animated-right {
	color: #1B3E72;
	cursor: pointer;
	display: block;
	position: relative;
	border: 1px solid #1B3E72;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);}

.animated-button.animated-right:hover {
	color: #fff !important;
	background-color: transparent;}

.animated-button.animated-right:hover:before {
	right: 0%;
	left: auto;
	width: 100%;}

.animated-button.animated-right:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	background: #1B3E72;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);}


/****botones*****/
.btn:hover {
	transition: transform 0.3s;
	transform: scale(1.08);}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none;}

.btn b {font-weight:500;}

.btn-sm, .btn-group-sm > .btn {
	border-radius: 20px;
	padding: 2px 15px;
	font-size: 13px;
	text-transform: uppercase;}
	
.btn-xs {
	border-radius: 20px;
	}

.btn-default {
	color: #fff;
	background-color: #c8ced5;
	border-color: #989ca3;
	text-transform: none!important;}
	
.btn-default:hover {
	color: #fff;
	background-color: #989ca3;}

.btn-soft {
	color: #373f48;
	background-color: #f0f2f4;
	border-color: #c8ced5;}
	
.btn-soft:hover {
	color: #fff;
	background-color: #c8ced5;}

.btn-primary {
	background-color: #fff;
	color:#1B3E72;
	border-color: #1B3E72;}
	
.btn-primary:hover  {background-color: #BADCF7;}

.btn-success {
	color: #fff!important;
	background-color: #b3db74!important;
	border-color: #789b41!important;}

.btn-success:hover {
	color: #fff;
	background-color: #789b41!important;}

.btn-info {
	border-color: #086889;
	color: #fff!important;}

.btn-fav{
	background-image: linear-gradient(310deg, #acd8fb 0%, #e4eef9 100%);
	border: 1px solid #acd8fb;
	color: #fff!important;}

.btnToggle {
	background: none;
	padding: 0;
	margin: 0;
	position:absolute;
	top:3px;
	right:6px;
	font-size:17px;
	z-index:10000;}
	
.btnToggleAfter {
	right:-20px;
	top:8px;
}

.btnToggle:active, .btnToggle:focus, .btnToggle:hover  {
	background:none;
	outline:0 !important;
	box-hadows:none!important;}

.botonesFixed {
	position: fixed;
	bottom: 40px;
	background: rgba(255,255,255,0.8);
	z-index: 100;
	padding: 10px 15px;
	border-radius: 26px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	border: 2px solid #BADCF7;}

.botonesFixed a, .botonesFixed button {
	float:none!important;
	margin:0 5px;}


/*****ICONOS****/
.icon {
	cursor: pointer;
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 30px;
	overflow: hidden;
	text-align:center;
	line-height:35px;
	font-size: 15px;
	text-transform: uppercase;
	color: #1B3E72;
	font-weight:500;
	padding: 0;
	border: 0;
	transition: transform .2s;
	background:#fff;}
	
.icon:hover {transform: scale(1.15); }

.icon::before, .icon::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: all 0.25s ease;
	border-radius: 30px;}
	
.icon i {
	position: relative;
	color: #1B3E72;
	font-size: 21px;
	margin-top: 7px;
	transition: all 0.25s ease;}
	
.icon>div {
	z-index: 100;
	position: relative;}

.icon:hover i, .icon>div:hover {color:#fff!important;}

.icon::before {
	transition-duration: 0.5s;
	box-shadow: inset 0 0 0 1px #1B3E72;}
	
.icon:hover::before {
	box-shadow: inset 0 0 0 60px #1B3E72;}

.icon-small {
	width: 27px;
	height: 27px;
	font-size: 12px;
	line-height: 27px;
	margin:0 2px;}

.icon-small i {
	font-size: 15px;
	margin-top: 6px;}

.icon-xs {
	width: 24px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	margin:0 2px;}

a.icon-xs {display: inline-grid;}

.icon-xs i {
	font-size: 14px;
	margin-top: 5px;}

.icon-xs>div, .icon-small>div {letter-spacing: -1px;}

.icon-selected {
	box-shadow: inset 0 0 0 60px #1B3E72;
	color:#fff;}

.icon-red i{color: #e60000;}

.icon-red::before {
	transition-duration: 0.5s;
	box-shadow: inset 0 0 0 1px #e60000;}
	
.icon-red:hover::before {box-shadow: inset 0 0 0 60px #e60000;}

.icon-orange i{color: #f5ac49;}

.icon-orange::before {
	transition-duration: 0.5s;
	box-shadow: inset 0 0 0 1px #f5ac49;
}

.icon-orange:hover::before {box-shadow: inset 0 0 0 60px #f5ac49;}

.icon-green i{color: #789b41;}

.icon-green::before {
	transition-duration: 0.5s;
	box-shadow: inset 0 0 0 1px #789b41;}
	
.icon-green:hover::before, .icon-green:active::before, .icon-green:focus::before {box-shadow: inset 0 0 0 60px #b3db74;}


/*****input interactiu*****/
.inputContainer {
	position: relative;
	height: 35px;
	width: 100%;
	margin-bottom: 15px;}
	
.inputContainer .input {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	border: 1px solid #DADCE0;
	border-radius: 7px;
	font-size: 16px;
	padding: 0 15px;
	outline: none;
	background: none;
	z-index: 1;}

.inputContainer .input[disabled] {border: 1px solid #DADCE0!important;}

.inputContainer .input[disabled]:hover {cursor:not-allowed;}

.inputContainer textarea.input {
	font-size: 13px;
	padding-top: 10px;
	height: 150px;
	position:relative;}
	
.inputContainerText {
	height:150px;
}

.inputContainer:has(textarea) {	min-height: 150px;height: auto;}

.inputContainer .input::placeholder {color: transparent;}

.inputContainer .label {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 0 4px;
	background-color: white;
	color: #c9c9c9;
	font-size: 14px;
	transition: 0.5s;
	z-index: 0;
	font-weight: normal;}
	
.inputContainer .input:focus + .label {
	top: -6px;
	left: 10px;
	z-index: 10;
	font-size: 13px;
	font-weight: 400;
	color: #1B3E72;}

.inputContainer .input[disabled]+label{z-index:1;}

.inputContainer .input:focus {border: 1px solid #1B3E72;}

.inputContainer .input:not(:placeholder-shown)+ .label{
	top: -3px;
	left: 10px;
	z-index: 10;
	font-size: 12px;
	font-weight: 400;
	line-height: 10px;
}

.inputContainerInfo .label{
	top: -3px;
	left: 0px;
	z-index: 10;
	font-size: 12px;
	font-weight: 400;
	line-height: 10px;
	padding:0;
}
.inputContainerInfo {
	line-height:31px;
}
	
.inputContainer i{
	position: absolute;
	top: 28%;
	right: 4%;
	cursor: pointer;
	color: lightgray;
	cursor:pointer;
	z-index: 1000;}

.inputContainerIcon {
	width:calc(100% - 50px)!important;
	float:left;}

.inputContainerIcon  + button {float:right;}

.inputContainer small {
	position: absolute;
	bottom: -13px;
	color: #999;
	font-size: 10px;
	margin: 0;
	left: 15px;
}

/*****breadbrumbs*****/
.breadcrumbs {
	float:left;
	width:100%;
	color:#555;
	font-size:13px;
	padding:10px;}


/*****listas y tablas*****/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 2px 6px 2px 6px;
	line-height: 1;
	vertical-align: middle;
	font-size: 11px;
	height: 30px;}

.table>thead>tr>th {
	border-bottom:1px solid #BADCF7;
	font-weight:300;
	color:#8dc5f1;
	font-size:12px;}

.table-responsive .table {margin-bottom: 0px;}

.table-responsive .table a {
	color:#337ab7;
	font-size:13px;}

.table-responsive .table a:hover {color:#1B3E72;}


/*table stackable*/
.table-responsive-stack tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;}


.table-responsive-stack td,
.table-responsive-stack th {
	display:block;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;}

.table-responsive-stack .table-responsive-stack-thead {font-weight: bold;}

.table-responsive-stack td {
	text-align:left;
	font-size: 13px!important;
	line-height: 24px!important;}

.table-responsive-stack td span, .table-responsive-stack td div {
	margin-right:10px;
	float:left;
	margin-top:0!important;}

.show-sm {display:none;}

@media screen and (max-width: 768px) {
	.table-responsive-stack tr {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		border-bottom: 4px solid #ccc;
		display:block;}
	
	/*  IE9 FIX   */
	.table-responsive-stack td {
	float: left\9;
	border-top: none!important;
	width: 100%!important;}

	.show-sm {display:block;}
}


/******cap *******/
.web_header {
	background-color: #fff;
	width: 100%;
	float: left;
	position:relative;
	padding:20px 0 14px 0;}

.web_header>div {
	position: relative;
	width: 95%;
	margin: 0 auto;
	overflow:visible;}

.logoweb {
	float: left;
	height: 40px;}

.logoweb img {
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	transform: translateY(-50%);
	position: relative;
	-webkit-transform: translateY(-50%);}

.topLinks {float:right;}

.top-bar {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: fit-content;
	top: 0;}

.propietarios {
	float: left;
	width: max-content;
	position: relative;
	padding: 3px 10px;
	background: #f4f7fa;
	border-radius: 15px;}

.propietarios span {
	float:left;
	line-height:28px;
	margin-right:5px;}

.propietarios select {
	padding: 0px 0px;
	font-size: 13px;
	margin-top: 3px;
	background: #e9e9e9;
	border-radius:5px;}

.loginweb {float: right;}

.loginweb .inputContainer {
	width: 200px;
	float: left;
	margin: 0 3px;}


/*****menu*****/
.menuAdmin {
	background:#fff;
	position: relative;
	width: 100%;
	margin: 10px auto 0;
	float: inherit;
	overflow:hidden;
	padding:8px 0 0 0;}

.menuAdmin>div{	position: relative;width: 95%;margin: 0px auto;}
#cssmenu:after,#cssmenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#cssmenu #menu-button {display: none;}
#cssmenu {float:left;}
#cssmenu > ul {float:left;}
#cssmenu > ul > li {float:left;margin:0 5px;}
#cssmenu > ul > li > a {background:#f4f7fa;border-radius:20px;padding:2px 10px;color:#999;font-size:13px;border:1px solid #e6e6e6;text-transform: uppercase;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li > a:hover,#cssmenu > ul > li.active > a {color: #fff;border:1px solid #d6d6d6;background:#d6d6d6}
#cssmenu ul ul { position: absolute; left: -9999px; top: 640px; padding-top: 6px;  font-size: 14px;  opacity: 0;  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;  -o-transition: top 0.2s ease, opacity 0.2s ease-in;  transition: top 0.2s ease, opacity 0.2s ease-in;}
#cssmenu > ul > li > ul::after {  content: "";  position: absolute;  width: 0;  height: 0;  border: 5px solid transparent;  border-bottom-color: #ffffff;  top: -4px;  left: 20px;}
#cssmenu ul ul ul::after {  content: "";  position: absolute;  width: 0;  height: 0;  border: 5px solid transparent;  border-right-color: #ffffff;  top: 11px;  left: -4px;}
#cssmenu > ul > li > ul {  top: 90px;z-index:100; margin-top:8px;}
#cssmenu > ul > li:hover > ul {  top: 22px;  left: 0;  opacity: 1;}
#cssmenu ul ul ul {  padding-top: 0;  padding-left: 6px;}
#cssmenu ul ul > li:hover > ul {  left: 180px;  top: 0;  opacity: 1;}
#cssmenu ul ul li a {text-align:left;text-decoration: none; padding: 10px 15px; width:175px; color:#072749;  background-color:#fff; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {  color: #072749; background:#f2f2f2; opacity:1!important;}
#cssmenu ul ul li:first-child > a {  border-top-left-radius: 3px;  border-top-right-radius: 3px;}
#cssmenu ul ul li:last-child > a {  border-bottom-left-radius: 3px;  border-bottom-right-radius: 3px;}
#cssmenu > ul > li > ul::after {  position: absolute;  display: block;}

.languages {float: right;margin-top: -5px;margin-right:40px;}

.menuSelected {
	border-color:#1B3E72!important;
	color:#1B3E72!important;}


/*****contingut*****/
#content {
	padding: 0px;
	min-height: 100vh;
	transition: all 0.3s;
	width:100%;
	position:relative;}

.contingut {
	min-height:calc(100vh - 240px);
	padding:10px 10px 40px 10px;
	background:#fff;
	border-radius:15px;
	margin:10px 0;}

.contingut, #content>.titPagina, .ayuda {
	float:left;
	width:95%;
	position:relative;
	left:50%;
	-ms-transform: translateX(-50%); /* IE 9 */
	-webkit-transform: translateX(-50%); /* Safari */
	transform: translateX(-50%);}

.contingutCol {
	/* width:calc(100% - 300px);
	float:left; */
	position:relative;
	margin:0 auto;
	width:1250px;
	overflow:auto;
	padding:10px;
}

.botonesCol {
	width:220px;
	float:right;
	padding:20px;
	position:absolute;
	right:30px;
	bottom:30px;
}

.botonesCol button {
	width:100%;
	margin:5px;
	}

/*****home******/
.card {
	position: relative;
	 /* display: flex; */
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 1rem;
	box-shadow: 2px 2px 10px #e6e6e6;
	margin:10px 0;}

.card-header {
	padding:5px 15px;
	font-size:1.5em;
	color:#1B3E72;
	margin:0px 0 3px 0;}

.card-header h3 {
	padding:5px 0px;
	font-size:1.3em;
	color:#1B3E72;
	margin:0px 0 3px 0;
	font-weight:300;}

.card-header h5 {
	font-size: 16px;
	color:#24292e;
	font-weight:bold;}

.card-header .text-sm {font-size: 15px !important;}

.card-body {flex: 1 1 auto;}

.card-body .row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	/* display: flex; */
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) * -.5);
	margin-left: calc(var(--bs-gutter-x) * -.5);
	width: calc(100% + 15px);}

.card-header .text-sm {font-size: 15px !important;}

.card-rating {
	border-radius:10px;
	border:1px solid #e2e6e9;
	overflow:auto;
	margin-top:10px;
	margin-bottom:10px;}

.card-rating h5{
	padding:0 10px;
	font-weight: 500;
	color: #27313f;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom:0;}

.card-rating h6{
	padding:0 10px;
	font-weight: 300;
	color: #8dc5f1;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom:0;
	margin-top:10px;
	float:left;
	width:100%;}

.card-rating-title>div {
	float:left;
	width:50%;
	padding:0 10px;
	font-size:12px;
	color:#999;}

.card-rating-box {
	float:left;
	width:100%;
	font-size:13px;
	line-height:15px;
	color:#24292e;
	background:#f4f7fa;
	border-bottom:1px solid #e2e6e9;
	padding:5px 10px;}

.card-rating-box div {
	width:15%;
	float:right;}

.card-rating-box div:first-child {
	width:85%;
	float:left;}


/*****contenido generales*****/
.titPagina {
	padding: 0 0 0 10px;
	font-size: 1.7em;
	color: #1B3E72;
	margin: 20px 0 0 0!important;
	font-weight: 300;
	line-height: 1;
	border-left: 8px solid #BADCF7;}

.titPagina span {font-weight:500;}

.subtitPagina, .subtitPaginaPanel {
	padding:10px 15px;
	font-size:1.2em;
	color:#1B3E72;
	border-bottom:1px solid #BADCF7;
	background:#fff;
	margin-bottom:10px;}

.subtitPaginaPanel {
	margin-bottom:0px;
	background: #DBEFFF;
	color: #1B3E72;
	border-color: #1B3E72;}

.blockPanel {
	background: #fff;
	box-shadow: 0 0 3px #999;
	width: 100%;
	float:left;
	/* overflow-y: auto;
	overflow-x: hidden; */
	border-radius: 3px;
	margin-bottom: 15px;}

.blockPanel hr {border-top: 1px solid #BADCF7;
}

.fixedTop {
	position:fixed;
	top:0;
	left:2.5%;
	display:none;
	margin-left:10px;
}

.menuLateral {
	float:left;
	width:200px;
	margin-top:10px;
	z-index:1;
}

.menuLateral>a {
	background:#BADCF7;
	border-left:3px solid #1B3E72;
	padding:4px 10px;
	margin-top:5px;
	color:#1B3E72;
	float:left;
	width:100%;
}

.menuLateral>a:hover {
	box-shadow: none;
	cursor:pointer;
	background:#1B3E72;
	color:#BADCF7;
}

#idMenuLateral2 {
	display: none;
	position: fixed;
	top: 0;
	left: 2.5%;
	margin-left: 10px;
}

.blockLateral {
	float:right;
	width:calc(100% - 210px);
}

.blockLateral .subtitPagina {
	color: #fff;
	background: #1B3E72;
	padding: 4px 15px;
}

/*****panel administracion*****/
.panelOpt {
	width: calc(10% - 10px);
	float: left;
	margin: 5px;}

.btnPanel {
	height: 75px;
	background: #DBEFFF;
	border: 1px solid #1B3E72;
	margin: 0 auto;
	border-radius: 3px;
	color: #1B3E72;
	padding: 15px 5px 15px 5px;
	font-size: 17px;
	font-weight: 300;
	line-height: 1;
	position:relative;
	overflow:hidden;
	transition: transform .2s;}

.btnPanel:hover {
	background:#fff;
	box-shadow: none;
	background:#BADCF7;
	transform: scale(1.05);}

.btnPanel>div {
	z-index:1;
	position:relative;}

.btnPanel:hover i {
	transform: rotate(-20deg);
	color:#fff;}

.btnPanel i {
	color: #BADCF7;
	margin: 10px;
	position: absolute;
	transform: rotate(-9deg);
	font-size: 80px;
	right: -10px;
	bottom: -20px;
	z-index: 0;
	opacity: 0.25;}

.tit1 {
	float:left;
	font-size:1.3em;
	padding:10px;
	background-color:#eee;
	font-weight:700;
	width:100%;
	margin-bottom:10px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;}

.titTable {
	background:#ccc;
	border:1px solid #fff;
	font-weight:500;}

.textTable {font-size:0.9em;}

.table-responsive {
	overflow-x:visible;
	width:100%;}

.colLinea {
	border-bottom:1px solid #e9e9e9; 
	float: left;
	width: 100%;
	min-height:60px;}

.bg-total {background:#ffebeb;}

.bg-totales {background:#ffbfbf;}


/*****datos*****/
.idioma, .idioma a {color:#fff;}

.formRadio {
	float:left;
	margin-right:25px;
	padding:7px 0;}

.formRadio [type=radio] {
	width:auto;
	margin-right:5px;}

.formData {
	width:150px!important;
	display:inline!important;
	margin:3px!important;
	float:none!important;}

.divFecha {display:inline-block!important;}

.divFecha input {width:145px!important;}

.inputFecha {width:min-content!important;}

.precio {
	font-weight:bold;
	color:#B0BDE9;
	text-align:right;}

.formValor {
	float:left;
	line-height:2;
	color:#666;}

/*****cabecera*****/
input[name=TITULOALIGN], 
input[name=SUBTITULOALIGN], 
input[name=COMPOSICION], 
input[name=COMPORTAMIENTOFONDO], 
input[name=COLUMNAS], 
input[name=ALIGNLAB1], 
input[name=POSLAB1], 
input[name=POSLAB2], 
input[name=ALIGNLAB2], 
input[name=INPUTALIGN], 
input[name=ALIGN], 
input[name=POSMARCA], 
input[name=POSIDIOMA], 
input[name=POSMENU], 
input[name=LOGOHALIGN], 
input[name=LOGOVALIGN]{
display:none;}
 
input[name=TITULOALIGN] + label, 
input[name=SUBTITULOALIGN] + label, 
input[name=COMPOSICION] + label, 
input[name=COMPORTAMIENTOFONDO] + label, 
input[name=COLUMNAS] + label, 
input[name=ALIGNLAB1] + label, 
input[name=POSLAB1] + label, 
input[name=POSLAB2] + label, 
input[name=ALIGNLAB2] + label, 
input[name=INPUTALIGN] + label, 
input[name=ALIGN] + label, 
input[name=POSMARCA] + label, 
input[name=POSIDIOMA] + label, 
input[name=POSMENU] + label, 
input[name=LOGOHALIGN] + label, 
input[name=LOGOVALIGN] + label {
	height: 105px;
	width: 140px;
	display:inline-block;
	padding: 0 0 0 0px;
	margin-bottom:14px;
	position:relative;
	left:50%;
	-ms-transform: translateX(-50%); /* IE 9 */
	-webkit-transform: translateX(-50%); /* Safari */
	transform: translateX(-50%);
	cursor:pointer;
	box-shadow: 0px 0px 4px #999;}

input[name=TITULOALIGN]:checked + label, 
input[name=SUBTITULOALIGN]:checked + label, 
input[name=COMPOSICION]:checked + label, 
input[name=COMPORTAMIENTOFONDO]:checked + label, 
input[name=COLUMNAS]:checked + label, 
input[name=ALIGNLAB1]:checked + label, 
input[name=POSLAB1]:checked + label, 
input[name=POSLAB2]:checked + label, 
input[name=ALIGNLAB2]:checked + label, 
input[name=INPUTALIGN]:checked + label, 
input[name=ALIGN]:checked + label, 
input[name=POSMARCA]:checked + label, 
input[name=POSIDIOMA]:checked + label, 
input[name=POSMENU]:checked + label, 
input[name=LOGOHALIGN]:checked + label, 
input[name=LOGOVALIGN]:checked + label {
	border: 2px solid #fff;
	height: 105px;
	width: 140px;
	display: inline-block;
	padding: 0 0 0 0px;
	margin-bottom: 10px;
	cursor:pointer;
	box-shadow: 0px 0px 0px 2px yellowgreen;}

input[name=ALIGNLAB1] + label, input[name=ALIGNLAB1]:checked + label,input[name=ALIGNLAB2] + label, input[name=ALIGNLAB2]:checked + label {
	width:100px;
	height:75px;}

label img {pointer-events: none;}


/*****seccion*****/
.tableTexto {
	width:100%;
}

.tableTexto td {
	border:1px solid #e6e6e6;
	padding:10px;
	text-align:justify;
	overflow:hidden;}

/******footer******/
.pie_footer {
	margin: 0 auto;
	overflow: auto;
	width: 95%;
	/* margin-top: 15px; */
	font-size: 12px;
	color: #fff;
	position: relative;
	overflow:visible;}

.pie_footer div {
	float:right;
	text-align:center;
	font-size:10px;}

.pie_footer img {width:90px;}

.web_footer {
	padding-top: 5px;
	overflow: visible;
	width: 100%;
	margin: 0 auto;
	float: inherit;
	clear: both;
	padding-bottom: 5px;
	position: relative;
	background:#1B3E72;}

.footlink {
	position: relative;
	width: 1150px;
	margin: 0 auto;
	overflow: hidden;}

#subir, #bajar {
	font-family: 'iconosfont';
	font-size: 46px;
	line-height: 25px;
	float: left;
	color: #999;
	padding: 0 5px;
	height: 44px;
	opacity: 0.3;
	position: fixed;
	bottom: 135px;
	right: 10px;
	background-color: #d6d6d6;
	z-index: 999;}

#bajar {bottom: 80px;}


/*****sweetalert*****/
.swal-footer {
	background-color: rgb(245, 248, 250);
	margin-top: 20px;
	border-top: 1px solid #E9EEF1;
	overflow: hidden;
	padding: 5px 10px;
	text-align:center;}

.swal-button2 {
	padding: 5px 16px;
	border-radius: 2px;
	background-color: #B0BDE9;
	font-size: 12px;
	/*border: 1px solid #3e549a;*/
	font-size: 16px;
	font-weight: normal;}

.swal-button2:hover, .swal-button2:active {background-color: #B0BDE9!important;	}

.swal-text {font-size:18px;}


/*****formularios*****/
.form-control {
	height:auto;
	padding: 7px 10px;
	font-size: 13px;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;}

select.form-control {
	margin-top:2px!important;
	padding:5px 10px;}

.form-control-static {
	font-size:14px;
	min-height: auto;
	padding-top: 3px;
	padding-bottom: 3px;}

.form-control-static select {padding: 1px 2px;border-radius: 4px;}
.form-horizontal .control-label {padding-top:3px;}
#collapseFiltros .btn-sm, #collapseFiltros .btn-group-sm > .btn {margin-top: -1px;}
.form-horizontal .form-group {padding-bottom: 1px;}
label {font-weight: 500;}
.form-horizontal {margin:15px 0;}
.form-group {
	margin-bottom: 5px;
	font-size:14px!important;}

.form-group input {margin-bottom:0px;}
.form-control[disabled], fieldset[disabled] .form-control {	background-color: #f4f7fa;	}
.form-control[readonly] {background-color:#e9f3fe}
textarea.form-control {min-height:120px;}
.form-horizontal .form-group {
	padding-bottom:10px;
	border-bottom:1px solid #f4f7fa;}

.campoObligatorio {border:2px solid #BADCF7!important;}

.botonsPaginacio {
	float:left;
	clear:both;
	margin:10px 0;
	position:relative;
	left:50%;
	-ms-transform: translatex(-50%);
	-webkit-transform: translatex(-50%);
	-moz-transform: translatex(-50%);
	transform: translatex(-50%);	}

.botonsPaginacio a {
	padding:4px 10px;
	border:1px solid #ccc;
	margin:5px 0;
	border-radius:5px; }

.botonsPaginacio a:hover {
	background:#f4f7fa;
	color:#B0BDE9;}

#mostrarOn, #mostrarOff {
	color:#B0BDE9;
	border:1px solid #B0BDE9;
	padding:2px 5px;
	float:right;
	cursor:pointer;
	border-radius:5px;
	font-size:0.9em;}

#mostrarOn:hover, #mostrarOff:hover {background:#f4f7fa;}

.table-responsive input[type="radio"], .table-responsive input[type="checkbox"]{margin-top: 0px;}

.table-responsive input[type="text"], .table-responsive select {
	padding: 1px 4px;
	border-radius:4px;}

.float-right {float:right;}

.float-left {float:left;}

.help-block {font-size: 11px;}

div.help-block {
	font-size: 10px;
	margin-top:-10px;
	text-align:right;}

.divCambioTipo {
	display:none;
	background-color:#ffffff;
	border:1px solid #d6d6d6;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    position:absolute;
    padding:3px 10px;}

.vistaCategorias li {
	margin-left:5px;
	padding:4px 10px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	background:#e6e6e6;
	width:300px;}

.vistaCategorias li>ul>li {
	margin-left:-5px;
	font-weight:normal;
	border-bottom:none;
	background:#f4f7fa;
	margin-top:3px;
	width:calc(300px - 10px);
	border-top:1px solid #fff;}

.vistaLocalizaciones li {
	margin-left:5px;
	padding:4px 10px;
	font-weight:bold;
	border-bottom:1px solid #fff;
	background:#e6e6e6;
	margin-top:3px;}

.vistaLocalizaciones>ul>li {
	background:#f3f6f7;
	border:1px solid #e6e6e6;
	border-radius:10px;}

.vistaLocalizaciones li>ul>li {
	margin-left: 10px;
	font-weight: normal;
	border-bottom: none;
	background: #f4f7fa;
	margin-top: 3px;
	border-top: 1px solid #fff;
	border-left: 1px solid #999;}

.marcaAgua {
	position:relative;
	float:left;}

.marcaAgua::after {
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f06e';
    position: absolute;
    bottom: 2px;
    right: 2px;
    font-size: 14px;
    background: #fff;
    border-radius: 50%;
    width: 23px;
    text-align: center;
    line-height: 21px;
    color: #5bc0de;
    border: 1px solid #5bc0de;}

.divIdioma {
	width:100%;
	text-align:right;
	background-color: #feffe8;
	padding:5px 10px;
	float:left;
	margin-bottom:10px;
	font-size: 14px;
	line-height: 28px;}

.divIdioma select {
	width: max-content;
	float: right;
	padding: 2px 5px;
	height: auto;
	margin:0 0 0 5px;}


/*recibo*/
.recContent {
	width:100%;
	padding:15px;
	height:auto;
	background:#fff;
	overflow:auto;}

.recLogo {
	float:left;
	width:25%;
	text-align:center;
	font-size:11px;
	color:#1B3E72;}

.recLogo img {
	width:90%;
	height:auto;}

.recCabecera {
	float:right;
	width:70%;
	border-top:1px solid #1B3E72;
	padding:10px 0;}

.recCabecera>div {
	float:left;
	width:50%;
	text-align:right;}

.recCabecera label {
	text-transform:uppercase;
	width:100%;
	padding-bottom:5px;}

.recCabecera form-control-static {
	font-weight:bold;
	text-align:right;}

.recDetalle {
	float:right;
	width:100%;
	border-top:1px solid #1B3E72;
	padding:10px;
	margin-top:10px;}

.recDetalleTit {
	float:left;
	width:100%;
	padding:5px;
	font-weight:bold;
	color:#1B3E72;}

.recDetalleCol {
	float:left;
	width:50%;
	padding:5px;
	border-bottom: 1px solid #F0EEEE;	}


/* .factConceptos tr {border-bottom: 2px solid #fff;} */

.factConceptos td {padding: 8px!important;}
.factConceptos th, .factConceptos td {border:0!important;white-space: normal!important;}

.factDesConcepto {
	clear: both;
	margin-top: 5px;
	width: 100%;
	float: left;}

 input:read-only {
	background: #f6f6f6!important;
	color:#1B3E72!important;
	border:1px solid #1B3E72!important;
	cursor: default;}

input:required, select:required {
	border:1px solid #BADCF7!important;
	cursor: default;}

.submenuList {
	width: calc(100% + 20px);
	background: #e6e6e6;
	color: #999;
	font-weight: bold;
	font-size: 17px;
	float: left;
	margin-bottom: 4px;
	margin-top: -10px;
	margin-left: -10px;
	padding: 5px 10px;}

.blocGallery>div:first-child  {
	width:100%;
	height:200px;
	position:relative;
	overflow:hidden;
	border-radius:10px;
	border: 2px solid #e6e6e6;
	margin-top:30px;}

.blocGallery>div:first-child img {
	position:absolute;
	width:105%;
	transform:translate(-50%,-50%);
	top:50%;
	left:50%;
	max-width:none;}

.blocGallery>div>button {
	position:absolute!important;
	top:7px;
	left:10px;}

.blocGalleryTit {
	font-weight: bold;
	padding: 5px;
	height: 45px;}

.blocGalleryBox {
	background:#f4f7fa;
	overflow:hidden;
	padding:3px;
	margin:3px;
	height:60px;}

.blocGalleryOrd, .blocGalleryDis {
	position:absolute;
	top:10px;
	right:50px;
	width:30px;
	height:30px;
	box-shadow:0 0 5px #666;
	border-radius:50%;
	background:#fff;
	font-size:15px;
	line-height:29px;
	color:#666;
	z-index:10;}

.blocGalleryDis {right:10px;}


/***inputs img***/
input#POSIMAGEN_N, 
input#POSIMAGEN_T, 
input#POSIMAGEN_R, 
input#POSIMAGEN_B, 
input#POSIMAGEN_L, 
input#POSIMAGEN_F, 
input#POSIMAGEN_A, 
input#GALERIA_E, 
input#GALERIA_Q, 
input#GALERIA_F, 
input#GALERIA_T,
input#GALERIA_S,
input#GALERIA_B,
input#GALERIA_L,
input#GALERIA_I,
input#GALERIA_O,
input#BACKGROUNDIMAGECOMPORTAMIENTO_C,
input#BACKGROUNDIMAGECOMPORTAMIENTO_R,
input#BACKGROUNDIMAGECOMPORTAMIENTO_W,
input#BACKGROUNDIMAGECOMPORTAMIENTO_H,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_C,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_R,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_W,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_H,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_C,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_R,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_W,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_H,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_C,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_R,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_W,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_H,
input#SWSLIDER_1,
input#SWSLIDER_2,
input#SWSLIDER_3,
input#SWSLIDER_4,
input#SWCATVISTA_1,
input#SWCATVISTA_2,
input#SWCATVISTAEVENTOS_1,
input#SWCATVISTAEVENTOS_2,
input#SWNOTVISTA_1,
input#SWNOTVISTA_2,
input#SWMOVVISTA_1,
input#SWMOVVISTA_2,
input#SWMOVVISTAEVENTOS_1,
input#SWMOVVISTAEVENTOS_2,
input#SWVARVISTA_1,
input#SWVARVISTA_2,
input#SWVARVISTAEVENTOS_1,
input#SWVARVISTAEVENTOS_2 {
display:none;
}

input#POSIMAGEN_N + label, 
input#POSIMAGEN_T + label, 
input#POSIMAGEN_R + label, 
input#POSIMAGEN_B + label, 
input#POSIMAGEN_L + label, 
input#POSIMAGEN_F + label, 
input#POSIMAGEN_A + label, 
input#GALERIA_E + label, 
input#GALERIA_Q + label, 
input#GALERIA_F + label, 
input#GALERIA_T + label,
input#GALERIA_S + label,
input#GALERIA_B + label,
input#GALERIA_L + label,
input#GALERIA_I + label,
input#GALERIA_O + label,
input#BACKGROUNDIMAGECOMPORTAMIENTO_C + label,
input#BACKGROUNDIMAGECOMPORTAMIENTO_R + label,
input#BACKGROUNDIMAGECOMPORTAMIENTO_W + label,
input#BACKGROUNDIMAGECOMPORTAMIENTO_H + label,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_C + label,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_R + label,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_W + label,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_H + label,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_C + label,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_R + label,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_W + label,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_H + label,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_C + label,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_R + label,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_W + label,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_H + label,
input#SWSLIDER_1 + label,
input#SWSLIDER_2 + label,
input#SWSLIDER_3 + label,
input#SWSLIDER_4 + label,
input#SWCATVISTA_1 + label,
input#SWCATVISTA_2 + label,
input#SWCATVISTAEVENTOS_1 + label,
input#SWCATVISTAEVENTOS_2 + label,
input#SWNOTVISTA_1 + label,
input#SWNOTVISTA_2 + label,
input#SWMOVVISTA_1 + label,
input#SWMOVVISTA_2 + label,
input#SWMOVVISTAEVENTOS_1 + label,
input#SWMOVVISTAEVENTOS_2 + label,
input#SWVARVISTA_1 + label,
input#SWVARVISTA_2 + label,
input#SWVARVISTAEVENTOS_1 + label,
input#SWVARVISTAEVENTOS_2 + label {
	height: auto;
	width: 170px;
	display:inline-block;
	padding: 0 0 0 0px;
	cursor:pointer;
	border: 2px solid #fff;
	box-shadow: 0px 0px 0px 2px #fff;
	line-height: 0px;
	position:relative;
	margin:3px 0;
}

input#POSIMAGEN_N:checked + label, 
input#POSIMAGEN_T:checked + label, 
input#POSIMAGEN_R:checked + label, 
input#POSIMAGEN_B:checked + label, 
input#POSIMAGEN_L:checked + label,
input#POSIMAGEN_F:checked + label,
input#POSIMAGEN_A:checked + label,
input#GALERIA_E:checked + label, 
input#GALERIA_Q:checked + label, 
input#GALERIA_F:checked + label, 
input#GALERIA_T:checked + label,
input#GALERIA_S:checked + label,
input#GALERIA_B:checked + label,
input#GALERIA_L:checked + label,
input#GALERIA_I:checked + label,
input#GALERIA_O:checked + label,
input#BACKGROUNDIMAGECOMPORTAMIENTO_C:checked + label,
input#BACKGROUNDIMAGECOMPORTAMIENTO_R:checked + label,
input#BACKGROUNDIMAGECOMPORTAMIENTO_W:checked + label,
input#BACKGROUNDIMAGECOMPORTAMIENTO_H:checked + label,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_C:checked + label,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_R:checked + label,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_W:checked + label,
input#BACKGROUNDALTERIMAGECOMPORTAMIENTO_H:checked + label,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_C:checked + label,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_R:checked + label,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_W:checked + label,
input#MENUBACKGROUNDIMAGECOMPORTAMIENTO_H:checked + label,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_C:checked + label,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_R:checked + label,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_W:checked + label,
input#FOOTERBACKGROUNDIMAGECOMPORTAMIENTO_H:checked + label,
input#SWSLIDER_1:checked + label,
input#SWSLIDER_2:checked + label,
input#SWSLIDER_3:checked + label,
input#SWSLIDER_4:checked + label,
input#SWCATVISTA_1:checked + label,
input#SWCATVISTA_2:checked + label,
input#SWCATVISTAEVENTOS_1:checked + label,
input#SWCATVISTAEVENTOS_2:checked + label,
input#SWNOTVISTA_1:checked + label,
input#SWNOTVISTA_2:checked + label,
input#SWMOVVISTA_1:checked + label,
input#SWMOVVISTA_2:checked + label,
input#SWMOVVISTAEVENTOS_1:checked + label,
input#SWMOVVISTAEVENTOS_2:checked + label,
input#SWVARVISTA_1:checked + label,
input#SWVARVISTA_2:checked + label,
input#SWVARVISTAEVENTOS_1:checked + label,
input#SWVARVISTAEVENTOS_2:checked + label  {
	border: 2px solid #fff;
	height: auto;
	width: 170px;
	display: inline-block;
	padding: 0 0 0 0px;
	cursor:pointer;
	box-shadow: 0px 0px 0px 2px yellowgreen;
	line-height: 0px;
	position:relative;
	margin:3px 0;
}

.orderBox {
	background: #f4f7fa;
	float: left;
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
	border-right:4px solid #fff;
	height:100%;}

.orderBox div {
	font-size:18px;
	color:#666;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:18px;}

.imgBox {
	float:left;
	margin-right:10px;}

.imgBox img {width:200px;}

.imgForm {
	width:100%;
	height:105px;
	position:relative;
	overflow:hidden;}

.imgForm img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	height:auto;}


/****facturas****/
.formatoA4 {
	position:relative;
	margin:0 auto;
	border:1px solid #e6e6e6;
	background:#fff;
	box-shadow: 0 0 5px #666;
	width:1000px;
	padding:20px;
	/* aspect-ratio: 0.75; */
	font-size:13px;
	max-width:1000px;
	min-height:675px;
	float:left;
}

.formatoA4 textarea.form-control {min-height:auto!important;height:auto!important;}

#fact {
	width:100%;
	box-sizing:border-box;
	padding:10px;}
	
.fact input[readonly]{
	border:0!important;
	background:#e6e6e6!important;
}

.factCabecera {
	float:left;
	width:100%;
	font-size:13px;
	background:#fff;}
	
.factCabecera select, .factCabecera input {
	line-height: 19px;
	padding: 0 2px;
	margin-bottom:5px;
	width:100%;
}

.factLogo {
	float:left;
	height:80px;}

.factDatosEmpresa {
	float:left;
	width:50%;
	padding:10px;
	clear:left;
	margin-top:5px;}

.factDatosCliente {
	float:right;
	width:47%;
	padding:10px;
	margin-top:5px;}

.factDatosCliente label, .factDatosEmpresa label, .factLabel {
	line-height:17px;
	float:left;
	font-size:13px;
	margin-bottom:0;}

.factDatosFactura {
	width:100%;
	float:left;
	margin:15px 0;
	padding:5px 0;}

.factDatosFactura input{
	width:200px!important;
	margin-right:30px;}

.factDatosFactura label {
	float:left;
	line-height: 27px;
	margin-right: 10px;}

.factTitConcepto {
	font-size:15px;
	/* font-weight:bold; */}

.inputFactura {
	float: left;
	width: calc(100% - 20px);}
	


/*PRELOADING------------ */
.lds-dual-ring { 
	display: flex;
	margin: 0 auto;
	width: 64px;
	height: 64px;}
	
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #BADCF7;
  border-color: #BADCF7 transparent #BADCF7 transparent;
  animation: lds-dual-ring 1.2s linear infinite;}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align:center;
	z-index: 9999;
	background:  50% 50% no-repeat;
	background-color: rgb(255,255,255);
	opacity: .9;}

/*****carrito*****/
.carritoTit {
	font-size:0.9em;
	font-weight:bold;
	color:#00345b;
	line-height:1em;
	line-height: 1em;
	border-bottom: 1px solid #f4f7fa;
	padding-bottom: 2px;
	margin-bottom: 5px;}

.carritoTit span {
	font-size:1em;
	font-weight:normal;}

.carritoDesc {
	font-size:0.8em;
	color:#BADCF7;
	line-height:1em;
	margin-bottom: 5px;}

#container-slide {margin-top:15px;}

.radio input[type="radio"]{margin-top:2px!important;}

.subtitHome {
	font-weight: lighter;
	font-size: 1.5em;
	color: #999;
	margin-bottom: 5px;
	margin-top: 25px;}

.txtLOPD {
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: justify;}


/*nou dashboard */
.colText, .col100 {
	width:calc(75% - 10px);
	float:left;
	padding:0 5px;
	margin-top:5px;}

.colText2 {
	margin:5px auto;
	padding:0 5px;}

.colBotons {
	width:calc(25% - 20px);
	float:right;
	padding:0 10px;
	margin-top:5px;}

.colCamp {
	margin:5px 0;
	padding-bottom:10px;}

.colCamp>label {
	font-size:15px;
	font-weight:normal;
	padding-top: 5px;
	background-color: #f4f6f9;
	width: 100%;
	padding: 4px 5px;
	text-align: left;
	margin-bottom: 3px!important;
	text-transform: uppercase;
	color: #1B3E72;
	text-align:left!important;
	border-left:5px solid #1B3E72;}

.colCamp2>label {
	background-color: #c5c5c5;
	color: #fff;}

.colCampRadio {
	margin-bottom:0px;
	padding-bottom:5px;
	/* border-bottom:1px solid #f4f7fa;
	border-top:1px solid #f4f7fa; */
	float: left;
	width: 100%;
	padding-bottom: 0px!important;
	clear:both;
	margin:2px 0;}

.colCampRadio>label {
	font-size:15px;
	font-weight:normal;
	padding-top: 5px;
	float:left;
	width:calc(100% - 75px);
	padding-top:0!important;
	margin-top:10px;
	text-align: left;
	margin-bottom: 3px!important;
	text-transform: uppercase;
	color: #1B3E72;
	text-align:left!important;}

.colCampRadio>div {float:right;}

.colCampRadio .toggleSwitch {
	margin:5px 0;}

.colCamp2 {background-color: #f4f7fa;}

label.control-label {position:relative;}

.colCamp .formData {
	width: 60px;
	text-align: center;
	margin: 0;}

.colCamp .formData2 {
	width: 110px;
	text-align: center;
	margin: 0;}

.form-text {margin-bottom:0;}

.col50 {
	width:50%!important;
	float:left;}

.col100 {width:100%!important;}

/*custom switch*/
.toggleSwitch {
	position: relative;
	margin-top: 5px;
	font-size: 0;
	width: 60px;
	height: 30px;}

.toggleSwitchVid{
	width:110px;
	height: 20px;
	margin-top:1px;
}

.toggleSwitch-label {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	font-size: 14px!important;
	color:#fff;
	cursor:pointer;
	line-height: 20px!important;
	margin-bottom:0;}

.toggleSwitch-label_left:after {
	content: "";
	position: absolute;
	top: -10px;
	right: -38px;
	bottom: -10px;
	left: 0px;
	z-index: 2;}

.toggleSwitch-label_left {
	position: absolute;
	right: 5px;
	z-index: 1;
	width: 22px!important;
	text-align: center;
	top: 4px;}

.toggleSwitch-label_right {
	position: absolute;
	left: 5px;
	z-index: 1;
	width: 22px!important;
	text-align: center;
	top: 4px;}
	
.toggleSwitchVid .toggleSwitch-label_left{
	width: 55px !important;
    right: 1px;
    text-transform: uppercase;
    font-size: 12px !important;
    top:1px;
}
.toggleSwitchVid .toggleSwitch-label_right{
	width: 55px!important;
	left:1px;
	text-transform: uppercase;
	font-size: 12px !important;
	top:1px;
}

.toggleSwitch-input {
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	position: absolute;
	clip: rect(0 0 0 0);
	overflow: hidden;}

.toggleSwitch-display {
	content: "";
	position: absolute;
	width: 58px;
	height: 28px;
	border-radius: 17.5px;
	transition: background-color 150ms ease-in-out;}
	
.toggleSwitch-display-vid {
	width: 110px;
	height: 20px;
}

.toggleSwitch-display:after {
	content: "";
	position: absolute;
	top: 3px;
	left: 4px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: white;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	transition: transform 150ms ease-in-out;}
	
.toggleSwitch-display-vid:after {
    left: 4px;
	top: 2px;
    width: 55px;
    height: 16px;
    border-radius:20px;
}
/* checked logic selector */
.toggleSwitch-input_right:checked + .toggleSwitch-display {background-color: #d14545;}
.toggleSwitch-input_right:checked + .toggleSwitch-input_right color: #d14545;}
.toggleSwitch-input_right:disabled:checked + .toggleSwitch-display {background-color: #e79a9a;}
.toggleSwitch-input_right:disabled:checked + .toggleSwitch-input_right {color: #e79a9a;}
.toggleSwitchVid .toggleSwitch-input_right:checked + .toggleSwitch-display {background-color: #b1b1b1;}


/* checked logic selector */
.toggleSwitch-input_right:checked + .toggleSwitch-display:after {transform: translateX(29px);}
.toggleSwitchVid .toggleSwitch-input_right:checked + .toggleSwitch-display:after {transform: translateX(49px);}

/* checked logic selector */
.toggleSwitch-input_left:checked + .toggleSwitch-label_right:after {
	content: "";
	position: absolute;
	top: -10px;
	right: 0;
	bottom: -10px;
	left: -36px;
	z-index: 2;}

.toggleSwitch-input_left:checked ~  .toggleSwitch-display {background-color:#b1c23a;}
.toggleSwitchVid .toggleSwitch-input_left:checked ~  .toggleSwitch-display {background-color:#b1b1b1;}
.toggleSwitch-input_left:disabled:checked ~ .toggleSwitch-display {background-color: #dae29e!important;}
.toggleSwitch-input_left:disabled:checked ~ .toggleSwitch-input_left {color: #dae29e!important;}


/*margenes*/
.p-0{padding:0px!important;}
.p-5 {padding:5px!important;}
.p-10 {padding:10px!important;}
.p-15 {padding:15px!important;}
.p-20 {padding:20px!important;}
.p-25 {padding:25px!important;}
.p-30 {padding:30px!important;}
.p-35 {padding:35px!important;}
.p-40 {padding:40px!important;}
.p-50 {padding:50px!important;}

.ph-5 {padding:5px 0!important;}
.ph-10 {padding:10px 0!important;}
.ph-15 {padding:15px 0!important;}
.ph-20 {padding:20px 0!important;}
.ph-25 {padding:25px 0!important;}
.ph-30 {padding:30px 0!important;}
.ph-35 {padding:35px 0!important;}
.ph-40 {padding:40px 0!important;}
.ph-50 {padding:50px 0!important;}

.pw-5 {padding:0 5px!important;}
.pw-10 {padding:0 10px!important;}
.pw-15 {padding:0 15px!important;}
.pw-20 {padding:0 20px!important;}
.pw-25 {padding:0 25px!important;}
.pw-30 {padding:0 30px!important;}
.pw-35 {padding:0 35px!important;}
.pw-40 {padding:0 40px!important;}
.pw-50 {padding:0 50px!important;}

.mt-0 {margin-top:0px!important;}
.mt-5 {margin-top:5px!important;}
.mt-10 {margin-top:10px!important;}
.mt-15 {margin-top:15px!important;}
.mt-20 {margin-top:20px!important;}
.mt-25 {margin-top:25px!important;}
.mt-30 {margin-top:30px!important;}
.mt-35 {margin-top:35px!important;}
.mt-40 {margin-top:40px!important;}
.mt-50 {margin-top:50px!important;}

.mb-0 {margin-bottom:0px!important;}
.mb-5 {margin-bottom:5px!important;}
.mb-10 {margin-bottom:10px!important;}
.mb-15 {margin-bottom:15px!important;}
.mb-20 {margin-bottom:20px!important;}
.mb-25 {margin-bottom:25px!important;}
.mb-30 {margin-bottom:30px!important;}
.mb-35 {margin-bottom:35px!important;}
.mb-40 {margin-bottom:40px!important;}
.mb-50 {margin-bottom:50px!important;}

.w-5,.w-10,.w-15,.w-20,.w-25,.w-30,.w-35,.w-40,.w-45,.w-50,.w-55,.w-60,.w-65,.w-70,.w-75,.w-80,.w-85,.w-90,.w-95,.w-100 {margin-right:10px;}
.w-5 {width:calc(5% - 10px)!important}
.w-10 {width:calc(10% - 10px)!important}
.w-15 {width:calc(15% - 10px)!important}
.w-20 {width:calc(20% - 10px)!important}
.w-25 {width:calc(25% - 10px)!important}
.w-30 {width:calc(30% - 10px)!important}
.w-35 {width:calc(35% - 10px)!important}
.w-40 {width:calc(40% - 10px)!important}
.w-45 {width:calc(45% - 10px)!important}
.w-50 {width:calc(50% - 10px)!important}
.w-55 {width:calc(55% - 10px)!important}
.w-60 {width:calc(60% - 10px)!important}
.w-65 {width:calc(65% - 10px)!important}
.w-70 {width:calc(70% - 10px)!important}
.w-75 {width:calc(75% - 10px)!important}
.w-80 {width:calc(80% - 10px)!important}
.w-85 {width:calc(85% - 10px)!important}
.w-90 {width:calc(90% - 10px)!important}
.w-95 {width:calc(95% - 10px)!important}
.w-100 {width:calc(100% - 10px)!important}

/*colores*/
.bo-softgray {border:2px solid #f4f7fa!important;}
.bg-softgray {background:#f4f7fa!important;}
.bg-white {background:#fff!important;}
.bg-warning-light {background:#feffe8!important;}
.co-softblue {color:#B0BDE9!important}
.co-blue {color:#23527c!important}
.co-darkblue {color:#1B3E72!important}


.op-90 {opacity:90%;}
.op-80 {opacity:80%;}
.op-70 {opacity:70%;}
.op-60 {opacity:60%;}
.op-50 {opacity:50%;}
.op-40 {opacity:40%;}
.op-30 {opacity:30%;}

.text-right{text-align:right}
.text-left{text-align:left}
.text-center{text-align:center}
.text-justify{text-align:justify}

/*ajudes*/
#activaAyuda {display:initial;}

.hlp-preview {
	width: 100%;
	position: absolute;
	height: 100vh;
	top: 0;
	left: 0;
	display:none;
	background: rgba(33,62,68,0.3);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
	opacity: 0;
	z-index: 5;
	transition: all 0.1s ease-in-out;}

.hlp-annotations {
	display: none;
	position: absolute;
	padding: 10px 25px;
	min-width: 140px;
	border-radius: 3px;
	text-align: center;
	background: rgba(255,255,255,1);
	color: rgba(20,40,47,0.9);
	font-size: 16px;
	font-style: italic;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	opacity: 0;
	transform: scale(1.3);
	transition: all 0.3s ease-in-out;
	z-index:100;}

.hlp-annotations.hlp-left:after {
	position: absolute;
	font-style: normal;
	font-family: 'FontAwesome';
	background: #2C2E66;
	border:2px solid #fff;
	color: #fff;
	font-size: 20px;
	top: 50%;
	transform: translateY(-50%);
	padding: 1px 10px 2px 7px;
	border-radius: 50%;
	content: '\f053';
	left: -17px;}

.hlp-annotations.hlp-right:after {
	position: absolute;
	font-style: normal;
	font-family: 'FontAwesome';
	background: #2C2E66;
	border:2px solid #fff;
	color: #fff;
	font-size: 20px;
	top: 50%;
	transform: translateY(-50%);
	padding: 1px 7px 1px 10px;
	border-radius: 50%;
	content: '\f054';
	right: -18px;}

.hlp-annotations-active .hlp-annotations, .hlp-annotations-active .hlp-preview {
	filter: alpha(opacity=99);
	opacity: 1;
	transform: scale(1);}

.hlp-annotations-active .hlp-preview {transition-delay: 0.1s;}

.hlp-annotations00 {
	top:-10px;
	left: -160px;}

.hlp-annotations01 {
	top: -8px;
	right: -275px;}

.hlp-annotations02 {
	top: 80px;
	left: 155px;}

.hlp-annotations03 {
	top: 79px;
	right: 50px;}

.hlp-annotations04 {
	top: 35px;
	left: -35px;}

.hlp-annotations05 {
	top: 0px;
	left: 40%;}

.hlp-annotations-active .hlp-annotations05 {
	transition-delay: 0.1s;
	background:#f18b8d;
	color:#fff;
	text-shadow:none;
	padding: 6px 10px 2px 10px;}

.hlp-annotations-active .hlp-annotations05 i {color:#d01a1e;}

.hlp-annotations-active .hlp-annotations00 {transition-delay: 0.3s;}

.hlp-annotations-active .hlp-annotations01 {transition-delay: 0.4s;}

.hlp-annotations-active .hlp-annotations02 {transition-delay: 0.5s;}

.hlp-annotations-active .hlp-annotations03 {transition-delay: 0.6s;}

.hlp-annotations-active .hlp-annotations04 {transition-delay: 0.7s;}

/*sortable*/
#sortable { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;}

#sortable li {
	margin: 0 5px 10px 5px;
	padding: 5px;
	height: 40px;}

#sortable .colFull {
	padding: 0px 3px 20px 3px;
	margin: -2px 0 15px 0;}

#sortable .colFullForm {
	padding: 20px 3px;
	margin: 15px 0;}


html>body #sortable li {
	height: 40px;
	line-height: 1.2em;
	overflow:visible;
	line-height:27px;
	position:relative;
	padding-left:25px;}

#ordenable .ui-state-highlight {
	height: 55px;
	line-height: 27px;
	margin-bottom:20px;
	border-radius:5px;}


html>body #sortable li>div {
	position: absolute;
	left: -5px;
	top: 50%;
	border: 1px solid #999;
	background: #ffff;
	padding: 3px 5px;
	font-size: 13px;
	line-height: 13px;
	transform: translateY(-50%);}

.dropzone {
	width:100%;
	height:100%;}

#insertarImg {display:none;}

.insertarImgBox {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50% , -50%);
	width:400px;
	height:400px;
	background:#fff;
	border:1px solid #e6e6e6;
	box-shadow: 0 0 15px #666;
	z-index:1000;}

.insertarImgFondo {
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	z-index:2;}

.insertarImgCerrar {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;}

.labelDestacado {
	background:#f15832!important;
	color:#fff!important;}

.bottomFixed {
	position: fixed;
	bottom: 0px;
	width: 100%;
	background: #fff;
	height:205px;
	border-top:2px solid #BADCF7;
	z-index:1;}

.bottomFixed>div, .bottomFixed .colText{
	width:95%;
	position: relative;
	left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);}

.bottomFixed .colCamp{
	float:left;
	padding:5px;
	width:25%}

.bottomFixed .colCamp2{width:50%}

/*area trabajo*/
.blockPanelSoft {
	position:relative;
	background: #e9f3fb;}

.blockPanelSoft .subtitPaginaPanel span {
	font-size: 11px;
	border: 1px solid rgba(0, 0, 0, 0.4);
	padding: 1px 5px;
	color:rgba(0, 0, 0, 0.6);
	border-radius:3px;
	margin-left:15px;}

.blockPanelSoft .panelOpt {
	min-width:auto;
	position:relative;}

.blockPanelSoft a[aria-expanded="true"]::before {
	content: '\e260';
	display: block;
	position: absolute;
	right: 20px;
	font-family: 'Glyphicons Halflings';
	font-size: 15px;
	top: 18px;}

.blockPanelSoft a[aria-expanded="true"] {
	background:none;
	font-weight:bold;}

.blockPanelSoft a[aria-expanded="false"]::before {
	content: '\e259';
	display: block;
	position: absolute;
	right: 20px;
	font-family: 'Glyphicons Halflings';
	font-size: 15px;
	top: 18px;}

.blockPanelSoft a[aria-expanded="false"] {background:none;}

.blockPanelSoft .panelOpt .fa-star {
	position:absolute;
	bottom:5px;
	left:5px;
	z-index:1;
	font-size:14px;
	margin:0;
	color: goldenrod;
	text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff,1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
	cursor:pointer;}

.blockPanelSoft .panelOpt button{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 1;
	padding: 3px 7px;
	margin: 0;
	background: none;
	border: 0;
	color:#fff;}

.blockPanelSoft .btnPanel i {opacity: 0.1;}


.blockPanelSoft button .fa-question-circle {
	font-size:14px;
	color: #fff;
	margin:0;
	text-shadow: 1px 0 1px #999, -1px 0 1px #999, 0 1px 1px #999, 0 -1px 1px #999,1px 1px 1px #999, -1px -1px 1px #999, 1px -1px 1px #999, -1px 1px 1px #999;}

.tooltip-inner {
	background-color: #666;
	box-shadow: 0px 0px 4px #999;
	color:#fff!important;
	opacity: 1 !important;
	padding:3px;
	width:150px;}

.tooltip.bottom .tooltip-arrow {display:none;}

/***green***/
.blockPanelSoftGreen, .blockPanelSoftGreen .btnPanel div {background: azure;}

.blockPanelSoftGreen .subtitPaginaPanel {
	background:#dbf5f5;
	color:#1b5858;
	border-bottom: 1px solid #1b5858;}

.blockPanelSoftGreen .btnPanel {
	background:#dbf5f5;
	border:1px solid #1b5858;}

.blockPanelSoftGreen .btnPanel i, .blockPanelSoftGreen .btnPanel div>div, .blockPanelSoftGreen a {color:#1b5858!important;}


/***blue***/
.blockPanelSoftBlue, .blockPanelSoftBlue .btnPanel div {background: aliceblue;}

.blockPanelSoftBlue .subtitPaginaPanel {
	background:#daeaf9;
	color:#2c5d8b;
	border-bottom: 1px solid #2c5d8b;}

.blockPanelSoftBlue .btnPanel {
	background:#daeaf9;
	border:1px solid #2c5d8b;}

.blockPanelSoftBlue .btnPanel i, .blockPanelSoftBlue .btnPanel div>div, .blockPanelSoftBlue a {color:#2c5d8b!important;}


/***orange***/
.blockPanelSoftOrange, .blockPanelSoftOrange .btnPanel div {background: #fbf0e5;}
.blockPanelSoftOrange .subtitPaginaPanel {
	background:#ffe4c8;
	color:#c36e17;
	border-bottom: 1px solid #c36e17;}

.blockPanelSoftOrange .btnPanel {
	background:#ffe4c8;
	border:1px solid #c36e17;}

.blockPanelSoftOrange .btnPanel i, .blockPanelSoftOrange .btnPanel div>div, .blockPanelSoftOrange a {color:#c36e17!important;}


/***yellow***/
.blockPanelSoftYellow/* , .blockPanelSoftYellow .btnPanel div */ {background: #fdfde3!important;}
.blockPanelSoftYellow .subtitPaginaPanel {
	background:#fdfdb8;
	color:#8b8b13;
	border-bottom: 1px solid #8b8b13;}

.blockPanelSoftYellow .btnPanel {
	background:#fdfdb8;
	border:1px solid #8b8b13;}

.blockPanelSoftYellow .btnPanel i, .blockPanelSoftYellow .btnPanel div>div, .blockPanelSoftYellow a {color:#8b8b13!important;}


/***red***/
.blockPanelSoftRed {background: #ffebef;}

.blockPanelSoftRed .subtitPaginaPanel {
	background:#fbdee3;
	color:#cb586f;
	border-bottom: 1px solid #cb586f;}

.blockPanelSoftRed .btnPanel {
	background:#fbdee3;
	border:1px solid #cb586f;}

.blockPanelSoftRed .btnPanel i, .blockPanelSoftRed .btnPanel div>div, .blockPanelSoftRed a {color:#cb586f!important;}


/***purple***/
.blockPanelSoftPurple, .blockPanelSoftPurple .btnPanel div {background: #f4eeff;}
.blockPanelSoftPurple .subtitPaginaPanel {
	background:#e7dbfd;
	color:#7a56bd;
	border-bottom: 1px solid #7a56bd;}

.blockPanelSoftPurple .btnPanel {
	background:#e7dbfd;
	border:1px solid #7a56bd;}

.blockPanelSoftPurple .btnPanel i, .blockPanelSoftPurple .btnPanel div>div, .blockPanelSoftPurple a {color:#7a56bd!important;}

input.jscolor {padding-left:25px!important;}

div:has(>.jscolorParrilla) {position: relative;}

div:has(>.jscolorParrilla):after {
	content: '#';
	position: absolute;
	top: 7px;
	left: 10px;
	z-index: 1;
	color: #666;}

input.jscolorParrilla::before {
	content: '#';
	position: absolute;
	top: 1px;
	left: 5px;
	z-index: 1;
	color: #333;}

input.jscolorParrilla + label {left:20px!important;}


fieldset {
	border:1px solid #1B3E72;
	position:relative;
	padding:20px 0;
	margin:10px 0;
}
fieldset>label{
	position:absolute;
	top:-10px;
	left:10px;
	background:#fff;
	padding:0 5px;
	font-weight:500;
	color:#1B3E72;
}

.loginInicioBox fieldset {
	border:0px;
}

.table-content table {
  background: #fff none repeat scroll 0 0;
  border-color: #eaeaea;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
}

.table-content table td {
  border-top: medium none;
  font-size: 13px;
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}

#IVABONIFICADO,#RECARGOBONIFICADO {
	display:none;
}
#IVABONIFICADO.activo,#RECARGOBONIFICADO.activo {
	display:block;
}


/****************mqueries**************/

@media only screen and (max-width: 1530px) {
	.btnPanel {font-size:16px;}
}

@media only screen and (max-width: 1400px) {
	.panelOpt {width: calc(16.6% - 10px);}
	.contingutCol, .botonesCol {
	width:100%;
	float:left;
	}
	.formatoA4 {float:none;}
	
	.botonesCol {
	text-align:center;
	position:relative;
	right:0;
	bottom:0;
	}

	.botonesCol button {
	width:auto;
	margin:5px;
	}
}


@media only screen and (max-width: 1050px) {
	#cssmenu {width:100%}
	#cssmenu #menu-button {display: block;text-decoration: none;font-size: 17px;color: #1B3E72;padding:8px 5px 8px 60px;text-transform: uppercase;cursor: pointer; text-align:left;background: aliceblue;}
	#cssmenu > ul > li {width:100%;margin:0;}
	#cssmenu > ul > li > a {float:left;width:100%;padding:10px 0; border-radius:0;text-align:center; font-size:18px;border-top:1px solid #fff;border-bottom:1px solid #fff;}
	#cssmenu > ul {display: none;}
	#cssmenu > ul.open {display: block; border-top: 1px solid rgba(0, 0, 0, 0.1);width:100%}
	#cssmenu #menu-button::after {display: block;content: '';position: absolute;height: 7px;width: 25px;border-top: 2px solid #1B3E72;border-bottom: 2px solid #1B3E72; left: 20px; top: 13px;}
	#cssmenu #menu-button::before {display: block; content: ''; position: absolute; height: 3px; width: 25px;border-top: 2px solid #1B3E72; left: 20px;top: 23px;}
}

@media only screen and (max-width : 1024px) {
	.subtituloHome {font-size:12vw;}
	.panelOpt {width: calc(20% - 30px);}
	.col50 {width:100%!important;}
}

@media screen and (max-width: 960px){
	.hlp-preview, .hlp-annotations, #activaAyuda { display:none!important;}
	.menuLateral {display:none!important}
	.blockLateral {width:100%}
}


@media only screen and (max-width : 767px) {
	.web_header {padding: 0px 0 5px 0;}
	
	.logoweb {
		width: 50%;
		text-align: center;
		margin: 10px 0;}
	
	.loginweb .inputContainer {width: 155px;}
	
	.top-bar {
		padding:0;
		position:relative;
		width:100%;}
	
	.topLinks .icon {margin:0 2px;}
	
	.propietarios {width:100%;}
	
	.propietarios select{
		width: calc(100% - 90px);
		float: right;}
	
	.topLinks {
		position:absolute;
		right:0;
		top:10px;}
	
	.languages  {margin-top:5px;}
	
	#iconAyuda {
		top: -32px;
		right: 5px!important;}

	.panelOpt {
		width: calc(50% - 14px);
		margin: 5px 7px;}
	
	.colText, .colBotons {
	width:100%;
	padding:0;}
	
	.colCampRadio>div {float:inherit;}
	
	.blockPanel {padding:4px;}
	
	.bottomFixed {height:225px;}
	
	.bottomFixed .colCamp{
		float:left;
		padding:0px;
		width:100%}
	
	.sm-hide {display:none;}
	
	.web_header>div {width:95%;}
	
	#sidebarCollapse {top: calc(100% - 200px)!important;}

	.web_footer {padding-bottom:50px;}
	
	#bajar {bottom:120px;}
	
	#subir {bottom:170px;}
	
	.botonesFixed {
		background:none;
		border:none;
		padding:0 10px;
		width:max-content;
		width:100%;
		bottom:20px;}
	
	.botonesFixed button {
		padding: 3px 3px;
		font-size: 13px;
		font-weight:300;
		margin: 4px;
		width: calc(33.3% - 8px);
		float:left!important;}
		
	.botonesCol button {width:100%;}
	
	/*facturas*/
	.formatoA4 {width:100%;padding:5px;}
	.factLogo {max-width:60%;height:auto;}
	.factDatosEmpresa, .factDatosCliente {width:100%;}
	.factDatosFactura {width:100%;margin:10px 0;}
	.factDatosFactura label {line-height: 15px;margin: 5px 0 0 0!important;clear: both;}
	.factDatosFactura input {width:100%!important;margin: 5px 0!important;}
	.factDatosFactura>div {margin-top:0px!important;}
	.factConceptos #inputPERIODOINI, .factConceptos #inputPERIODOFIN, .inputPERIODO {float: left;clear: both;width: 100%;margin-bottom:5px;}
	.factConceptos input[type="radio"], .factConceptos input[type="checkbox"]{float: left;margin-top: 4px!important;margin-right: 5px;}
	#formapago select, #formapago textarea {float: left;clear: both;width: 100%;}
	.factConceptos .btn-sm {font-size: 11px;margin-top:3px;}
	.formatoA4 .row {margin:0;}

	
	/*tablas*/
	.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{
	clear: both;width: 100%;
	}
	.table-factura td span {min-width:105px!important;}
	.table-factura td button {float:none;}
	.table-factura tr {border-top: 3px solid #fff!important;border-bottom: 3px solid #fff!important;padding-bottom:15px;overflow:auto;}
}

@media only screen and (max-width : 480px) {

}