/*!
 * Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
:root{
	--body-bg-color:#f8f8f8;
	--header-bg-color:#272833;
	--header-font-color:#fff;
	--header-border-color:#272833;
	--user-photo-border:#272833;
	--right-menu-bg-color:#272833;
	--right-menu-border-color:#272833;
	--right-menu-li-hover:#fff;
	--right-menu-li-selected:#30313f;
	--right-menu-li-selected-font:#ffffff;
	--right-menu-selected-bg:#474855;
	--right-menu-li-active-bg:#30313f;
	--right-menu-li-active-font:#fff;
	--right-menu-li-a-hover:#fcfcfe;
	--right-menu-li-hover-font:#fff;
	--right-menu-font-color:#fff;
	--footer-bg-color-ini:#272833;
	--footer-bg-color-mid:#272833;
	--footer-bg-color-fin:#272833;
	--footer-font-color:#fff;
	
	--rowblock-bg: #fbfafa;
}
@font-face {
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/fa-regular-400.eot");
	src: url("../fonts/fa-regular-400.eot?#iefix")
		format("embedded-opentype"), url("../fonts/fa-regular-400.woff2")
		format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"),
		url("../fonts/fa-regular-400.ttf") format("truetype"),
		url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}
/*
@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: 400, 500, 600, 700;
	font-display: swap;
	src: url("../fonts/Quicksand/Quicksand-VariableFont_wght.ttf") format("truetype");
}
*/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format('ttf');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Roboto/Roboto-Bold.ttf") format('ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

img {
	max-width: 100%;
}

sql {
	display: none;
}

.block {
	display: block !important;
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

html, body {
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	height: 100%;
	/*overflow:scroll;*/
	background: var(--body-bg-color);
}
.control{
	z-index:unset !important;
}
.field :not(:last-child){
margin-bottom:0;
}

/* cabecera + menu */
.box-chart path{
	filter:drop-shadow(2px 2px 3px #3ea1f9);
}
.alert-title{
	background-color: #f25252;width: 100%;display: block;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;font-size: 1em;font-weight: bold;color: white;
}
.alert-content{
	display: block;padding: 10px;
}
.alert-buton{
	position: static;cursor:pointer;width: 100%;text-align: center;max-width: 100%;height: 2.5em;max-height: 2.5em;color: white;background-color: #cacaca;font-size: 1em;padding: 10px;font-weight: bold;display: block;
}
.confirm-buton{
	cursor:pointer;width: 40%;text-align: center;max-width: 40%;height: 2.5em;max-height: 2.5em;color: white;background-color: #cacaca;font-size: 1em;padding: 10px;font-weight: bold;display: block-inline;
}
.logo-a{
	display:block;width:100%;text-align:center;background-color:var(--header-bg-color);color:var(--header-font-color);font-weight:bold;
}
footer{
	height: 4em;
    display: block;
    position: relative;
    color: white;
    background-color: gray;
    padding: 1em;
    background-color: var(--footer-bg-color-ini);
	box-shadow: -1px 1px 2px var(--right-menu-bg-color);
}
i.fa-search {
	position: absolute;
	right: 54px;
	top: 12px;
}
header{
	display: block;
    z-index: 10;
    position: inherit;
	box-shadow: 1px 1px 2px var(--right-menu-bg-color);
}
span.icon .fa-angle-down, span.icon .fa-angle-up {
	margin-left: 30px;
}

.menu-label {
	padding: 6px 0px 0px 5px;
	text-transform:none;
}
.menu-label a{
	color:var(--right-menu-font-color);
}
.menu-label.active{
	background-color:var(--right-menu-li-active-bg);
	color: var(--right-menu-li-active-font);
	border-radius: 3px;
	/*! padding: 6px 0px 0px 10px; */
}
main>.column {
	/*! padding-top: 20px; */
}

#unload-box {
	width: 100vw;
	height: 100vh;
	background: silver;
	opacity: 0.7;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
}
.fst-label{
	display: none;
  background-color: rgb(255, 255, 255);
  border: 1px solid silver;
  opacity: 0.8;
  top: 202px;
  left: 202px;
  position: absolute;
  padding: 5px;
  border-radius: 3px;
  color: black;
}
#unload-box::after {
	left: 50vw;
	top: 50vh;
	position: absolute !important;
	border: 10px solid blue;
	animation: spinAround 1.5s infinite linear;
	border-radius: 9999px;
	border-right-color: transparent;
	border-left-color: transparent;
	box-shadow: 1px 2px 3px aliceblue;
	content: "";
	display: block;
	height: 6em;
	width: 6em;
	z-index: 999999;
}

tr>td {
	vertical-align: middle !important;
}

.repeatButtonBef:before {
	content: "+";
	font-size: 2em;
	background: #c1c1c1;
	color: white;
	font-weight: bolder;
	height: 30px;
	width: 30px;
	text-align: center;
	padding: 0;
	line-height: 27px;
	border-radius: 2px;
	margin-top: 1em;
	box-shadow: 1px 1px 1px black;
}
.image-turn-left{
	left:1em;
}
#msgDiv {
	position: fixed;
	bottom: 0px;
	max-height: 100px;
	background-color:var(--footer-bg-color-ini);
	color:var(--footer-font-color);
	left: 25%;
	width: 50%;
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: auto;
	font-size:0.8em;
}

#msgDiv>p {
	width: 100%;
	display: flex;
}

#msgDiv span {
	width: 33%;
}

#msgDiv a {
	color: aquamarine;
}
.changeToWeb{
	display: flex;
  position: relative;
  width: auto;
  flex-flow: nowrap;
  padding-right: 15px;
  cursor:pointer;
}
.changeToWeb:hover{
	background-color:var(--body-bg-color);
}
/* TABLAS */
.hidden{
	display:none !important;
}
.formListado{
	margin-top:10px;
}
#filters{
	margin-bottom:10px;
}
.fichaForm > .dnone{
	display:none;
}
/* iconos */
.th {
	font-size: 13px;
	position: sticky;
	/*! position: -webkit-sticky; */
	top: 0; /* required */
	z-index: 1;
	background-color: #e9f2fa;
	border-bottom: 1px solid silver !important;
}

th.th-icon {
	padding-left: 5px;
	padding-right: 5px;
}

th.th-icon span {
	display: flex;
	flex-flow: row;
	flex-wrap: nowrap;
}

th.th-icon span i {
	margin-left: 2px !important;;
	color: #0386f8;
}
/*
.th-icon:before {
	content: "\2191";
	right: 3px;
	position: absolute; 
	opacity:.5;
}

.th-icon:after {
	content: "\2193";
	position: absolute;
	right: 10px; 
	opacity:.5;
}
*/
#user_button{
	height: 30px;
  width: 30px;
  color: black;
  padding: 0;
  border: none;
  background: var(--header-bg-color);
}
.column button {
	border-radius: 0;
}

.column button:first-child {
	border-radius: .25rem 0 0 .25rem;
}

.column button:last-child {
	border-radius: 0 .25rem .25rem 0;
}
.rowblock {
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	background-color: var(--rowblock-bg);
	margin-top: 10px;
	display: block !important;
	max-width: 100%;
	padding: 1em;
	margin-bottom:1rem;
}
.fichaForm > .columns:not(:last-child) {
	margin-bottom:-1rem;
}
.fichaForm > .columns:last-child {
	margin-top:1.5rem;
}
.pagination {
	justify-content: unset;
	margin: 0;
}

.pagination .pagination-link {
	margin: 2px;
}

.form-section {
	background: white;
	border: 1px solid #c3c2c2;
	border-radius: 3px;
}

.form-section .title {
	font-weight: bold;
	font-size: 105%;
}
.seo-nav-block{
	border:1px solid blue;
	border-radius:5px;
	padding:5px;
	background-color:#fff;
	margin-right: 2.5em;
	position: relative;
}
.seo-nav-block:after{
	width: 3em;
	/* background-color:blue; */
	height:100%;
	display: block;
	margin: 10px;
	content: ">";
	position: absolute;
	right: -3.5em;
	top: 2%;
	font-size: 2em;
	color: blue;
}
.webButon{
	height: 25px;
  border: 0px;
  background-color: transparent;
  color: #fff;
  font-weight: bolder;
  font-size: 2em;
}
@media ( max-width : 1023px ) {
	.buscador-xs {
		position: absolute;
		top: 4px;
		left: 144px;
	}
	i.fa-search {
		right: 29px;
		top: 12px;
	}
	.notification-xs {
		position: absolute;
		top: 4px;
		right: 47px;
		font-size: small;
	}
	.overflow-x-scroll {
		overflow-x: scroll;
	}
	.column.is-2 {
		margin-left: 50px;
	}
	.menu-label {
		padding: 10px 0;
	}
	.menu-list {
		padding: 10px 0;
	}

	/* 	recursos */
	.m-10-xs {
		margin: 0 10px;
	}
}

.control.has-addons{
	display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
main {
	padding-top: 12px;
	display: flex !important;
}

.modal-content:first-child {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
}

.ctrlb:hover {
	border: 3px solid #528af5;
	border-radius: 5px;
}

.ctrlb:hover:before {
	content: "Columna";
	top: 0;
	left: 0;
	background: #528af5;
	border-radius: 2px;
	padding: 3px;
	color: #fff;
}

.ctrlb:empty {
	content: "Columna";
	border: 3px solid #528af5;
	border-radius: 5px;
}

.modal {
	position: fixed;
	top: 0px;
	z-index: 999999;
}

.modal-content {
	background-color: #FFF;
	padding-bottom: 10px;
	vertical-align: middle;
	z-index: 99999;
	margin-top: 60px;
}

.modal-header {
	background: blue;
	color: white;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
}

.modal-close {
	background-color: #686868;
	top: 65px;
}

.resselected {
	background: lightblue;
}

.list-mod-field {
	width: 40px;
}

.big-field {
	width: 250px;
}

.reduced-field {
	width: 40px !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.selectmult {
	display: inline-block;
	width: 25%;
	position: relative;
	vertical-align: top;
}

.selectmult select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 1rem;
	height: 2.25em;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	line-height: 1.5;
	padding-bottom: calc(0.375em - 1px);
	padding-left: calc(0.625em - 1px);
	padding-right: calc(0.625em - 1px);
	padding-top: calc(0.375em - 1px);
	vertical-align: top;
	background-color: white;
	border-color: #dbdbdb;
	color: #363636;
	cursor: pointer;
	display: block;
	font-size: 1em;
	max-width: 100%;
	outline: none;
}

.selectmult.is-small {
	border-radius: 2px;
	font-size: 0.75rem;
}

.selectr-tag {
	font-size: 70%;
}


.program .title {
	background: blue;
	color: white;
	padding: 10px;
	border-radius: 0px 0px 5px 0px;
}

.program-name {
	/*! vertical-align: baseline; */
	/*! height: 100%; */
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 9px;
	/*! vertical-align: bottom; */
	display: block;
	margin-left: 2vh;
}

.list-click-field {
	cursor: pointer;
}

.fichaForm {
	background: white;
	padding: 20px;
	border-radius: 6px;
	border: 1px solid #e0e6ed;
	box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06);
	max-width: 99%;
	position: static;
	display: block;
	margin-bottom: 10em;
}

.menu {
	background:var(--right-menu-bg-color);
	border-right: 1px solid #2d2f3c;
	height: 85vh;
	margin-right: 10px;
	position: relative;
	/*! overflow-y: auto; */
	padding-top: 0px;
	height: 95vh;
	display: block;
	/* z-index: 1; */
	display: block;
	overflow: hidden;
	box-shadow: 1px 1px 2px var(--right-menu-bg-color);
	text-transform: capitalize;
	/*! max-width:10%; */
}

.menu-list>li>.selected {
	color: var(--right-menu-li-selected-font);
	font-weight: 700;
	background-color:var(--right-menu-selected-bg);
}

.menu-label.active>a {
	background: var(--right-menu-li-active-bg);
	width: 100%;
	display: block;
	padding-left: 5px;
	color: var(--right-menu-li-active-font);
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 3px;
	font-weight: 700;
}

.menu-list a:hover {
	/*! color:var(--right-menu-li-a-hover); */
	font-weight: bold;
}
.sidebarmenu{
	/*! overflow-y:scroll; */
	height:77vh;
	padding-bottom: 20px;
}
.overflow-x-scroll {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	max-height: 70vh;
	overflow-y: scroll;
	border: 1px solid #e0e6ed;
	box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06);
	background: #fff;
}

.table {
	border: 1px solid #e0e6ed;
	box-shadow: 0 0 40px 0 rgba(94, 92, 154, .06);
	max-height: 70vh;
	display: table;
	table-layout: initial;
}

.table tr:hover {
	background: #f1f2f3;
}

.table tr>td>a {
	width: 100%;
	display: block;
}

.table td.show-this {
	display: table-cell;
}

.td-img {
	max-width: 60px;
	max-height: 60px;
}

.container.is-fluid {
	margin: 0;
	max-height: 100%;
	overflow: hidden;
}

.content {
	display: flex;
}

.show-image {
	border: none;
	position: relative;
	margin: 6px;
}

.show-image span {
	position: absolute;
	right: 1.5em;
	top: 0px;
	background-color: silver;
	width: 1.5em;
	text-align: center;
	font-weight: bold;
	border-radius: 5px;
	border: 1px solid antiquewhite;
	opacity: 0.7;
	cursor: pointer;
	display: none;
}

.show-image span.image-up {
	right: 3em;
}

.show-image span.image-down {
	right: 0em;
}

.show-image:first-of-type span.image-up {
	display: none;
}

.show-image:last-of-type span.image-down {
	display: none;
}

.show-image:hover span {
	display: block;
}

.show-image:hover {
	border: 1px solid silver;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 1px 1px 1px silver;
	margin: 0px;
}

.user-photo {
	background-color:var(--right-menu-bg-color);
	background-image: url('/pimg/control/background-user.jpeg');
	margin-bottom: 15px;
	height: 8vh;
	position: relative;
	display: block;
	width: 120%;
	margin-left: -30px;
}

.user-photo>.user-icon {
	background: white;
	border-radius: 45px;
	/*! margin-top: 10px; */
	position: absolute;
	top: 0px;
	height: 60px;
	width: 60px;
	/*! margin-left: 75px; */
	border: 6px solid var(--user-photo-border);
	overflow: hidden;
}

.user-icon>.icon {
	width: 100%;
	height: auto;
	font-size: 3em;
}

.user-photo>p {
	position: absolute;
	left: 65px;
	width: 55%;
	/*! font-weight: 700; */
	color: #fff;
	text-align: left;
	font-size: small;
}

.changeWeb {
	position: absolute;
	display: block;
	bottom: 0;
	right: 10px;
	z-index: 3;
}
/*
.dropdown-item:hover {
	background-color:var(--right-menu-li-hover);
	color: var(--right-menu-li-hover-font);
	cursor: pointer;
}
*/
/*
.dropdown-item {
	padding-bottom: 0;
	line-height: 1em;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	height: 37px;
	padding-left: 5px;
	font-size: 12px;
}
*/
.dropdown.is-active i.fa-angle-down::before{
	content: "\f106";
}
#dropdown-menu2 {
	/*! left: -190px; */
	overflow-y: scroll;
	max-height: 400px;
	border: 1px solid silver;
	border-radius: 0px 3px 3px 3px;
	margin-top: 11px;
	padding-top: 0;
	z-index: 10;
	position: absolute;
}

.navbar {
	/*background:#4361ee;*/
	color: white;
	/*! position: fixed; */
	width: 100%;
	z-index: 99;
	border-bottom: 2px solid var(--header-border-color);
	background: rgb(15, 10, 93);
	background: linear-gradient(90deg,var(--header-bg-color) 0%,
		var(--header-bg-color) 54%, var(--header-bg-color) 100%);
}

.navbar-brand {
	/*width: 9vw;*/
	background: var(--header-bg-color);
}

.navbar-brand img {
	max-height: 8vh;
	height: 55px;
	margin-top: 10px;
}

.navbar-end * {
	color: #fff;
}

.notification {
	margin-bottom: 10px;
}

.file-cta {
	padding: 0 !important;
}

.file-label {
	height: 3em;
}

.box-files>span {
	display: block;
}

.column {
	width: 50%;
	/*! overflow: hidden; */
}
.columns > .field{
	display: block;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.75rem;
  position: relative;
}
.imageinput {
	margin: 0.75rem;
	overflow: hidden;
}

.card-content {
	overflow: auto;
}

.fa-search {
	display: inline !important;
}
.changeWebTop{
	height: 50%;
  background: transparent;
  margin-top: 4%;
}
.rowblock {
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	background-color: var(--rowblock-bg);
	margin-top: 10px;
	display: block !important;
	max-width: 100%;
	padding: 1em;
	margin-bottom:1rem !important;
}
.wrap{
	/*! flex-flow:wrap; */
	margin-left: 0;
	display: block !important;
}
.allowedit:hover:after{
	content:"\270E";
	display: inline-block;
	margin-left: 10px;
cursor: pointer;
}
.modfield-block{
	margin:5px 2px 10px 2px;;
	border:1px solid var(--right-menu-selected-bg);
	padding:1px;
}
.modfield-field{
	display:flex;
	margin-bottom:5px;
	border:1px solid #ffa348;
	padding:4px;
	align-items:center;
	justify-content:space-between;
}
#maincontentbox{
		/*! margin-left:17%; */
		overflow-y: scroll;
		height: 90vh;
		/* position: relative; */
		/* display: block; */
	}
.repeatButton,.detachButton{
	padding:0; 
	/*revisar Api interna antes de descomentar
	margin-top:1.5%;
	*/
	display: block;
}
.repeat{
	max-width:100%;
	position: relative;
}
.control.column{
	margin-bottom:10px;
}
@media ( max-width : 1023px ) {
	nav>ul>li {
		display: inline-block;
	}
	.navbar {
		display: flex;
	}
	.navbar>ul {
		display: flex;
	}
	.navbar-start {
		display: flex;
	}
	.notification-xs {
		position: initial;
		top: inherit;
		left: inherit;
	}
	.navbar-burger {
		position: absolute;
		right: 0;
		top: 0;
	}
	.navbar-end {
		margin-top: 0.75em;
	}
	.menu{
		max-width:100%;
		margin-left: 0px !important;
	}
}

@media ( max-width : 500px ) {
	.menu {
		margin-left: 0px !important;
		/*position: absolute;
		z-index: 999;
		height:90vh;*/
	}
	.navbar-brand {
		display: none;
	}
	#dropdown-menu2 {
		right: -10px;
		left: -250px;
	}
	#maincontentbox{
		margin-left:5px !important;
	}
	.user-photo{
		width:100% !important;
	}
}