@font-face {
    font-family: plavsky;
    src: url("fonts/Plavsky Italic.otf") format("opentype");
}


@font-face {
font-family: "Myriad";
src: url("fonts/MYRIADPRO-REGULAR.woff") format("woff");

}




body{
	
	/* font-family: plavsky; */
	font-size: 0.9rem;
	
}

.leftMenuStyle {
	
	
	color:#cfcfcf !important;
}


.ui-state-active{
	
	background:#be751f !important;
	
}




.qualifiedClass.ui-state-default{
	
	
	background:#006600 !important;
	color:#cfcfcf ;
	
}


.qualifiedClass.ui-state-hover{
	
	background:#59b4d4 !important;
	
}


.qualifiedClass.ui-state-active{
	
	background:#be751f !important;
	
}

.nameCompany {
	
	font-family: plavsky;
	color:#cfcfcf;
	
}

.companyBrief{
	
	color: #cfcfcf;
	
}

.containerName {
    
    grid-template-columns: 2fr 1fr;
}


.postulaName {
	
	
	font-size: 1.25rem;
	color: #01aae9;
    font-weight: bold;
    font-style: italic;
	
}

.QualiTitle{
	
	background: #9d1818;
    font-size: 1.1rem;
    font-weight: bold;
    font-style: italic;
	box-shadow: 5px 4px #670f0f;
	
}

.firstCalGroup, .secondCalGroup{
	
	font-weight: bold;
    font-style: italic;
	
}



.infCalif{
	
	background: #0381b0;
    font-size: 1.1rem;
    font-weight: bold;
    font-style: italic;
	box-shadow: 5px 4px #04435b;
	text-align: center;
	
	
}


.QualiNumbers{
	
	
	color: #01aae9;
	
}

.labTitle, .labDer {
	color: #49a8bb;

}

.titleTotal, .loadTxt{
	
	font-family: plavsky;
	color:#cfcfcf;
	
}

.loadTxt{
	
	font-family: plavsky;
	color:#cfcfcf;
	font-size:2rem;
	
}

.containerTop5:nth-child(even) {
	
	background: rgb(255, 255, 255, 0.1);


}

.titleAll, .titulo5{
	
	font-family: plavsky;
	color:#cfcfcf;
	
	
}

.userData {

    height: 80%;
}

/* //---------- */



body{
	width:100%;
	height:100%;
	margin:0;
	
	
}


#finalContainer{
	
	width:100%;
	height:100%;
	display:grid;
	grid-template-rows:1fr 1fr;
	font-family: "Myriad";
	
}


#containerTextending{
	
	display:flex;
	align-items: flex-end;
    justify-content: center;
	font-size: 1.5rem;
	text-align:center;
	
	
}


#containerLogos{
	
	
	height: 50vh;
	display:block;
	text-align: center;
	    width: 95%;
		    margin: 0 auto;

	
	
	
}


.mComerCont{
	
	display:inline-block;
	width: 25%;
	
}

.logoClass{
	
	
	/* height:10vh; */
	width: 25vw;


}


.lgImg{
	
	    width: 100%;

	
}


#mComerIm{
	
	opacity:0;
	
	
}


#cpIm {
	
	
	opacity:0; 
	
	
}

#mcIm{
	
	opacity:0; 
	
}


#txtThanks{
	
	opacity:0;
	margin-bottom: 7vh;
	
}