@charset "UTF-8";
html {
	color: #333333;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
	/*font-family: 'Open Sans', sans-serif;*/
        font-family: 'Roboto';
	min-height: 100%;
}
body {
	font-size:14px;
	color: #333333;
	/*font-family: 'Open Sans', sans-serif;*/
        font-family: 'Roboto';
}
.family-Mitr{font-family: 'Mitr', sans-serif;}
.bgViola {
	background-image: linear-gradient(to bottom right, #88609f, #CF56A1);
}
.bgGrey {
	background-image: linear-gradient(to bottom right, #999, #eee);
}
.bgBlue {
	background-image: linear-gradient(to bottom right, #023e8a, #90e0ef);
}
.bgYellow{
	background:#88609f url('../images/sfondo-careerday-2025-trasp.png') no-repeat;
                background-size: 1744px 947px;
                background-position: top center;
        background-size: auto;
}

/* .bgFucsia {
	background-image: linear-gradient(to bottom right, #e750c4, #f486db);
} */
.bgFucsia {
    background: linear-gradient(-45deg, #88609f, #88609f, #f5cbd4, #88609f, #88609f, #88609f);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
p {
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5 {
	margin:0px;
	padding:0px;
}
.marginTop10 {
	margin-top: 10px;
}
a {
	color: #333333;
}
a:hover {
		text-decoration: none;
	}
.marginTop10 {
	margin-top: 10px;
}
.bgBianco {
    background-color: #FFFFFF;
}
.bgGrigio {
	background-color: #f4f3f0;
}
.arrotondato {
    border-radius: 30px;
}
.arrotondato2 {
    border-radius: 20px;
}
.arrotondato3 {
    border-radius: 15px;
}
.logo {
    width: 270px;
	margin: 25px 0px;
}
.paddo15 {
	padding: 15px;
}
.paddo20 {
	padding: 20px;
}
.banner {
	/* height: 160px; */
	color: #000;
}
.mani {
	height: 0px;
}
.maniSub {
	height: 0px;
}
.coppia {
	width: 417px;
}
.virtual-career-day-2021 {
	width: 326px;
}
.bgBanner {
	background: url(../images/triangolo.png) center right no-repeat;
	background-size:contain;
	height: 100%;
}
.spazioBox {
	margin-top: 24px;
}
.h1, h1 {
    font-size: 24px;
	font-weight: 600;
}
.evidenzia {
	background-color:#ffc800;
	padding: 0 5px;
}
.evidenziaFucsia {
	background-color:#ffc800;
	padding: 0 5px;
	color: #000;
	font-weight: 600;
}
.btn {
	font-weight: 600;
	border-radius: 20px;
	/*padding: .375rem 1rem;
	line-height: 16px;*/
}
.btn-success {
    color: #fff;
    background-color: #000;
    border-color: #000;	
}
.btn-success:hover, .btn-light:hover {
    color: #333333;
    background-color: #ffc800;
    border-color: #ffc800;
}
.bianco {
	color: #FFFFFF;
}
.testoBanner {
	font-weight: 800;
	font-size: 15px;
	line-height: 15px;
	padding-top: 34px;
	margin-top: 62px;
}
.boxIcona {
	width: 55px;
	height: 55px;
	position: absolute;
	top: -30px;
	left: 50%;
	background-color: #000;
	border-radius: 5px;
	margin-left: -28px;
	padding-top: 10px;
}
.boxIcona2 {
	width: 55px;
	height: 55px;
	position: absolute;
	top: -30px;
	left: 50%;
	background-color: transparent;
	border-radius: 5px;
	margin-left: -28px;
	padding-top: 10px;
}
.boxIcona3 {
	width: 55px;
	height: 55px;
	position: absolute;
	top: -30px;
	left: 50%;
	background-color: #000;
	color: #FFF;
	border-radius: 5px;
	margin-left: -28px;
	font-size: 30px;
	line-height: 55px;
	vertical-align: middle;
	font-weight: 600;
}
.viola, .viola:hover {
	color:#000;
	text-decoration: none;
	font-weight: 600;
	font-size: 15px;
	line-height: 15px;
}
.testoViola {
	color:#000;
}
.iconaNavbar {
	font-size: 45px !important;
}
.marginTopMobile {
	margin-top: 0px;
}
.navbar-light .navbar-toggler {
    color: #000;
    border-color: #000;
}
.mostraNascondi {
	display: block;
}
.btnMostraNascondi {
	display: none;
}
.bgLilla {
	background-color:#FFF;
}
.btn-danger {
    background-color: #433e87;
    border-color: #433e87;
}
.bgGiallo {
	background-color: #88609f;
}
.testoGiallo {
	color: #ffc800;
}
.testoBianco {
	color: #FFFFFF;
}
.counter {
	font-size: 60px;
	font-weight: 800;
	line-height: 30px;
}
.generali {
	width: 58px;
}
.turno {
	font-weight: 800;
	font-size: 20px;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.accordion-item:first-of-type {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.accordion-item {
    background-color: #f4f3f0;
    border: 0px solid rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed), .accordion-button {
    color: #333333;
    background-color: #f4f3f0;
    box-shadow: none;
	border-radius: 20px;
}
.accordion-header {
    border-radius: 20px;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.titoloAccordion {
	width: 100%;
	text-align: center;
}
.btn-light {
    color: #333333;
    background-color: #f4f3f0;
    border-color: #f4f3f0;
}
.boxAzienda, .boxAzienda-pausa {
	overflow: hidden;
}
.boxAzienda:after,
.boxAzienda-pausa:after
{
	content: "";
	position:absolute;
	top:-100px;
	right:-45px;
	width:135px;
	height:135px;
	transform:rotate(30deg);
	background-color:#ffc700; /* to see where it is */
	z-index: 1;
  }
 .boxAzienda-pausa:after{
     background-color:#E94F37; 
 } 
.boxCounter {
	font-size: 10px;
	line-height: 10px;
	position: absolute;
	top: 8px;
	right: 5px;
	font-weight: 600;
	z-index: 10;
}

.layerPausaAzienda{
    position: absolute;
    /* top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgb(0 0 0 / 60%);
    margin: auto; */
	top:-100px;
	right:-45px;
	width:135px;
	height:135px;
	transform:rotate(30deg);
	background-color:#E94F37; /* to see where it is */
	z-index: 999;
}
.layerPausaAzienda .avviso{
	transform:rotate(-30deg);
	position: absolute;
    top: 99px;
    left: 62px;
    line-height: 9px;
}

.rimanenti {
	font-size: 14px;
}
.btn .bi, .iconaPrenotato {
	font-size: 24px;
	line-height: 16px;
	vertical-align: middle;
}
.action-item .btn {
	border-radius: 5px;
	padding: 5px 10px;
}
.bi-grid-3x2-gap-fill, .bi-list-ul, .bi-arrow-down, .bi-person-bounding-box, .bi-person-check-fill {
	font-size: 30px;
}
.vistaInattiva {
	color: #c2c0bc !important;
}
/* .bi::before {
	vertical-align: text-bottom !important;
} */
.btn-white {
	color: #333333;
	border-color:#FFFFFF;
	background-color: #FFFFFF;
}
.logoAzienda {
	max-width: 80%;
	max-height: 60px;
}
.btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.carousel-item {
	height: 450px;
}
.contenitoreAziende {
	height: 133px;
}

/*.bg-simboli-top{background: url('../images/sfondo-fucsia.png') no-repeat;
                background-size: 1744px 934px;
                background-position: top center;
                height: 934px;
                position: absolute;
                z-index: 1;
}*/
.bg-simboli-bottom{background: url('../images/footer-bg.png') no-repeat;
                background-size:  640px 137px;
                background-position: top center;
                height: 200px;
                position: relative;
                top: 0;
                left: 0;
                z-index: 1;
}

.header-relative-top{position:relative; z-index: 99;}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    opacity: 0.15 !important;
}
.payoff {
    width: 100%;
    max-width: 485px !important;
    margin: 6px 0px !important;
}
.txtShadow{
    text-shadow: 0px 0px 10px #000000;
}
.form-floating label{
	color: #777;
}
/* SCHEDA AZIENDA */
.table-container-skill{background: #f3e57a;padding: 10px 20px; border-radius: 16px;border: 1px solid #f3e57a;margin-bottom: 25px;}
    .separator{border-bottom: 1px solid #888;margin: 10px 0}
    .title{font-size: 20px;
		/* background: #88609f; */
		padding: 4px; margin: 20px 0;display: inline-block;font-weight: bold;}
    .left-title{font-weight: 600; font-size: 18px}
    .table-container-skill ul,
    .table-container-skill li
    {    margin-left: 10px; padding-left: 0px;}
    .txt14{font-size: 14px;}


/* iPhone portrait */
@media (max-width: 480px) {
	.marginTopMobile {
		margin-top: 50px;
	}
	.paddo20 {
		padding: 10px;
	}
	.mani {
		height: 0px;
	}
	.maniSub {
		height: 0px;
	}
	.mostraNascondi {
		display: none;
	}
	.btnMostraNascondi {
		display: block;
	}
	.carousel-item {
		height: 270px;
	}
	.contenitoreAziende {
		height: auto;
	}
}
/* iPhone landscape */
@media (min-width: 481px) and (max-width: 767px) {
.marginTopMobile {
		margin-top: 50px;
	}
	.mostraNascondi {
		display: none;
	}
	.btnMostraNascondi {
		display: block;
	}
	.carousel-item {
		height: 330px;
	}
	.mani {
		height: 0px;
	}
	.maniSub {
		height: 0px;
	}
}
/* boh */
@media (min-width: 768px) and (max-width: 959px) {

}
/* iPad portrait */
@media (max-width:1024px) and (min-width:768px) {
	.carousel-item {
		height: 350px;
	}
}
/* iPad landscape */
@media (min-width: 960px) and (max-width: 1199px) {
	.carousel-item {
		height: 350px;
	}
}
 /* Large Display */
@media (min-width: 1200px) {

}