:root {
	--color-primary: #ec8838;
	--color-secondary: #080847;
	--color-tertiary: #080847;
}

body {
	font-family: Helvetica, "Neue-Condensed", Roboto, Calibri, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
}

header{
	padding: 0;
	background-color: #fff;
}

header img{
	max-width: 100%;
	width: auto
}

footer{
	background-color: var(--color-secondary);
	color: white;
}

footer a{
    color: #fff;
}

.container{
	margin-top: 20px;
	margin-bottom: 20px;
}

.l-en{ display: none; }
/* #ies, #ien, #ies2, #ien2  { cursor: pointer } */

.form-control[readonly] {
	background-color: #fdfdfd;
	opacity: 1;
}

a:hover {
    text-decoration: none;
}

label{ font-weight: 300; }

.help-block{
	font-size: .8em;
	font-weight: 600;
}


/* BACKGROUNDS COLOR */
.bg-primary{
	background-color: var(--color-primary);
}
.bg-secondary{
	background-color: var(--color-secondary);
}
.bg-tertiary{
	background-color: var(--color-tertiary);
}
.bg-quaternary{
	background-color: var(--color-tertiary);
}
.bg-grey{
	background-color: #f2f2f2;
}


/* TEXTS COLOR */
.text-primary{
	color: var(--color-primary)
}
.text-secondary{
	color: var(--color-secondary)
}
.text-tertiary{
	color: var(--color-tertiary)
}



.marco-item-reeloj{
	background-color: var(--color-tertiary);
	color: #fff;
	border-radius: 10px;
}

.height-event-details{
	min-height: 143px;
}

.line-bootom-orange{
	border-bottom: 1px solid var(--color-secondary);
}

.line-bottom-grey{
	border-bottom: 1px solid #ddd;
}

.line-bottom-grey-3{
	border-bottom: 3px solid #ddd;
}

.line-grey-3{
	background-color: #ddd;
	height: 3px;
}

.recuadro-line{
	border: 1px solid var(--color-secondary);
	border-top: 3px solid var(--color-secondary);
	border-radius: 8px;
	overflow: hidden;
	background-color: #fff;
}

.recuadro-line-grey{
	border: 1px solid #ecbb44;
	border-top: 3px solid #ecbb44;
	border-radius: 8px;
	overflow: hidden;
}

.underline {
	width: 84px;
	height: 4px;
	background-color: var(--color-primary);
	transform: skewX(-30deg);
}

.underline_m {
	width: 42px;
	height: 4px;
	background-color: var(--color-primary);
	transform: skewX(-30deg);
}

.sub-title{
	background-color: #dc3545;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 14px 20px;
	text-align: left;
	text-transform: uppercase;
}

.btn-pill{
	border-radius: 30px;
}


/* BS.CALLOUT */
.bs-callout-orange{
	border-top-color: var(--color-secondary);
	border-top-width: 3px;
}

.bs-callout-danger{
	border-top-width: 3px;
}

.bs-callout-info{
	border-top-width: 3px;
}


/* ################# */
/* BARRA - LOADING   */
/* ################# */
#line-loading-orange-5 {
	width: 100%;
	height: 5px;
	-webkit-animation: progreso 1s linear; 
	animation: progreso 1s linear;
	background: var(--color-primary);
}
@-webkit-keyframes progreso {
	0% { width: 0; }
	100% { width: 100%; }
}
@keyframes progreso {
	0% { width: 0; }
	100% { width: 100%; }
}
/* HTML: <div class="loader"></div> */
.loader {
	width: 20px;
	aspect-ratio: 1;
	--c: no-repeat linear-gradient(#FFF 0 0);
	background: 
	var(--c) 0%   50%,
	var(--c) 50%  50%,
	var(--c) 100% 50%;
	background-size: 20% 100%;
	animation: l1 .5s infinite linear;
}
@keyframes l1 {
	0%  {background-size: 20% 100%,20% 100%,20% 100%}
	33% {background-size: 20% 10% ,20% 100%,20% 100%}
	50% {background-size: 20% 100%,20% 10% ,20% 100%}
	66% {background-size: 20% 100%,20% 100%,20% 10% }
	100%{background-size: 20% 100%,20% 100%,20% 100%}
}
.rounded{
	border: 2px solid rgb(223, 228, 232);
	border-radius: 8px;
}



/* ################# */
/* SWITCH BOTON      */
/* ################# */
.switch-input {
	display: none;
}
.switch-w110 {
	min-width: 110px;
}
.switch-label {
	position: relative;
	display: inline-block;
	/*	min-width: 112px;*/
	cursor: pointer;
	text-align: left;
	padding: 0 0 0 44px;
}
.switch-label:before, .switch-label:after {
	content: "";
	position: absolute;
	margin: 0;
	outline: 0;
	top: 50%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.switch-label:before {
	left: 1px;
	width: 34px;
	height: 14px;
	background-color: #9E9E9E;
	border-radius: 8px;
}
.switch-label:after {
	left: 0;
	width: 20px;
	height: 20px;
	background-color: #FAFAFA;
	border-radius: 50%;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.switch-label .toggle--on {
	display: none;
}
.switch-label .toggle--off {
	display: inline-block;
}
.switch-input:checked + .switch-label:before {
	background-color: var(--color-primary);
}
.switch-input:checked + .switch-label:after {
	background-color: var(--color-secondary);
	-ms-transform: translate(80%, -50%);
	-webkit-transform: translate(80%, -50%);
	transform: translate(80%, -50%);
}
.switch-input:checked + .switch-label .toggle--on {
	display: inline-block;
}
.switch-input:checked + .switch-label .toggle--off {
	display: none;
}