/*desktop view*/
.dateAvvisi {
font-size: 0.8rem;
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;
}

.contentAvvisi {
    min-height: 100px;
    max-height: 110px;
    overflow: hidden;
    border-radius: 4px;
    width: 200px;
    margin-bottom: 0.5rem;
}

.avvisiImg {
    vertical-align: middle;
    border-style: none;
    border-radius: 4px;
    width: 100%;
}

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


	#cardOverflow a.nav-link {
	    display: block;
	    padding: .225rem 0.60rem!important;
	    max-height: 90px;
	    min-height: 60px;
	}
	
.ButtonWidgetScadenzario {
    padding-top: 0px;
    position: inherit;
    bottom: 20px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
}




#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;
}
.divTextCarousel {
    max-height: 210px;
    overflow: hidden;
    min-height: 180px;
}
#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;
}
#offertaFormativa .cerchio-iniziale {
border-radius: 100px;
padding: 3px 8px;
margin-right: 4px;
font-size: 0.9rem;
}
#offertaFormativa .cerchio-iniziale {
width: 200px;
height: 200px;
border-radius: 100px;
padding: 3px 8px;
background: #b01d20;
color: white;
margin-right: 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;
}
#avvisiTesto p {
margin-top: 0;
margin-bottom: 0.7rem;
text-align: justify;
font-size: 0.9rem;
}
#carouselExampleControls h4 {
font-size: 1.1rem;
margin-bottom: 0px!important;
padding-bottom: 0px!important;
color: black;
padding: 0px 5px 0px 0px;
}
.borderAroundDate {
border-top: 3px solid #0e70c5;
border-radius: 4px;
margin-top: 20px;
margin-bottom: 10px;
}
#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;
}

.containerMonthWeekDay {
width: 70%;
font-size: 1rem;
font-weight: 600;
padding: 5px;
font-size: 0.9rem;
color: #2e5aac;
}
.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;
}
.widgetScadenzarioDay {
font-size: 1.8rem;
font-weight: 600;
text-align: center;
color: #0058b6;
padding: 3px;
color: background-image: linear-gradient(45deg, #0976BC 0%, #273B7A 88%);
}
.widgetScadenzarioYear {
font-size: 1.2rem;
font-weight: 700;
text-align: center;
vertical-align: 2px;
padding: 3px;
color: #0058b6;
}
.widgetScadenzarioMonth {
font-size: 1.2rem;
font-weight: 700;
text-align: center;
vertical-align: 2px;
padding: 3px;
color: #0058b6;
}
.spanTestSwitch {
text-decoration: underline;
cursor: pointer;
font-size: 12px;
padding: 3px;
background-color:#f5f5f5;
}
.scadenzarioNoImmagine {
margin: 0 auto;
border: 1px solid gray;
border-radius: 2px;
padding: 10px;
z-index: -1;
display: block;
}
#widgetScadenzario .img-scadenziario {
width: 16%;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-right: 5px;
margin-top: -2px;
}
.scadenziaroCodiceCorso {
font-size: 0.9rem;
font-weight: 600;}
.codiceCorsoScadenziarioSx{
padding:5px 10px 0px 10px;
}
.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;
}

.scadenzarioCorsiPresenti {
    align-items: center;
    text-align: initial;
    margin: 0 auto;
    border: 1px solid gray;
    border-radius: 2px;
    padding: 6px 10px 4px 16px;
    z-index: 1;
    /**min-height:5rem;**/
}

#settimanaleTableMobile .img-scadenziario {
width: 16%;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-right: 5px;
}
#settimanaleTableMobile .scadenziaroCodiceCorso {
font-size: 0.8rem;
font-weight: 600;
}
#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;
}
.scadenziarioSettimanaleFP {
border: solid white 2px;
background-color:#691650;
color:white;
padding: 5px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.scadenziarioSettimanaleFDIR {
border: solid white 2px;
background-color:#004883;
color:white;
padding: 5px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.scadenziarioSettimanaleAI {
border: solid white 2px;
background-color:#da4c00;
color:white;
padding: 5px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.scadenziarioSettimanaleFDC {
border: solid white 2px;
background-color:#edda30;
color:black;
padding: 5px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.scadenziarioSettimanaleFI {
border: solid white 2px;
background-color:#b01d20;
color:white;
padding:  5px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.scadenziarioSettimanaleFDIG {
border: solid white 2px;
background-color:#46ab8b;
color: white;
padding: 5px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.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;
}
.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;
}
#cardOverflow a.nav-link {
display: block;
padding: .225rem 0.60rem!important;
}
#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-iniziale {
width: 200px;
height: 200px;
border-radius: 100px;
padding: 2px 7px;
background: #b01d20;
color: white;
margin-right: 4px;
}
#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;
}
#avvisiTesto p {
margin-top: 0;
margin-bottom: 0.7rem;
text-align: justify;
font-size: 0.9rem;
}
.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;
font-size:0.95rem;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #FFF;
background-color: #0a53de;
}
#avvisiTesto h4 {
font-size: 1rem;
padding: 5px 5px;
color: black;
background-color: #f2f2f2;
min-height: 40px;
line-height: 1.8;
/* margin: 0 auto; */
}
#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;
}
#cardOverflow .card {
    border-style: solid;
    box-shadow: 0 1px 10px -4px rgba(0,0,0,0.6);
    display: block;
    margin-bottom: 1.25rem;
    position: relative;
    overflow-x: hidden;
    padding-bottom: 10px;
    border-top-radius: 0px;
    min-height: 420px;
}
.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;
}
.img-scadenziario {
width: 16%;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-right: 10px;
margin-top: -2px;
}
.scadenziaroCodiceCorso {
font-size: 1rem;
font-weight: 600;
}
.borderAroundDate {
border: 1px solid #297cc3;
border-radius: 4px;
margin-top: 20px;
margin-bottom: 10px;
}
.btn-info {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: -5px;
padding: 5px 10px 5px 10px;
border-radius: 2px;
}
.btn-info-slider {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: -5px;
padding: 5px 10px 5px 10px;
border-radius: 1.5px;
position: absolute;
z-index: 2000;
overflow: hidden;
}
.btn-info-slider:hover {
color: #ffffff;
background-color: #00328f;
}
#Scadenziario .align-button {
margin-top:-8px;
}
.paddingCodiceCorsoScadenziario {
padding-top:0.1rem;
}
#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:6.7rem;
}
.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){
.btn-info-slider {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: -5px;
padding: 5px 10px 5px 10px;
border-radius: 1.5px;
position: inherit;
z-index: 2000;
overflow: hidden;
}
.carousel-control-next {
right: 00px;
margin-top: 0px;
}
.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%;
}
.divTextCarousel {
max-height: inherit;
overflow: hidden;
}
}
@media (min-width: 317px) and (max-width: 767.98px){
	
#carouselExampleControls h4 {
font-size: 1rem;
margin-bottom: 0px!important;
padding-bottom: 0px!important;
color: black;
}
#offertaFormativa .cerchio-fd {
padding: 2px 5px;
font-size: 0.95rem;
}
#offertaFormativa .cerchio-decentrata {
padding: 2px 4px;
font-size: 1rem;
}
#carouselExampleControls {
margin-top:30px;
}
.carousel-indicators {
margin: 0 auto;
bottom: inherit!important;
padding-bottom: 5px;
}
.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;
}
.divTextCarousel {
max-height: inherit;
overflow: visible;
}
.divImageCarousel {
min-height: auto;
max-height: none;
overflow: visible;
margin-bottom: 20px;
}
.table td:first-child, .table th:first-child {text-align:center;}
.card-body-mensile {
padding-bottom: 0rem!important;
padding-left: 0rem!important;
padding-right: 0rem!important;
padding-top: 1rem;
}
#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-left: 10px;
}
.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;
text-align: initial;
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;
}
.carousel-control-next {
right: 10px;
margin-top: 0px;
margin:0 auto!important;
}
.CarouselLeftContent {
padding-left: 10px;
}
.CarouselRightContent {
padding-right: 0px!important;
}
.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;
}

.carousel-control-next {
right: 10px;
margin-top: -130px;
}
#carouselExampleControls hr {
display:none;
}
}


@media (min-width: 991px) and (max-width:1024px) {
	
	.widgetScadenzarioDay {
    font-size: 1.2rem!important;
}
.widgetScadenzarioMonth {
    font-size: 1.0rem!important;
}

.widgetScadenzarioMonth {
    font-size: 1.0rem!important;
}
.paddingCodiceCorsoScadenziario {
    padding: 0.2rem!important;
}
#widgetScadenzario .img-scadenziario {
    width: 12%!important;
}	

.LineHeightScadenziario {
    font-size: 0.9rem;
    line-height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
}
}

@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;
}

.carousel-indicators {
margin: 0 auto;
bottom: 25%!important;
padding-bottom: 2%;
}
.divImageCarousel {
min-height: 260px;
max-height: 270px;
overflow: hidden;
margin-bottom: 10px;
}
#avvisiTesto h4 {
font-size: 0.9rem;
padding: 5px 5px;
color: black;
background-color: #f2f2f2;
min-height: 40px;
line-height: 1.4;
/* margin: 0 auto; */
}
#avvisiTesto p {
margin-top: 0;
margin-bottom: 0.7rem;
text-align: justify;
font-size: 0.7rem;
}
.carousel-inner p {
font-size: .8rem !important;
text-align: justify;
}
.carousel-indicators {
margin: 0 auto;
bottom: 28%!important;
padding-bottom: 2%;
}
.divIndicatorsSlider {
 height: 0px!important;
 padding: 5px!important;
}
.panel-offerta-home-iniziale {
font-size:0.7rem;
padding: 10px 5px;
}
#offertaFormativa .cerchio-iniziale {
padding: 2px 6px;
font-size: 12px;
font-size: 0.7rem;
margin-right: 2px;
}
#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;
}
#carouselExampleControls h4 {
font-size: 0.9rem;
margin-bottom: 0px!important;
padding-bottom: 0px!important;
color: black;
}
.carousel-control-prev {
right: 0px;
margin-top: 0 !important;
}
.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;
}
.borderAroundDate {
border-top: 3px solid #0e70c5;
border-radius: 4px;
margin-top: 20px;
margin-bottom: 10px;
padding: 10px;
width: 100%;
margin-top: 30px;
margin: 0 auto;
}
#AvvisiScuola h3 {
color: white;
padding: 10px;
text-align: center;
font-size: 20px;
}
.widgetScadenzarioDay {
font-size: 2.2rem!;
}
.widgetScadenzarioDay {
font-size:1.2rem;
}
.widgetScadenzarioMonth{
font-size:1.6rem!;
}
.widgetScadenzarioYear{
font-size:1.6rem!;
}
.#offertaFormativa .ViewPortait{
padding:10px 60px 10px 60px;
}
#carouselExampleControls h4 {
font-size: 0.8rem;
margin-bottom: 0px!important;
padding-bottom: 0px!important;
color: black;
}
.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%;
}
#avvisiTesto p {
margin-top: 0;
margin-bottom: 0.8rem!important;
text-align: justify;
font-size: 0.8rem;
}

.dateCarousel {
    font-size: 0.8rem;
    font-weight: bold;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 2px;
}

.dateAvvisi {
    font-size: 0.7rem;
    font-weight: bold;
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.nav-pills .nav-link {
/* border-radius: .25rem; */
font-weight: 600;
border-bottom: solid 0.5px #dadadaf5;
/* border-width: 50px; */
font-size: 0.8rem;
}
.LineHeightScadenziario {
font-size: .975rem;
line-height: 1.5rem;
text-align: center;
margin: 20px;
}

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

#switchDateScadenziario .btn-light {
color: #272833;
background-color: #f1f2f5;
border-color: #f1f2f5;
box-shadow: none;
border: 1px solid;
width: 90%;
font-size: 0.8rem;
}
#mensile .table thead th {
background-color: #efefef;
border-bottom-width: 1px;
border-top-width: 0;
font-size: 1em;
}
.scadenziaroCodiceCorso {
font-size: 1rem;
font-weight: 600;
}
#AvvisiScuola h3 {
color: white;
padding: 10px;
text-align: center;
font-size: 1rem;
}
.img-scadenziario {
width: 12%;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
/* margin-right: 10px; */
margin-top: -2px;
}
.scadenziaroCodiceCorsoMobile1 {
font-size: 0.6rem;
font-weight: 600;
}
.btn-info-slider {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: 0px;
padding: 4px 6px;
border-radius: 1.5px;
position: absolute;
z-index: 2000;
overflow: hidden;
margin-left: 10%;
font-size: 0.8rem;
}
.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;
}
#carouselExampleControls hr {
margin-top: 0.2rem;
margin-bottom: 0.2rem;
border: 0;
border-top: 1px solid rgba(0,0,0,0.1);
}
#offertaFormativa .cerchio-fd {
padding: 2px 3.5px;
margin-right: 2px;
font-size: 0.7rem;
}

#widgetScadenzario .img-scadenziario {
width: 19%;
}
.paddingCodiceCorsoScadenziario {
/* text-align: center; */
padding: 0.4rem 6rem;
}
.card-body-giornaliera {
padding-bottom: 1rem;
padding-left: 0rem;
padding-right: 0rem;
padding-top: 1rem;
}
.dateCarousel {
font-size: 0.7rem!important;
font-weight: bold;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 2px;
}
.carousel-inner {
position: relative;
width: 100%;
max-height: 600px;
overflow: hidden!important;
}
.carousel-indicators {
margin: 0 auto;
bottom: 22%!important;
padding-bottom: 2%;
}
.divTextCarousel {
max-height: 260px;
min-height:200px;
overflow: hidden;
}
.pTextCarousel {
padding-left: 38px;
text-overflow: ellipsis;
padding-right: 0px;
}
}
@media (min-width: 1024px) and (max-width: 1199.98px) { 
.carousel-indicators {
margin: 0 auto;
bottom: -29%!important;
padding-bottom: 2%;
margin: 10px;
}
.codiceCorsoScadenziarioSx {
padding: 5px 10px 0px 10px;
}
.codiceCorsoScadenziarioDx {
padding: 0px 10px 5px 10px;
}
.widgetScadenzarioDay {
font-size:1.2rem;
}
.widgetScadenzarioMonth{
font-size:0.9rem;
}
.widgetScadenzarioYear{
font-size:0.9rem;
}
.LineHeightScadenziario {
font-size: .8rem;
line-height: 1.2rem;
}
.scadenzarioCorsiPresenti {
align-items: center;
text-align: initial;
margin: 0 auto;
border: 1px solid gray;
border-radius: 2px;
padding: 5px 5px 5px 5px;
z-index: 1;
}
.scadenziaroCodiceCorso {
font-size: 0.8rem;
font-weight: 600;
}
.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;
}
#cardOverflow a.nav-link {
    display: block;
    padding: .225rem 0.60rem!important;
    font-size: 0.8rem;
    max-height: inherit;
    min-height: 40px;
}
#avvisiTesto p {
margin-top: 0;
margin-bottom: 0.7rem;
text-align: justify;
font-size: 0.8rem;
}
#avvisiTesto h4 {
font-size: 0.9rem;
padding: 5px 5px;
color: black;
background-color: #f2f2f2;
min-height: 40px;
line-height: 1.8;
}
.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-iniziale {
padding: 2px 6px;
font-size: 12px;
}
#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;
}
.img-scadenziario {
width: 16%;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
margin-right: 0px;
margin-top: -2px;
}
.scadenziaroCodiceCorso {
font-size: 0.6rem;
font-weight: 600;
}
.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;
}
.card-body-giornaliera {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1rem;
}
#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;
}
.borderAroundDate {
border-top: 3px solid #0e70c5;
border-radius: 4px;
margin-top: 20px;
margin-bottom: 10px;
padding: 10px;
width: 100%;
margin-top: 30px;
margin: 0 auto;
}
.widgetScadenzarioDay {
font-size: 1.2rem!important;
}
.widgetScadenzarioMonth {
font-size: 0.9rem!important;
}
.widgetScadenzarioYear {
font-size: 0.9rem!important;
}
.LineHeightScadenziario {
font-size: .8rem;
line-height: 1rem;
padding: 0px 0px;
margin: 10px 0px 10px 0px;
}
#widgetScadenzario .img-scadenziario {
width: 14%;
}
.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){
.carousel-indicators {
margin: 0 auto;
bottom: -10%!important;
padding-bottom: 5px;
}
.table td:first-child, .table th:first-child {text-align:center;}
.card-body-mensile {
padding-bottom: 0rem!important;
padding-left: 0rem!important;
padding-right: 0rem!important;
padding-top: 1rem;
}
#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;
}
.carousel-control-prev {
left: 10px;
margin-top: 0px!important;
}
.carousel-control-next {
right: 10px;
margin-top: 0px!important;
}
.divTextCarousel {
max-height: none!important;
overflow: none!important;
}
.divIndicatorsSlider {
height: 30px;
padding: 20px 20px 0px 20px;
}
.btn-info-slider {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: -5px;
padding: 5px 10px 5px 10px;
border-radius: 1.5px;
position: relative;
z-index: 2000;
overflow: none;
}
.carousel-indicators {
position: initial;
right: 0;
bottom: 15px;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-left: 50%;
list-style: none;
padding-bottom: 20;
margin:0 auto;
}
.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;
}
.CarouselRightContent {
padding-right: 15px!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;
}
.CarouselLeftContent {
padding-left: 5px!important;
padding-right: 5px;
}
#offertaFormativa {
padding-bottom:20px;
}
}


@media (min-width: 276px) and (max-width: 767.98px) { 
	
	.ButtonWidgetScadenzario {
    padding-top: 0px;
    position: inherit;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: 0 auto;
}
	  
	.codiceCorsoScadenziarioSx {
    padding-left: 10px;
}
	  
	  
	  
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0px;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-left: 50%;
list-style: none;
padding-bottom: 20;
margin-left: 10px!important;
margin-right: 10px!important;
}
.carousel-control-prev {
left: 10px;
margin-top: auto;
}
.carousel-inner {
position: relative;
width: 100%;
height: auto!important;
overflow: hidden!important;
}
div.carousel-item {
width: 100% !important;
height: auto!important;
opacity: 50 !important;
}
#cardOverflow a.nav-link {
display: block;
padding: .225rem 0.65rem!important;
}
.card-body-giornaliera {
padding-bottom: 0rem!important;
padding-left: 0rem!important;
padding-right: 0rem!important;
padding-top: 0rem!important;
}
#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) { 
.align-icon-mobile img {
width:20%;
padding-bottom: 10px;
}
.align-icon-mobile {
text-align:center;
}
.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;
}
.carousel-indicators {
position: absolute;
/* right: 0; */
bottom: 15px;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
/* justify-content: center; */
padding-left: 0;
margin: 0 auto;
list-style: none;
padding-bottom: 0;
}
.carousel-control-prev, .carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #000000a8;
text-align: center;
opacity: 0.5;
}
.carousel-control-next {
position: absolute;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 15%;
color: #000000a8;
text-align: center;
opacity: 0.5;
}
.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;
}
.CarouselLeftContent {
padding-left:0!important;
}
.CarouselRightContent {
padding-right:0px!important;
}
.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%;
}

.dateCarousel {
font-size: 0.8rem;
font-weight: bold;
padding-left: 40px;
padding-top: 5px;
padding-bottom: 2px;
}
.borderIndicators {
padding: 10px;
width: 93%;
border-radius: 2px;
background-color: #f5f5f5;
border-top: 2px solid #0024a3;
}
.paddingRowCarousel {
margin-bottom:20px;
}
#carouselExampleControls hr {
margin-top: 0.5rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0,0,0,0.1);
}
#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;}
.divTextCarousel {
max-height: 210px; 
overflow: hidden;
}
.carousel-inner {
position: relative;
width: 100%;
height: 350px;
overflow: hidden;
}
}


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

#carouselExampleControls h4 {
font-size: 0.9rem;
margin-bottom: 0px!important;
padding-bottom: 0px!important;
color: black;
}
.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;
}
#offertaFormativa .cerchio-iniziale {
padding: 3px 7px;
font-size: 12px;
}
/*  .carousel-indicators {
position: absolute;
right: 0;
bottom: 0px!important;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-left: 0%!important;
list-style: none;
padding: 8px;
margin:0 auto;
}*/
.borderIndicators {
width: 100%;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0px!important;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-left: 50%;
list-style: none;
padding-bottom: 0;
}
}




.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;}
.card-body-mensile {
padding-bottom: 1rem;
padding-left: 4rem;
padding-right: 4rem;
padding-top: 1rem;
}
.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;
}
.card-body-giornaliera {
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 1rem;
}
}






/*carousel*/

@media (min-width: 769px)  {
.desk {
display:none!important;
}
}
.carousel-indicators li {
position: relative;
flex: 0 1 auto;
width: 10px;
height: 20px;
height: 10px;
: 30px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
background-color: rgba(194, 194, 194, 0.5);
}
.carousel-indicators .active {
background-color: #2e5aac;
}
@media (min-width: 1030px) and (max-width: 1340px) { 
.divIndicatorsSlider {
height: auto!important;
padding: 0px!important;
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: -4%!important;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-left: 0px;
list-style: none;
padding-bottom: 8px;
}
.w-100 {
width: 100% !important;
margin: 0 auto;
padding: 0px;
}
.btn-info-slider {
color: #FFF;
background-color: #2e5aac;
border-color: #2e5aac;
box-shadow: none;
margin-top: 0px;
padding: 5px 10px 5px 10px;
padding: 3px px 5px 5px;
border-radius: 1.5px;
position: absolute;
z-index: 2000;
overflow: hidden;
margin-left: 9%;
font-size: 0.9rem;
}
}


@media (min-width: 765px) and (max-width: 1050px) { 
#carouselExampleControls hr {
    margin-top: 0rem!important;
    margin-bottom: 0rem!important;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}

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

.btn-info-slider {
    color: #FFF;
    background-color: #2e5aac;
    border-color: #2e5aac;
    box-shadow: none;
    margin-top: 5px;
    padding: 4px 6px;
    border-radius: 1.5px;
    position: absolute;
    z-index: 2000;
    overflow: hidden;
    margin-left: 9%;
    font-size: 0.8rem;
}

.carousel-control-next {
right: 0px;
margin-top: 0 !important;
}
}


@media  (min-width: 1281px){
.carousel-indicators {
position: absolute;
right: 0;
bottom: 10px;
left: 3%;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-left: 0px;
list-style: none;
padding-bottom: 8px;
}
}



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

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 7px;
    left: 3%;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-left: 0.5%;
    list-style: none;
    padding-bottom: 8px;
}
}

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

#cardOverflow a.nav-link {
    display: block;
    padding: .225rem 0.60rem!important;
    max-height: inherit!important;
    min-height: 40px;
}



}


/*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;
    }
    
    #cardOverflow a.nav-link {
    display: block;
    padding: .225rem 0.60rem!important;
    max-height: 100px!important;
    min-height: 40px;
}

   .avvisiImg {
    vertical-align: middle;
    border-style: none;
    border-radius: 4px;
    width: 100%!important;
}
}




@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1)  {
  
  .divTextCarousel {
    max-height: 260px;
    min-height: 220px;
    overflow: hidden;
}
  
    .avvisiImg {
    vertical-align: middle;
    border-style: none;
    border-radius: 4px;
    margin: 5px 0px 5px 0px;
    width: 100%!important;
}
  
  
  .ButtonWidgetScadenzario {
    padding-top: 0px;
    position: inherit;
    bottom: 0px!important;
    right: 0px;
    left: 0px;
    margin: 0 auto;
}
  


  #cardOverflow a.nav-link {
    display: block;
    padding: .225rem 0.60rem!important;
    max-height: inherit!important;
    min-height: 40px;
}


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


.carousel-inner p {
    font-size: .8rem !important;
    text-align: justify;
}


.carousel-inner {
    position: relative!important;
    width: 100%;
    max-height: 600px;
    height: auto!important;
    overflow-y: visible!important;
    overflow-x: hidden!important;
}

.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%;
}

}

@media (min-width: 1200px) and (max-width: 1279px) { 
	
	#widgetScadenzario .img-scadenziario {
    width: 12%;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    margin-right: 5px;
    margin-top: -2px;
}
	
}