/*======================================================================
foglio di stile per classi grafiche per framework WAD
========================================================================= */
/* CLASSI VISUALIZZAZIONE */
.dn {
  display: none;
}

.db {
  display: block;
}

.border_radius {
  border: 0px solid #fff;
  border-radius: 4px !important;
}
/* CLASSI COLORE */

.clear-left {
  clear: left;
}
.float-left {
  float: left;
}

.bg-scuro {
  background-color: #00295a;
  color: #ffffff;
}

.bg-chiaro {
  background-color: #edf5ff;
}

.bg-grigio {
  background-color: #d4deeb;
}

.bg-bianco {
  background-color: #ffffff;
}

.bg-blu {
  background-color: #00295a;
  color: #ffffff;
}

.bg-orange {
  background-color: #ea4d4d;
  color: #ffffff;
}

.bg-green {
  background-color: #339f05;
  color: #ffffff;
}

.bg-celeste {
  background-color: #0051a8;
  color: #ffffff;
}

.col-blu {
  color: #00295a;
}
.col-green {
  color: #339f05;
}
.col-orange {
  color: #ea4d4d;
}
.col-red {
  color: #cb1212;
}
.col-oro {
  color: #b99e4c;
}

/* CSS Document */
.d-0 {
  width: 0px !important;
}

.d-10 {
  width: 10px !important;
}

.d-20 {
  width: 20px !important;
}

.d-25 {
  width: 25px !important;
}

.d-30 {
  width: 30px !important;
}

.d-35 {
  width: 35px !important;
}

.d-40 {
  width: 40px !important;
}

.d-45 {
  width: 45px !important;
}

.d-50 {
  width: 50px !important;
}

.d-55 {
  width: 55px !important;
}

.d-60 {
  width: 60px !important;
}

.d-65 {
  width: 65px !important;
}

.d-70 {
  width: 70px !important;
}

.d-75 {
  width: 75px !important;
}

.d-80 {
  width: 80px !important;
}

.d-85 {
  width: 85px !important;
}

.d-90 {
  width: 90px !important;
}

.d-95 {
  width: 95px !important;
}

.d-100 {
  width: 100px !important;
}

.d-110 {
  width: 110px !important;
}

.d-120 {
  width: 120px !important;
}

.d-130 {
  width: 130px !important;
}

.d-140 {
  width: 140px !important;
}

.d-150 {
  width: 150px !important;
}

.d-160 {
  width: 160px !important;
}

.d-170 {
  width: 170px !important;
}

.d-180 {
  width: 180px !important;
}

.d-190 {
  width: 190px !important;
}

.d-200 {
  width: 200px !important;
}

.d-210 {
  width: 100px !important;
}

.d-220 {
  width: 220px !important;
}

.d-230 {
  width: 230px !important;
}

.d-240 {
  width: 240px !important;
}

.d-250 {
  width: 250px !important;
}

.d-260 {
  width: 260px !important;
}

.d-270 {
  width: 270px !important;
}

.d-280 {
  width: 280px !important;
}

.d-290 {
  width: 290px !important;
}

.d-300 {
  width: 300px !important;
}

.d-350 {
  width: 350px !important;
}

.d-400 {
  width: 400px !important;
}

.d-450 {
  width: 450px !important;
}

.d-500 {
  width: 500px !important;
}
.h-110 {
  min-height: 110px !important;
}

.h-150 {
  min-height: 150px !important;
}
.h-200 {
  min-height: 200px !important;
}
.h-250 {
  min-height: 250px !important;
}
.h-300 {
  min-height: 300px !important;
}
.h-350 {
  min-height: 350px !important;
}
.h-400 {
  min-height: 400px !important;
}
.h-450 {
  min-height: 450px !important;
}
.h-500 {
  min-height: 500px !important;
}
.h-550 {
  min-height: 550px !important;
}
.h-600 {
  min-height: 600px !important;
}
.h-650 {
  min-height: 650px !important;
}
.h-700 {
  min-height: 700px !important;
}
.h-750 {
  min-height: 750px !important;
}
.h-800 {
  min-height: 800px !important;
}
.h-850 {
  min-height: 850px !important;
}
.h-900 {
  min-height: 900px !important;
}
.h-950 {
  min-height: 950px !important;
}
.h-1000 {
  min-height: 1000px !important;
}

.fs-05 {
  font-size: 0.5rem !important;
}
.fs-06 {
  font-size: 0.6rem !important;
}
.fs-07 {
  font-size: 0.7rem !important;
}
.fs-08 {
  font-size: 0.8rem !important;
}
.fs-09 {
  font-size: 0.9rem !important;
}
.fs-10 {
  font-size: 1rem !important;
}
.fs-11 {
  font-size: 1.1rem !important;
}
.fs-12 {
  font-size: 1.2rem !important;
}
.fs-13 {
  font-size: 1.3rem !important;
}
.fs-14 {
  font-size: 1.4rem !important;
}
.fs-15 {
  font-size: 1.5rem !important;
}
.fs-16 {
  font-size: 1.6rem !important;
}
.fs-17 {
  font-size: 1.7rem !important;
}
.fs-18 {
  font-size: 1.8rem !important;
}
.fs-19 {
  font-size: 1.9rem !important;
}
.fs-20 {
  font-size: 2rem !important;
}

.header-200 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 200px !important;
}

.header-300 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 300px !important;
}

.header-400 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 400px !important;
}

.header-500 {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 500px !important;
}