/*** General ***/

:root {
  --color-azul: #1d1b33;
  --color-naranja: #e75129;
  --color-azul-md: #314499;
  --color-azul-light: #0062d4;
}
body {
	transition: all 280ms ease;
}
.select2-container--default .select2-selection--single{
	padding-right: 20px;
}

.text-dark-blue {color: var(--color-azul) !important;}

.dropdown-menu.dropdown-menu-lg {
	min-width: 150px;
}

#page-container h3, #page-container h4 {
	margin: 1rem 0;
}

.alert{
	z-index: 9999 !important;
}

.alert.z0{
	z-index: 0 !important;
}

.alert.email-validation{
	z-index: 1 !important;
}

.list-group .alert {
	z-index: 1000 !important;
}

a.text-white:hover{
	color: white !important;
}

.select2.select2-container {width: 100% !important}

.margin-left-auto {
	margin-left: auto;
	display: block;
}

.img-avatar.large {
	width: 150px; 
	height: 150px;
	border-radius: .25rem
}

.repeat.solo > div .eliminar{
	opacity: 0;
	transition: all 280ms ease;
	pointer-events: none;
}

.front-boxes{
	height: 95%;
}

#contrasena {
	display: none;
}

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

.disabled{
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

.btn.bg-secondary {
	background-color: var(--color-naranja) !important;
	border-color: var(--color-naranja) !important;
	transition: 0.2s ease-out;
	color: white !important;
}

.btn.bg-secondary:hover {
	background-color: var(--color-naranja) !important;
	border-color: var(--color-naranja) !important;
	opacity: 0.75
}

.color-secondary {
	color: var(--color-naranja) !important;
}

.bg-secondary {
	background-color: var(--color-naranja) !important;
}

.bg-primary {
	background-color: var(--color-azul-md) !important;
    background: linear-gradient(45deg, var(--color-azul-light), var(--color-azul)) !important;
}

.bg-blue-gradient {
    background: linear-gradient(45deg, var(--color-azul-light), var(--color-azul-md)) !important;
}

.bg-blue-gradient-invert {
    background: linear-gradient(45deg, var(--color-azul), var(--color-azul-md)) !important;
}

.content .card-block .no-margin-bottom {margin-bottom: 0 !important}

.text-blue-light {
	color: var(--color-azul-light) !important;
}

.item-rounded {
    border-radius: .25rem !important;
}

.link-break {
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 85%;
}

.data-block .fa {
	min-width: 20px;
	text-align: center;
}

.corporate-arrow {
	margin-right: .75rem;
	display: inline-block;
	max-width: 12px;
}

.slim .slim-btn-group {
	padding: 0;
	width: auto;
	text-align: left;
}

.slim .slim-btn-group button {
	cursor: pointer;
	margin: 0;
	border-radius: 0 10px 0 0;
}

.fit-content{
	width: fit-content;
}

#habilidades .custom-block .custom-control-label {
	width: auto !important;
	border-radius: 0 5px 5px 0 !important;
}

#habilidades .input-group-prepend button {
	background-color: #dae0e5 !important;
	border: none !important;
	margin-right: 1px;
}

/*** Standard Page ***/

.standard-page.bg-primary-darker {
	background-color: var(--color-azul-md) !important;
}

.standard-page h1 {
	color: #fff;
	font-size: 32px;
	font-weight: 900;
	line-height: normal;
}

.standard-page .h2,
.standard-page .h3,
.standard-page h2,
.standard-page h3 {
   margin: 2rem 0 1rem;
   color: var(--color-azul);
}

.standard-page p {width: 100%;}

.standard-page a {
	font-weight: 600; 
	/*word-break: break-all;*/
}

.standard-page ul,
.standard-page ol {
	width: 100%;
}

.standard-page ul > li,
.standard-page ol > li {
	margin:  10px 0;
}

.standard-page ul.list-group > li {
	margin: 0;
}

.standard-page blockquote {
    margin-bottom: 20px;
    font-size: 1.25rem;
    color: var(--color-azul-md);
    font-weight: 600;
    line-height: 1.75rem;
}

.standard-page blockquote p:last-child {
	margin-bottom: 0 !important;
}

.standard-page .btn > .fa {margin-right: .25rem}

.standard-page figure {
	width: 100%;
}

.standard-page img,
.standard-page figure img {
	width: 100%;
	margin:  2rem auto;
}

.standard-page table {
    width: 100%;
    margin-bottom: 1rem;
    color: #495057;
    background-color: transparent;
}

.standard-page table tbody tr:nth-of-type(odd) {
    background-color: #f5f6fa;
}

.standard-page table td {
	border: 0 !important;
	padding: .75rem;
}

.standard-page table tbody tr:hover {
    background-color: #ebedf5;
}

.content .block, 
.content .items-push>div, 
.content .push, 
.content p {
    margin-bottom: 1rem !important;
}

.content p.mb-0 {
	margin-bottom: 0 !important;
}

.content .data-block a {
	word-break: break-all;
}

.img-container {
    width: 130px;
    max-width: 130px;
    min-width: 130px;
}

.tab-content .block-content.bg-body-light ul,
.tab-content .block-content.bg-body-light > span, 
.tab-content .block-content.bg-body-light > div {
	padding-left: 20px;
	list-style: none;
}

.tab-content .block-content.bg-body-light ul > li > ul {
	padding-left: 0;
	list-style: none;
}

.tab-content .block-content.bg-body-light ul li span:first-of-type {
	margin-bottom: 10px;
	display: block;
}

.tab-content .block-content.bg-body-light ul.fa-ul {
	padding-left: 0;
	margin-left: 1.5em;
}

.tab-content .block-content.bg-body-light ul.fa-ul li{
	padding-left: 0;
}

.tab-content .block-content.bg-body-light ul.fa-ul li span:nth-of-type(2) {
	min-width: 120px;
	display: inline-block;
}

.tab-content .block-content.bg-body-light ul.fa-ul li .fa-li {
    left: -2.25em;
}

.tab-content .block-content.bg-body-light ul.fa-ul li .fa-li i {
    margin-right: 0;
}




/*** Header ***/

.nav-main-link.active,
.nav-main-link:hover,
.page-header-dark #page-header .btn-dual, 
.sidebar-dark #sidebar .btn-dual {
	background-color: var(--color-naranja) !important;
	border-color: var(--color-naranja) !important;
}

.background-primary,
#page-container.page-header-dark #page-header{
  background-color: var(--color-azul);
}

#logo {
  width: 120px;
  margin-top: 5px;
}

#page-container #page-header .responsive{
	gap: 10px;
}

#page-container.page-header-fixed #main-container {
    padding-top: 4.5rem;
}

.search-area .nav-tabs-alt .nav-link:focus, 
.search-area .nav-tabs-alt .nav-link:hover {
	color: white !important;
    box-shadow: inset 0 -3px white;
}

.search-area .nav-tabs-alt .nav-link.active {
    box-shadow: inset 0 -3px white !important;
    color: white !important;
}

.nav-tabs-alt .nav-item {
	margin-top: 0;
    margin-bottom: 0;
}

#social-row .share-icon {
	font-size: 1.1rem;
}

/*** card block ***/

.card-block img {
	width: 100%;
    border-radius: .25rem .25rem 0 0;
}

.card-block h3 {
	margin-bottom: 0.5rem !important;
    margin-top: 0;
}

.card-block .text-muted {
	color: #808080 !important; 
}

.card-block .text-muted > i {
	margin-right: .5rem;
	font-size: 1.25em;
}

.card-block .circle {
	width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #cccccc;
    display: inline-block;
    margin: 0 5px 0 5px;
}

ul.resumen-list {
	padding:  0;
	list-style: none;
}

.resumen-list li {
    margin: 10px 0 !important;
    padding-bottom: 10px;
}

.resumen-list li span {
	display: block;
}

.font-size-xl {
	font-size: 1.25rem;
	font-weight: 500;
}

ul.company-list li {
	margin-top: 0;
    flex-direction: column;
    align-items: center;
}

ul.company-list {
	list-style: none;
}




/*** Slider ***/
.banner-area .slick-initialized .slick-slide {
    display: flex;
    margin-bottom: 0 !important;
}

.slider-container {
	height: 100%;
}

.js-slider .block.item {

}

.slider-container > img {
	height: 100%;
	object-fit: cover;
	border-radius: 0 .25rem .25rem 0;
}

.slick-slider .slick-next, .slick-slider .slick-prev {
        background-color: rgba(255,255,255,.9);
}

.slick-slider .slick-next:hover, .slick-slider .slick-prev:hover {
    background-color: rgba(255,255,255,.75);
}

.slick-slider .slick-next::before, .slick-slider .slick-prev::before {
    color: #e75129;
}

#home-slider {
    height: 400px;
    overflow-y: hidden;
}

#home-slider .block.item {
    height: 400px;
}

#home-slider .block.item > .row {
    height: 100%;
}


/*** Form ***/

label {
	cursor: pointer;
}

[for="imagen"],
[for="img-slider"] {
	position: relative;
	width: 100%;
}

[for="imagen"] span {
	width: 100%;
	max-width: 150px;
	max-height: 150px;
	height: 100%;
	border-radius: 0.25rem;
	background-color: rgb(0 0 0 / 60%);
	color: #fff;
	opacity: 0;
	transition: all 280ms ease;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
}

[for="imagen"]:hover span,
[for="img-slider"]:hover span {
	opacity: 1;
}

.editor-statusbar {
	display: none;
}

.irs.irs--round.irs-with-grid .irs-min,
.irs.irs--round.irs-with-grid .irs-max {display: none !important; }



/** Tablas **/

.table tr .actions-cell {
	opacity: 0;
	transition: 0.2s ease-out;
} 

.table tr:hover .actions-cell {
	opacity: 1;
}

.table tr .content-cell span {
	display: block;
	margin-top: 5px;
	font-size: 0.8em;
	font-weight: 500;
	padding-left: 15px;
} 

.dataTables_filter {
	display: flex;
	justify-content: flex-end;
}

.xl-slider {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

[for="img-slider"] span {
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    color: #fff;
    opacity: 0;
    transition: all 280ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
}

.txt-s {font-size: 0.8em;}

.img-avatar.xs {
    width: 45px;
    height: 45px;
}

.dd {max-width: 100%}

.dd-handle {
    height: 38px;
    background: white;
    font-size: 1.125em;
    padding: 8px 10px;
    position: relative;
}

.dd-handle > a {
    position: absolute;
    right: 15px;
}

.dd-item > .dd-handle a {
	opacity: 0;
	transition: 0.2s ease-out;
}

.dd-item:hover > .dd-handle a {opacity: 0.5}


.table-list {
	padding-left: 0;
	list-style: none;
}


/*** Table ***/

.js-dataTable-full thead tr th:last-of-type::before,
.js-dataTable-full thead tr th:last-of-type::after,
.js-dataTable-full thead tr th.img-avatar-cell::before,
.js-dataTable-full thead tr th.img-avatar-cell::after {
	content: '';
	display: none;
}

table tr td figure {
	margin: 0 20px 0 0;
}

table tr .table-actions {
	width: 100%;
	opacity: 0;
	transition: all 280ms ease;
	float: left;
}

table tr:hover .table-actions {
	opacity: 1;
}

.slim-btn::before,
.slim-btn:active::before {
	border: 0 !important;
}

.table-actions a,
.table-actions button {
	padding: 0;
	margin-left: 3px;
	font-weight: 400;
	font-size: 12px;
}

.dataTables_info {
	display: none;
}

.large-cell {
	min-height: 45px;
    height: 100%;
    display: flex;
    float: none !important;
    align-items: center;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 20px 0;
}

.fa-ul.list-icons {
	width: calc(100% - 2.5em);
}

.language-item > span:last-of-type {
	background-color: #e7e5ef;
	border-radius: .25rem;
	width: 150px;
    max-width: 65%;
}

.language-item > span:first-of-type {
	max-width: 35%;
}

#banner-cookies {
	width: 100%;
	padding: 20px;
	border-top: 2px solid #eaeaea;
	flex-direction: column;
	background-color: #fff;
	transition: all 280ms ease;
	bottom: 0;
	left: 0;
	z-index: 10;
}

#banner-cookies.aceptada {
	transform: translateY(100%);
}

#banner-cookies span i {
	color: #E6cea0;
}

#mensajes .img-avatar,
#mensaje .img-avatar {
	width: 24px;
	height: 24px;
}

#mensajes p.mensaje {
	max-width: 80%;
}

.oferta .box, 
.formacion .box{
	display: block;

}

.oferta .box .info, 
.oferta .box .info{
	order: 0;
}

.pagination {
	width: fit-content;
	background-color: #fff;
}

.pagination span,
.pagination a {
	background-color: #fff;
	border: 0;
}

.pagination span {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	font-weight: 600;
	color: #495057;
	background-color: #fff;
}


/********** Media queries ***********/

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

	.main-content-boxed #page-header > .content-header > .d-flex .nav-main {
		opacity: 0;
		height: 0;
		transition: 0.3s;
		position: absolute;
		left: 0;
		top: 68px;
		width: 100%;
		margin: 0 !important;
		background-color: var(--color-azul);
		text-align: center;
		pointer-events: none;
	}

	.page-header-dark #page-header .nav-main-link {border-radius: 0;}

	.main-content-boxed.sidebar-o-xs #page-header > .content-header > .d-flex .nav-main {
		opacity: 1;
		height: auto;
		pointer-events: all;
	}

	.nav-main-item:last-child{
		padding-bottom: 10px;
	}

	#page-footer img.mx-3 {
		margin: 10px auto; 
	}

	.search-area .nav-tabs-alt .nav-link.active {
	    box-shadow: none !important;
	}

	.search-frame .form-inline .input-group {display: block !important;}

	.search-frame .form-inline > .form-group {
		margin-bottom: 0;
	}

	.search-frame .form-inline .input-group > * {
		display: block !important;
		width: 100%;
		margin-bottom: 1rem;
		border-radius: .25rem;
	}

	.search-frame .form-inline .input-group button {
		border-radius: .25rem;
		width: 100%;
		max-width: 360px;
	}

	.search-frame .form-inline .input-group > div {
		margin-bottom: 0;
	}

	#home-slider .block.item, #home-slider {
	    height: auto;
	    max-height: 650px;
	}

	#home-slider > button {
	    top: 75%;
	}

	.slider-container > img {
	    border-radius: 0;
	    width: 100%;
	}

	.block-link-pop {
		min-height: 305px;
	}

	.slider-container {
	    max-height: 340px;
	}

	table tr td > .table-actions {
	    opacity: 1 !important;
	}

	table.respuestas tr {
		border-bottom: 10px solid transparent;
	}

	table.respuestas .form-group {
		margin-bottom: 0;
	}
	
}


@media screen and (min-width: 768px) and (max-width: 990px) {
	.list-group.flex-direction-row {
		flex-direction: row;
		max-width: 100%;
    	overflow-x: auto;
	}

	.list-group.flex-direction-row a {
		border-radius: .25rem;
	}
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
	.bg-blue-gradient-invert,
	.bg-blue-gradient {
		min-height: 218px;
	}
}


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

	.search-area .nav.nav-tabs {
		display: block;
	}

	/*#main-container .content {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}*/

	.oferta div .box, 
	.formacion div .box{
		display: flex ;
		flex-direction: column ;
	}

	.oferta .box .info,
	.formacion .box .info{
		order: 1;
	}

	.oferta .data-block,
	.formacion .data-block{
		display: grid;
		grid-template-columns: 100px 1fr;
	}	

	#main-container .bg-image .content.content-boxed {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.fa-ul.list-icons li span {
		display: block;
	}

	#social-row a {
		display: block;
		margin:  10px auto;
	}

	.block-link-pop {
		max-width: 360px;
		margin: auto;
	}

	div.dataTables_wrapper div.dataTables_length, 
	div.dataTables_wrapper div.dataTables_filter, 
	div.dataTables_wrapper div.dataTables_info, 
	div.dataTables_wrapper div.dataTables_paginate {
	    text-align: right;
	}

	table.dataTable {
	    max-width: 100% !important;
	    overflow-x: auto;
	    display: block;
	}

	ul.company-list {
	    list-style: none;
	    margin: 0 !important;
	}

	ul.company-list > li {
		margin-bottom: 1.5rem;
	}

	.mensaje-item {min-width: 100% !important;}

	.header-name {
		max-width: 120px;
	    display: inline-block;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	}

	.btn-hero-warning {
	    transform: rotate(-90deg) !important;
	    top: 50%;
	    height: 30px;
	    padding: 0;
	    right: -46px !important;
	    border-radius: 1rem 1rem 0 0!important;
	    font-size: smaller;
	}

	#side-content .block-content-full > div {
		padding-left: 0;
		padding-right: 0;
	}

	.data-block{
		display: flex;
		align-items: flex-start;
	}

	.data-block > img, .data-block > a 	> img{
		max-width: 110px;
	    height: auto;
	    object-fit: contain;
		border-bottom: none !important;
		padding-top:  1.5rem;
		padding-left: 1.5rem;
	}
	
}


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

	#logo{
		width: 105px;
	}

	.header-name {
		display: none;
	}
	.img-avatar.img-avatar32{
		width: 35px;
		height: 35px;
	}
}