@import url(https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css);
@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
.colore_bianco {
  color: white;
}
.colore_licei {
  color: #39aafd;
}
.colore_tecnici {
  color: #9bc12e;
}
.colore_professionali {
  color: #fab60f;
}
.colore_formazione_professionale {
  color: #f56519;
}
.colore_biblioteche {
  color: #a80000;
}
.colore_cpia {
  color: #a80000;
}
.bg-rosso {
  background-color: #ed1d24;
}
.bg-licei {
  background-color: #39aafd;
}
.bg-tecnici {
  background-color: #9bc12e;
}
.bg-professionali {
  background-color: #fab60f;
}
.bg-formazione_professionale {
  background-color: #f56519;
}
.bg-biblioteche {
  background-color: #a80000;
}
.bg-cpia {
  background-color: #a80000;
}
.colorebg_grigiochiaro {
  background-color: #f8f9fa;
}
.colorebg_licei {
  background-color: #D2F3FC;
}
.colorebg_tecnici {
  background-color: #d8fcb7;
}
.colorebg_professionali {
  background-color: #fcf5b7;
}
.colorebg_formazione_professionale {
  background-color: #FFCCB5;
}
.colorebg_biblioteche {
  background-color: #FFCCB5;
}
.colorebg_cpia {
  background-color: #FFCCB5;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
.spacer {
  font-size: 1px;
}
.clear {
  clear: both;
}
.liftup {
  position: relative;
  top: -2px;
  left: -2px;
  box-shadow: 10px 10px 5px #888888;
}
.smallcell {
  width: 1px;
}
.smallcellnobr {
  width: 1px;
  white-space: nowrap;
}
.border-box * {
  box-sizing: border-box;
}
.img-responsive {
  max-width: 100%;
}
.fullwidth {
  width: 100%;
}
.formerrors {
  border: 2px solid red;
  background-color: rgba(255, 0, 0, 0.2);
}
.formerrors .formerror {
  font-weight: normal;
}
.formfield_value input.formerror,
textarea.formerror,
.formfield_value select.formerror {
  border: 1px solid red;
  background-color: #FBCBBE;
}
.formerror {
  color: red;
}
.inlineformerror {
  font-weight: normal;
  color: red;
  font-style: italic;
}
.fielderror {
  display: block;
}
.layouttbl {
  width: 100%;
}
.layouttbl td {
  vertical-align: top;
  border: 0px;
}
.materialbtn {
  box-shadow: 1px 1px 1px #888888;
}
.materialbtn:hover {
  position: relative;
  top: -2px;
  left: -2px;
  box-shadow: 10px 10px 5px #888888;
}
form {
  margin: 0px;
}
.boxheader {
  background-color: white;
  padding: 24px/2;
  min-height: 72px;
  border-bottom: 2px solid #ed1d24;
}
.boxtitle,
.box h1 {
  text-align: center;
  font-size: 2em;
  font-variant: small-caps;
  padding: 24px/3;
  font-weight: bold;
  position: relative;
}
.boxtitle > span,
.box h1 > span {
  display: block;
}
.boxtitle .leftbuttons,
.box h1 .leftbuttons {
  padding: 0px 2px;
  text-align: left;
}
.boxtitle .rightbuttons,
.box h1 .rightbuttons {
  padding: 0px 2px;
  text-align: right;
}
.boxsubtitle {
  text-align: center;
  font-size: 1.1em;
  color: #373A3F;
  line-height: 24px;
  position: relative;
}
.boxcontent {
  background-color: white;
  padding: 10px;
}
.box-nopadding .boxcontent {
  padding: 0px;
}
html.applayout {
  height: 100%;
}
html.applayout body {
  height: 100%;
  display: flex;
  flex-direction: column;
}
html.applayout #maincontent {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
}
html.applayout #maincontent .box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  overflow: auto;
}
html.applayout #maincontent .box .boxcontent {
  flex-grow: 1;
  overflow: auto;
}
html.applayout footer {
  display: none;
}
@media (max-width: 576px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .hidden-md {
    display: none !important;
  }
}
.bgrosso {
  background-color: #ed1d24;
}
.bgrosso_scuro {
  background-color: #bd393f;
}
.bg-grigiochiaro {
  background-color: #f8f9fa;
}
a,
.leaflet-container .leaflet-popup-content a {
  color: #ed1d24;
}
body {
  margin: 0px;
}
.map-container {
  position: relative;
}
.map-default {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.btn_reference {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-default {
  background-color: white;
  border: 2px solid #ed1d24;
  color: #ed1d24;
}
.btn-xsmall {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: white;
  border: 2px solid #ed1d24;
  color: #ed1d24;
  padding: 0.1rem 0.3rem;
  font-size: 12px;
}
.header .navbar-brand img {
  height: 50px;
}
.header .claim {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
}
.header .headelogo_zainet img {
  max-height: 150px;
  max-width: 100%;
}
.header .content_cell {
  padding-left: 20px;
  vertical-align: top;
}
@media (max-width: 768px) {
  .header .content_cell {
    padding-left: 0px;
    padding-top: 20px;
  }
  .header .headerrow1 {
    text-align: center;
  }
}
.bannerbox img {
  max-width: 100%;
}
.bannerbox-leaderboard {
  max-width: 728px;
}
.topbar {
  padding: 5px 0px;
  background-color: #f8f9fa;
}
.topbar .admin_caption {
  font-weight: bold;
  color: #ed1d24;
  text-transform: uppercase;
}
#mainsearchform .select2-container .select2-selection--single {
  height: 40px;
}
#mainsearchform .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}
@media (max-width: 576px) {
  #mainsearchform .btn {
    font-size: 12px;
  }
}
.mainsearchtabs {
  display: flex;
  flex-direction: row;
}
.mainsearchtabs > span {
  flex-grow: 1;
  display: flex;
  text-align: center;
  position: relative;
  align-items: center;
}
.mainsearchtabs > span a {
  display: block;
  padding: 10px 20px;
  color: white;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}
.mainsearchtabs > span span.indicator {
  position: absolute;
  bottom: -10px;
  color: white;
  font-size: 28px;
  display: none;
  width: 100%;
}
.mainsearchtabs span.active a {
  /*background-color: @rosso;*/
}
.mainsearchtabs span.active span.indicator {
  display: block;
}
@media (max-width: 768px) {
  .mainsearchtabs > span a {
    font-size: 12px;
    padding: 10px 5px;
    line-height: 16px;
  }
}
#ricerca_risultatibox .risultati_header {
  background-color: #f8f9fa;
  font-size: 1.2em;
  padding: 5px;
}
#ricerca_risultatibox .scuola_item {
  padding: 10px 0px;
  border-bottom: 1px solid #777777;
}
#ricerca_risultatibox .scuola_item:last-child {
  border-bottom: 0px;
}
#ricerca_risultatibox .scuola_item_image_cell {
  height: 200px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
#ricerca_risultatibox .scuola_item_image_cell img {
  width: 100%;
}
#ricerca_risultatibox .scuola_item_tipologia {
  text-transform: uppercase;
}
#ricerca_risultatibox .scuola_item_denominazione {
  font-size: 1.2em;
  font-weight: bold;
}
#ricerca_risultatibox .scuola_item_contatti {
  font-size: 0.8em;
  padding-top: 10px;
}
@media (max-width: 576px) {
  #ricerca_risultatibox h1 {
    font-size: 30px;
  }
}
footer {
  margin-top: 24px;
  background-color: #f8f9fa;
  font-size: 0.9rem;
  text-align: center;
  padding: 20px;
}
#listaprovince {
  padding: 10px;
  font-size: 0.9em;
  line-height: inherit;
}
#listaprovince ul {
  column-count: 4;
}
#listaprovince ul .counter {
  display: inline-block;
  width: 30%;
  margin-right: 6px;
  text-align: right;
  color: #777777;
}
#listaprovince li {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  #listaprovince ul {
    column-count: 2;
  }
}
@media (max-width: 576px) {
  #listaprovince ul {
    column-count: 2;
  }
}
.ck-editor__editable {
  min-height: 500px;
}
.titolopercorso {
  padding: 10px;
}
#elencopercorsi .card-body {
  padding: 10px;
}
#elencopercorsi .card-title {
  font-size: 20px;
}
#elencopercorsi .card-text {
  min-height: 195px;
}
#elencopercorsi a.cardlink {
  display: block;
  color: inherit;
  text-decoration: none;
  width: 33%;
}
#elencopercorsi a.cardlink:hover > div,
#elencopercorsi #elencopercorsi a.cardlink:active > div,
#elencopercorsi a.cardlink.active > div {
  position: relative;
  top: -2px;
  left: -2px;
  box-shadow: 10px 10px 5px #888888;
}
#elencopercorsi .cardimgbox {
  display: flex;
  align-content: center;
  justify-content: center;
  overflow: hidden;
  height: 200px;
}
#elencopercorsi .cardimgbox img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  #elencopercorsi a.cardlink {
    width: 50%;
  }
}
@media (max-width: 576px) {
  #elencopercorsi a.cardlink {
    width: 100%;
  }
  #elencopercorsi .card-img-top {
    display: none;
  }
  #elencopercorsi .container.percorsicards {
    padding-left: 0px;
    padding-right: 0px;
  }
  #elencopercorsi .card-text {
    min-height: 0;
  }
}
.editform ul.sezioni {
  padding-left: 0px;
  list-style-type: none;
}
.editform ul.sezioni li label {
  font-weight: normal;
}
.editform .panel-default > .panel-heading {
  background-color: #373A3F;
  color: white;
}
.editform .panel-default > .panel-heading a {
  color: black;
  text-decoration: none;
}
.editform fieldset legend {
  color: #373A3F;
  border-bottom: 2px solid #373A3F;
  padding-top: 1em;
}
.editform .table {
  display: table;
}
.editform .formfield {
  margin-bottom: 10px;
}
.editform .formfield_name {
  vertical-align: top;
  padding-right: 0.5em;
}
.editform input {
  max-width: 100%;
}
.editform .requiredmarker {
  color: red;
  font-size: 0.8em;
  vertical-align: super;
}
.editform .formfield_value input.text,
.editform .formfield_value textarea {
  width: 100%;
}
.editform .formfield_helptxt {
  font-size: 0.8em;
  line-height: inherit;
  font-style: italic;
}
.editform #titolo {
  width: 100%;
}
.editform #testo {
  width: 100%;
  height: 400px;
}
.editform table {
  width: 100%;
}
.editform .uploadprogress {
  width: 200px;
  height: 20px;
  text-align: center;
  position: relative;
}
.editform .uploadprogress .bar {
  height: 100%;
  background-color: #73B6CE;
}
.editform .uploadprogress .progresslbl {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.editform .allegatobox {
  background-color: #DBDDDB;
  padding: 4px;
  margin: 10px 0px;
}
.editform .sezioni input {
  width: auto;
  margin-right: 2px;
  margin-top: 0px;
}
.editform .galleryitems {
  min-height: 200px;
  margin-top: 2px;
  border-top: 1px solid gray;
  padding-top: 2px;
}
.editform .galleryitem,
.editform .sortable-placeholder {
  float: left;
  margin: 2px;
}
.editform .galleryitem.loader {
  border: 1px solid black;
  padding: 4px;
}
.editform .galleryitems img {
  max-height: 150px;
  -moz-user-select: none;
}
.editform .galleryitems .sortable-placeholder {
  background-color: #E0DFE3;
  height: 150px;
  width: 100px;
  border: 1px dashed black;
}
.editform .formfield_name,
.editform .formfield_value {
  padding-top: 2px;
  padding-bottom: 6px;
}
.editform input[type=radio],
.editform input[type=checkbox] {
  margin: 0px;
  vertical-align: baseline;
}
.editform label {
  font-weight: normal;
  margin-bottom: 0px;
}
@media (max-width: 576px) {
  .editform .formfield_name,
  .editform .formfield_value {
    display: block;
    width: 100%;
  }
  .editform .formfield_name {
    background-color: #f8f9fa;
    padding: 2px;
  }
  .editform .formfield_value {
    padding-bottom: 1em;
  }
  .editform .formfield {
    display: block;
  }
}
.descrizionepercorso .alberopercorsi ul {
  margin: 0px;
  padding: 0px;
}
.descrizionepercorso .alberopercorsi > ul > ul {
  margin: 0px;
  padding: 0px;
}
.descrizionepercorso .alberopercorsi li a {
  color: black;
}
.descrizionepercorso .alberopercorsi li {
  list-style-type: none;
  border-bottom: 1px solid black;
}
.descrizionepercorso .alberopercorsi li .numistituti {
  float: right;
  font-size: 0.9em;
}
.descrizionepercorso .alberopercorsi li.settore {
  list-style-type: none;
  font-weight: bold;
  padding: 2px;
}
.descrizionepercorso .alberopercorsi li.indirizzo {
  /*  background-color: #e6e6e6;*/
}
.descrizionepercorso .nomepercorso {
  padding: 10px 0px;
}
.descrizionepercorso section {
  margin-bottom: 10px;
}
.descrizionepercorso .campo {
  font-weight: bold;
}
.descrizionepercorso h2 {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid black;
}
.descrizionepercorso .quadro_orario table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #EEEEEE;
}
.descrizionepercorso .quadro_orario table td,
.descrizionepercorso .quadro_orario table th {
  padding: 2px;
}
.descrizionepercorso .quadro_orario table th {
  text-transform: uppercase;
}
.descrizionepercorso .quadro_orario table td {
  border: 1px solid #EEEEEE;
}
.descrizionepercorso .quadro_orario table td.ore {
  text-align: center;
}
.descrizionepercorso .quadro_orario table th {
  text-align: center;
}
.descrizionepercorso .quadro_orario tr.gruppo-descrizione td {
  font-weight: bold;
  padding-top: 0.5em;
  text-align: center;
}
.descrizionepercorso .quadro_orario tfoot {
  font-style: italic;
}
.descrizionepercorso .quadro_orario tfoot td {
  text-align: center;
}
.descrizionepercorso .quadro_orario tfoot td.descrizione {
  text-align: right;
}
.descrizionepercorso .quadro_orario_note {
  font-size: 0.8em;
  color: #777777;
  line-height: inherit;
}
.descrizionepercorso.licei .nomepercorso {
  background-color: #D2F3FC;
  color: #39aafd;
}
.descrizionepercorso.licei .quadro_orario th {
  background-color: #D2F3FC;
}
.descrizionepercorso.licei .quadro_orario .gruppo-descrizione td {
  color: #39aafd;
  border-bottom-color: #39aafd;
}
.descrizionepercorso.licei .quadro_orario tfoot {
  color: #39aafd;
}
.descrizionepercorso.licei .campo {
  color: #39aafd;
}
.descrizionepercorso.licei li.settore {
  background-color: #D2F3FC;
}
.descrizionepercorso.tecnici .nomepercorso {
  background-color: #d8fcb7;
  color: #9bc12e;
}
.descrizionepercorso.tecnici .quadro_orario th {
  background-color: #d8fcb7;
}
.descrizionepercorso.tecnici .quadro_orario .gruppo-descrizione td {
  color: #9bc12e;
  border-bottom-color: #9bc12e;
}
.descrizionepercorso.tecnici .quadro_orario tfoot {
  color: #9bc12e;
}
.descrizionepercorso.tecnici .campo {
  color: #9bc12e;
}
.descrizionepercorso.tecnici li.settore {
  background-color: #d8fcb7;
}
.descrizionepercorso.professionali .nomepercorso {
  background-color: #fcf5b7;
  color: #fab60f;
}
.descrizionepercorso.professionali .quadro_orario th {
  background-color: #fcf5b7;
}
.descrizionepercorso.professionali .quadro_orario .gruppo-descrizione td {
  color: #fab60f;
  border-bottom-color: #fab60f;
}
.descrizionepercorso.professionali .quadro_orario tfoot {
  color: #fab60f;
}
.descrizionepercorso.professionali .campo {
  color: #fab60f;
}
.descrizionepercorso.professionali li.settore {
  background-color: #fcf5b7;
}
.descrizionepercorso.formazione_professionale .nomepercorso {
  background-color: #FFCCB5;
  color: #f56519;
}
.descrizionepercorso.formazione_professionale .quadro_orario th {
  background-color: #FFCCB5;
}
.descrizionepercorso.formazione_professionale .quadro_orario .gruppo-descrizione td {
  color: #f56519;
  border-bottom-color: #f56519;
}
.descrizionepercorso.formazione_professionale .quadro_orario tfoot {
  color: #f56519;
}
.descrizionepercorso.formazione_professionale .campo {
  color: #f56519;
}
.descrizionepercorso.formazione_professionale li.settore {
  background-color: #FFCCB5;
}
.licei a {
  color: #39aafd;
}
.licei .btn-default,
.licei .btn-xsmall {
  border-color: #39aafd;
  color: #39aafd;
}
.tecnici a {
  color: #9bc12e;
}
.tecnici .btn-default,
.tecnici .btn-xsmall {
  border-color: #9bc12e;
  color: #9bc12e;
}
.professionali a {
  color: #fab60f;
}
.professionali .btn-default,
.professionali .btn-xsmall {
  border-color: #fab60f;
  color: #fab60f;
}
.formazione_professionale a {
  color: #f56519;
}
.formazione_professionale .btn-default,
.formazione_professionale .btn-xsmall {
  border-color: #f56519;
  color: #f56519;
}
.marker-pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #c30b82;
  position: absolute;
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -15px 0 0 -15px;
}
.marker-pin::after {
  content: '';
  width: 24px;
  height: 24px;
  margin: 3px 0 0 3px;
  background: #fff;
  position: absolute;
  border-radius: 50%;
}
.custom-div-icon i {
  position: absolute;
  width: 22px;
  font-size: 22px;
  left: 0;
  right: 0;
  margin: 10px auto;
  text-align: center;
}
.custom-marker-icon i.awesome {
  margin: 12px auto;
  font-size: 17px;
  color: black;
}
.ui-navbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ui-navbar .ui-navbar_rightbuttons {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
}
.ui-navbar .ui-navbar_leftbuttons {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
}
.ui-navbar .ui-navbar_titlebox {
  flex-grow: 1;
}
.ui-navbar .ui-navbar_title {
  text-align: center;
  font-size: 2em;
  font-variant: small-caps;
  font-weight: bold;
  line-height: 48px;
}
.ui-navbar .ui-navbar_subtitle {
  text-align: center;
  font-size: 1.1em;
  color: #373A3F;
  line-height: 24px;
  position: relative;
}
.ui-modal_overlay {
  background-color: rgba(0, 0, 0, 0.45);
  padding: 10px;
  z-index: 50;
}
.ui-modal {
  background-color: white;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 10px;
}
.ui-uploader .uploadprogress {
  height: 20px;
  text-align: center;
  position: relative;
  line-height: 20px;
}
.ui-uploader .uploaderror {
  border: 3px solid red;
  text-align: center;
  justify-content: center;
  padding: 10px;
}
.ui-uploader .uploadprogress .bar {
  height: 100%;
  background-color: #f35b68;
}
.ui-uploader .uploadprogress .progresslbl {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ui-uploader #input {
  display: inline;
}
.ui-uploader .uploadeditems {
  padding: 20px 0px;
  min-height: 100px;
}
.ui-uploader .uploadeditem {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 25px;
}
.ui-uploader .uploadeditem_actions {
  margin: 0px 20px;
}
.ui-uploader .uploadeditems.dragover {
  background-color: #ECECEC;
}
.ui-searchfield {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.ui-searchfield input {
  padding-right: 20px;
  width: 100%;
}
.ui-searchfield .ui-searchfield__clear-icon {
  position: absolute;
  margin-right: 5px;
  display: none;
}
.schedaistituto .sharebtns {
  float: right;
}
@media (max-width: 576px) {
  .schedaistituto .sharebtns {
    padding-top: 10px;
  }
}
.schedaistituto section {
  margin-bottom: 20px;
}
.schedaistituto section > h2 {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid black;
}
.schedaistituto .istituto_immagine {
  text-align: center;
}
.schedaistituto .istituto_contatti {
  font-size: 0.9em;
  line-height: inherit;
}
.schedaistituto .istituto_percorsi a {
  color: inherit;
}
.schedaistituto .istituto_percorso_marker {
  display: inline-block;
  font-size: 1px;
  width: 10px;
  height: 10px;
}
.schedaistituto .istituto_in_evidenza {
  border: 1px solid #ffe242;
}
.schedaistituto .istituto_in_evidenza h2 {
  background-color: #ffe242;
  padding: 2px;
}
.schedaistituto .istituto_trasmissioni a {
  color: inherit;
}
@media (max-width: 768px) {
  .schedaistituto h1.istituto_denominazione {
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .schedaistituto .istituto_sidecol .section {
    font-size: 15px;
  }
  .schedaistituto .istituto_sidecol .section .h2 {
    font-size: 16px;
  }
}
.areariservataistituto .valorizzalbl {
  font-size: 25px;
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .areariservataistituto .valorizzalbl {
    font-size: 20px;
  }
}
.areariservataistituto a.areariservataitem {
  background-color: #f8f9fa;
  border: 1px solid #373A3F;
  padding: 10px;
  margin-bottom: 10px;
  display: block;
  display: flex;
  flex-direction: row;
  color: inherit;
}
@media (max-width: 576px) {
  .areariservataistituto a.areariservataitem {
    display: block;
  }
}
.areariservataistituto .footnote {
  font-style: italic;
  color: gray;
  font-size: 0.9em;
  padding: 10px 0px;
}
.areariservataistituto h2 {
  text-align: center;
  margin-top: 20px;
}
@media (max-width: 576px) {
  .areariservataistituto h2 {
    font-size: 20px;
  }
}
.areariservataistituto a.areariservataitem:hover {
  /*color: #00b809;
    background-color: white;

     */
  background-color: #00b809;
  color: white;
  text-decoration: none;
}
.areariservataistituto .areariservataitem_header {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
  width: 40%;
}
@media (max-width: 576px) {
  .areariservataistituto .areariservataitem_header {
    width: 100%;
  }
}
.areariservataistituto .areariservataitem_helptxt {
  font-weight: normal;
  border-left: 1px solid black;
  padding-left: 20px;
  margin-left: 20px;
  width: 60%;
}
@media (max-width: 576px) {
  .areariservataistituto .areariservataitem_helptxt {
    border-left: 0px;
    margin-top: 5px;
    margin-left: 0px;
    border-top: 1px solid black;
    padding-top: 4px;
    padding-left: 0px;
    width: 100%;
  }
}
.areariservataistituto .areariservataitem_icon {
  flex-shrink: 0;
  margin-right: 10px;
  width: 50px;
  height: 44px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.areariservataistituto a.box_link_scheda:hover .box_link_scheda_icon {
  background-position: 0px -44px;
}
.areariservataistituto .disabled a:hover .box_link_scheda_icon {
  background-position: 0px -88px;
}
.areariservataistituto .icon_attivita {
  background-image: url(/images/icona_attivita_color.png);
}
.areariservataistituto .icon_presentazione {
  background-image: url(/images/icona_presentazione_color.png);
}
.areariservataistituto .icon_offerta_formativa {
  background-image: url(/images/icona_offerta_formativa_color.png);
}
.areariservataistituto .icon_offerta_extracurricolare {
  background-image: url(/images/icona_offerta_extracurricolare_color.png);
}
.areariservataistituto .icon_sbocchi_professionali {
  background-image: url(/images/icona_sbocchi_professionali_color.png);
}
.areariservataistituto .icon_giornate_scuola_aperta {
  background-image: url(/images/icona_giornate_scuola_aperta_color.png);
}
.areariservataistituto .icon_come_arrivare {
  background-image: url(/images/icona_come_arrivare_color.png);
}
.areariservataistituto .icon_progetti_speciali {
  background-image: url(/images/icona_progettispeciali_color.png);
}
.areariservataistituto .icon_laboratori {
  background-image: url(/images/icona_laboratori_color.png);
}
.areariservataistituto .icon_risorse_strumentali {
  background-image: url(/images/icona_servizi_color.png);
}
.areariservataistituto .icon_alfabetizzazione {
  background-image: url(/images/icona_informazione_color.png);
}
.areariservataistituto .icon_formazione {
  background-image: url(/images/icona_didattica_color.png);
}
.areariservataistituto .icon_attenzione {
  background-image: url(/images/icona_arte_color.png);
}
.areariservataistituto .icon_famiglie {
  background-image: url(/images/icona_famiglie_color.png);
}
.areariservataistituto .icon_gallerie {
  background-image: url(/images/icona_galleria_color.png);
}
.areariservataistituto .icon_testimonianze {
  background-image: url(/images/icona_testimonial_color.png);
}
.areariservataistituto .icon_contatti {
  background-image: url(/images/icona_contatti_color.png);
}
.compacttable {
  font-size: 0.85rem;
}
/*** loader animation **/
#loader {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 100px auto;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fb0000;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/** fine loader animation ***/
.adminscuoletbl thead th {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  top: 0px;
}
.sidecol_section__title {
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}
.sidecol_section {
  margin-bottom: 20px;
}
.page-homepage .sectiontitle {
  padding: 10px 0px;
  font-size: 1.3em;
}
.page-homepage .cartinaistituti .cartina_provincia {
  color: #777777;
}
/******** TOOLTIP CARTINE *****/
.tippy-box {
  border: 2px solid white;
}
.tippy-content {
  font-size: 20px;
}
.tippy-box[data-theme~=translucent][data-placement^=top] > .tippy-arrow:before {
  border-width: 7px 7px 0;
  border-top-color: white;
}
/******** FINE TOOLTIP CARTINE *****/
svg.cartinaistituti {
  max-width: 100%;
  max-height: 800px;
}
svg.cartinaistituti path {
  fill: gray !important;
  stroke: white !important;
}
svg.cartinaistituti path:hover {
  fill: #bd393f !important;
}
svg.cartinaistituti path:focus,
svg.cartinaistituti g:focus {
  outline: none;
}
body[data-percorso=professionali] svg.cartinaistituti path {
  fill: #fab60f !important;
}
body[data-percorso=tecnici] svg.cartinaistituti path {
  fill: #9bc12e !important;
}
body[data-percorso=licei] svg.cartinaistituti path {
  fill: #39aafd !important;
}
body[data-percorso=formazione_professionale] svg.cartinaistituti path {
  fill: #f56519 !important;
}
.boxsidecolarticoli {
  background: #f5f5f5;
  /*background: -webkit-linear-gradient(#dcddde, white);
  background: -o-linear-gradient(#dcddde, white);
  background: -moz-linear-gradient(#dcddde, white);
  background: linear-gradient(#dcddde, white);

   */
}
.boxsidecolarticoli__header {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 5px;
  border: 3px solid #ed1d24;
}
.boxsidecolarticoli__title {
  color: #FFF;
  display: inline-block;
  background-color: #ed1d24;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
  text-transform: uppercase;
  display: block;
}
a.boxsidecolarticoli__item {
  padding: 6px;
  color: inherit;
  display: block;
  border-bottom: 0.5px dotted black;
}
a.boxsidecolarticoli__item:hover,
a.boxsidecolarticoli__item:active {
  background-color: #e8e8e8;
}
.tecnici .boxsidecolarticoli__header {
  border-color: #9bc12e;
}
.tecnici .boxsidecolarticoli__title {
  background-color: #9bc12e;
}
.licei .boxsidecolarticoli__header {
  border-color: #39aafd;
}
.licei .boxsidecolarticoli__title {
  background-color: #39aafd;
}
.professionali .boxsidecolarticoli__header {
  border-color: #fab60f;
}
.professionali .boxsidecolarticoli__title {
  background-color: #fab60f;
}
/*# sourceMappingURL=style.css.map */