/* Mobile Styles */
@media (max-width: 990px) {
	/* body{
		background-color: #072146;
		overflow-x: hidden;
		overflow-x: hidden;
    }*/
	/* .container {
		padding: 0px 10px;
	} */
    /* .container.student{
        padding: 0px 28px;
    } */
	.login-container .login-card{
		width: 100%;
	}
	/* .subheader {
        padding: 2px 0px 10px 0px;
        text-align: center;
    } */
	.card.exam .img-full {
		width: 100%;
	}
	.esca .list-group {
		grid-template-columns: 1fr !important;
	}
	.esca .list-group a {
		text-align: left;
	}
	.esca .list-group img {
		display: inline-block;
		margin: -4px 15px -2px 0px;
		vertical-align: middle;
		width: 28px;
		float: left;
	}

    .justify-content-end.stars-container{
        justify-content: center !important;
        margin: 8px auto 16px !important;
    }
    .tourResultadosItem {
        padding-inline: 5px;
    }
}
@media (max-width: 767px) {
	div.tab-content {
		padding: 2em 1em 3em 1em;
	}
	.i-form.accordion .step-header, .modal.accordion .step-header {
		position: relative;
		padding: 15px 0px 15px 0px;
		height: auto;
	}
	.i-form.accordion .step-header .step-name {
		width: 100%;
		font-size: 18px;
		padding-left: 5px;
		padding-right: 5px;
		line-height: 22px;
	}
	.i-form.accordion .step-header .step-name img {
		width: 24px;
		margin-right: 14px;
	}
	.i-form.accordion .step-header .status {
		font-size: 14px;
		padding-left: 10px;
		width: 135px;
	}
	.i-form.accordion .step-header .status img {
		width: 12px;
		height: 12px;
		margin-right: 7px;
		margin-top: -2px;
	}
	.instructions .block-text {
		padding-bottom: 20px;
	}
	#nav-pruebas .buttons .btn__basic {
		margin: 0px 0px 20px 0px;
	}
}
@media (max-width: 640px) {
	#block-botondeaccesologin a.header-button span {
		max-width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
	}
	.footer-copyright-container {
		grid-template-columns: 1fr;
	}
	.main-footer-privacy {
		width: 100% !important;
	}
	.nav-tabs.exams .nav-link {
		padding: 1rem 1.5rem;
		font-size: 15px;
	}
	nav.custom-nav {
		padding-left: 10px;
		padding-right: 10px;
	}
	#nav-pruebasTalento .i-form.accordion .step-header .step-arrow {
		display: none;
	}
	.progress-test {
		display: inline-block !important;
		width: 100%;
	}
	.progress-test > div:nth-child(1) {
		max-width: unset;
		padding: 0px 0px 15px 0px !important;
		line-height: 26px;
	}
	.progress-test > div:nth-child(2) {
		max-width: unset;
		position: absolute;
		bottom: -4px;
		right: 5px;
	}
	.progress-bar-container .progress-val {
		display: inline-block;
		padding-bottom: 15px;
	}

    /***** START RESPONSIVE GENERAL STUDENT RESULTS *****/
    .report-title{
        text-align: center;
    }
    .report-card .report-title span {
        font-size: 20px;
    }
    .title-row .justify-content-end {
        justify-content: center !important;
        margin-top: 20px;
    }
    .card.banner-card {
        flex-direction: column !important;
    }
    .title-row{
        margin-bottom: 22px !important;
        padding: 0 15px;
    }
    .banner-card .banner-img {
        width: auto;
        height: auto;
    }
    .banner-img img{
        width: 150px;
    }
    .card-body.banner-info{
        padding: 1.25rem 0 0 0 !important;
    }
    .banner-card .banner-info {
        font-size: 16px;
        text-align: justify;
    }
    .totalOpportunitiesText {
        font-size: 14px;
        margin-top: 1.5rem !important;
        text-align: center;
    }
    .sub-category-card .title {
        font-size: 20px;
        justify-content: space-around;
    }
    .row_body{
        flex-direction: column-reverse;
    }
    .custom-card-body{
        padding: 0 1.25rem !important;
    }
    .custom-card-body .justify-content-end{
        justify-content: center !important;
    }
    .sub-category-card .card-footer {
        text-align: end;
    }
    .sub-category-card .observation {
        display: block;
        text-align: center;
        margin-top: 14px;
    }
    .detail-link {
        margin-right: 28px;
    }
    .detail-link img {
        padding-top: 3px;
    }
    .container.custom{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .sub-category-card .title {
        margin: 1rem auto 0;
        flex-direction: column;
    }
    /***** END RESPONSIVE GENERAL STUDENT RESULTS *****/

    /***** START RESPONSIVE DETAILS STUDENT RESULTS *****/
    .custom-justify-content{
        justify-content: center !important;
    }
    .custom-justify-content .download-link-details{
        margin-top: 15px;
    }
    .row_exam_name{
        margin-bottom: 18px !important;
    }
    .report-card .exam-title {
        text-align: center;
        flex-direction: column;
    }
    .report-card .exam-title span {
        font-size: 20px;
        margin-top: 12px;
    }
    .dimension-card .title {
        font-size: 18px;
        display: block;
        text-align: center;
    }
    /* .justify-content-end.stars-container{
        justify-content: center !important;
        margin-top: 8px;
    } */
    .dimension-icon {
        max-width: 160px;
    }
    .dimension-card .card-body {
        padding: 0;
    }
    .dimension-card .card-body .feedback {
        font-size: 16px;
    }
    .row_feedback{
        margin-top: 0.8rem!important;
    }
    /******* START RESPONSIVE DASHBOARD ADMIN **********/
    .stage .stage-filters .form-group-select {
        width: 100%;
    }
    .stage .stage-filters {
        /* width: 100%; */
        height: auto !important;
        flex-direction: column !important;
    }
    .stage .first-row {
        width: 100%;
    }
    .filter-buttons {
        flex-direction: column;
        align-items: center;
    }
    /******* END RESPONSIVE DASHBOARD ADMIN **********/

    /***** START LOGIN RESPONSIVE ****/
    .mobile-mb-270{
        margin-bottom: 270px;
    }
    /******* END LOGIN RESPONSIVE **********/

    .i-form.accordion .step-header .status {
        width: 180px;
    }

    .onload-page img {
        width: 150px;
    }
    .footer .legal-links {
        grid-auto-flow: row;
        justify-content: start;
        gap:0;
    }

    .footer .legal-links a {
        padding: 0.25rem 0;
    }

    .footer .legal-links a::after {
        content: none !important;
    }

}
@media (width: 1024px) and (height: 600px) {
    /***** START LOGIN RESPONSIVE ****/
    .mobile-mb-270{
        margin-bottom: 180px;
    }
    /******* END LOGIN RESPONSIVE **********/
}

@media (max-width: 480px) {
	.i-form.accordion .step-header .status {
		width: 40px;
        margin-right: 2rem;
	}
	.i-form.accordion .step-header .status span {
		display: none;
	}
	.i-form.accordion .step-header .status img {
		width: 15px;
		height: 15px;
		margin-right: 0;
		margin-top: 0;
	}
	.esca .list-group img {
		margin: -3px 15px -4px 0px;
	}
	.card.exam .grid-2 {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 400px) {
	nav.custom-nav {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (max-width: 601px){
    .card.admin_dashboard_filters{
        padding: 20px 20px 20px 20px !important;
    }
    .admin_dashboard_filters .filter-buttons{
        margin-top: 56px;
    }
    .admin_dashboard_filters .more-filters-button{
        position: absolute;
        right: 12px;
        margin-top: 0;
    }
    .stage.statistics.section_index,
    .stage.statistics.section_formacion{
        margin-inline: -10px !important;
    }
    .stage.statistics.section_aprendizaje{
        margin-inline: 0px !important;
    }
    .container.dashboard.admin_dashboard{
        width: 94vw !important;
    }
    .tab_content_insignias{
        width: 92vw;
    }
    .img-responsive.img-centered.img-award{
        width: -webkit-fill-available;
        height: auto;
    }
}