/*desktop view*/

.divIndicatorsSlider {
    height: auto;
    padding: 20px 20px 0px 20px;
}

.a_widget-helpdesk {
    color: inherit;
    text-decoration: underline;
    font-weight: 300;
    font-size: 0.9rem;
    text-decoration: underline!important;
    color: black;
}	
	

#helpdDesk hr {
    margin-top: 0.2rem;
    margin-bottom: 0.1rem;
    em: ;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}



#mensile h3 {
 padding-left: 7%;
	}

#settmanale h3 {
 padding-left: 7%;
	}

#giornaliera h3 {
 padding-left: 7%;
	}

#barra h1 {
font-size: 1.1rem;
padding: 8px 20px;
}

#buttonScorri .btn-outline-primary {
    font-size: 1.2rem;
    background-color: #2e5aac;
    color: #ffffff;
    font-weight: 700;
    border-radius: 2px;
    padding: 10px;
}

#buttonScorri .btn-outline-primary:hover {
    font-size: 1.2rem;
    background-color: #28509e;
    color: #ffffff;
    font-weight: 700;
    border-radius: 2px;
    padding: 10px;
}


.pTextCarousel {
    padding-left: 38px;
    text-overflow: ellipsis;
    font-size: 0.9rem;
}

#offertaFormativa .cerchio-permanente {
padding: 2px 5px;
margin-right: 4px;
font-size: 0.9rem;
}
#offertaFormativa .cerchio-dirigenti {
padding: 2px 5px;
margin-right: 4px;
font-size: 0.9rem;
}
#offertaFormativa .cerchio-attivita-ai {
padding: 2px 7px;
margin-right: 8px;
font-size: 0.9rem;
}
#offertaFormativa .cerchio-decentrata {
padding: 2px 4px;
font-size: 1rem;
}
#offertaFormativa .cerchio-fd {
padding: 2px 4px;
font-size: 0.9rem;
}


.panel-offerta-home-DipartimentoTecnologie {
font-size: 0.95rem;
}
.panel-offerta-home-dirigenti {
font-size: 0.95rem;
}
.panel-offerta-home-decentrata {
font-size: 0.95rem;
}
.panel-offerta-home-iniziale {
font-size: 0.95rem;
}
.panel-offerta-home-permanente {
font-size: 0.95rem;
}



#offertaFormativa .cerchio-fd {
padding: 2px 4px;
font-size: 0.9rem;
}
#offertaFormativa .cerchio-decentrata {
padding: 2px 4px;
font-size: 0.8rem;
}
.icon-chevron-right:before {
font-size: 3rem;
font-size: 2rem;
background-color: gainsboro;
padding: 10px 8px 2px 4px;
height: 50px;
width: 30px;
margin-right: 0px;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: none;
table-layout: fixed;
}
#giornaliero a {
color: #004ee1;
text-decoration: none;
font-weight: 700;
}


.icon-angle-left {
content: "\f104";
font-size: 1.8rem;
}
.icon-angle-right {
content: "\f105";
font-size: 1.8rem;
}
#buttonScorri .btn-outline-primary {
font-size: 1.2rem;
background-color: #2f59ac;
color: white;
font-weight: 700;
border-radius: 2px;
padding: 10px;
height: 50px;
width: 35px;
}
#mensile thead {
text-align:center;
}
.ScadenzarioAlignButtonSwitch {
margin-top:6px;
}
#mensile .table tbody td:hover {
background-color:#e9e9e9!important;
}
#mensile .table tbody td{
background-color: white;
}
#mensile a:hover {
text-decoration: none;
}



.spanTestSwitch {
text-decoration: underline;
cursor: pointer;
font-size: 12px;
padding: 3px;
background-color:#f5f5f5;
}


.codiceCorsoScadenziarioDx{
padding:5px 10px 5px 10px;
}
.scadenzarioImmagine {
background-image: url(https://www.scuolamagistratura.it/documents/20126/563764/Castel+pulici+%281%29.svg);
width: 100%;
opacity: 0.9;
background-repeat: no-repeat;
align-items: center;
margin: 0 auto;
background-position: center;
border:1px solid gray;
border-radius:2px; 
padding:10px; 
z-index:-1;
display:block;
height: 97px;
}


#settimanaleTableMobile .table-bordered td {
border: solid white 5px;
border-width: 1px;
padding-bottom: 0.5rem;
font-size: 0.8rem;
width: 20%;
padding: 2px 2px 2px 2px;
padding: 0px;
padding-left: 0px!important;
}
#settimanaleTableMobile td {
text-align:center;
}
.scadenzarioSettimanaleMobileFI {
background-color: #b01d20;
text-align:center;
color:white;
}
.scadenzarioSettimanaleMobileFP{
background-color: #691650;
text-align:center;
color:white;
}
.scadenzarioSettimanaleMobileAI{
background-color: #dc4c00;
text-align:center;
color:white;
}
.scadenzarioSettimanaleMobileFDIR {
background-color: #004883;
text-align:center;
color:white;
}
.scadenzarioSettimanaleMobileFDIG {
background-color: #41ac8a;
text-align:center;
color:white;
}
.scadenzarioSettimanaleMobileFDEC {
background-color: #edda30;
text-align:center;
color:black;
}
.scadenzarioSettimanaleMobileSC {
background-color: white;
text-align:center;
color:black;
}
#settimanaleTable .table tbody td {
overflow: hidden;
}
#settimanaleTable .table tbody td {
background-color: #FFF;
padding: 2px;
padding-left: 2px!important;
overflow-y: hidden;
}
#settimanaleTable .table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: none;
table-layout: fixed;
}
#settimanaleTableMobile .table {
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
background-color: none;
table-layout: fixed;
}
#settimanaleTable .table thead th {
background-color: #efefef;
border-bottom-width: 1px;
border-top-width: 0;
font-size: 1.0rem;
text-align: center;
}
#settimanaleTable .titoloCorsoSettimanale {
overflow: hidden;
text-overflow: ellipsis;
font-size: 0.7rem;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#Scadenziario .scadenziaroDay {
font-size: 1.2rem;
font-weight: 600;
text-align: center;
padding: 5px;
}
.vaiGiornaliero {
cursor:pointer;
}
.border-wireframe {
border: solid 1px black;
padding:80px;
}
.header-widget {
background-image: linear-gradient(45deg, #0976BC 0%, #273B7A 88%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
}
.header-widget-OneRow {
background-image: linear-gradient(154deg, #FCF7F9 0%, #CEB5BB 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
color: black;
padding: 7px 7px 3px 5px;
}
/* cat 10/02/2023 - impostazione colore arancione card Inglese*/
#one-row-color{
background-image: linear-gradient(154deg, #FCF7F9 0%, #da4c00 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
color: black;
padding: 7px 7px 3px 5px;
}
.header-widget-TwoRow {
background-image: linear-gradient(45deg, #0976BC 0%, #273B7A 88%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
color: white;
padding: 7px 7px 3px 5px;
}
#offertaFormativa h3 {
color:white;
padding:10px;
}

#AvvisiScuola  h3 {
color:white;
padding:10px;
text-align:center;
}
.panel-offerta-home-iniziale {
padding: 8px;
background-image: linear-gradient(180deg, #FBFBFB 0%, #E0E0E0 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
margin: 5px 0px;
border-top: solid 3px #b01d20;
text-align: left;
font-weight: 600;
color: black;
}
/* ANAGRAMMA OFFERTA FORMATIVA MENU*/

#offertaFormativa .cerchio-permanente {
width: 200px;
height: 200px;
border-radius: 100px;
padding: 2px 5px;
background: #691650;
color: white;
margin-right: 4px;
}
#offertaFormativa .cerchio-decentrata {
width: 200px;
height: 200px;
border-radius: 100px;
padding: 2px 6px;
background: #edda30;
color: black;
margin-right: 8px;
}
#offertaFormativa .cerchio-dirigenti {
width: 200px;
height: 200px;
border-radius: 100px;
padding: 2px 5px;
background: #004883;
color: white;
margin-right: 4px;
}
#offertaFormativa .cerchio-attivita-ai {
width: 200px;
height: 200px;
border-radius: 100px;
padding: 1px 6px;
background: #da4c00;
color: white;
margin-right: 8px;
font-size: 0.9rem;
}
#offertaFormativa .cerchio-fd {
width: 200px;
height: 200px;
border-radius: 100px;
padding: 1px 4px;
background: #46ab8b;
color: white;
margin-right: 4px;
font-size:0.9rem;
}
/* ANAGRAMMA OFFERTA FORMATIVA MENU*/
.containerAbstractAvvisi {
padding: 0rem 0.8rem 0rem 0rem;
}
.panel-offerta-home-permanente {
padding: 8px;
background-image: linear-gradient(180deg, #FBFBFB 0%, #E0E0E0 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
margin: 5px 0px 8px 0px;
border-top: solid 3px #691650;
text-align:left;
font-weight: 600;
color:black;
}
.panel-offerta-home-decentrata {
padding: 8px;
background-image: linear-gradient(180deg, #FBFBFB 0%, #E0E0E0 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
margin: 5px 0px 8px 0px;
border-top: solid 3px #edda30;
text-align:left;
font-weight: 600;
color:black;
}
.panel-offerta-home-dirigenti {
padding: 8px;
background-image: linear-gradient(180deg, #FBFBFB 0%, #E0E0E0 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
margin: 5px 0px 8px 0px;
border-top: solid 3px #004883;
text-align:left;
font-weight: 600;
color:black;
}
.panel-offerta-home-attivitaInternazionale{
padding: 8px;
background-image: linear-gradient(180deg, #FBFBFB 0%, #E0E0E0 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
margin: 5px 0px 8px 0px;
border-top: solid 3px #da4c00;
text-align:left;
font-weight: 600;
color:black;
}
.panel-offerta-home-DipartimentoTecnologie{
padding: 8px;
background-image: linear-gradient(180deg, #FBFBFB 0%, #E0E0E0 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
margin: 5px 0px 8px 0px;
border-top: solid 3px #46ab8b;
text-align:left;
font-weight: 600;
color:black;
}
.cerchio-dirigenti {
width: 200px;
height: 200px;
border-radius: 100px;
padding: 4px 7px;
background: #004883;
color: white;
margin-right: 4px;
}

.nav-pills .nav-link {
/* border-radius: .25rem; */
font-weight: 600;
border-bottom: solid 0.5px #dadadaf5;
/* border-width: 50px; */
}
.nav-pills .nav-link {
border-radius: .0rem!important;
}
#avvisiTesto .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #FFF;
background-color: #1768d6;
font-weight: 600;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #FFF;
background-color: #0a53de;
}

#avvisiTesto hr {
margin-top: 0.5rem;
margin-bottom: 0.9rem;
border: 0;
border-top: 2px solid rgb(0, 41, 157);
}
.header-widget-fluidContainer {
background-image: linear-gradient(45deg, #0976BC 0%, #273B7A 88%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
margin-left: -30px;
margin-right: -30px;
}

.scadenziaroDay {
font-size:2.2rem;
font-weight:600;
text-align:center;
padding:5px;
}
.scadenzionarioMonthYear {
font-size:1.5rem;
font-weight:400;
text-align:center;
padding:5px;
}
#Scadenziario hr {
margin-top:0.2rem;
margin-bottom:0.2rem;
}
#Scadenziario p {
font-size:0.95rem;
}



.btn-info {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: -5px;
padding: 5px 10px 5px 10px;
border-radius: 2px;
}


#Scadenziario .align-button {
margin-top:-8px;
}

#Scadenziario .btn-info {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: 8px;
padding: 5px 10px 5px 10px;
border-radius: 1.5px;
}
.cardBody-home {
background-color: #f4f4f4;
padding:10px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
min-height:9rem;
}
#fourRow .cardBody-home {
background-color: #f4f4f4;
padding: 10px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
min-height: 10.5rem;
}
.img-widget {
width: 70%;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-left: 10px;
margin-top: 10px;
}
#threeRow h3 {
padding-left:20px;
}
#secondRow h3 {
padding-left:20px;
}
#fourRow h3 {
padding-left:20px;
}
.font-widget {
font-size:0.9rem;
}
.a_widget {
color: inherit;
text-decoration: underline;
font-weight: 600;
font-size: 0.9rem;
text-decoration: underline!important;
color:black;
}
.a_widget:hover {
color: #1b56dc!important;
}
.min-height-container {
min-height:7.5rem;
}
.min-height-container-fourRow {
min-height:7.5rem;
}
.min-height-container-oneRow {
min-height: 5.7rem;
}
.img-widget-moduli {
width: 60%;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-left: 10px;
margin-top: 10px;
}
.SepatoreScadenziario {
margin-top: 0.9rem;
margin-bottom: 0.9rem;
border: 0;
border-top: 2px solid rgb(0, 41, 157);
}
.LineHeightScadenziario {
font-size: .975rem;
line-height: 1.5rem;
}
@media (max-width: 768px){


.pTextCarousel {
padding-left: 38px;
text-overflow: ellipsis;
padding-right: 38px;
}

.containerTitleSlide {
padding: 10px;
vertical-align: sub;
height: 55px;
display: table;
height: auto;
background-color: #f5f5f5;
border-radius: 2px;
border-top: solid 4px #0023a4;
width: 100%;
}

}
@media (min-width: 317px) and (max-width: 767.98px){

#offertaFormativa .cerchio-fd {
padding: 2px 5px;
font-size: 0.95rem;
}
#offertaFormativa .cerchio-decentrata {
padding: 2px 4px;
font-size: 1rem;
}
#carouselExampleControls {
margin-top:30px;
}

.divIndicatorsSlider {
height: 50px;
padding: 0px;
}
#slideMobile1 {
display:none;
}
#slideMobile2 {
display:none;
}
#slideMobile3 {
display:none;
}
#slideMobile4 {
display:none;
}
#slideMobile5 {
display:none;
}
#slideMobile6 {
display:none;
}
.pTextCarousel {
padding-left: 38px;
text-overflow: ellipsis;
padding-right: 48px!important;
text-align: justify;
}
#mobileSlide1 {
display:none;
}

.divImageCarousel {
min-height: auto;
max-height: none;
overflow: visible;
margin-bottom: 20px;
}
.table td:first-child, .table th:first-child {text-align:center;}

#mensile .table thead th {
background-color: #efefef;
border-bottom-width: 1px;
border-top-width: 0;
font-size: 1.0rem;
}
.table-bordered td {
border-width: 1px;
padding-bottom: 0.5rem;
font-size: 1rem;
width: 20%;
padding: 8px;
font-size: 14px;
}
.desktopThead {
display:none;  
}
.table th {
color: #6b6c7e;
font-weight: 600;
height: 36px;
position: relative;
text-align: center;
font-weight: 600;
}
.numberDate {
font-size: 0.9rem!important;
color: black;
text-align: center;
margin-bottom: -1%;
margin-top: -8%;
font-weight: 600!important;
}

.codiceCorsoScadenziarioDx {
padding-right: 10px;
}
#buttonScorri .btn-outline-primary {
font-size: 1.2rem;
background-color: #2f59ac;
color: white;
font-weight: 700;
border-radius: 2px;
padding: 10px;
width: 35px;
}
.scadenzarioCorsiPresenti {
align-items: center;
margin: 0 auto;
border: 1px solid gray;
border-radius: 2px;
padding: 8px 10px 8px 16px;
z-index: 1;
width: 80%;
}
#Scadenziario .align-button {
margin-top: -8px;
width: 100%;
}
.paddingCodiceCorsoScadenziario {
padding-top: 0.8rem;
margin-left: 60px;
}
.icon-chevron-right:before {
font-size: 3rem;
font-size: 2rem;
background-color: gainsboro;
padding: 10px 8px 2px 4px;
height: 50px;
width: 30px;
margin-right: -10px;
margin-left: 10px;
}


.containerTitleSlide {
padding: 6px 18px 8px 10px;
vertical-align: sub;
height: 55px;
display: table;
height: auto;
background-color: #f5f5f5;
border-radius: 2px;
border-top: solid 4px #0023a4;
width: 100%;
}
#offertaFormativa .cerchio-attivita-ai {
width: 200px;
height: 200px;
border-radius: 100px;
padding: 2px 7px;
background: #da4c00;
color: white;
margin-right: 8px;
font-size: 1rem;
}



}
@media (min-width: 768px) and (max-width:1024px) {
.icon-chevron-right:before {
font-size: 3rem;
font-size: 2rem;
background-color: gainsboro;
padding: 10px 8px 2px 4px;
height: 50px;
width: 30px;
margin-right: 20px!important;
}


.divImageCarousel {
min-height: 260px;
max-height: 270px;
overflow: hidden;
margin-bottom: 10px;
}

.divIndicatorsSlider {
 height: 0px!important;
 padding: 5px!important;
}
.panel-offerta-home-iniziale {
font-size:0.7rem;
padding: 10px 5px;
}

#offertaFormativa .cerchio-permanente {
padding: 2px 4px;
font-size: 0.7rem;
margin-right: 4px;
}
.panel-offerta-home-permanente {
font-size:0.7rem;
padding: 10px 5px;
}
#offertaFormativa .cerchio-decentrata {
padding: 2px 4px;
margin-right: 2px;
font-size: 0.7rem;
}
.panel-offerta-home-decentrata {
font-size:0.7rem;
padding: 10px 5px;
}
#offertaFormativa .cerchio-dirigenti {
padding: 2px 4px;
margin-right: 2px;
font-size: 0.7rem;
}
.panel-offerta-home-dirigenti {
font-size:0.7rem;
padding: 10px 5px;
}
#offertaFormativa .cerchio-attivita-ai {
padding: 2px 5.5px;
margin-right: 2px;
font-size: 0.7rem;
}
.panel-offerta-home-attivitaInternazionale {
font-size: 0.7rem;
padding: 10px 5px;
}
.panel-offerta-home-DipartimentoTecnologie {
font-size: 0.7rem;
padding: 10px 5px;
}


.icon-chevron-right:before {
font-size: 3rem;
font-size: 2rem;
background-color: gainsboro;
padding: 10px 8px 2px 4px;
height: 50px;
width: 30px;
margin-right: 20px;
}
.LineHeightScadenziario {
font-size: .975rem;
line-height: 1.5rem;
text-align: center;
}

#AvvisiScuola h3 {
color: white;
padding: 10px;
text-align: center;
font-size: 20px;
}



.#offertaFormativa .ViewPortait{
padding:10px 60px 10px 60px;
}

.scadenzarioImmagine {
background-image: url(https://www.scuolamagistratura.it/documents/20126/563764/Castel+pulici+%281%29.svg);
width: 100%;
opacity: 0.9;
background-repeat: no-repeat;
align-items: center;
margin: 0 auto;
background-position: center;
border: 1px solid gray;
border-radius: 2px;
padding: 10px;
z-index: -1;
display: block;
height: 127px;
padding: 20px;
width: 60%;
}

.nav-pills .nav-link {
/* border-radius: .25rem; */
font-weight: 600;
border-bottom: solid 0.5px #dadadaf5;
/* border-width: 50px; */
font-size: 0.8rem;
}

#AvvisiScuola h3 {
color: white;
padding: 10px;
text-align: center;
font-size: 1rem;
}

.btn-info {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: -5px;
padding: 4px 6px;
border-radius: 2px;
font-size: 0.8rem;
}

#offertaFormativa .cerchio-fd {
padding: 2px 3.5px;
margin-right: 2px;
font-size: 0.7rem;
}

.paddingCodiceCorsoScadenziario {
/* text-align: center; */
padding: 0.4rem 6rem;
}

.pTextCarousel {
padding-left: 38px;
text-overflow: ellipsis;
padding-right: 0px;
}
}
@media (min-width: 1024px) and (max-width: 1199.98px) { 

.codiceCorsoScadenziarioSx {
padding: 5px 10px 0px 10px;
}
.codiceCorsoScadenziarioDx {
padding: 0px 10px 5px 10px;
}



.LineHeightScadenziario {
font-size: .8rem;
line-height: 1.2rem;
}
.scadenzarioCorsiPresenti {
align-items: center;
margin: 0 auto;
border: 1px solid gray;
border-radius: 2px;
padding: 5px 5px 5px 5px;
z-index: 1;
}

.paddingCodiceCorsoScadenziario {
padding-top: 0.8rem;
padding-right: 0.8rem;
padding-bottom: 0.rem;
padding-left: 3rem;
}
.codiceCorsoScadenziarioSx {
padding: 5px 10px 0px 10px;
}
.codiceCorsoScadenziarioDx {
padding: 0px 10px 5px 10px;
}

.panel-offerta-home-DipartimentoTecnologie {
font-size: 0.8rem;
}
.panel-offerta-home-attivitaInternazionale {
font-size: 0.8rem;
}
.panel-offerta-home-dirigenti {
font-size: 0.8rem;
}
.panel-offerta-home-decentrata {
font-size: 0.8rem;
}
.panel-offerta-home-permanente {
font-size: 0.8rem;
}
.panel-offerta-home-iniziale {
font-size: 0.8rem;
}

#offertaFormativa .cerchio-permanente {
padding: 2px 5px;
font-size: 12px;
}
#offertaFormativa .cerchio-decentrata {
padding: 2px 5px;
font-size: 12px;
}
#offertaFormativa .cerchio-dirigenti {
padding: 2px 4px;
font-size: 12px;
}
#offertaFormativa .cerchio-fd {
padding: 2px 4px;
font-size: 12px;
}
#offertaFormativa h3 {
color: white;
padding: 10px;
font-size: 1.0rem;
}
#AvvisiScuola h3 {
color: white;
padding: 10px;
text-align: center;
font-size: 1.0rem;
}
#secondRow h3 {
padding-left: 20px;
font-size: 1rem;
}
#threeRow h3 {
padding-left: 20px;
font-size: 1rem;
}
#fourRow h3 {
padding-left: 20px;
font-size: 1rem;
}
.font-widget {
font-size: 0.8rem;
}
.mobileWiget1 {
min-height: 180px;
}
.scadenzarioImmagine {
background-image: url(https://www.scuolamagistratura.it/documents/20126/563764/Castel+pulici+%281%29.svg);
width: 100%;
opacity: 0.9;
background-repeat: no-repeat;
align-items: center;
margin: 0 auto;
background-position: center;
border: 1px solid gray;
border-radius: 2px;
padding: 20px 10px;
z-index: -1;
display: block;
height: 150px;
}
.icon-chevron-right:before {
font-size: 3rem;
font-size: 2rem;
background-color: gainsboro;
padding: 10px 8px 2px 4px;
height: 50px;
width: 30px;
margin-right: 15px;
}
#barra h1 {
font-size: 1.1rem;
padding: 8px 20px;
}
.ScadenzarioAlignButtonSwitch {
margin-top:8px;
}


.numberDate {
font-size: 1.2rem;
color: black;
text-align: right;
margin-bottom: -1%;
margin-top: -8%;
}
#buttonScorri .btn-outline-primary {
font-size: 1.2rem;
background-color: #2f59ac;
color: white;
font-weight: 700;
border-radius: 2px;
padding: 10px;
height: 50px;
width: 35px;
}
#buttonScorri .btn-outline-primary:hover {
font-size: 1rem;
background-color: #284c93;
color: #ffffff;
font-weight: 700;
border-radius: 2px;
padding: 10px;
}
.codiceCorsoPermanente {
color: #8F1B6C;
font-weight: 700;
font-size: 1rem;
}
.shortDescriptionCorso {
color: black;
font-size: 0.9rem;
}

#giornaliero a {
color: #004ee1;
text-decoration: none;
font-weight: 700;
font-size: 0.8rem;
text-decoration: underline;
}
.dataCorso {
color: black;
font-size: 0.9rem;
}
.text-right {
text-align: right !important;
font-size: 0.9rem;
}


.LineHeightScadenziario {
font-size: .8rem;
line-height: 1rem;
padding: 0px 0px;
margin: 10px 0px 10px 0px;
}

.paddingCodiceCorsoScadenziario {
padding-top: 0.6rem;
padding-right: 0.8rem;
padding-bottom: 0rem;
padding-left: 3rem;
}
#mensile .table thead th {
padding: 5px;
background-color: #efefef;
border-bottom-width: 1px;
border-top-width: 0;
font-size: 1.0rem;
}
}



/*@MEDIAQUERY*/

/*Smartphone*/


@media (max-width: 767.98px) and (min-width: 276px){

.table td:first-child, .table th:first-child {text-align:center;}

#mensile .table thead th {
background-color: #efefef;
border-bottom-width: 1px;
border-top-width: 0;
font-size: 1.0rem;
}
.table-bordered td {
border-width: 1px;
padding-bottom: 0.5rem;
font-size: 1rem;
width: 20%;
padding: 8px;
font-size: 14px;
}
.desktopThead {
display:none;  
}
.table th {
color: #6b6c7e;
font-weight: 600;
height: 36px;
position: relative;
text-align: center;
font-weight: 600;
}
.numberDate {
font-size: 0.9rem!important;
color: black;
text-align: center;
margin-bottom: -1%;
margin-top: -8%;
font-weight: 600!important;
}
.codiceCorsoScadenziarioSx {
padding-right: 30px;
}
.codiceCorsoScadenziarioSx {
padding-left: 30px;
}
}


@media (min-width: 276px) and (max-width: 767.98px) {
.pTextCarousel {
padding-left: 40px;
text-overflow: ellipsis;
padding-right: 40px;
text-align: justify;
}



.divIndicatorsSlider {
height: 30px;
padding: 20px 20px 0px 20px;
}


.divImageCarousel {
min-height: auto!important;
max-height: auto!important;
overflow: none!important;
margin-bottom: 0px!important;
}
.divIndicatorsSlider {
height: 50px;
padding-top: 10px!important;
}
.mobileButtonLink {
padding-top: 8%;
padding-bottom: 8%;}
.arrowDisplay {
display:none!important;
}

.containerTitleSlide {
padding: 16px 10px 16px 10px;
vertical-align: sub;
height: 55px;
display: table;
height: auto;
background-color: #f5f5f5;
border-radius: 2px;
border-top: solid 4px #0023a4;
/* width: 100%; */
}
.icon-chevron-right:before {
font-size: 3rem;
font-size: 2rem;
background-color: gainsboro;
padding: 10px 8px 2px 4px;
height: 50px;
width: 30px;
margin-right: -20px!important;
}

#offertaFormativa {
padding-bottom:20px;
}
}


@media (min-width: 276px) and (max-width: 767.98px) { 



#barra h1 {
font-size: 1.1rem!important;
padding: 8px 20px!important;
}
.mobilePadding {
padding:20px;
text-align:center;
}
.mobileMargin {
margin-bottom:10px;
}
#bgiornaliero button {
margin-bottom:15px;
}
.img-widget-moduli {
width: 20%!important;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 15px;
}
.align-icon-mobile {
padding: 10px;
text-align: center;
}
.align-icon-mobile img {
width: 30%!important;
margin-top: 0px;
padding-bottom: 10px;
}
.min-height-container-oneRow {
min-height: 0rem;
}
.min-height-container {
min-height:0rem;
}
.min-height-container-fourRow {
min-height:0rem;
}
.btn-info {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: -5px;
padding: 5px 10px 5px 10px;
border-radius: 1.5px;
width: 40%;
margin-bottom:15px;
}
}



@media (min-width: 767.98px) and (max-width: 1024px) { 
	
#collapseHelpDeskOnline .font-widget {
	fint-size:0.7rem;
	line-height:1.rem;
}

.a_widget-helpdesk {
    color: inherit;
    text-decoration: underline;
    font-weight: 300;
    font-size: 0.7rem;
    text-decoration: underline!important;
    color: black;
}


.align-icon-mobile {
    text-align: center;
    min-height: 55px;
}

.font-widget {
font-size: 0.7rem;
}
.a_widget {
color: inherit;
text-decoration: underline;
font-weight: 600;
font-size: 0.7rem;
text-decoration: underline!important;
color: black;
padding: 0px 10px;
}
h3 {
font-size:0.8rem;
}  
.min-height-container {
min-height: 6rem;
}
.img-widget {
width: 70%;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-left: 0px;
margin-top: 0px;
}
.img-widget-moduli {
width: 16%!important;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-left: 0px;
margin-top: 0px;
}
.min-height-container-oneRow {
min-height: 3.8rem;
}
.align-button-home {
margin-top:15px;
}
}
.mobile-view h3 {
text-align: center;
font-size: 2rem;
}
.mobile-widget-video img {
width: 30%;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-left: 10px;
margin-top: 10px;
}
}
#img-widget-moduli img {
text-align:center;
width: 20%;
}
#accordionMobile .btn-link {
font-weight: 600;
width: 100%;
color: #0b5fff!important;
background-color: transparent;
text-align:left;
}
.SepatoreMobile {
padding-bottom: 20px;
margin-top: 0.6rem;
width: 80%;
margin-bottom: 1.9rem;
border: 0;
border-top: 1px solid rgb(0, 41, 157);
margin: 0 auto;
}


.icon-chevron-right:before {
font-size: 3rem;
font-size: 2rem;
background-color: gainsboro;
padding: 10px 8px 2px 4px;
height: 50px;
width: 30px;
margin-right: 0px;
}
.icon-chevron-left:before {
content: "\f053";
font-size: 2rem;
background-color: gainsboro;
padding: 10px 8px 2px 4px;
height: 50px;
width: 30px;
margin-left: -20px;
}


.containerTitleSlide {
padding: 6px 0px 8px 40px;
vertical-align: sub;
height: 55px;
display: table;
height: auto;
background-color: #f5f5f5;
border-radius: 2px;
border-top: solid 4px #0023a4;
width: 100%;
}

.borderIndicators {
padding: 10px;
width: 93%;
border-radius: 2px;
background-color: #f5f5f5;
border-top: 2px solid #0024a3;
}
.paddingRowCarousel {
margin-bottom:20px;
}

#offertaFormativa .parent-div {
width: 100%;
}
#offertaFormativa a {
display: block;
text-decoration: none;
margin-bottom: 8px;
}
#offertaFormativa a:hover {
background-color: #ddd;
text-decoration:none!important;
}
#offertaFormativa .panel-offerta-home-iniziale:hover {
background-image: linear-gradient(180deg, #FBFBFB 0%, #c3c3c3 100%);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.36);
}
#offertaFormativa .panel-offerta-home-permanente:hover {
background-image: linear-gradient(180deg, #FBFBFB 0%, #c3c3c3 100%);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.36);
}
#offertaFormativa .panel-offerta-home-decentrata:hover {
background-image: linear-gradient(180deg, #FBFBFB 0%, #c3c3c3 100%);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.36);
}
#offertaFormativa .panel-offerta-home-dirigenti:hover {
background-image: linear-gradient(180deg, #FBFBFB 0%, #c3c3c3 100%);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.36);
}
#offertaFormativa .panel-offerta-home-attivitaInternazionale:hover {
background-image: linear-gradient(180deg, #FBFBFB 0%, #c3c3c3 100%);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.36);
}
#offertaFormativa .panel-offerta-home-DipartimentoTecnologie:hover {
background-image: linear-gradient(180deg, #FBFBFB 0%, #c3c3c3 100%);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.36);
}
.boxImageCarousel {
width:100%;
max-height:277.5px;
overflow-y: hidden;
border-radius:4px;
}
.divImageCarousel {
min-height: 277.5px;
max-height: 277.5px;
overflow: hidden;
margin-bottom:20px;
}
.divIndicatorsSlider {
height:50px;
padding:20px 20px 0px 20px;
}
.pTextCarousel {
padding-left: 38px;
text-overflow: ellipsis;}


}


@media (min-width: 990px) and (max-width: 1340px) {


.panel-offerta-home-DipartimentoTecnologie {
font-size: 0.9rem;
}
.panel-offerta-home-attivitaInternazionale {
font-size: 0.9rem;}
.panel-offerta-home-dirigenti {
font-size: 0.9rem;
}
.panel-offerta-home-decentrata {
font-size: 0.9rem;
}
.panel-offerta-home-decentrata {
font-size: 0.9rem;
}
.panel-offerta-home-permanente {
font-size: 0.9rem;
}
.panel-offerta-home-iniziale {
font-size: 0.9rem;}
#offertaFormativa .cerchio-fd {
padding: 1px 3px;
font-size: 12px;
}
#offertaFormativa .cerchio-fd {
padding: 2px 6px;
font-size: 12px;
}
#offertaFormativa .cerchio-fd {
padding: 2px 6px;
font-size: 12px;
}
#offertaFormativa .cerchio-dirigenti {
padding: 2px 4px;
font-size: 12px;
}
#offertaFormativa .cerchio-decentrata {
padding: 3px 6px;
font-size: 12px;
}
#offertaFormativa .cerchio-permanente {
padding: 2px 5px;
font-size: 12px;
}
#offertaFormativa .cerchio-permanente {
padding: 2px 5px;
font-size: 12px;
}

}




.tac { 
text-align: center;
}
#barra h1 {
font-size: 1.625rem;
padding: 8px 20px;
}
.card-body-haeder-sacdenziario {
background-color: #f5f5f5;
padding-bottom: 0.2rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1rem;
background-color: #f5f5f5;
margin-top: 10px;
}
#barra .btn:not(:disabled):not(.disabled).active {
background-image: none;
box-shadow: inset 0 0 transparent;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
background-color: #2e5aac;
color: white;
}
#switchDateScadenziario .btn-light {
color: #272833;
background-color: #f1f2f5;
border-color: #f1f2f5;
box-shadow: none;
border: 1px solid;
width: 90%;
}
#switchDateScadenziario .btn-light:hover {
background-color: #e5e5e5;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50)!important;
}
#mensile .table thead th {
background-color: #efefef;
border-bottom-width: 1px;
border-top-width: 0;
font-size: 1.0rem;}

.table-bordered td {
border-width: 1px;
padding-bottom: 0.5rem;
font-size: 1rem;
font-weight: 600;
}
#buttonScorri .table-bordered td {
border-width: 1px;
font-size: 1rem;
font-weight: 600;
padding: 8px;
}
#buttonScorri .btn-outline-primary:hover {
font-size: 1rem;
background-color: #f0f5ff;
color: #2f59ac;
font-weight: 700;
border-radius: 2px;
padding: 10px;
}
#buttonScorri .btn-outline-primary {
font-size: 1.2rem;
background-color: #f0f5ff;
color: #2f59ac;
font-weight: 700;
border-radius: 2px;
padding: 10px;
}
.tableSwitchDDMM {
padding: 0.5rem;
background-color: #f5f5f5;
margin: 0 auto;
text-align: center;
}
.btn-primary {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
}
.btn-primary:hover {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
}
.numberDate {
font-size: 1.5rem;
color: black;
text-align: right;
margin-bottom: -1%;
margin-top: -8%;
}
.meseVuoto{
opacity: 0.3;
}
.currentDataActive {
border: 3px solid #2e5aac!important;
background-color: #e9e9e9!important;
}
.panel-corso {
padding: 8px;
background-image: linear-gradient(180deg, #FBFBFB 0%, #E0E0E0 100%);
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
margin-bottom:15px;
}
/*panle corso*/
.padding-panel-row1 {
padding: 0px 10px 5px 10px;
}
.padding-panel-row2 {
padding: 10px 10px 0px 10px;
}
.codiceCorsoPermanente {
color: #8F1B6C;
font-weight: 700;
font-size: 1.2rem;
}
.dataCorso {
color:black;
}
#giornaliero .circle-civile {
width: 15px;
height: 15px;
border-radius: 100px;
padding: 1px 7px;
background: #72c3e8;
color: #72c3e8;
margin-right: 4px;
font-size: 8px;
font-weight: 800;
}
#giornaliero .circle-penale {
width: 15px;
height: 15px;
border-radius: 100px;
padding: 1px 7px;
background: #9472e8;
color: #9472e8;
margin-right: 4px;
font-size: 8px;
font-weight: 800;
}
#giornaliero .circle-comune {
width: 15px;
height: 15px;
border-radius: 100px;
padding: 1px 7px;
background: #06bb19;
color: #06bb19;
margin-right: 4px;
font-size: 8px;
font-weight: 800;
}
#giornaliero .circle-linguistico{
font-weight: bold;
color: #72c3e8;
margin-top: 4px;
border-radius: 100px;
padding: 1px 7px;
background:#f3ef1f;
}
.dividerPanelCorso  {
margin-top: 0.2rem;
margin-bottom: 0.2rem;
border: 0;
border-top: 1px solid rgba(0,0,0,0.1);
}
#giornaliero a {
color: #004ee1;
text-decoration: none;
font-weight: 700;
}
#giornaliero a:hover {
color: #053692;
text-decoration: underline;
font-weight: 700;
}
.card-header-giornaliero {
padding: .75rem 1.25rem;
margin-bottom: 0;
}
.shortDescriptionCorso {
color:black;
}

}






/*carousel*/

@media (min-width: 769px)  {
.desk {
display:none!important;
}
}


@media (min-width: 1030px) and (max-width: 1340px) { 
.divIndicatorsSlider {
height: auto!important;
padding: 0px!important;
}

.w-100 {
width: 100% !important;
margin: 0 auto;
padding: 0px;
}

}


@media (min-width: 765px) and (max-width: 1050px) { 

.w-100 {
width: 100% !important;
margin: 0 auto;
padding: 0;
}


}


@media (min-width: 1457px) {
.divIndicatorsSlider {
    height: auto;
    padding: 20px 20px 0px 20px;
}

}

@media (min-width: 768px) and (max-width: 1199.98px) { 


}


/*Media Query portait and landscape*/

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1)   {

.align-icon-mobile img {
    width: 80%!important;
    padding-bottom: 10px;
    }

}




@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1)  {
  



.min-height-container-fourRow {
    min-height: 6.2rem!important;
}

  
  .align-icon-mobile img {
    width: 20%!important;
    padding-bottom: 10px;
    }





.containerTitleSlide {
    padding: 6px 0px 8px 6px;
    vertical-align: sub;
    height: 55px;
    display: table;
    height: auto;
    background-color: #f5f5f5;
    border-radius: 2px;
    border-top: solid 4px #0023a4;
    width: 100%;
}

}