:root {
    --main-color: #6db4ca;
    --medium-color: #3a6e8c;
    --light-color: #becede;
    --dark-color: #253031;
	--main-color-05: #f0f7fa;
    --main-color-10: #f8fbfc;
    --cta-color: #d58f15;
    --cta-color: #d58f15;
}

/* BEGIN CSS GLOBAL*/

body {
	/*font-family: "Raleway", Arial, Verdana, Helvetica, Sans-serif; */
	font-size: 100%;
	background-color: hsl(0, 0%, 96%);
}


/* Estilos necesarios para Sidenav */
@media (min-width: 1400px) {
	main,
	header,
	footer,
	#debug-bar,
	#main-navbar,
	#topdebug {
		padding-left: 240px;
	}
}

#topdebug {
	padding-top: 44px;
}

.debug-scroll-section {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* Color pricipal a usar como relleno de fondos */
.main-color {
	background-color: var(--main-color);
}


.logo {
	height: 50px;
}

/* Estilos necesarios para Forms */
.checkbox-sm .form-check-input{
 top: .6rem;
 scale: .8;
 margin-right: 0.6rem;
 }

.checkbox-sm .form-check-label {
 padding-top: 9px;
 }

.checkbox-lg .form-check-input{
 top: .8rem;
 scale: 1.4;
 margin-right: 0.7rem;
 }

.checkbox-lg .form-check-label {
 padding-top: 13px;
 }

.checkbox-xl .form-check-input {
 top: 1.2rem;
 scale: 1.7;
 margin-right: 0.8rem;
 }

.checkbox-xl .form-check-label {
 padding-top: 19px;
 }

/* Estilos necesarios para Datatables */

.logo-datatable {
	max-width: 24px;
}


.gradient-datatables-header {
  /* fallback for old browsers */
  background: #4facfe;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(79, 172, 254, 0.5), rgba(0, 242, 254, 0.5));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(79, 172, 254, 0.5), rgba(0, 242, 254, 0.5))
}


/* Estilos necesarios para Live Search Box */

.dropdown-item-pseudo-focus {
	background-color: rgba(0, 0, 0, 0.05) !important;
	box-shadow: none !important;
}

#mdb-5-search-container {
	position: relative;
	font-size: .8rem;
}

#mdb-5-search-dropdown {
	display: none;
	position: absolute;
	top: 36px;
	overflow-y: hidden;
	width: 100%;
	z-index: 999999;
	background-color: white;
}

.mdb-5-search-keywords {
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#mdb-5-search-list {
	overflow-y: scroll;
	max-height: 265px;
	position: relative;
}

#mdb-5-search-list li a {
	transition: background-color .3s ease-in;
}

#mdb-5-search-list li a:hover, #mdb-5-search-list li a:active, #mdb-5-search-list li a:focus {
	background-color: rgba(0, 0, 0, 0.05);
	outline: none;
}


/* END CSS GLOBAL*/

/* BEGIN CSS ESPECÍFICO PARA RADIOBUTTONS SM/SIG/AMBOS */
.radio-card-label {
	width: 100%;
}
.radio-card-input-element {
	display: none !important;
}
.radio-card-input:hover {
	cursor: pointer;
	background-color: hsl(204, 60%, 95.9%);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.radio-card-input-element:checked + .radio-card-input {
	/*border: 1px solid hsl(204, 95%, 78%);*/
	border: 1px solid #097ac6;
}
.radio-card-input-element:disabled + .radio-card-input  {
	opacity: 0.4;
	pointer-events: none;
}
.radio-card-logo {
	max-height: 48px;
	max-width: 100%;
}
/* END CSS ESPECÍFICO PARA RADIOBUTTONS SM/SIG/AMBOS */


/* BEGIN CSS ESPECÍFICO PARA PÁGINA DE LOGIN*/
.login-logo {
	height: 90px;
}

.divider-form:after,
.divider-form:before {
	content: "";
	flex: 1;
	height: 1px;
	background: #757575;
	opacity: 0.4;
}
/* END CSS ESPECÍFICO PARA PÁGINA DE LOGIN*/

#toTop {
    display: none;
    /* Hidden by default */
}




.headline1,
.headline2,
.headline3,
.headline4 {
	font-style: normal; /* italic, oblique */
	font-weight: bold; /* normal */
	font-variant: normal; /* small-caps */	
}

.headline1 {	/* Headline1 - h1 Raleway bold 72px  */
	font-size: 10vw; /* 10% of the viewport width  */
	font-size: 72px;
	font-size: 4.5em; /* 72px/16=4.5em */
}

.headline2 {	/* Headline2 - h2 Raleway bold 54px  */
	font-size: 8vw; /* 10% of the viewport width  */
	font-size: 54px;
	font-size: 3.375em; /* 54px/16=3.375em */
}

.headline2 {	/* Headline3 - h2 Raleway semibold 32px  */
	font-weight: 500; /* semibold */
	font-size: 6vw; /* 10% of the viewport width  */
	font-size: 32px;
	font-size: 2em; /* 32px/16=2em */
}

.headline2 {	/* Headline4 - h2 Raleway semibold 24px  */
	font-weight: 500; /* semibold */
	font-size: 4vw; /* 10% of the viewport width  */
	font-size: 24px;
	font-size: 1.5625em; /* 24px/16=1.5625em */
}

.subtitle {
	line-height: 27px;
	font-size: 17px;
	font-size: 1.0625em; /* 27px/16=1.0625em */
}

p {
	line-height: 20px;
	font-size: 14px;
	font-size: 0.875em; /* 14px/16=0.875em */
}


#accordionExample .accordion-body{
    max-height: 360px;
    overflow: auto;
}



/*Estilos agregados por JU.*/
/*insertar formulario*/
/* .invalid-field, .invalid-field label{
	color: #bb2929;
	transition: all .1s linear;
} */
.invalid-field input.form-control, .invalid-field input.form-control:focus{
	border: 1px solid #bb2929;
	box-shadow: inset 0 0 0 1px #bb2929;
	transition: all .1s linear;

}
/* .correct-field, .correct-field label{
	color: #28a745;
	transition: all .1s linear;
} */
.correct-field input.form-control, .correct-field input.form-control:focus{
	border: 1px solid #28a745;
	box-shadow: inset 0 0 0 1px #28a745;
	transition: all .1s linear;

}