/* -- PAGINA LOGIN --*/
#AuthenticationMaster #nav-main,  #AuthenticationMaster #nav-main a {
    background-color: #14336A;
    color: white;
}

#AuthenticationMaster #toolbar .containerLogo, #toolbar .containerLogo img {
    text-align: left;
    max-height: 50px;
    z-index: 1;
    box-sizing: content-box;
    top: 0px;
}

#AuthenticationMaster div#form input[type="submit"], div#form input.submit {
    border: 1px solid #14336A;
    background-color: #14336A;
}

#AuthenticationMaster div#form div#loginContent input.submit:hover {
    border: 1px solid #5b7097;
    background: #5b7097;
}


#AuthenticationMaster div#form {
    padding: 100px 50px 100px 50px;
}

#AuthenticationMaster li.catalog {
    visibility: hidden;
}

#AuthenticationMaster li.backToSelect {
    visibility: hidden;
}

#AuthenticationMaster div#nav-main ul#top > li > a > span.fas:last-child, div#nav-main ul#top > li > a > span.fab:last-child {
	vertical-align:unset;
}



/* -- LOGIN --*/

/* -- LOGHI FOOTER --*/
li.logo {
    display: inline-block;
	padding: 0px 10px 0px 10px;
}

img.logo {
    max-width: 100%;
}



/* -- LOGHI FOOTER --*/

/* ---- FORM ADESIONE EVENTI  ---- */
body.externalService div#callPublicSubmit div.view div.cfpdetails span.expiration {
    display: none;
    float: none;
    width: auto;
    margin-right: 1em;
    font-size: 1em;
}

body.externalService div#callPublicSubmit a#ctl00_CPHservice_HYPviewSubmissionTop, 
body.externalService div#callPublicSubmit a#ctl00_CPHservice_HYPviewSubmissionBottom {
    display: none;
}
/* ---- FINE ADESIONE EVENTI  ---- */


/* ---- Skin Edutech updated 2020  ---- */

.topLogo {
    background-color: #ffffff;
    padding: 0px;
}

/* Posizione Logo */
#toolbar .containerLogo, #toolbar .containerLogo img {
    text-align: left;
    max-height: 50px;
    z-index: 1;
    box-sizing: content-box;
    top: 18px;
}

#toolbar .containerLogo img {
    height: 100%;
    width: auto;
    position: absolute;
}



 /*	Nascondi menu portale*/
body.UsrType22 #nav-main , 
body.UsrType15 #nav-main 
{
display:none;
}

/*	Nascondi menu comunità*/

body.UsrRole15 div#nav-main ul#top li~li
{
  visibility:hidden;
}

/*	Attiva pulsante disponibili nel catalogo */
#catalogCard .boxRicerca .statusNone
{
display: inline-block !important;
}

/*	Nascondi bottone DISPONIBILI (+) da catalogo */
#btnFilterUnsubscribe {
    display: none;
}

/*	Nascondi bottone iscriviti - deiscriviti da card catalogo */
div.subcriptionButtons {
   display: none; 
}

/*	Nascondi indicazione tipo comunità */
.courseType {
    display: none;
}

/*	Nascondi autorizzazione */
.autorizationTrackerStatus {
    display: none;
}

/* Colore barra Header  */
#header {
    background-color: #fff ;
	border-bottom: solid 1px #fff;
}


/* Colore testi e icone header  */

#toolbar #tools {
    position: relative;
    margin-top: 26px;
    font-size: 13px;
    float: right;
    background-color: #fff;
    border-radius: 25px;
}

#greetings {
 /*   background-color: transparent; */
    padding: 0 16px;
    position: relative;
}

#tools > ul > li:hover {
 /*   background-color: transparent; */
}

/* Colore barra Titoli  */

#content > div.page-width:first-child {
	background-color: #14336A; !important;
	
}


div#serviceinfo.RigaTitolo.serviceinfo {
    color: #fff !important;
}





 
 
 
body
{
	
}
 #page-box {
    padding-bottom: 3em;
}
 
 
 
#container
{
	padding-bottom: 2rem;	
} 
 
 
body div#cFooter div#siteinfo.page-width
{
	margin: auto;
}

#cFooter {
	
    margin-top: 0px;
    padding-top: 0.7em;
    font-size: 0.9em;
    line-height: 2em !important;
    color: #444;
	min-height: 130px;
}

#cFooter div.chiusura div.footer_text
{
	margin-top: 2em;
	margin-bottom: 1em;
}


/* Icon Color */
div#nav-main ul#top > li > a > span.fa:first-child {
    /* color: #666; */
}

/*admin*/
div#nav-main ul#top > li.admin > a > span.fa:first-child {
    color: #ffffff;
}


/* Menu Arrow color*/
div#nav-main ul#top > li > a > span.fa:last-child {
}
/*admin*/
div#nav-main ul#top > li.admin > a > span.fa:last-child {
    color: #ffffff;
}


.tile.grid_3 .innerwrapper div.icon.fa,
.tile.grid_4 .innerwrapper div.icon.fa,
.tile.grid_6 .innerwrapper div.icon.fa
{
	font-size: 4rem;
	color: #B6B6B6;
}



/* IMMAGINI AREE CATALOGO CORSI */
#courseContainerDesc-{
    background-repeat: no-repeat;
    background-color: #fff !important;
    background-size: 100%; 
    /* background-position: center bottom !important; */
}
#courseContainerDesc- .frasePrincipale{
	display:none !important;
}



.course-list-item {
	background-color:#cecece !important;
    background-size: cover;
    background-position: center center !important;
	overflow:hidden !important;
}
.course-list-item .course-firsttitle-card{
    background-color: rgba(0,0,0,0.7) !important;
    color: #ececec;	
	position: absolute;
    left: 0%;
	bottom: 0%;
    width: 100%;
    height: 26%;
    transition: height 400ms ease;
	
}
.course-list-item .course-firsttitle-card.frasePrincipale{
    height: 42%;
	
}
.course-list-item.withHover:hover .course-firsttitle-card{
    height: 100% !important;
	
}
.course-list-item:hover .course-firsttitle-card h2{	
    height: auto;
    overflow: auto;
}
.course-list-item .course-firsttitle-card h2{	
    height: auto;
    overflow: hidden;	
	
}
.course-list-item .course-firsttitle-card h2.course-firsttitle-card-big{	
    line-height: 25px;
	
}
/* FINE IMMAGINI AREE CATALOGO CORSI */


/* Nascondi pulsante disponibili */
/* body #boxPath button#btnFilterUnsubscribe, */
body #boxPath button#btnFilterOther  {
display: none;
}
/* Fine  */


/* nascondi disclamer cookie */

.divascookies,
.divascookies *,
.divascookies-banner-container,
.divascookies-banner-text {
	display: none!important;
}



#boxRicerca .row.offertaFormativa,			/*	Su catalogo ISCRIZIONI - Nascondere filtri tag */
#boxRicerca .togglebutton .toggleList 		/*	Su catalogo ISCRIZIONI - Nascondere tasto lista brutta */
{
	display: none;
}


/*
FIX recupera password (loghi e menu)
*/

form.loginForm .containerLogo.col-sm-4
{
	min-height: 63px;
}
form.loginForm div#tools {
	display: none;
}

/*
FIX evidenzia risposte corette nei Test
*/
.TestoRispostaNonSegnata {
    color: #38d138;
    font-weight: bolder;
	text-decoration: underline;
}

/* FIX evidenzia pulsante salva e chiudi */
div#page-box div#container div#content #btnCloseMe, div#page-box div#container div#content #SPNcloseInProgress {
    /* float: right; */
    /* margin-right: 5%; */
    position: fixed;
    right: 2rem;
    background-color: red;
    color: white;
    padding: 15;
    border: solid;
    border-color: red;
    border-radius: 0.4rem;
    font-weight: bold;
    text-transform: uppercase;
    }  
#btnCloseMe .fa-times {
    color: #ffffff;
}

/* Evidenzia domande test e sfondo zebra */
.question-name {
    font-weight: bold;
}

.questiontext {
    font-weight: bold;
	line-height: 45px;
}

.questionnumber{
    font-weight: bold;
	line-height: 45px;
}


.datalistDomande span.item-question:nth-of-type(2n+1) {
    background-color: #f0f0f0;
}
/* 
.item-question td.Risposte input[type=checkbox], .item-question td.Risposte input[type=radio] {
    transform: scale(1.5);
    margin-top: 16px;
}

.item-question td.Risposte div.inlinewrapper {
    width: 87%;
    margin-top: 12px;
}
*/

.questionsingle {
    width: 100%;
}



/* Logo Footer */

#cFooter ul.Logos img.logo {
    width: 160px;
}

/*	Sfondi catalogo */
  .bg-gray
	{
        background-color: #fff;
		color: #000;
    }
	
    .bg-gray .fa,
    .bg-gray .fas,
    .bg-gray .fab {
		background-color: #fff;
		color: #000;
        /* display: none; */
    }

	.bg-gray h3.pl-4 {
		padding-left: 0px!important;
	}

	.bg-gray h3 .fa,
    .bg-gray h3 .fas,
    .bg-gray h3 .fab {
		display: none;
	}

/* Nuova homepage */
div#catalogCard div.firstRow {
    background-color: #14336A;
	height: 64px;
}

div#catalogCard .topbuttons.withImages {
    margin-top: 4px;
}

#page-box #container #content>div.page-width {
    padding-top: 0px;
}




/* -----------------    FONT TEST     --------------------- */
@font-face {
    font-family: 'Panton';
    src: url(https://cooperazionetrentina.elearning-center.it/File/Font/cabade462a6133c0200a80beaa147c8e.woff2) format('woff2'),
        url(https://cooperazionetrentina.elearning-center.it/File/Font/b4b45e4da8bf75dbafcc5040dc8bc5a2.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Panton';
    src: url(https://cooperazionetrentina.elearning-center.it/File/Font/d8e5440afbc11167e2df18ae309676b9.woff2) format('woff2'),
        url(https://cooperazionetrentina.elearning-center.it/File/Font/efed6f39ff9048ebef15ed02e5f32cd5.woff) format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Panton';
    src: url(https://cooperazionetrentina.elearning-center.it/File/Font/b4b4d88fd278ca1c407bd0e0c77487c3.woff2) format('woff2'),
        url(https://cooperazionetrentina.elearning-center.it/File/Font/48e5eaa8723671e43e48ff0fedcffd02.woff) format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Panton';
    src: url(https://cooperazionetrentina.elearning-center.it/File/Font/7f24d2e4a830e676533f7fe3dfa8a15f.woff2) format('woff2'),
        url(https://cooperazionetrentina.elearning-center.it/File/Font/d0c1da27e74b986b3cf3ac918a1a8a37.woff) format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Panton';
    src: url(https://cooperazionetrentina.elearning-center.it/File/Font/e9ee05599cbdfc1456859b6cc15fb27a.woff2) format('woff2'),
        url(https://cooperazionetrentina.elearning-center.it/File/Font/64ffe8505c15f110d1370b0b8786b932.woff) format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Panton';
    src: url(https://cooperazionetrentina.elearning-center.it/File/Font/d182d6bd4b85ed8b7206a5656a49be0c.woff2) format('woff2'),
        url(https://cooperazionetrentina.elearning-center.it/File/Font/03071358961dadeba75d3f29708bb8d1.woff) format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Panton';
    src: url(https://cooperazionetrentina.elearning-center.it/File/Font/1ba7236455941e737e9b13d2c43d9c6b.woff2) format('woff2'),
        url(https://cooperazionetrentina.elearning-center.it/File/Font/593f4dca151a027ef492c6bbd2aca131.woff) format('woff');
    font-weight: 300;
    font-style: italic;
}

html {
  /*font-size: 56.5%;*/
  text-rendering: optimizeLegibility;
}
/*
@media (min-width: 400px) {
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 992px) {
  html {
    font-size: 53.125%;
  }
}
@media (min-width: 1500px) {
  html {
    font-size: 56.5%;
  }
}
@media (min-width: 1800px) {
  html {
    font-size: 62.5%;
  }
}
*/

body {
  text-rendering: optimizeLegibility;
  font-family: "Panton", sans-serif;
  height: 100%;
}

div#serviceinfo.RigaTitolo.serviceinfo {
    font-family: "Panton", sans-serif;
}

/*Fix RadDatePicker font*/
html body .RadInput_Default .riTextBox {
    font-size: 14px !important;
    font-family: "Panton",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
}

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



/* BANNER FEDERAZIONE */
	
/*Vecchio banner - texto + immagini */	
	.col.bannerImage {
		background-image: url("https://cooperazionetrentina.elearning-center.it/Skins/23/Images/header-sito-formazione.png");
		background-position: center;
		background-size: cover;
	}
	.topBanner a {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.topBanner .col
	{
		min-height: 150px;
	}
			
			
/* Nuovo banner - solo immagine */
	div.topBanner div.bannerContainer
	{
		vertical-align: middle;
		border-style: none;
		max-width: 1200px;
		width: 100%;
		height: 13vw;
		max-height: 186px;
	}
	
	div.topBanner div.bannerContainer  a.bannerLink
	{
		background-image: url(https://cooperazionetrentina.elearning-center.it/Skins/23/Images/banner_ftcoop.png);
		background-size: contain;
		width: 1200px;
		max-width: 100%;
		background-repeat: no-repeat;
		height: 100%;
		background-position: center;
		
	}
	#catalogCard .highlightRow.bg-white {
		padding-bottom: 5px;
		padding-top: 5px;
	}
	
/*############ AGGIUNTE 2024 ###############*/

/****** Card tondeggianti e bottoni tondeggianti ******/


.card-header {
    border-radius: 10px 10px 0px 0px;
}

.card {
    border-radius: 10px;
}

.btn {
    border-radius: 10px;
}

.badge {
    border-radius: 5px;
}

div.pf-activity-box {
    border: 0px;
    border-radius: 10px;
}

.paths .path {
    padding-left: 57px;
    border-radius: 10px !important;
}

.iconsLeft {
    border-radius: 10px 0px 0px 10px !important;
}

.alert-primary, .alert-success, .alert-danger, .alert-warning, .alert-info, .alert-light, .alert-dark {
    border-radius: 10px;
}

.alert-secondary {
    border-radius: 10px 10px 0px 0px;
}

#catalogCard div.firstRow .btn {
    border-radius: 10px;
}

.form-control {
    border-radius: 5px;
}

.form-control:focus {
    border-radius: 5px;
}

.chzn-choices {
    border-radius: 5px;
}

.card-deck .card {
    border-radius: 0px 0px 10px 10px !important;
}

.card-deck .card-footer {
    border-radius: 10px;
}

#nav-main ul#top li.admin > a {
    border-radius: 10px !important;
}

li#greetings {
    min-height: 34px;
    border-radius: 10px;
}

div#header {
    top: 1px;
}

.lessonsContainer .lesson div.alert {
    margin-top: 2px;
}

.communityTip .badge {
	line-height: 15px;
}

	
/****** PF senza tabella intorno 

	#percorsoFormatiboWrapper .description.border {
		border: none !important;
	}

	#percorsoFormatiboWrapper .list-group-item {
		background-color: none;
		border: none;
	}

	.list-group-item.collapsed {
		BACKGROUND-COLOR: #eeeeee;
		border-radius: 10px !important;
	}


	#percorsoFormatiboWrapper .alert-secondary{
		background-color: #fff;
	}

	.pf-activity-box {
		background-color: #eee !important;
	}
	******/
	
	/****** STILI PERCORSO FORMATIVO 2025******/
	
/****** Colore Badge ******/
div#percorsoFormatiboWrapper .badge-secondary {
    color: #fff;
    background-color: #464646;
}

/****** Righe PF ******/

.paths .list-group-item {
border-radius: 5px; /* Angoli arrotondati */
    background-color: #ffffff; /* Sfondo bianco */
    border: 1px solid #eeeeee !important; /* Bordo sottile e chiaro */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombra per effetto 3D */
    margin-bottom: 5px; /* Spazio tra le card */
    position: relative; /* Per contenere elementi posizionati */
    overflow: hidden; /* Evita fuoriuscite */
	transition: box-shadow 0.3s ease-in-out;
}

.paths .list-group-item:hover {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* Valori modificati */
}


div#percorsoFormatiboWrapper .description {
border-radius: 0px 0px 5px 5px; /* Angoli arrotondati */
    background-color: #ffffff; /* Sfondo bianco */
    border: 1px solid #eeeeee !important; /* Bordo sottile e chiaro */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombra per effetto 3D */
    padding: 20px !important; /* Spaziatura interna */
    /*margin-top: -10px;  Spazio tra le card */
    position: relative; /* Per contenere elementi posizionati */
    overflow: hidden; /* Evita fuoriuscite */
}

div#percorsoFormatiboWrapper div.list-group div.list-group-item {
    border-radius: 5px; /* Angoli arrotondati */
    background-color: #ffffff; /* Sfondo bianco */
    border: 1px solid #eeeeee; /* Bordo sottile e chiaro */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombra per effetto 3D */
    padding: 20px; /* Spaziatura interna */
    margin-bottom: 5px; /* Spazio tra le card */
    position: relative; /* Per contenere elementi posizionati */
    overflow: hidden; /* Evita fuoriuscite */
	transition: box-shadow 0.3s ease-in-out;
}

div#percorsoFormatiboWrapper div.list-group div.list-group-item:hover {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* Valori modificati */
}


/****** Testo introduttivo questionario PF ******/
div#QuestionariCompile {
border-radius: 5px; /* Angoli arrotondati */
    background-color: #ffffff; /* Sfondo bianco */
    border: 1px solid #eeeeee !important; /* Bordo sottile e chiaro */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombra per effetto 3D */
	padding:20px;
    margin-bottom: 5px; /* Spazio tra le card */
    position: relative; /* Per contenere elementi posizionati */
    overflow: hidden; /* Evita fuoriuscite */
}

#QuestionariCompile .buttonContainer {
  padding-top: 20px;
  text-align: center; /* Centra orizzontalmente il contenuto in linea */
}

/****** Cambio colori PF ******/

.pf-activity-box.activityStatus-notStarted.locked {
  background-color: #f3f3f3; /* Esempio di un colore rosso chiaro per lo sfondo */
  color: #ccc; /* Esempio di un colore rosso chiaro per lo sfondo */
}

.pf-activity-box.activityStatus-notStarted.locked .badge-dark {
 background-color: #ccc !important;
}

/****** da verificare******
.list-group-item.collapsed  {
    color: #ccc; 
}

.list-group-item.collapsed .badge.badge-dark {
    color: #ccc; 
}*/

div.pf-activity-box {
    background-color: #eee;
    border: 0px;
    border-radius: 5px;
    transition: box-shadow 0.3s ease-in-out;
}

div.pf-activity-box:hover {
  background-color:#e6e6e6;	
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3); /* Valori modificati */
}

a.pf-activity-action:not([disabled]):hover {
    background-color: #e6e6e6;
}

	
	
	

/****** Testi Calendario ******/

.communitydiary .card-header {
    border-bottom: none;
	background-color:#eee;
}

.communitydiary .dayButton .h4 {
    font-size: 1.4rem !important;
	    font-weight: 600 !important;
}

.communitydiary .alert h2,.h2 {
    font-size: 1.2rem !important;
    font-weight: 400;
}

.communitydiary .dayButton h2,.h2 {
    font-weight: 600;
}


.communitydiary.diaryitems .h4 {
    font-size: 1.4rem;
    font-weight: 500;
}


.communitydiary .filecontainer .iteminfo {
    background-color:#f7f7f7;
	padding:9px;
	border-radius:5px;
	font-size:smaller;
	white-space: nowrap;
}

.communitydiary .attachments {
    margin: 1px;
}


.communitydiary .row.attachments::before {
            content: "Allegati: ";
            display: block;
            margin-bottom: 1rem;
            color: #333;
            font-weight: bold;
}

.communitydiary .card-body::before {
            content: "Descrizione: ";
            display: block;
            margin: 6px;
            color: #333;
            font-weight: bold;
}

.filters {
	    border-radius: 10px !important;
}


/****** Nuovo Repository ******/

.itemcontainer .card {
    min-height:80px;
}

.itemcontainer .fileName {
    margin-bottom: 5px;
}

.itemcontainer .card:hover .card-header{
  background-color: #ececec;
  border-radius:10px 10px 0px 0px;	
}


	
	
	
/****** Sfondo pagina comunità bianco******/

	.jumbotron {
		background-color: #fff;
	}
	
/****** Colore quadratino pagina homepage comunità ******/
	#serviceinfo .fa {
		background: transparent;
		color: #fff;
	}