@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;400;500;600;700;800&display=swap);
body {
  background-color: #fff;
  padding: 0px 0 0 0;
  margin: 0px;
  position: relative;
}

#app.areariservata {
  padding-top: 120px;
}
#app.slider {
  transition: left 0.4s !important;
  position: relative;
  top: 0px;
  left: 0px;
}
#app.slider.slide-left {
  left: -480px;
  transition: right 0.4s;
}

#app.slided {
  left: -480px;
  transition: right 0.4s;
}

* {
  font-family: "Heebo", sans-serif;
  font-size: 18px;
  color: #565656;
  letter-spacing: -0.36px;
  line-height: 24px;
}

.container-fluid-cstm {
  padding-left: 45px;
  padding-right: 45px;
}

.mw-100 {
  max-width: 100%;
}

.max-1920 {
  width: 100%;
  max-width: 1920px !important;
  position: relative;
  margin-left: auto !important;
  margin-right: auto !important;
}

input, textarea, button, a,
input:focus, textarea:focus, button:focus, a:focus {
  outline: none !important;
  box-shadow: none !important;
}

.font-inherit {
  font: inherit;
  color: inherit;
}

.hide-desktop {
  display: none !important;
}

a:hover {
  color: #FFC000;
}

.txt-weight-extralight {
  font-weight: 200 !important;
}

.txt-weight-light {
  font-weight: 300 !important;
}

.txt-weight-regular {
  font-weight: 400 !important;
}

.txt-weight-medium {
  font-weight: 400 !important;
}

.txt-weight-semibold {
  font-weight: 500 !important;
}

.txt-weight-bold {
  font-weight: 600 !important;
}

.txt-weight-extrabold {
  font-weight: 700 !important;
}

.txt-color-yellow {
  color: #FFC000;
}

.txt-color-grey {
  color: #BCBCBC;
}

.txt-barrato {
  text-decoration: line-through;
}

.cursor-pointer {
  cursor: pointer;
}

h1 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.96px;
  line-height: 48px;
}

h2 {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.64px;
}

h3, .h3 {
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.64px;
}

h4, .h4 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.48px;
  line-height: 40px;
}

h5, .h5 {
  font-size: 20px;
  letter-spacing: -0.4px;
  font-weight: 400;
  line-height: 24px;
}

h6, .h6 {
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 24px;
  font-weight: 400;
}

p.lh-40 {
  line-height: 40px;
}

.bb-1 {
  border-bottom: 1px solid #efefef;
}

.alert {
  border-radius: 5px;
  background-color: #EFEFEF;
  border: none;
  padding-top: 30px;
  padding-bottom: 30px;
}
.alert .close img {
  width: 13px;
}
.alert.border-rad-0 {
  border-radius: 0px;
}
.alert.bordered-dot {
  border: 1px dotted #BCBCBC;
}

.txt-40px {
  font-size: 40px !important;
  letter-spacing: -0.8px !important;
  line-height: 48px !important;
}

.txt-Small {
  font-size: 18px;
  line-height: 28px;
}

.txt-small {
  font-size: 16px;
  line-height: 24px;
}

.txt-xsmall {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.28px;
}

.txt-xxsmall {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.24px;
}

.titolo {
  color: #002445;
}

.container-cstm {
  max-width: 1500px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.adv {
  position: absolute;
  top: 0px;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 5px;
  margin-left: 5px;
  background-color: #fff;
  border: 1px solid #FFC000;
  font-size: 14px;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFC000;
}

.list-pwd {
  display: block;
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}
.mt--header {
  margin-top: -22px !important;
}

.header-grey {
  background-color: #EFEFEF;
  display: block;
  padding: 95px 20px;
}

.header-chisiamo {
  margin: 0px 0 80px 0;
  background-color: #3C7F9F;
  display: block;
  padding-top: 70px;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url("../img/bg-header-chisiamo.svg");
}
.header-chisiamo .img-chisiamo {
  display: block;
  max-width: 100%;
  margin: 20px auto -50px auto;
}

.box-grey {
  display: block;
  padding: 36px;
  background-color: #EFEFEF;
  border-radius: 30px;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-categoria {
  display: block;
  padding: 40px 20px;
  width: 200px;
  margin: 0 15px;
  background-color: #fff;
  border: 1px solid #BCBCBC;
  box-shadow: 8px 8px 15px #0000000D;
  border-radius: 10px;
}
.box-categoria .titolo {
  margin: 10px 0 33px 0;
}
.box-categoria .titolo.scolastici {
  color: #0D97BD;
}
.box-categoria .titolo.liberi {
  color: #D95400;
}

.box-white {
  position: relative;
  display: block;
  border-radius: 10px;
  border: 1px solid #C4C4C4;
  background-color: #fff;
  padding: 130px;
  box-shadow: 0px 3px 6px #00000029;
}

.breadcrumb-path {
  background-color: transparent;
  margin-bottom: 0px;
  padding: 0;
}
.breadcrumb-path .breadcrumb-item {
  font-size: 18px;
  text-transform: capitalize;
}
.breadcrumb-path .breadcrumb-item a {
  font: inherit;
  color: inherit;
  font-weight: 400;
}

.box-info {
  display: block;
  border-radius: 20px;
  padding: 20px;
  background-color: #efefef;
}

.mh-100vh {
  height: 100%;
  min-height: 100vh;
}

.mh-100vh-outnavbar {
  height: calc( 100vh - 98px );
  min-height: calc( 100vh - 98px );
}

.section-cstm {
  display: block;
}
.section-cstm.py-100 {
  padding: 100px 0 !important;
}
.section-cstm.home-chetipodicorsostaicercando {
  background-color: #fff;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-image: url("../img/bg-home-chetipodicorsostaicercando-top.jpg");
  padding-top: 80px;
}
.section-cstm.home-list {
  background-color: #EFEFEF;
}
.section-cstm.top-search {
  background-color: red;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../img/header-cerca-top-corsi-scolastici.svg");
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 18px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type=password] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin .form-control .form-signin input[type=email] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.ui-autocomplete {
  border: 1px solid #ccc !important;
  border-top-width: 0px !important;
  background-color: #fff !important;
  border-radius: 0 0 5px 5px !important;
  overflow: hidden !important;
}
.ui-autocomplete * {
  font-size: 16px;
}
.ui-autocomplete .ui-menu-item-wrapper:hover {
  background-color: #efefef !important;
  border-color: #efefef !important;
  color: #565656 !important;
}
.ui-autocomplete .ui-menu-item[aria-label^="Ricerche recenti :"] .ui-menu-item-wrapper {
  padding-left: 30px;
  background-image: url("../img/icon-recent.svg");
  background-position: 7px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.ui-autocomplete .ui-autocomplete-category {
  font-weight: 600;
  padding: 0.2em 0.4em;
  /*margin: .8em 0 .2em;*/
  line-height: 1.5;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background-color: #efefef !important;
  border-color: #efefef !important;
  color: #565656 !important;
}

.box-search-2 {
  display: block;
  padding: 16px 16px 21px 16px !important;
  margin: 40px 0;
  box-shadow: 5px 5px 20px #00000026;
  border: 2px solid #EDEDED;
  border-radius: 5px;
  background-color: #fff;
}
.box-search-2.my-20 {
  margin: 0 0 60px 0;
}
.box-search-2 .row .col-lg-4 {
  padding-left: 8px;
  padding-right: 0px;
}
.box-search-2 .row .col-lg-4.pr-8 {
  padding-left: 0px;
  padding-right: 8px;
}
.box-search-2 .form-group {
  margin-bottom: 0px;
}
.box-search-2 .form-group .label-cstm {
  font-weight: 600;
  color: #002445;
  margin-bottom: 8px;
  letter-spacing: -0.36px;
  font-size: 18px;
  line-height: 27px;
  text-transform: none;
}
.box-search-2 .form-group .form-control-cstm.open-menu {
  border-radius: 5px 5px 0 0;
  border-bottom-width: 0px;
}
.box-search-2 .btn-search {
  border-radius: 5px;
  width: 48px;
  height: 48px;
  margin-top: 34px;
  text-align: center;
  padding: 0;
}
.box-search-2 .btn-search .mobile-txt {
  display: none;
  text-align: center;
  color: #fff;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 28px;
  font-weight: 600;
}
.box-search-2 .flex-btn-search {
  flex: 0 0 48px;
}

/*.box-search{
    display: inline-block;
    padding: 16px 64px 16px 15px;
    margin: 20px 0 100px 0;
    box-shadow: 5px 5px 20px #00000026;
    border: 2px solid #EDEDED;
    border-radius: 5px;
    background-color: #fff;

    .px-8{
        padding-left: 8px;
        padding-right: 8px;
    }

    .row{
        padding-left: 16px;
        padding-right: 16px;
        .pr-8{
            padding: 0px;
            padding-right:8px;
        }
    }

    .form-group{
        margin-bottom: 0px;
        .label-cstm{
            font-weight: 600;
            color: $base-color-blue-dark;
            margin-bottom: 8px;
            letter-spacing: -0.36px;
            font-size: 18px;
            line-height: 27px;
            text-transform: none;
        }

        .form-control-cstm{
            //width: 280px;
            &.open-menu{
                border-radius: 5px 5px 0 0;
                border-bottom-width: 0px;
            }
        }
    }
    .btn-search{
        border:none;
        background: linear-gradient(#FFC000, #CC9A00);
        border-radius: 5px;
        width: 48px;
        height: 48px;
        margin-top: 35px;
        //line-height: 48px;
        //text-align: center;
        img{
            width: 20px;
            height: 20px;
        }
        .mobile-txt{
            display: none;
            text-align: center;
            color: #fff;
            font-size: 18px;
            letter-spacing: -0.36px;
            line-height: 28px;
            font-weight: 600;
        }
    }
}*/
.box-corso {
  display: block;
  width: 280px;
  margin-left: 0px;
  margin-right: 17px;
  text-align: left;
}
.box-corso.risultatoricerca {
  margin: 30px 0px;
  width: 100%;
}
.box-corso.heightfix {
  height: 450px !important;
}
.box-corso.heightfix .titolocorso {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  width: 100%;
}
.box-corso .box-corso-head {
  display: block;
  width: 100%;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #bcbcbc;
}
.box-corso .box-corso-head img {
  display: block;
  width: 100%;
  height: 183px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  box-shadow: 8px 8px 15px #0000000D;
}
.box-corso .box-corso-head .adv {
  position: absolute;
  display: block;
  left: 10px;
  top: 10px;
  width: 40px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #BCBCBC;
  font-size: 14px;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  font-weight: 700;
  color: #565656;
}
.box-corso .box-corso-head .preferito {
  display: block;
  position: absolute;
  z-index: 3;
  right: 16px;
  bottom: 12px;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #fff !important;
  box-shadow: 0px 2px 6px #00000067;
}
.box-corso .box-corso-head .preferito .heart {
  background: #fff !important;
  margin: 12px auto 0 auto;
  display: block;
  width: 22px;
  height: 22px;
  box-shadow: none;
}
.box-corso .box-corso-body {
  display: block;
}
.box-corso .box-corso-body .titolo {
  display: block;
  height: auto;
  overflow: hidden;
  color: #002445;
  line-height: 28px;
  margin-top: 19px;
  margin-bottom: 8px;
  text-decoration: none;
}
.box-corso .box-corso-body .autore {
  text-decoration: none;
  color: #565656;
  display: block;
  height: 27px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  display: block;
  letter-spacing: -0.36px;
}
.box-corso .box-corso-body .autore .icona {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.box-corso .box-corso-body .autore .canale {
  color: #002445;
}
.box-corso .box-corso-body .votazioni {
  display: block;
  margin: 5px 0 14px 0;
  position: relative;
  text-decoration: none;
}
.box-corso .box-corso-body .votazioni .img-star {
  width: 22px;
  margin: 0px;
}
.box-corso .box-corso-body .votazioni .votazioni-count {
  display: inline-block;
  margin: 0 0 0 5px;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 20px;
}
.box-corso .box-corso-body .btn-prezzo {
  display: inline-block;
  border-radius: 8px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  background: linear-gradient(to right, #FFC000, #CC9A00);
  text-decoration: none;
}
.box-corso .box-corso-body .prezzo-scontato {
  margin-left: 10px;
  text-decoration: line-through;
  font-weight: 600;
}
.box-corso .box-corso-body .location {
  display: block;
  height: 20px;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  color: #BCBCBC;
  font-weight: 600;
  letter-spacing: -0.28px;
  line-height: 20px;
  margin-bottom: 15px;
}
.box-corso .box-corso-body .location img {
  height: 20px;
  margin-right: 7px;
}

.img-recensione-registrata {
  display: block;
  max-width: 100%;
}

#container-discipline {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}

.navbar-cstm {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0px;
  background: transparent !important;
  transition: 0.5s;
}
.navbar-cstm .container-fluid-cstm {
  height: 98px;
  position: relative;
}
.navbar-cstm.bb-grey {
  border-bottom: 1px solid #BCBCBC;
  padding-bottom: 30px;
}
.navbar-cstm .border-bottom {
  position: absolute;
  bottom: 0px;
  left: 45px;
  right: 45px;
  display: block;
  height: 1px;
  background-color: #BCBCBC;
  z-index: -1;
}
.navbar-cstm.areariservata .container-bordered {
  display: block;
  height: 98px;
  width: 100%;
}
.navbar-cstm.areariservata.logged:before {
  position: absolute;
  z-index: 0;
  right: 0px;
  top: 0px;
  content: "";
  height: 120px;
  width: 620px;
  display: block;
  background-image: url("../img/bg-header-areariservata.svg") !important;
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}
.navbar-cstm.areariservata.borderall {
  border-bottom: 1px solid #BCBCBC !important;
}
.navbar-cstm.areariservata.borderall .border-bottom {
  display: none;
}
.navbar-cstm .navbar-brand {
  padding: 0px;
  position: relative;
}
.navbar-cstm .navbar-brand img {
  width: 234.5px;
  height: 41.5px;
}
.navbar-cstm .navbar-brand .payoff {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: -26px;
  left: 52px;
  text-transform: uppercase;
  color: #999;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 2.6px;
  font-family: "Heebo", sans-serif;
}
.navbar-cstm .navbar-nav .nav-item .nav-link {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.48px;
  line-height: 41px !important;
  padding: 0px 20px;
  color: #fff;
}
.navbar-cstm .navbar-nav .nav-item .nav-link i {
  color: inherit;
}
.navbar-cstm .navbar-nav .nav-item .nav-link.dark {
  color: #002445;
}
.navbar-cstm .navbar-nav .nav-item .nav-link.ml-44 {
  margin-left: 44px;
}
.navbar-cstm .navbar-nav .nav-item .nav-link:hover {
  color: #FFC000 !important;
}
.navbar-cstm .navbar-nav .nav-item .nav-link.active {
  color: #FFC000 !important;
}
.navbar-cstm .navbar-nav .nav-item .nav-link.btn {
  color: #002445;
  background-color: #fff;
  box-shadow: 0px 6px 12px #0000006C;
  border-radius: 20px;
  font-weight: 500;
  letter-spacing: -0.48px;
  height: 41px;
  line-height: 41px;
  padding: 0px 10px;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user {
  width: 180px;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-toggle {
  display: flex;
  width: 180px;
  color: #fff;
  height: 40px !important;
  line-height: 24px !important;
  font-size: 18px;
  font-weight: 500 !important;
  padding: 10px;
  transition: 0.4s;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-toggle .icon-user {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../img/ico-user-user-white.svg");
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-toggle .nome {
  font: inherit;
  color: inherit;
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-toggle::after {
  position: absolute;
  right: 5px;
  top: 10px;
  content: "";
  border: none;
  background-image: url("../img/ico-dropdown-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 7px;
  width: 24px;
  height: 24px;
  transition: 0.4s;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-toggle:hover {
  color: #fff !important;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-toggle.home-style {
  background-color: #fff;
  color: #002445;
  border-radius: 5px;
  border: 1px solid #bcbcbc;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-toggle.home-style .icon-user {
  background-image: url("../img/ico-user-user.svg");
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-toggle.home-style::after {
  background-image: url("../img/ico-dropdown-blue.svg");
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-toggle.home-style:hover {
  color: #002445 !important;
  background-color: #f5f5f5;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-menu {
  width: 100% !important;
  border: 1px solid #bcbcbc;
  border-top: none;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
  margin: 0px;
  margin-top: -1px;
  padding: 0px;
  background-color: #fff;
  color: #002445;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-menu .dropdown-item {
  font-size: 18px;
  font-weight: 400;
  color: #565656;
  line-height: 20px;
  padding: 15px 10px;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-menu .dropdown-item img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-right: 8px;
  display: inline-block;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user .dropdown-menu .dropdown-item:hover {
  background-color: #EFEFEF;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user.show .dropdown-toggle {
  margin-bottom: 0px;
  border-radius: 5px 5px 0 0;
  border: 1px solid #bcbcbc;
  border-bottom: none;
  background-color: #fff;
  color: #002445 !important;
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user.show .dropdown-toggle::after {
  background-image: url("../img/ico-dropdown-blue.svg");
}
.navbar-cstm .navbar-nav .nav-item.dropdown-menu-user.show .dropdown-toggle .icon-user {
  background-image: url("../img/ico-user-user.svg");
}

.navbar-mobile {
  height: 60px !important;
  display: none;
  position: relative !important;
  z-index: 100 !important;
}
.navbar-mobile .navcontainer {
  display: flex;
  width: 100%;
  height: 60px;
  flex-direction: row;
  align-items: center;
  margin-bottom: 21px;
  background-color: #fff;
  border-bottom: 1px solid #C4C4C4;
}
.navbar-mobile .navcontainer .link {
  width: 20%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.navbar-mobile .navcontainer .link .icona {
  width: 25px;
  height: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.navbar-mobile .navcontainer .link .icona.home {
  background-image: url("../img/ico-navbarmobile-home-off.svg");
}
.navbar-mobile .navcontainer .link .icona.cerca {
  background-image: url("../img/ico-navbarmobile-cerca-off.svg");
}
.navbar-mobile .navcontainer .link .icona.inserisci {
  background-image: url("../img/ico-navbarmobile-inserisci-off.svg");
}
.navbar-mobile .navcontainer .link .icona.messaggi {
  background-image: url("../img/ico-navbarmobile-messaggi-off.svg");
}
.navbar-mobile .navcontainer .link .icona.entra {
  background-image: url("../img/ico-navbarmobile-entra-off-logged.svg");
}
.navbar-mobile .navcontainer .link .icona.entra.tologin {
  background-image: url("../img/ico-navbarmobile-entra-off.svg");
}
.navbar-mobile .navcontainer .link .icona.entra.logged {
  background-image: url("../img/ico-navbarmobile-entra-off-logged.svg");
}
.navbar-mobile .navcontainer .link .label {
  width: 100%;
  display: none;
  color: #FFC000;
  font-size: 12px;
  line-height: 1em;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.navbar-mobile .navcontainer .link.disabled .icona.home {
  background-image: url("../img/ico-navbarmobile-home-disabled.svg");
}
.navbar-mobile .navcontainer .link.disabled .icona.cerca {
  background-image: url("../img/ico-navbarmobile-cerca-disabled.svg");
}
.navbar-mobile .navcontainer .link.disabled .icona.inserisci {
  background-image: url("../img/ico-navbarmobile-inserisci-disabled.svg");
}
.navbar-mobile .navcontainer .link.disabled .icona.messaggi {
  background-image: url("../img/ico-navbarmobile-messaggi-disabled.svg");
}
.navbar-mobile .navcontainer .link.disabled .icona.entra {
  background-image: url("../img/ico-navbarmobile-entra-disabled.svg");
}
.navbar-mobile .navcontainer .link.active .icona {
  margin-bottom: 2px;
}
.navbar-mobile .navcontainer .link.active .icona.home {
  background-image: url("../img/ico-navbarmobile-home-on.svg");
}
.navbar-mobile .navcontainer .link.active .icona.cerca {
  background-image: url("../img/ico-navbarmobile-cerca-on.svg");
}
.navbar-mobile .navcontainer .link.active .icona.inserisci {
  background-image: url("../img/ico-navbarmobile-inserisci-on.svg");
}
.navbar-mobile .navcontainer .link.active .icona.messaggi {
  background-image: url("../img/ico-navbarmobile-messaggi-on.svg");
}
.navbar-mobile .navcontainer .link.active .icona.entra {
  background-image: url("../img/ico-navbarmobile-entra-on.svg");
}
.navbar-mobile .navcontainer .link.active .icona.entra.logged {
  background-image: url("../img/ico-navbarmobile-entra-on-login.svg");
}
.navbar-mobile .navcontainer .link.active .label {
  display: block;
}
.navbar-mobile .navcontainer a {
  text-align: center;
  flex: 1 1 auto !important;
}
.navbar-mobile .navcontainer a img {
  height: 25px;
}
.navbar-mobile .brand {
  width: 100%;
  text-align: center;
  display: none;
}

#modalContentAreaRiservataMobile {
  z-index: 1100;
  transition: 0.3s;
}
#modalContentAreaRiservataMobile .modal-dialog {
  align-items: end;
}
#modalContentAreaRiservataMobile .modal-dialog .modal-content {
  width: 85%;
  padding: 20px;
  background-color: #fff;
  position: relative;
}
#modalContentAreaRiservataMobile .modal-dialog .modal-content .close {
  cursor: pointer;
}
#modalContentAreaRiservataMobile .modal-dialog .modal-content .username {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px;
}
#modalContentAreaRiservataMobile .modal-dialog .modal-content .list-voci {
  list-style: none;
  display: block;
  margin: 40px 0 20px 0;
  padding: 0px;
}
#modalContentAreaRiservataMobile .modal-dialog .modal-content .list-voci li {
  display: block;
}
#modalContentAreaRiservataMobile .modal-dialog .modal-content .list-voci li a {
  display: block;
  line-height: 70px;
  position: relative;
  padding: 0 0 0 40px;
  border-bottom: 1px solid #BCBCBC;
  color: #565656;
}
#modalContentAreaRiservataMobile .modal-dialog .modal-content .list-voci li a .thu {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 40px;
  text-align: center;
}

.footer {
  display: block;
  width: 100%;
  padding: 34px 0;
  border-top: 1px solid #BCBCBC;
}
.footer .logo {
  display: inline-block;
  margin-right: 30px;
}
.footer .logo img {
  display: block;
  width: 196px;
  height: 32px;
}
.footer .titolo {
  font-size: 18px;
  letter-spacing: -0.36px;
  margin-bottom: 20px;
}
.footer .list-link {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.footer .list-link li a {
  font-size: 18px;
  letter-spacing: -0.36px;
  color: #565656;
  line-height: 28px;
  text-decoration: none;
  transition: 0.4s;
}
.footer .list-link li a:hover {
  color: #002445;
}
.footer .list-link li a .adv {
  position: absolute;
  top: 0px;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 5px;
  margin-left: 5px;
  background-color: #fff;
  border: 1px solid #FFC000;
  font-size: 14px;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFC000;
}
.footer .list-link-inline {
  float: right;
  padding: 0px;
  margin: 0 0 0 auto;
}
.footer .list-link-inline li {
  margin: 10px 5px 0 5px;
  display: inline-block;
}
.footer .list-link-inline li a {
  font-size: 18px;
  letter-spacing: -0.36px;
  color: #565656;
  line-height: 28px;
}

.tooltip, .bs-tooltip-auto[x-placement^=left] {
  margin-right: 10px;
}

.tooltip-inner {
  background-color: #000913 !important;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 25px;
  padding-left: 25px;
  font-size: 18px;
  border-radius: 8px;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #000913 !important;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #000913 !important;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #000913 !important;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #000913 !important;
}

.pagination-cstm {
  margin: 10px auto !important;
  justify-content: center;
}
.pagination-cstm .page-item .page-link {
  width: 48px;
  height: 48px;
  line-height: 48px;
  border-radius: 6px;
  color: #565656;
  font-size: 16px;
  font-weight: 600;
  border: 1px solid #fff;
  padding: 0px;
  text-align: center;
  transition: 0.4s;
}
.pagination-cstm .page-item .page-link:hover {
  background-color: transparent;
}
.pagination-cstm .page-item .page-link.link:hover {
  color: #FFC000;
  font-weight: 700;
  text-decoration: underline;
}
.pagination-cstm .page-item.active .page-link {
  border-color: #FFC000;
  color: #FFC000;
  background-color: #fff;
}

.nav-tabs-custom-container-w350 {
  max-width: 100%;
  width: 400px;
}

.nav-tabs-custom {
  display: flex;
  border-radius: 24px;
  height: 50px;
  background-color: #fff;
  border: 1px solid #B4B4B4;
  padding: 7px 0px 7px 7px;
}
.nav-tabs-custom .nav-link {
  height: 36px;
  width: calc(50% - 7px);
  border-radius: 24px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 24px;
  font-weight: 600;
  color: #BCBCBC;
  border: none !important;
  background-color: #EFEFEF;
  padding: 6px;
  display: flex;
  transition: 0.3s;
}
.nav-tabs-custom .nav-link:first-child {
  margin-right: 7px;
}
.nav-tabs-custom .nav-link:hover {
  cursor: pointer;
}
.nav-tabs-custom .nav-link.active {
  background: linear-gradient(135deg, #FFC000 0%, #CC9A00 100%);
  color: #fff;
}

.switch-cstm {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 16px;
}
.switch-cstm input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch-cstm .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #EFEFEF;
  border-radius: 34px;
  transition: 0.4s;
}
.switch-cstm .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: -5px;
  bottom: -3px;
  border-radius: 50%;
  background-color: #565656;
  transition: 0.4s;
}
.switch-cstm .slider:after {
  display: block;
  content: "";
  position: absolute;
  z-index: 500;
  height: 10px;
  width: 10px;
  top: 3px;
  left: 1px;
  background-image: url("../img/ico-close-w.svg");
  background-size: contain;
  background-position: center;
  transition: 0.4s;
}
.switch-cstm input:checked + .slider:after {
  background-image: url("../img/ico-done-w.svg");
  height: 13px;
  width: 13px;
  top: 0px;
  left: 0;
}
.switch-cstm input:checked + .slider:before {
  /*background-color: #2196F3;*/
  background: linear-gradient(135deg, #FFC000 0%, #CC9A00 100%);
}
.switch-cstm input:focus + .slider {
  box-shadow: 0 0 1px #EFEFEF;
}
.switch-cstm input:checked + .slider:before {
  transform: translateX(26px);
}
.switch-cstm input:checked + .slider:after {
  transition: 0.4s;
  transform: translateX(26px);
}

.dropdown-custom .dropdown-toggle {
  width: 100%;
  border: 1px solid #B4B4B4;
  background-color: #fff;
  font-size: 18px;
  letter-spacing: -0.36px;
  border-radius: 5px;
  text-align: left;
  padding: 10px 40px 10px 12px;
  line-height: 28px;
}
.dropdown-custom .dropdown-toggle::after {
  position: absolute;
  right: 5px;
  top: 12px;
  content: "";
  border: none;
  background-image: url("../img/dropdown-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 7px;
  width: 24px;
  height: 24px;
  transition: 0.4s;
}
.dropdown-custom .dropdown-menu {
  width: 100%;
  padding: 0;
  margin: 0;
  border-radius: 5px;
  border: 1px solid #B4B4B4;
  background-color: #fff;
  max-height: 200px;
  overflow-y: auto;
  transition: 0.1s;
}
.dropdown-custom .dropdown-menu .dropdown-item {
  padding: 10px 11px;
  cursor: pointer;
  white-space: break-spaces;
}
.dropdown-custom.show .dropdown-toggle {
  border-radius: 5px 5px 0 0;
  border-bottom: 0px;
}
.dropdown-custom.show .dropdown-toggle::after {
  transform: rotate(180deg);
}
.dropdown-custom.show .dropdown-menu {
  border-top: 0px;
  border-radius: 0 0 5px 5px;
}

.filesuploaded-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.filesuploaded-list li {
  display: inline-block;
  background-color: #fff;
  margin: 5px;
}
.filesuploaded-list li .thu-link {
  display: block;
}
.filesuploaded-list li .thu-link img {
  display: block;
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  background-color: #222;
}
.filesuploaded-list li .action {
  display: block;
  background-color: #fff;
}
.filesuploaded-list li .action .btn-action {
  display: block;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.3s;
}
.filesuploaded-list li .action .btn-action i {
  color: inherit;
  font-size: inherit;
  margin-right: 3px;
}
.filesuploaded-list li .action .btn-action:hover {
  cursor: pointer;
  background-color: #c00;
  color: #fff;
}

.box-thu-img-upladed {
  display: flex;
}
.box-thu-img-upladed img {
  display: block;
  margin: 5px;
  border-radius: 5px;
  border: 1px solid #B4B4B4;
  background-color: #fff;
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.input-file-cstm {
  display: flex;
  flex-direction: column;
  justify-content: center !important;
  align-items: center !important;
  padding: 50px 10px;
  border-radius: 5px;
  border: 1px solid #B4B4B4;
  background-color: #fff;
}
.input-file-cstm .ico {
  display: block;
  height: 65px;
  margin: 0 auto 21px auto;
}
.input-file-cstm .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.radio-button-cstm {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-button-cstm input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.radio-button-cstm .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #222;
}
.radio-button-cstm .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-button-cstm:hover input ~ .checkmark {
  background-color: #fff;
}
.radio-button-cstm input:checked ~ .checkmark {
  background-color: #fff;
}
.radio-button-cstm input:checked ~ .checkmark:after {
  display: block;
}
.radio-button-cstm .checkmark:after {
  left: 5px;
  top: 5px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  border: none;
  background: linear-gradient(to left, #FFC000, #CE9B01);
}

.checkbox-button-cstm {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox-button-cstm input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox-button-cstm .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #222;
}
.checkbox-button-cstm .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox-button-cstm:hover input ~ .checkmark {
  background-color: #fff;
}
.checkbox-button-cstm input:checked ~ .checkmark {
  background-color: #fff;
  border: none;
}
.checkbox-button-cstm input:checked ~ .checkmark:after {
  display: block;
}
.checkbox-button-cstm .checkmark:after {
  left: -1px;
  top: -1px;
  border-radius: 0;
  width: 24px;
  height: 24px;
  background-image: url("../img/checkbox-button-cstm-active.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: none;
}
.checkbox-button-cstm.disabled .checkmark:after {
  background-image: url("../img/checkbox-button-cstm-disabled.svg");
}

.button-cstm {
  display: inline-block;
  border-radius: 8px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  padding: 0 20px;
  border: none;
  background-color: #fff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.36px;
  box-sizing: border-box !important;
}
.button-cstm .ico {
  height: 19px;
}
.button-cstm.small {
  height: 40px;
  line-height: 40px;
}
.button-cstm.large {
  line-height: 56px;
  height: 56px;
}
.button-cstm.xlarge {
  line-height: 72px;
  height: 72px;
  font-size: 23px;
  letter-spacing: -0.46px;
  padding-left: 44px;
  padding-right: 44px;
}
.button-cstm.transparent {
  background-color: transparent;
}
.button-cstm.primary {
  background: linear-gradient(135deg, #FFC000 0%, #CC9A00 100%);
  color: #fff;
}
.button-cstm.primary.disable {
  background: #EFEFEF;
  color: #BCBCBC;
}
.button-cstm.secondary {
  background: #002445;
  color: #fff;
}
.button-cstm.secondary.disable {
  background: #EFEFEF;
  color: #BCBCBC;
}
.button-cstm.tertiary {
  background: transparent;
  border: 2px solid #002445;
  color: #002445;
}
.button-cstm.tertiary.disable {
  background: #fff;
  border: 2px solid #BCBCBC;
  color: #BCBCBC;
}
.button-cstm.quaternary {
  background: #fff;
  border: 2px solid #BCBCBC;
  color: #565656;
}
.button-cstm.quaternary.disable-grey {
  border-color: #EFEFEF;
  cursor: default;
}
.button-cstm.quaternary.disable {
  background: #fff;
  border: 2px solid #BCBCBC;
  color: #BCBCBC;
}
.button-cstm.w-40 {
  width: 40px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.button-cstm:hover {
  text-decoration: none;
  cursor: pointer;
}
.button-cstm.noCursor {
  cursor: default;
}

.btn-action {
  display: inline-block !important;
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  border-width: 1px !important;
}
.btn-action.small {
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
}
.btn-action.act-img {
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}
.btn-action.act-img.modify {
  background-image: url("../img/ico-modify-blue.svg");
}
.btn-action.act-img.delete {
  background-image: url("../img/ico-delete-blue.svg");
}
.btn-action.act-img.view {
  background-image: url("../img/ico-eye-outline.svg");
}
.btn-action.act-img.link {
  background-image: url("../img/ico-link-blue.svg");
}
.btn-action.act-img.save {
  background-image: url("../img/ico-save-blue.svg");
}
.btn-action.act-img.eye-slash {
  background-image: url("../img/ico-eye-slash.svg");
}
.btn-action.act-img.assegna-user {
  background-image: url("../img/ico-affiliato-blue.svg");
}
.btn-action.act-img.primary {
  background-color: #FFC000;
  background-image: url("../img/ico-save-blue.svg");
}

.fake-input {
  width: 280px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #B4B4B4;
  color: #565656 !important;
  background: #fff;
  height: 48px;
  line-height: 48px;
  position: relative;
  border-radius: 5px;
  padding: 0 15px;
}
.fake-input .ico {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  flex: 0 0 20px;
}
.fake-input .ico-expand {
  position: absolute;
  right: 15px;
  top: 20px;
  width: 14px;
  flex: 0 0 14px;
  height: 7px;
}
.fake-input .categoria-label {
  text-overflow: ellipsis;
  overflow: hidden;
  flex-grow: 1;
  padding-right: 20px;
  white-space: nowrap;
}
.fake-input:hover {
  cursor: pointer;
  text-decoration: none;
  color: #565656;
}

.custom-select-cstm {
  border: 1px solid #B4B4B4;
  height: 48px;
  font-size: 18px;
  line-height: 1em;
  border-radius: 5px;
}
.custom-select-cstm::-moz-placeholder {
  color: #BCBCBC;
}
.custom-select-cstm:-ms-input-placeholder {
  color: #BCBCBC;
}
.custom-select-cstm::placeholder {
  color: #BCBCBC;
}
.custom-select-cstm.custom-select-sm {
  height: 40px !important;
  line-height: 40px !important;
}

:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s !important;
  transition: background-color 600000s 0s, color 600000s 0s !important;
}

.error-message {
  font-size: 13px;
}

.password-format {
  margin: 10px 0 10px 0px;
  padding-left: 25px;
}
.password-format li {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.28px;
  color: #565656;
}

.password-container {
  display: block;
  position: relative;
}
.password-container .password-icon {
  display: block;
  right: 10px;
  top: 15px;
  position: absolute;
  z-index: 3;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.password-container .password-icon.pwd-hide {
  background-image: url("../img/pass-hide.svg");
}
.password-container .password-icon.pwd-show {
  background-image: url("../img/pass-show.svg");
}

.form-control-cstm {
  border: 1px solid #B4B4B4;
  background: #fff;
  height: 48px;
  font-size: 18px;
  line-height: 1em;
  border-radius: 5px;
}
.form-control-cstm:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #B4B4B4 !important;
  background-color: #fff;
  box-shadow: none;
}
.form-control-cstm.textarea {
  padding-top: 15px;
}
.form-control-cstm.shadow {
  box-shadow: 8px 8px 15px #0000000D;
}
.form-control-cstm.onlyline {
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #C4C4C4;
  font-size: 18px;
  line-height: 27em;
  padding: 7px 0;
  background-color: #fff;
}
.form-control-cstm.ico-search {
  padding-left: 45px;
  background-repeat: no-repeat;
  background-image: url("../img/ico-search-grey.svg");
  background-size: 20px 20px;
  background-position: 14px 12px;
}
.form-control-cstm.ico-search::-moz-placeholder {
  color: #BCBCBC;
}
.form-control-cstm.ico-search:-ms-input-placeholder {
  color: #BCBCBC;
}
.form-control-cstm.ico-search::placeholder {
  color: #BCBCBC;
}
.form-control-cstm.ico-categorie {
  padding-left: 45px;
  background-repeat: no-repeat;
  background-image: url("../img/ico-categorie.svg");
  background-size: 20px 20px;
  background-position: 14px 12px;
}
.form-control-cstm.ico-categorie::-moz-placeholder {
  color: #565656;
}
.form-control-cstm.ico-categorie:-ms-input-placeholder {
  color: #565656;
}
.form-control-cstm.ico-categorie::placeholder {
  color: #565656;
}
.form-control-cstm.ico-map {
  padding-left: 45px;
  background-repeat: no-repeat;
  background-image: url("../img/ico-map.svg");
  background-size: 20px 20px;
  background-position: 14px 12px;
}
.form-control-cstm.ico-map::-moz-placeholder {
  color: #BCBCBC;
}
.form-control-cstm.ico-map:-ms-input-placeholder {
  color: #BCBCBC;
}
.form-control-cstm.ico-map::placeholder {
  color: #BCBCBC;
}
.form-control-cstm.datepicker {
  padding-left: 45px !important;
  background-position: 5px center;
  background-repeat: no-repeat;
  position: relative;
  background-image: url("../img/ico-calendar.svg");
}
.form-control-cstm::-moz-placeholder {
  color: #BCBCBC;
}
.form-control-cstm:-ms-input-placeholder {
  color: #BCBCBC;
}
.form-control-cstm::placeholder {
  color: #BCBCBC;
}
.form-control-cstm.form-control-sm {
  height: 40px !important;
  line-height: 40px !important;
}

.datepicker-container-cstm {
  position: relative;
}
.datepicker-container-cstm:after {
  position: absolute;
  right: 5px;
  top: 12px;
  display: block;
  content: "";
  background-image: url("../img/dropdown-arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px 7px;
  width: 24px;
  height: 24px;
  transition: 0.4s;
}

.input-group-csmt .input-group-append .button-cstm {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  width: 64px;
  padding-left: 0px;
  padding-right: 0px;
}

.txt-error {
  color: #F83F5B;
}

.table-cstm {
  border: none;
}
.table-cstm thead tr th {
  border: none;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 28px;
  font-weight: 600;
}
.table-cstm tbody tr:nth-of-type(odd) {
  background-color: #EFEFEF;
}
.table-cstm tbody tr:nth-of-type(even) {
  background-color: #fff;
}
.table-cstm tbody tr td {
  border: none;
}
.table-cstm tbody tr td:first-child {
  border-radius: 5px 0 0 5px;
}
.table-cstm tbody tr td:last-child {
  border-radius: 0 5px 5px 0;
}

.list-nuova-area-disciplinare {
  display: flex !important;
  width: 100% !important;
  text-align: left;
  margin: 2px 0;
  border: 1px solid #B4B4B4;
  background-color: #fff;
  background: #fff;
  height: 48px;
  line-height: 48px;
  padding: 0 15px;
  font-size: 18px;
  border-radius: 5px;
}
.list-nuova-area-disciplinare .elimina {
  margin-left: auto;
  height: 20px;
  margin-top: 14px;
}
.list-nuova-area-disciplinare:hover {
  border-color: #F83F5B;
  color: #F83F5B;
  cursor: pointer;
}

.collapse-cstm .collapse-container {
  display: block;
  border-bottom: 1px solid #ccc;
}
.collapse-cstm .collapse-btn {
  display: block;
  background-color: #fff;
  line-height: 26px;
  padding: 15px;
  color: #002445;
  margin: 0px;
}
.collapse-cstm .collapse-btn .icona {
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  float: right;
  margin-top: 0px;
}
.collapse-cstm .collapse-btn .icona:after {
  position: absolute;
  top: 8px;
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  background-color: #002445;
  transition: 0.4s;
}
.collapse-cstm .collapse-btn .icona:before {
  position: absolute;
  left: 8px;
  content: "";
  display: block;
  height: 16px;
  width: 1px;
  background-color: #002445;
  transition: 0.4s;
}
.collapse-cstm .collapse-btn[aria-expanded=true] {
  background-color: #002445;
  color: #fff;
}
.collapse-cstm .collapse-btn[aria-expanded=true] .icona:after {
  position: absolute;
  top: 8px;
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  background-color: #fff;
}
.collapse-cstm .collapse-btn[aria-expanded=true] .icona:before {
  display: none;
}
.collapse-cstm .collapse-btn.subcollapse {
  background-color: #EFEFEF;
}
.collapse-cstm .collapse-btn.subcollapse[aria-expanded=true] {
  background-color: #EFEFEF;
  color: #002445;
}
.collapse-cstm .collapse-btn.subcollapse[aria-expanded=true] .icona:after {
  background-color: #002445;
}
.collapse-cstm .collapse .card-body, .collapse-cstm .collapsing .card-body {
  background-color: #EFEFEF;
  border-radius: 0px;
  padding: 15px 30px;
  border-width: 0px;
  color: #002445;
}
.collapse-cstm .collapse .card-body.subcard, .collapse-cstm .collapsing .card-body.subcard {
  padding: 5px 15px;
}

#pg-home {
  /*.box-search{
      margin: 40px 0;
  }*/
}
#pg-home .px-100 {
  padding-left: 100px;
}
#pg-home .brand-mobile {
  display: none;
}
#pg-home .scopridipiu {
  color: #FFC000;
}
#pg-home .home-search {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 50% auto;
  background-image: url("../img/home-image-background.jpg");
  padding-top: 100px;
}
#pg-home #sliderCategorieCorsiMobile {
  margin-top: 20px;
  display: none;
}
#pg-home .home-list-img-top {
  display: block;
  width: 100%;
  margin-top: -205px;
}
#pg-home .box-home-corsi-bb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px;
  border-radius: 10px;
  height: 283px;
  width: 100%;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#pg-home .box-home-corsi-bb .logo-img {
  display: block;
  max-height: 39px;
  max-width: 80%;
  margin: 0 auto 52px auto;
}
#pg-home .box-home-corsi-bb.mr-28 {
  margin-right: 28px;
}
#pg-home .box-home-corsi-bb.titolointesta {
  text-align: left;
}
#pg-home .box-home-corsi-bb.scolastici {
  background-image: linear-gradient(to right bottom, #bfedc8, #4ac4b9, #0097be, #0064ba, #002590);
}
#pg-home .box-home-corsi-bb.scolastici .button-cstm:hover {
  color: #002590;
}
#pg-home .box-home-corsi-bb.liberi {
  background-image: linear-gradient(to right bottom, #f0cd09, #efb000, #eb9200, #e37400, #d95400);
}
#pg-home .box-home-corsi-bb.liberi .button-cstm:hover {
  color: #d95400;
}
#pg-home .box-home-corsi-bb .button-cstm {
  display: block;
  width: 80%;
  max-width: 300px;
  border-color: #fff;
  color: #fff;
  transition: 0.4s;
}
#pg-home .box-home-corsi-bb .button-cstm:hover {
  background-color: #fff;
}
#pg-home .box-chetipodicorso {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#pg-home .box-chetipodicorso .box-home-corsi {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px;
  border-radius: 10px;
  height: 283px;
  width: 436px;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#pg-home .box-chetipodicorso .box-home-corsi .logo-img {
  display: block;
  height: 39px;
  margin: 0 auto 52px auto;
}
#pg-home .box-chetipodicorso .box-home-corsi.mr-28 {
  margin-right: 28px;
}
#pg-home .box-chetipodicorso .box-home-corsi.mr-111 {
  margin-right: 111px;
}
#pg-home .box-chetipodicorso .box-home-corsi.titolointesta {
  width: 441px;
  text-align: left;
}
#pg-home .box-chetipodicorso .box-home-corsi.titolointesta h3 {
  margin-bottom: 18px;
}
#pg-home .box-chetipodicorso .box-home-corsi.titolointesta p {
  font-size: 24px;
  letter-spacing: -0.48px;
  line-height: 28px;
}
#pg-home .box-chetipodicorso .box-home-corsi.scolastici {
  background-image: linear-gradient(to right bottom, #bfedc8, #4ac4b9, #0097be, #0064ba, #002590);
}
#pg-home .box-chetipodicorso .box-home-corsi.scolastici .button-cstm:hover {
  color: #002590;
}
#pg-home .box-chetipodicorso .box-home-corsi.liberi {
  background-image: linear-gradient(to right bottom, #f0cd09, #efb000, #eb9200, #e37400, #d95400);
}
#pg-home .box-chetipodicorso .box-home-corsi.liberi .button-cstm:hover {
  color: #d95400;
}
#pg-home .box-chetipodicorso .box-home-corsi .button-cstm {
  display: block;
  width: 80%;
  max-width: 300px;
  border-color: #fff;
  color: #fff;
  transition: 0.4s;
}
#pg-home .box-chetipodicorso .box-home-corsi .button-cstm:hover {
  background-color: #fff;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0px;
  border-radius: 8px;
  height: 183px;
  width: 280px;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile .logo-img {
  display: block;
  height: 25px;
  margin: 0 auto 26px auto;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile.mr-18 {
  margin-right: 18px;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile.titolointesta {
  width: 441px;
  text-align: left;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile.titolointesta h3 {
  margin-bottom: 18px;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile.titolointesta p {
  font-size: 24px;
  letter-spacing: -0.48px;
  line-height: 28px;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile.scolastici {
  background-image: linear-gradient(to right bottom, #bfedc8, #4ac4b9, #0097be, #0064ba, #002590);
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile.scolastici .button-cstm:hover {
  color: #002590;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile.liberi {
  background-image: linear-gradient(to right bottom, #f0cd09, #efb000, #eb9200, #e37400, #d95400);
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile.liberi .button-cstm:hover {
  color: #d95400;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile .button-cstm {
  display: block;
  width: 80%;
  max-width: 90%;
  border-color: #fff;
  color: #fff;
  transition: 0.4s;
}
#pg-home .box-chetipodicorso .box-home-corsi-mobile .button-cstm:hover {
  background-color: #fff;
}
#pg-home .mt-180 {
  margin-top: 180px;
}
#pg-home .img-guadagno {
  display: inline-block;
  width: 745px;
  max-width: 100%;
}
#pg-home .box-guadagno {
  display: block;
  padding: 100px 100px;
}
#pg-home .bg-home-lasciaticonsigliare {
  background-image: url("../img/ovale.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#pg-home .box-consiglia {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 390px;
  /*.btn-lasciaticonsigliare{
      display: inline-block;
      height: 48px;
      line-height: 48px;
      border-radius: 8px;
      text-align: center;
      color: #fff;
      background: linear-gradient(to right,#FFC000, #CC9A00);
      font-weight: 600;
      font-size: 18px;
      padding-left: 25px;
      padding-right: 25px;
      @include webkit-transition(.4s);

      &:hover{
          background-color: #fff;
          text-decoration: none;
      }
  }*/
}
#pg-home .box-consiglia .consiglia-img {
  margin-right: 100px;
}
#pg-home .box-consiglia .consiglia-img-mobile {
  display: none;
}

.container-light-slide {
  display: block;
  position: relative;
  margin-top: -45px;
}
.container-light-slide .lSPager {
  margin-top: 20px !important;
}
.container-light-slide .lSPager li a {
  height: 13px;
  width: 13px;
  border: 1px solid #BCBCBC;
  background: transparent;
}
.container-light-slide .lSPager li.active a {
  border: none;
  background: linear-gradient(to right, #FFC000, #CC9A00);
}
.container-light-slide .nextprevSlide {
  position: absolute;
  z-index: 5;
  top: 73px;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  display: block;
  text-align: center;
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0.4) !important;
  transition: 0.2s;
}
.container-light-slide .nextprevSlide i {
  color: #565656;
  font-size: 14px;
  transition: 0.2s;
}
.container-light-slide .nextprevSlide.left {
  left: 10px;
}
.container-light-slide .nextprevSlide.left i {
  margin-left: 0px;
}
.container-light-slide .nextprevSlide.right {
  right: 10px;
}
.container-light-slide .nextprevSlide.right i {
  margin-right: -3px;
}
.container-light-slide .nextprevSlide:focus {
  outline: none;
  box-shadow: none;
}
.container-light-slide .nextprevSlide.disabled {
  box-shadow: 0 7px 15px rgba(0, 0, 0, 0) !important;
  border: 1px solid #fff !important;
}
.container-light-slide .nextprevSlide.disabled i {
  color: #EFEFEF;
}
.container-light-slide .slider-corsi li {
  text-align: center;
}

#pg-cerca .risultati-row-sort {
  display: block;
  margin: 0px 0 0 0;
}
#pg-cerca .risultati-row-sort .dropdown-sort .dropdown-toggle {
  background-color: transparent;
}
#pg-cerca .risultati-row-sort .btn-salvaricerca {
  color: #FFC000;
  margin-left: 15px;
}
#pg-cerca .risultati-row-sort .btn-salvaricerca img {
  margin-right: 5px;
}
#pg-cerca .box-risultato-ricerca {
  display: block;
  margin: 30px 0;
}
#pg-cerca .box-risultato-ricerca .box-head {
  display: block;
  border: 1px solid #BCBCBC;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 9px;
}

.container-header {
  display: block;
  position: relative;
}
.container-header .img-bg {
  display: block;
  width: 100%;
  z-index: -1;
}
.container-header .container-body {
  display: flex;
  justify-content: center;
  align-items: flex-end !important;
  height: 100%;
  width: 100%;
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
}

.box-filtro {
  display: block;
  padding: 15px 10px;
  border-radius: 5px;
  border: 1px solid #B4B4B4;
  background-color: #fff;
}
.box-filtro .filtro-line {
  display: flex;
  justify-content: space-between !important;
}
.box-filtro .filtro-line span {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.36px;
}

.col-filtri {
  width: 280px;
  flex: 0 0 280px;
  padding: 45px 26px;
  background-color: #EFEFEF;
  border-radius: 30px;
  margin-right: 30px;
  /*.dropdown-filtro{
      .dropdown-toggle{
          width: 100%;
          border:1px solid #B4B4B4;
          background-color: #fff;
          border-radius: 5px;
          text-align: left;
          padding: 5px 10px;
          height: 46px;
          &::after{
              position: absolute;
              right: 10px;
              top: 12px;
              content: '';
              border:none;
              background-image: url("../img/dropdown-arrow.svg");
              background-repeat: no-repeat;
              background-position: center;
              background-size: 14px 7px;
              width: 24px;
              height: 24px;
              @include webkit-transition(.4s);
          }
          &[aria-expanded="true"]{
              &::after{
                  transform: rotate(180deg);
              }
          }
      }
  }*/
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-20 {
  margin-bottom: 20px;
}

#pg-consigliato .container-header {
  position: relative;
  z-index: 1;
  display: block;
  position: relative;
  height: 400px;
  background-image: url("../img/bg-consigliati-img-forma.svg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 760px auto;
}
#pg-consigliato .container-header .student {
  display: block;
  position: absolute;
  right: 450px;
  top: 80px;
  height: 400px;
}
#pg-consigliato .container-header .mt-180 {
  margin-top: 160px;
}
#pg-consigliato .container-header-mobile {
  display: none;
}
#pg-consigliato .container-body {
  display: block;
  margin-top: -130px;
  position: relative;
  z-index: 2;
}
#pg-consigliato .container-body .body-top {
  display: block;
  width: 100%;
}
#pg-consigliato .container-body .body-middle {
  background-color: #EFEFEF;
}
#pg-consigliato .container-body .body-bottom {
  display: block;
  width: 100%;
}

.box-recensione-fatta {
  display: block;
  padding: 34px 0;
}
.box-recensione-fatta .info-corso {
  padding: 17px 15px;
  border-radius: 10px;
  border: 1px solid #BCBCBC;
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
  /*table{
              margin: 0px;
              td{
                  padding: 0px;
              }
          }
  */
}
.box-recensione-fatta .info-corso .logo {
  display: block;
  overflow: hidden;
  position: relative;
  width: 56px;
  height: 51px;
  border-radius: 6px;
}
.box-recensione-fatta .info-corso .logo img {
  display: block;
  width: 56px;
  height: 51px;
}
.box-recensione-fatta .info-corso .locazione {
  color: #BCBCBC;
}
.box-recensione-fatta .info-corso .locazione img {
  height: 20px;
  margin-right: 5px;
}
.box-recensione-fatta .info-corso .preferito {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 2px 6px #00000067;
  text-align: center;
}
.box-recensione-fatta .info-corso .preferito img {
  height: 21px;
}

#pg-scheda-corso .container-header {
  margin-bottom: -80px;
}
#pg-scheda-corso .section-affiliato {
  padding-left: 30px;
}
#pg-scheda-corso .section-affiliato .box-grey {
  width: 480px;
  flex: 0 0 480px;
}
#pg-scheda-corso .section-affiliato .thu-affiliato {
  display: block;
  background-color: transparent;
  margin-bottom: 27px;
  border-radius: 15px;
  padding: 0px 0;
  width: 100%;
  text-align: center;
}
#pg-scheda-corso .section-affiliato .thu-affiliato img {
  display: block;
  height: 220px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 15px;
  overflow: hidden;
}
#pg-scheda-corso .section-affiliato .btn-affiliato {
  display: block;
  padding: 0 0px;
}
#pg-scheda-corso .section-affiliato .corso-map {
  display: block;
  border: 0px;
  width: 100%;
  height: 350px;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
  background: #ccc;
}
#pg-scheda-corso .section-affiliato .affiliato-info {
  list-style: none;
  padding: 0px;
  margin: 0 0 50px 0;
}
#pg-scheda-corso .section-affiliato .affiliato-info li {
  display: block;
  position: relative;
  padding: 13px 25px 13px 90px;
  border-bottom: 2px solid #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.48px;
  line-height: 24px;
  color: #002445;
}
#pg-scheda-corso .section-affiliato .affiliato-info li .txt-weight-semibold {
  font: inherit;
  color: inherit;
}
#pg-scheda-corso .section-affiliato .affiliato-info li .icona {
  position: absolute;
  left: 40px;
  top: 13px;
  width: 30px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
#pg-scheda-corso .section-body {
  padding: 0 100px 0 50px;
}
#pg-scheda-corso .section-body .box-recensione {
  display: block;
  margin: 15px 0;
}
#pg-scheda-corso .section-body .box-recensione .stars-recensioni {
  display: block;
  margin-bottom: 30px;
}
#pg-scheda-corso .section-body .box-recensione .stars-recensioni img {
  display: inline-block;
  height: 38px;
}
#pg-scheda-corso .section-body .box-recensione .stars-recensioni .count-recensioni {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 400;
}
#pg-scheda-corso .section-body .btn-scrivi-recensione {
  margin-bottom: 30px;
}
#pg-scheda-corso .section-body .logo-canale {
  display: inline-block;
  width: 35px;
  height: 35px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
#pg-scheda-corso .box-dettaglio {
  display: inline-block;
  margin-right: 45px;
  margin-bottom: 20px;
  vertical-align: top;
}
#pg-scheda-corso .fascia-materiale {
  display: block;
  background-color: #EFEFEF;
  padding: 35px 0 50px 0;
  margin-top: 50px;
}
#pg-scheda-corso .bottoni-info-dx {
  position: fixed;
  z-index: 1;
  right: 45px;
  top: 40%;
}
#pg-scheda-corso .bottoni-info-dx .btn-voce {
  display: block;
  margin-bottom: 14px;
  cursor: pointer;
}
#pg-scheda-corso .bottoni-info-dx .btn-voce.preferito {
  width: 48px;
  height: 48px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../img/btn-preferiti.svg");
}
#pg-scheda-corso .bottoni-info-dx .btn-voce.preferito.attivo {
  background-image: url("../img/btn-preferiti-active.svg");
}
#pg-scheda-corso .box-recensione-singola {
  display: block;
  margin-bottom: 50px;
}
#pg-scheda-corso .box-recensione-singola .autore {
  display: flex;
}
#pg-scheda-corso .box-recensione-singola .autore .avatar {
  flex: 0 0 71px;
  height: 71px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
}
#pg-scheda-corso .box-recensione-singola .autore .avatar img {
  display: block;
  width: 71px;
  height: 71px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#pg-scheda-corso .box-recensione-singola .autore .info .nomeautore {
  display: block;
  width: 100%;
}
#pg-scheda-corso .box-recensione-singola .autore .info h4, #pg-scheda-corso .box-recensione-singola .autore .info .txt-xsmall {
  line-height: 1em;
  margin: 0 0 3px 0 !important;
}
#pg-scheda-corso .box-recensione-singola .autore .info .voti {
  display: block;
  margin-bottom: 16px;
}
#pg-scheda-corso .box-recensione-voto-voce {
  display: block;
  margin: 20px 0 0 0;
}
#pg-scheda-corso .box-recensione-voto-voce .voto-selezionato {
  display: block;
  height: 27px;
  margin: 5px 0 0 0;
}
#pg-scheda-corso .recensitore-info {
  display: block;
  text-align: center;
}
#pg-scheda-corso .recensitore-info .avatar {
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
#pg-scheda-corso .recensitore-info .avatar img {
  display: block;
  width: 95px;
  height: 95px;
}
#pg-scheda-corso .colonna-dx-slide {
  display: block;
  position: fixed;
  z-index: 11;
  background-color: #fff;
  top: 0px;
  right: 0px;
  width: 480px;
  height: 100vh;
  overflow-y: auto;
  padding: 20px 60px;
  border-left: 2px solid #EFEFF5;
  transition: right 0.4s;
}
#pg-scheda-corso .colonna-dx-slide.close {
  right: -480px;
  transition: right 0.4s;
}
#pg-scheda-corso .colonna-dx-slide .close-rect {
  position: absolute;
  top: 24px;
  right: 30px;
  display: block;
  height: 26px;
  width: 26px;
  margin-top: 6px;
  cursor: pointer;
}
#pg-scheda-corso .colonna-dx-slide .table-sommario {
  margin: 30px 0 30px 0;
}

#pg-recensione-registrata .box-white {
  max-width: 590px;
  margin: -50px auto 0 auto;
  z-index: 20;
}

.ratejs-stars {
  background-image: url("../img/ico-star-off.svg");
  background-size: 42px 42px;
  background-repeat: no-repeat;
  width: 42px;
  height: 42px;
  display: inline-block;
  cursor: pointer;
}
.ratejs-stars.selected {
  background-image: url("../img/ico-star-on.svg");
}
.ratejs-stars.hover {
  background-image: url("../img/ico-star-on.svg");
}

.ratejs-feedback {
  background-size: 45px 45px;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  display: inline-block;
  cursor: pointer;
}
.ratejs-feedback.vote1 {
  background-image: url("../img/feedback-rate-1.png");
}
.ratejs-feedback.vote2 {
  background-image: url("../img/feedback-rate-2.png");
}
.ratejs-feedback.vote3 {
  background-image: url("../img/feedback-rate-3.png");
}
.ratejs-feedback.vote4 {
  background-image: url("../img/feedback-rate-4.png");
}
.ratejs-feedback.vote5 {
  background-image: url("../img/feedback-rate-5.png");
}
.ratejs-feedback.selected {
  background-image: url("../img/feedback-rate-1.png");
}
.ratejs-feedback.hover {
  background-image: url("../img/feedback-rate-1.png");
}

.modal-cstm {
  background-color: #002445CC;
}
.modal-cstm .modal-dialog {
  max-width: 1210px;
}
.modal-cstm .modal-dialog .modal-content {
  border-radius: 30px;
  border: none;
  overflow: hidden;
}
.modal-cstm .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.modal-cstm .modal-dialog .modal-content .modal-body .close {
  margin-top: -20px;
  margin-right: -8px;
}
.modal-cstm .modal-dialog .modal-content .modal-body .close img {
  display: block;
  width: 26px;
  height: 26px;
}

.modal-cstm-general {
  background-color: #002445CC;
}
.modal-cstm-general .modal-dialog .modal-content {
  border-radius: 30px;
  border: none;
  overflow: hidden;
}
.modal-cstm-general .modal-dialog .modal-content .modal-body {
  padding: 40px;
}
.modal-cstm-general .modal-dialog .modal-content .modal-body .close {
  margin-top: -20px;
  margin-right: -8px;
}
.modal-cstm-general .modal-dialog .modal-content .modal-body .close img {
  display: block;
  width: 26px;
  height: 26px;
}

.modal-ricerca-sorting-mobile .modal-dialog {
  padding: 0px !important;
}
.modal-ricerca-sorting-mobile .modal-dialog .modal-content {
  border-radius: 0px;
  background-color: transparent;
}
.modal-ricerca-sorting-mobile .modal-dialog .modal-content .modal-body {
  position: relative;
  height: 100vh;
  background-color: transparent;
}
.modal-ricerca-sorting-mobile .modal-dialog .modal-content .modal-body .box-cerca-sort {
  position: absolute;
  display: block;
  width: 100%;
  left: 0px;
  bottom: 0px;
  background-color: #fff;
  padding: 18px;
}
.modal-ricerca-sorting-mobile .modal-dialog .modal-content .modal-body .box-cerca-sort h5 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #DDDDDD;
}
.modal-ricerca-sorting-mobile .modal-dialog .modal-content .modal-body .box-cerca-sort .list-voci {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.modal-ricerca-sorting-mobile .modal-dialog .modal-content .modal-body .box-cerca-sort .list-voci li {
  display: block;
  line-height: 45px;
  padding: 0 11px;
}
.modal-ricerca-sorting-mobile .modal-dialog .modal-content .modal-body .box-cerca-sort .list-voci li.active {
  background-color: #EFEFEF;
}
.modal-ricerca-sorting-mobile .modal-dialog .modal-content .modal-body .box-cerca-sort .ico-dismiss {
  position: absolute;
  left: 14px;
  top: 14px;
}

.modal-ricerca {
  background-color: #002445CC;
}
.modal-ricerca .modal-dialog {
  max-width: 1210px;
  height: 678px;
}
.modal-ricerca .modal-dialog .modal-content {
  border-radius: 30px;
  border: none;
  overflow: hidden;
}
.modal-ricerca .modal-dialog .modal-content .modal-body {
  padding: 0px;
  /*.close{
      margin-top: -20px;
      margin-right: -8px;
      img{
          display: block;
          width: 26px;
          height: 26px;
      }
  }*/
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca {
  position: relative;
  height: 678px;
  background-image: url("../img/modal-corsi-scolastici.svg");
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 50px 30px 10px 320px;
  transition: 1s;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca h2.titolo {
  font-size: 40px;
  letter-spacing: -0.8px;
  line-height: 48px;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .btn-veditutti {
  position: absolute;
  z-index: 50;
  bottom: 44px;
  left: 32px;
  width: 216px;
  font-size: 14px;
  margin: 0 auto;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca.corsiliberi {
  background-image: url("../img/modal-corsi-liberi.svg");
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  height: 550px;
  padding: 0 0 0 62px;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  border-radius: 10px;
  background-color: #fff;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #707070;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat {
  display: block;
  position: relative;
  margin: 10px 0;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat.corsiliberi {
  margin-top: 73px;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat .ico-img {
  display: block;
  height: 43px;
  top: 5px;
  left: -62px;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat .titolo {
  text-transform: uppercase;
  line-height: 60px;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat .titolo.scolastici {
  font-weight: 600;
  color: #0D97BD;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat .titolo.liberi {
  font-weight: 600;
  color: #D95400;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie {
  display: inline-block;
  padding: 0px;
  margin: 0px;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie.mr-60 {
  margin-right: 60px;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 15px;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li .searchCatSelect {
  display: block;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: -0.48px;
  transition: 0.5s;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li .searchCatSelect:hover {
  color: #002445;
  text-decoration: none;
  cursor: pointer;
}
.modal-ricerca .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li .adv {
  position: absolute;
  top: 0px;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 5px;
  margin-left: 5px;
  background-color: #fff;
  border: 1px solid #FFC000;
  font-size: 14px;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFC000;
}

.modal-inserisci {
  background-color: #002445CC;
}
.modal-inserisci .nav-tabs-categoria {
  width: auto;
  display: inline-flex !important;
  border-radius: 24px;
  height: 50px;
  background-color: #fff;
  border: 1px solid #B4B4B4;
  padding: 7px 0px 7px 7px;
  margin-bottom: 40px;
}
.modal-inserisci .nav-tabs-categoria .nav-link {
  height: 36px;
  border-radius: 24px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  letter-spacing: -0.36px;
  font-weight: 600;
  color: #BCBCBC;
  border: none !important;
  background-color: #EFEFEF;
  padding: 6px 25px;
  display: flex;
  transition: 0.3s;
}
.modal-inserisci .nav-tabs-categoria .nav-link .icona {
  display: block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.modal-inserisci .nav-tabs-categoria .nav-link.scolastici .icona {
  background-image: url("../img/ico-mobile-disable-corsi-scolastici.svg");
}
.modal-inserisci .nav-tabs-categoria .nav-link.liberi .icona {
  background-image: url("../img/ico-mobile-disable-corsi-liberi.svg");
}
.modal-inserisci .nav-tabs-categoria .nav-link:first-child {
  margin-right: 7px;
}
.modal-inserisci .nav-tabs-categoria .nav-link:hover {
  cursor: pointer;
}
.modal-inserisci .nav-tabs-categoria .nav-link.active {
  color: #fff;
}
.modal-inserisci .nav-tabs-categoria .nav-link.active.scolastici {
  background-color: #0D97BD;
}
.modal-inserisci .nav-tabs-categoria .nav-link.active.scolastici .icona {
  background-image: url("../img/ico-mobile-active-corsi-scolastici.svg");
}
.modal-inserisci .nav-tabs-categoria .nav-link.active.liberi {
  background-color: #D95400;
}
.modal-inserisci .nav-tabs-categoria .nav-link.active.liberi .icona {
  background-image: url("../img/ico-mobile-active-corsi-liberi.svg");
}
.modal-inserisci .modal-dialog {
  max-width: 1210px;
  height: 678px;
}
.modal-inserisci .modal-dialog .modal-content {
  border-radius: 30px;
  border: none;
  overflow: hidden;
}
.modal-inserisci .modal-dialog .modal-content .modal-body {
  padding: 0px;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca {
  position: relative;
  height: 678px;
  background-image: url("../img/modal-corsi-scolastici.svg");
  background-position: left center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 50px 30px 10px 320px;
  transition: 1s;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca.corsiliberi {
  background-image: url("../img/modal-corsi-liberi.svg");
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  height: 550px;
  padding: 0 20px 0 0px;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
  border-radius: 10px;
  background-color: #fff;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
  background-color: #707070;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat {
  display: block;
  position: relative;
  margin: 10px 0;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat.corsiliberi {
  margin-top: 73px;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat .ico-img {
  display: block;
  height: 43px;
  top: 5px;
  left: -62px;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat .titolo {
  text-transform: uppercase;
  line-height: 60px;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat .titolo.scolastici {
  font-weight: 600;
  color: #0D97BD;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .section-cat .titolo.liberi {
  font-weight: 600;
  color: #D95400;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie {
  display: inline-block;
  padding: 0px;
  margin: 0px;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li {
  position: relative;
  display: block;
  padding: 0;
  margin-bottom: 5px;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li .insCatSelect {
  display: block;
  transition: 0.5s;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li .insCatSelect:hover {
  color: #002445;
  text-decoration: none;
  cursor: pointer;
}
.modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li .adv {
  position: absolute;
  top: 0px;
  z-index: 2;
  display: inline-block;
  width: 40px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 5px;
  margin-left: 5px;
  background-color: #fff;
  border: 1px solid #FFC000;
  font-size: 14px;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFC000;
}

.modal-ricerca-filtri-mobile {
  padding: 0 !important;
}
.modal-ricerca-filtri-mobile .modal-dialog {
  max-width: none;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0 0 15px 0;
  background-color: #fff;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-color: transparent !important;
  border: none;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body .box-ricerca {
  display: block;
  position: relative !important;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head {
  display: block;
  padding: 15px 15px 28px 15px;
  margin-bottom: 10px;
  background-image: url("../img/bg-home-categoria-mobile.svg");
  background-position: bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .categoria {
  margin: 15px 0 !important;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .close {
  position: absolute !important;
  left: 25px !important;
  top: 48px !important;
  opacity: 1 !important;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .close img {
  width: 14px;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile {
  display: flex;
  border-radius: 24px;
  height: 50px;
  background-color: #fff;
  border: 1px solid #B4B4B4;
  padding: 7px;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link {
  flex: 1 1 auto !important;
  height: 36px;
  border-radius: 24px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 24px;
  font-weight: 600;
  color: #565656;
  border: none !important;
  background-color: #EFEFEF;
  padding: 6px;
  display: flex;
  transition: 0.3s;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-body {
  display: block;
  padding: 16px;
}
.modal-ricerca-filtri-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-body .col-filtri {
  padding: 0px;
  background-color: #fff;
  border-radius: 0px;
}

.modal-ricerca-categoria-mobile {
  padding: 0 !important;
}
.modal-ricerca-categoria-mobile .modal-dialog {
  max-width: none;
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0 0 15px 0;
  background-color: #fff;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-color: transparent !important;
  border: none;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body {
  overflow-y: auto;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca {
  display: block;
  position: relative !important;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head {
  display: block;
  padding: 15px 15px 28px 15px;
  margin-bottom: 10px;
  background-image: url("../img/bg-home-categoria-mobile.svg");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .categoria {
  margin: 15px 0 !important;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .close {
  position: absolute !important;
  left: 25px !important;
  top: 48px !important;
  opacity: 1 !important;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .close img {
  width: 14px;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile {
  display: flex;
  border-radius: 24px;
  height: 50px;
  background-color: #fff;
  border: 1px solid #B4B4B4;
  padding: 7px;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link {
  flex: 1 1 auto !important;
  height: 36px;
  border-radius: 24px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 24px;
  font-weight: 600;
  color: #565656;
  border: none !important;
  background-color: #EFEFEF;
  padding: 6px;
  display: flex;
  transition: 0.3s;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link .icona {
  display: inline-block;
  width: 25px;
  height: 24px;
  margin-right: 5px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link:first-child {
  margin-right: 7px;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link.scolastici .icona {
  background-image: url("../img/ico-mobile-disable-corsi-scolastici.svg");
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link.liberi .icona {
  background-image: url("../img/ico-mobile-disable-corsi-liberi.svg");
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link:hover {
  cursor: pointer;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link.active {
  color: #fff;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link.active.scolastici {
  background-color: #0D97BD;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link.active.scolastici .icona {
  background-image: url("../img/ico-mobile-active-corsi-scolastici.svg");
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link.active.liberi {
  background-color: #D95400;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .ricerca-head .nav-tabs-categorie-mobile .nav-link.active.liberi .icona {
  background-image: url("../img/ico-mobile-active-corsi-liberi.svg");
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .box-ricerca .tab-content {
  padding: 0px 15px;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .switch-categoria {
  display: block;
  list-style: none;
  padding: 6px;
  margin: 10px 0 20px 0;
  border-radius: 24px;
  height: 50px;
  background-color: #fff;
  border: 1px solid #B4B4B4;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .switch-categoria li {
  display: inline-block;
  width: 49%;
  height: 36px;
  border-radius: 24px;
  text-align: center;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 28px;
  font-weight: 600;
  color: #565656;
  padding: 4px;
  transition: 0.3s;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .switch-categoria li:hover {
  cursor: pointer;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .switch-categoria li.active {
  color: #fff;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .switch-categoria li.active.scolastici {
  background-color: #0D97BD;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .switch-categoria li.active.liberi {
  background-color: #D95400;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .list-categorie {
  list-style: none;
  padding: 0;
  margin: 0;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .list-categorie li {
  display: block;
  position: relative;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .list-categorie li .searchCatSelect {
  display: block;
  padding: 9px 18px;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 28px;
  color: #565656;
}
.modal-ricerca-categoria-mobile .modal-dialog .modal-content .modal-body .list-categorie li .searchCatSelect:hover {
  background-color: #EFEFEF;
  color: #002445;
  text-decoration: none;
  cursor: pointer;
}

.box-link {
  width: 100%;
  margin: 0 auto;
  max-width: 398px;
  /*.button-accedi{
      display: block;
      width: 100%;
      height: 45px;
      line-height: 45px;
      border-radius: 5px;
      background: #fff;
      border:1px solid $base-color-grey;
      margin: 0 auto;
      max-width: 398px;
      font-size: 18px;
      letter-spacing: -.36px;
      color: $base-color-blue-dark;
      font-weight: 400;
      margin-bottom: 12px;
      text-align: center;
      img{
          height: 28px;
          margin-right: 5px;
      }
  }*/
}

.modal-accedi .modal-body {
  margin: 40px 48px;
}
.modal-accedi .modal-body .box-titolo {
  width: 100%;
  margin: 0 auto;
  max-width: 420px;
}
.modal-accedi .modal-body .box-titolo h1 {
  font-size: 40px;
  letter-spacing: -0.8px;
  line-height: 48px;
}
.modal-accedi .modal-body .close {
  margin: 0px 0px 0px 0px !important;
}
.modal-accedi .modal-body .close img {
  display: block;
  width: 26px;
  height: 26px;
}

.areariservata-corsi-home-box-grey {
  display: block;
  margin-top: 80px;
  padding: 80px 0 60px 0;
  background-color: #efefef;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}
.areariservata-corsi-home-box-grey .box-vantaggio {
  margin: 10px 0;
  display: flex;
  align-items: center !important;
}
.areariservata-corsi-home-box-grey .box-vantaggio .icona {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: 30px;
  flex-grow: 1;
}
.areariservata-corsi-home-box-grey .box-vantaggio .desc {
  flex-shrink: 1 !important;
  width: 100%;
}
.areariservata-corsi-home-box-grey .box-vantaggio .desc p {
  text-align: left;
  margin: 0px;
}

.no-preferiti .img-no-preferiti {
  width: 500px;
  max-width: 100%;
}

.box-ricerca-salvata {
  display: block;
  margin-bottom: 40px;
}

.vantaggio-trovacorsi {
  display: flex;
}

.box-inserisci-corso-scegli-tipo {
  display: block;
}
.box-inserisci-corso-scegli-tipo .icona {
  display: block;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  line-height: 130px;
  text-align: center;
  position: relative;
  background-color: #EFEFEF;
  margin: 25px 32px;
}
.box-inserisci-corso-scegli-tipo .icona .tipo {
  width: 67px;
}
.box-inserisci-corso-scegli-tipo .icona .plus {
  position: absolute;
  z-index: 1;
  bottom: -16px;
  left: 50%;
  margin-left: -17px;
  width: 34px;
  height: 34px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.pg-nocorsi {
  background-image: url("../img/img-Non-hai-ancora-inserito-corsi.svg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 50% auto;
}
.pg-nocorsi .h-calc {
  height: calc( 100vh - 100px );
}

.menu-account {
  list-style: none;
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0 30px 0 0;
}
.menu-account li {
  display: block;
  border-bottom: 1px solid #bcbcbc;
}
.menu-account li a {
  display: block;
  padding: 20px 0px;
  font-size: 18px;
  font-weight: 400;
  color: #565656;
}
.menu-account li a.active {
  color: #FFC000;
}
.menu-account li .sottovoce {
  display: block;
  padding: 9px 0px 9px 21px;
  font-size: 18px;
  font-weight: 400;
  color: #565656;
  border-top: 1px solid #bcbcbc;
}

.table-messaggi-bordered {
  display: block;
  border: 1px solid #BCBCBC;
  border-radius: 10px;
  overflow: hidden;
}

.table-messaggi {
  margin: 0px;
  border: 0px solid #BCBCBC;
  padding: 0px;
}
.table-messaggi .col-lista {
  border: none;
  border-right: 1px solid #BCBCBC;
  padding: 0px;
  width: 350px !important;
}
.table-messaggi .col-lista .lista-messaggi-scroll {
  display: block;
  max-height: 400px;
  overflow-y: auto;
}
.table-messaggi thead tr {
  border: none;
}
.table-messaggi thead tr th {
  padding: 15px !important;
  border: none;
  border-bottom: 1px solid #BCBCBC;
}
.table-messaggi thead tr th.col-lista {
  border-bottom: 1px solid #BCBCBC;
}
.table-messaggi thead tr th .thu-corso-info {
  display: block;
  width: 75px;
  height: 65px;
  border: 1px solid #BCBCBC;
  background-color: #EFEFEF;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.table-messaggi tbody tr {
  border: none;
}
.table-messaggi tbody tr td {
  border: none;
}
.table-messaggi tbody tr td .dialogo-row {
  display: flex;
  width: 100%;
  margin: 0 0 10px 0;
}
.table-messaggi tbody tr td .dialogo-row .box-dialogo {
  display: inline-block;
  border: 1px solid #BCBCBC;
  border-radius: 10px;
  padding: 10px 30px;
  margin: 0px;
  color: #002445;
  background-color: #EFEFEF;
  max-width: 60%;
}
.table-messaggi tbody tr td .dialogo-row .box-dialogo.mittente {
  text-align: right;
  background-color: #FFFFFF;
}
.table-messaggi tbody tr td .dialogo-row .box-dialogo.ricevente {
  background-color: #EFEFEF;
}
.table-messaggi tbody tr td.form-input-messaggio {
  border-left: 1px solid #BCBCBC;
  padding: 0px;
  position: relative;
}
.table-messaggi tbody tr td.form-input-messaggio .form-control-cstm {
  border-radius: 0px;
  margin: 0px;
  border-bottom: none;
  border-right: none;
  border-left: none;
  line-height: 60px;
  height: 60px;
  padding: 10px 80px 10px 20px;
}
.table-messaggi tbody tr td.form-input-messaggio .button-cstm {
  position: absolute;
  z-index: 2;
  right: 10px;
  top: 10px;
  line-height: 40px;
  height: 40px;
  padding: 0 16px;
}
.table-messaggi .box-messaggio {
  display: flex;
  border-bottom: 1px solid #BCBCBC;
  padding: 16px;
}
.table-messaggi .box-messaggio .thu-corso {
  display: block;
  width: 75px;
  height: 65px;
  border: 1px solid #BCBCBC;
  background-color: #EFEFEF;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.table-messaggi .box-messaggio .info {
  display: block;
}
.table-messaggi .box-messaggio .info .data {
  color: #BCBCBC;
}
.table-messaggi .box-messaggio:last-child {
  border-bottom: 0px solid #BCBCBC;
}

.box-corso-inserito {
  display: block;
  margin-bottom: 30px;
}
.box-corso-inserito .info-corso {
  padding: 17px 15px;
  border-radius: 10px;
  border: 1px solid #BCBCBC;
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 16px;
}
.box-corso-inserito .info-corso .logo {
  display: block;
  overflow: hidden;
  position: relative;
  width: 95px;
  height: 95px;
  border-radius: 6px;
  margin-right: 15px;
}
.box-corso-inserito .info-corso .logo img {
  display: block;
  width: 95px;
  height: 95px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.box-corso-inserito .info-corso .locazione {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #BCBCBC;
}
.box-corso-inserito .info-corso .locazione img {
  height: 20px;
  margin-right: 5px;
}
.box-corso-inserito .info-corso .prezzo-intero {
  text-decoration: line-through;
}
.box-corso-inserito .info-corso .preferito {
  display: block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 2px 6px #00000067;
  text-align: center;
}
.box-corso-inserito .info-corso .preferito img {
  height: 21px;
}

.pg-login-registrazione {
  display: block;
  padding-bottom: 50px;
}
.pg-login-registrazione .registrazione-desc {
  padding-left: 50px;
  display: block;
  min-height: 900px;
}
.pg-login-registrazione.all {
  background-position: top right;
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-image: url("../img/home-image-background.jpg");
  margin-top: -21px;
}
.pg-login-registrazione.studente {
  background-position: bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("../img/login-bg-studenti.jpg");
}
.pg-login-registrazione.scuola {
  background-position: bottom center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url("../img/login-bg-scuole.jpg");
}

.box-login-desc {
  display: block;
  border-radius: 32px;
  background: #EFEFEF;
  padding: 50px 110px;
}
.box-login-desc .login-vantaggio {
  display: flex;
  align-items: center !important;
  margin: 20px 0;
}
.box-login-desc .login-vantaggio img {
  display: block;
  width: 100px;
  height: 100px;
  margin-right: 30px;
}
.box-login-desc .login-vantaggio .desc {
  display: block;
}

.registrazione-scuola-lista {
  list-style: none;
  margin: 20px 0;
  padding: 0px;
}
.registrazione-scuola-lista li {
  display: flex;
  align-items: flex-start !important;
  margin: 0 0 21px 0;
}
.registrazione-scuola-lista li img {
  margin-right: 16px;
}
.registrazione-scuola-lista li p {
  margin: 0px;
}

.login-lista-scuole {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.login-lista-scuole li {
  display: block;
  padding-left: 43px;
}
.login-lista-scuole li img {
  float: left;
  display: block;
  margin-left: -43px;
  margin-top: 5px;
  height: 20px;
}

.box-login-credenziali {
  position: relative;
  z-index: 5;
  margin-top: -40px;
  display: block;
  border-radius: 10px;
  border: 1px solid #BCBCBC;
  padding: 74px 95px 63px 95px;
  box-shadow: 0px 3px 6px #00000029;
  background: #fff;
}

.button-accedi-social {
  display: block;
  width: 100%;
  height: 45px;
  line-height: 45px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #BCBCBC;
  margin: 0 auto;
  max-width: 398px;
  font-size: 18px;
  letter-spacing: -0.36px;
  color: #002445;
  font-weight: 400;
  margin-bottom: 12px;
  text-align: center;
}
.button-accedi-social img {
  height: 28px;
  margin-right: 5px;
}

.prevcopertina {
  display: block;
  width: 100%;
  height: 250px;
  margin-bottom: 20px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
}

.prev-row-caratteristiche {
  display: flex;
  justify-content: space-between !important;
  border-bottom: 1px solid #ccc;
}
.prev-row-caratteristiche span {
  line-height: 1.1em;
  padding: 11px 0;
}
.prev-row-caratteristiche span.did {
  color: #BCBCBC;
  text-align: left;
}
.prev-row-caratteristiche span.value {
  color: #565656;
  text-align: right;
}
.prev-row-caratteristiche span.txt-color-yellow {
  color: #FFC000 !important;
}

.registrazione-scuola-lista-completa {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.registrazione-scuola-lista-completa li {
  display: flex;
  align-items: center !important;
  margin-bottom: 30px;
}
.registrazione-scuola-lista-completa li .h6 {
  display: block;
  margin-top: 10px;
}
.registrazione-scuola-lista-completa li .pointer {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  margin-right: 31px;
}
.registrazione-scuola-lista-completa li .pointer:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: -27px;
  left: 17px;
  width: 2px;
  height: 20px;
  background-color: #BCBCBC;
}
.registrazione-scuola-lista-completa li .pointer.step1 {
  background-image: url("../img/registrazione-step-1.svg");
}
.registrazione-scuola-lista-completa li.disabled .h6 {
  color: #BCBCBC;
}
.registrazione-scuola-lista-completa li.disabled .pointer {
  background-image: url("../img/registrazione-point-disabled.png");
}
.registrazione-scuola-lista-completa li.disabled .pointer:after {
  background-color: #BCBCBC;
}
.registrazione-scuola-lista-completa li.completed .pointer {
  background-image: url("../img/registrazione-point-done.svg");
}
.registrazione-scuola-lista-completa li.completed .pointer:after {
  background-color: #FFC000;
}
.registrazione-scuola-lista-completa li:last-child .pointer:after {
  display: none;
}

.box-registrazione {
  position: relative;
  z-index: 5;
  margin-top: -50px;
  max-width: 590px;
  display: block;
  border-radius: 10px;
  border: 1px solid #BCBCBC;
  box-shadow: 0px 3px 6px #00000029;
  background: #fff;
  overflow: hidden;
}
.box-registrazione .container-reg {
  display: block;
  padding: 74px 80px 63px 80px;
}
.box-registrazione .container-reg .header-reg {
  display: block;
  margin-bottom: 110px;
}
.box-registrazione .container-reg.step-profilo {
  background-image: url("../img/bg-box-head-registrazione.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

.registrazione-header {
  display: flex;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  margin-top: -23px;
  height: 265px;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: url("../img/bg-header-registrazione.svg");
}
.registrazione-header .container-titolo {
  display: block;
  margin-bottom: 80px;
}

.step-reg {
  display: flex;
  margin: 10px auto;
  width: 100%;
  height: 4px;
  background-color: #BCBCBC;
  border-radius: 2px;
  overflow: hidden;
}
.step-reg.mw-280 {
  max-width: 280px;
}
.step-reg .step {
  display: block;
  height: 4px;
  flex: 1 1 auto !important;
}
.step-reg .step.active {
  background-color: #002445;
}

.ui-datepicker {
  border-radius: 0 0 5px 5px !important;
  border: 1px solid #B4B4B4 !important;
  border-top: none !important;
  padding: 0px !important;
}
.ui-datepicker .ui-datepicker-header {
  background-color: #EFEFF5;
  border: none;
  border-radius: 0px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 27px;
  font-weight: 400;
  color: #565656;
}
.ui-datepicker .ui-datepicker-calendar thead tr th span {
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 18px;
  font-weight: 600;
  color: #565656;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
  width: 32px;
  height: 32px;
  line-height: 28px;
  background-color: #fff;
  border-color: #fff;
  font-size: 14px;
  letter-spacing: -0.28px;
  font-weight: 400;
  color: #565656;
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default.ui-state-active {
  border-radius: 50%;
  background-color: #FFC000 !important;
  color: #fff !important;
  font-weight: 600;
}

@media screen and (max-width: 1300px) {
  .box-grey {
    padding: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  #app.slider.slide-left {
    left: 0px !important;
  }
  #app.areariservata {
    padding-top: 0px;
  }

  #app.slided {
    left: 0px !important;
  }

  * {
    font-size: 18px;
    line-height: 24px;
  }

  h1 {
    font-size: 32px;
    font-weight: 900;
    letter-spacing: -0.8px;
    line-height: 40px;
  }

  h2 {
    font-size: 32px;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: -0.64px;
  }

  h3, .h3 {
    font-size: 28px;
    font-weight: 900;
    line-height: 32px;
    letter-spacing: -0.64px;
  }

  h4, .h4 {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.48px;
    line-height: 28px;
  }

  h5 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }

  h6 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
  }

  .txt-40px {
    font-size: 24px !important;
    line-height: 28px !important;
    letter-spacing: -0.48px !important;
  }

  .section-cstm.home-list {
    background-color: #FFF;
    margin: 0px !important;
  }
  .section-cstm.home-chetipodicorsostaicercando {
    background: none;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .box-corso .box-corso-body .titolo {
    white-space: normal !important;
    height: auto !important;
  }
  .box-corso .box-corso-body .autore {
    white-space: normal !important;
    height: auto !important;
  }
  .box-corso .box-corso-body .location {
    white-space: normal !important;
    height: auto !important;
    overflow: auto !important;
  }
}
@media screen and (min-width: 1570px) {
  .container-light-slide .nextprevSlide.left {
    left: -50px !important;
  }
  .container-light-slide .nextprevSlide.right {
    right: -50px !important;
  }
}
@media screen and (max-width: 1200px) {
  .px-100 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .navbar-cstm .navbar-nav .nav-item.public .nav-link {
    padding: 0px 10px !important;
  }
  .navbar-cstm .navbar-nav .nav-item .ml-44 {
    margin-left: 5px !important;
  }
}
@media screen and (max-width: 992px) {
  #pg-home .home-search .mh-100vh {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    height: auto !important;
    min-height: auto !important;
  }

  .navbar-cstm .navbar-nav .nav-item.public .nav-link {
    border-radius: 30px;
    color: #FFC000 !important;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
  }
}
@media screen and (max-width: 768px) {
  #pg-home {
    /*.box-search{
        display: block;
        width: 100%;
        padding: 16px 15px  !important;
        margin: 0;
        box-shadow: none;
        border: none;
        border-radius: 0px;
        text-align: center;

        .row{
            display: block;
        }
        .col{

            &.pr-8{
                padding: 0px;
            }
        }
        .form-group{
            margin-bottom: 14px;
            .label-cstm{
                display: none;
                &.show-mobile{
                    display: block;
                    font-size: 20px;
                }
            }
            .fake-input{
                width: 100%;
                text-align: left;
            }
            .form-control-cstm{
                width: 100%;
            }
        }
        .btn-search{
            //border:none;
            //background: linear-gradient(#FFC000, #CC9A00);
            //border-radius: 5px;
            width: 100%;
            text-align: center;
            margin-top: 0px;
            background: linear-gradient(to right,#FFC000, #CC9A00);
            img{
                display: none;
            }
            .mobile-txt{
                display: block;
            }
            !*height: 48px;

            //line-height: 48px;
            img{
                width: 20px;
                height: 20px;
            }*!
        }
    }*/
  }
  #pg-home .brand-mobile {
    position: relative;
    display: block;
    margin: -10px auto 40px auto;
  }
  #pg-home .brand-mobile img {
    height: 36px;
  }
  #pg-home .brand-mobile .payoff {
    display: block;
    position: absolute;
    z-index: 2;
    bottom: -26px;
    left: 45px;
    text-transform: uppercase;
    color: #999;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1.3px;
    font-family: "Heebo", sans-serif;
  }
  #pg-home .my-90 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #pg-home .home-search {
    padding-top: 0px !important;
    background: #fff !important;
  }
  #pg-home .home-search.py-100 {
    padding: 34px 0 !important;
  }
  #pg-home .home-search .mh-100vh {
    height: auto !important;
    min-height: auto !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  #pg-home .home-search .px-100 {
    padding: 0;
  }
  #pg-home #sliderCategorieCorsiMobile {
    display: block;
  }
  #pg-home .box-guadagno {
    padding: 20px 0px !important;
  }
  #pg-home .box-guadagno .button-cstm {
    display: block;
  }
  #pg-home .bg-home-lasciaticonsigliare {
    background-size: auto 100% !important;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 100px 15px 100px 15px;
  }
  #pg-home .box-consiglia {
    flex-direction: column;
    height: auto;
  }
  #pg-home .box-consiglia .consiglia-img-mobile {
    display: block;
    float: left;
    width: 40%;
    margin-right: 50px;
  }
  #pg-home .box-consiglia .consiglia-img {
    display: none;
  }
  #pg-home .box-consiglia .slogan h2 {
    font-size: 20px !important;
  }
  #pg-home .box-consiglia .slogan p {
    font-size: 18px !important;
    padding-top: 30px;
  }
  #pg-home .box-consiglia .slogan .button-cstm.hide-desktop {
    width: 100% !important;
    margin-top: 100px;
    display: block !important;
  }
  #pg-home .box-consiglia .btn-lasciaticonsigliare {
    display: block;
  }
  #pg-home .box-home-corsi-bb {
    height: auto !important;
  }
  #pg-home .box-home-corsi-bb.scolastici, #pg-home .box-home-corsi-bb.liberi {
    display: none;
  }
  #pg-home .box-home-corsi-bb.mr-28 {
    margin-right: 0px;
  }
  #pg-home .box-home-corsi-bb.mr-111 {
    margin-right: 0px;
  }
  #pg-home .box-home-corsi-bb.titolointesta {
    display: block;
    width: 100% !important;
    text-align: left;
    height: auto;
    padding: 0px;
  }
  #pg-home .container-light-slide {
    display: block;
    position: relative;
    margin-top: 0px !important;
  }
  #pg-home .container-light-slide .lSPager {
    margin-top: 20px !important;
  }
  #pg-home .container-light-slide .lSPager li a {
    height: 13px;
    width: 13px;
    border: 1px solid #BCBCBC;
    background: transparent;
  }
  #pg-home .container-light-slide .lSPager li.active a {
    border: none;
    background: linear-gradient(to right, #FFC000, #CC9A00);
  }
  #pg-home .container-light-slide .nextprevSlide {
    display: none !important;
  }
}
@media screen and (max-width: 992px) {
  #pg-cerca .container-header .container-header-margin {
    padding: 20px 50px !important;
  }
}
@media screen and (max-width: 768px) {
  #pg-cerca .container-header .img-bg {
    display: none !important;
  }
  #pg-cerca .container-header .container-body {
    height: auto;
    width: 100%;
    position: relative;
    /*.box-search {
        margin: 0;
        box-shadow: none;
        border: none;
        border-radius: 0px;


            //width: 100% !important;
            //display: block !important;
            //background-color: green;

            .form-group{
                display: block !important;
                width: 100% !important;
                margin-bottom: 14px;
                .cosacerchi{
                    display: block;
                    width: 100% !important;
                    text-align: center;
                }
                .form-control-cstm{
                    display: block;
                    width: 100%;
                }
                .fake-input {
                    width: 100%;
                }
            }

        .btn-search{
            width: 100%;
            height: 48px;
            margin: 0;
            img{
                display: none;
            }
            .mobile-txt{
                display: block;
            }
        }



        .pr-8{
            padding-right: 0px;
        }
    }*/
  }
  #pg-cerca .mobile-btn-filtri {
    margin-top: 14px;
    margin-bottom: 25px;
  }
  #pg-cerca .risultati-row-sort {
    display: none;
  }
  #pg-cerca #colonna-cerca-filtri {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #pg-consigliato .container-light-slide {
    display: block;
    position: relative;
  }
  #pg-consigliato .container-light-slide .lSPager {
    margin-top: 20px !important;
  }
  #pg-consigliato .container-light-slide .lSPager li a {
    height: 13px;
    width: 13px;
    border: 1px solid #BCBCBC;
    background: transparent;
  }
  #pg-consigliato .container-light-slide .lSPager li.active a {
    border: none;
    background: linear-gradient(to right, #FFC000, #CC9A00);
  }
  #pg-consigliato .container-light-slide .nextprevSlide {
    display: none !important;
  }
  #pg-consigliato .container-header-mobile {
    position: relative;
    height: auto !important;
    display: block;
    background-size: 95% auto;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url("../img/bg-consigliati-img-forma.svg");
    padding-top: 200px;
  }
  #pg-consigliato .container-header-mobile .img-studente {
    display: block;
    height: 200px;
    position: absolute;
    z-index: 3;
    right: 38px;
    top: 20px;
  }
  #pg-consigliato .container-header-mobile .box-title {
    margin-top: -50px;
    display: block;
  }
  #pg-consigliato .container-header-mobile .box-title .body-top {
    display: block;
    width: 100%;
  }
  #pg-consigliato .container-header-mobile .box-title .body-middle {
    display: block;
    padding: 30px 0;
    background-color: #EFEFEF;
  }
  #pg-consigliato .container-header-mobile .box-title .body-bottom {
    display: block;
    width: 100%;
    background-color: #fff;
  }
  #pg-consigliato .container-header {
    display: none;
  }
  #pg-consigliato .container-body {
    margin-top: 0px;
  }
  #pg-consigliato .container-body .body-middle {
    background-color: #fff;
  }
  #pg-consigliato .container-body .body-top, #pg-consigliato .container-body .body-bottom {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .no-preferiti .img-no-preferiti {
    width: auto;
    max-width: 100%;
  }

  .areariservata-corsi-home-box-grey {
    display: block;
    margin-top: 80px;
    padding: 80px 0 60px 0;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
  }
  .areariservata-corsi-home-box-grey .box-vantaggio {
    margin: 10px 0 30px 0 !important;
    align-items: start !important;
  }
}
@media screen and (max-width: 768px) {
  .footer {
    margin-top: 0px;
    padding: 0;
  }
  .footer .m-w-100 {
    display: block;
    width: 100%;
    flex: none;
  }
  .footer .logo {
    display: block;
    text-align: center;
    margin: 0 0 17px 0;
  }
  .footer .logo img {
    display: block;
    margin: 0 auto;
  }
  .footer .copyright {
    display: block;
  }
  .footer .list-link-inline {
    float: none;
    display: block;
    border-top: 1px solid #ccc;
  }
  .footer .list-link-inline li {
    margin: 10px 5px;
  }
}
@media screen and (max-width: 768px) {
  #pg-scheda-corso .section-body {
    padding: 15px !important;
  }
  #pg-scheda-corso .section-body .breadcrumb-path {
    justify-content: center !important;
  }
  #pg-scheda-corso .section-body .corso-nome {
    text-align: center !important;
  }
  #pg-scheda-corso .section-body .box-recensione {
    text-align: center !important;
  }
  #pg-scheda-corso .section-body .box-recensione .stars-recensioni img {
    height: 23px !important;
  }
  #pg-scheda-corso .section-body .box-recensione .stars-recensioni .count-recensioni {
    height: 23px !important;
    line-height: 23px !important;
  }
  #pg-scheda-corso .section-body .bottoni-info-dx {
    position: relative !important;
    z-index: auto !important;
    right: 0px !important;
    top: 0px !important;
    text-align: center !important;
    margin: 30px 0 !important;
  }
  #pg-scheda-corso .section-body .bottoni-info-dx .btn-voce {
    display: inline-block !important;
    margin: 0px 12px 0 0 !important;
  }
  #pg-scheda-corso .section-body .bottoni-info-dx .btn-voce.preferito {
    margin: 0px 12px -18px 0 !important;
  }
  #pg-scheda-corso .section-body .bottoni-info-dx .btn-voce.hide-mobile {
    display: none !important;
  }
  #pg-scheda-corso .recensitore-info .avatar {
    margin: -40px auto 30px auto !important;
  }
  #pg-scheda-corso #col-dettagli-mobile .affiliato-info {
    list-style: none;
    padding: 0px;
    margin: 0 0 30px 0 !important;
  }
  #pg-scheda-corso #col-dettagli-mobile .affiliato-info li {
    padding: 13px 0px 13px 60px !important;
    border-bottom: 2px solid #ccc;
    position: relative;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.48px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #002445;
  }
  #pg-scheda-corso #col-dettagli-mobile .affiliato-info li .txt-weight-semibold {
    font: inherit;
    color: inherit;
  }
  #pg-scheda-corso #col-dettagli-mobile .affiliato-info li .icona {
    position: absolute;
    left: 0px;
    top: 13px;
    width: 30px;
    height: 30px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
  #pg-scheda-corso .box-dettaglio {
    display: block !important;
    margin-right: 0px !important;
    margin-bottom: 20px;
  }
  #pg-scheda-corso .colonna-dx-slide {
    top: 60px !important;
    right: 0 !important;
    width: 100% !important;
    padding: 20px 10px !important;
    /*.box-recensione-singola{
        display: block;
        margin-bottom: 50px;

        .autore{
            display: flex;
            .avatar{
                flex: 0 0 71px;
                height: 71px;
                border-radius: 50%;
                overflow: hidden;
                position: relative;
                margin-right: 10px;
                img{
                    display: block;
                    width: 71px;
                    height: 71px;
                    object-fit: cover;
                    object-position: center;
                }
            }
            .info{
                .nomeautore{
                    display: block;
                    width: 100%;
                }
                h4,.txt-xsmall{
                    line-height: 1em;
                    margin: 0 0 3px 0 !important;
                }
                .voti{
                    display: block;
                    margin-bottom: 16px;
                }
            }

        }
    }*/
  }
  #pg-scheda-corso .colonna-dx-slide.close {
    right: -100% !important;
  }
  #pg-scheda-corso .colonna-dx-slide .close-rect {
    position: absolute;
    top: 24px;
    right: 30px;
    display: block;
    height: 26px;
    width: 26px;
    margin-top: 6px;
    cursor: pointer;
  }
  #pg-scheda-corso .colonna-dx-slide .table-sommario {
    margin: 30px 0 30px 0;
  }
  #pg-scheda-corso .colonna-dx-slide .box-recensione-voto-voce {
    display: block;
    margin: 20px 0 0 0;
  }
  #pg-scheda-corso .colonna-dx-slide .box-recensione-voto-voce .voto-selezionato {
    display: block;
    height: 27px;
    margin: 5px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .modal-cstm {
    top: 60px !important;
    padding-right: 0 !important;
  }
  .modal-cstm .modal-dialog {
    margin: 0px !important;
  }
  .modal-cstm .modal-dialog .modal-content {
    height: 100vh !important;
    border-radius: 0px !important;
  }
  .modal-cstm .modal-dialog .modal-content .modal-body {
    margin: 0px !important;
    padding: 0px !important;
  }
  .modal-cstm .modal-dialog .modal-content .modal-body .close {
    margin-top: 10px !important;
  }

  .modal-backdrop {
    display: none !important;
  }

  .modal-cstm-general {
    padding-right: 0 !important;
  }
  .modal-cstm-general .modal-dialog {
    margin: 0px !important;
  }
  .modal-cstm-general .modal-dialog .modal-content {
    border-radius: 0px !important;
  }
  .modal-cstm-general .modal-dialog .modal-content.border-radious {
    border-radius: 5px !important;
  }
  .modal-cstm-general .modal-dialog .modal-content .modal-body {
    padding: 40px;
  }
  .modal-cstm-general .modal-dialog .modal-content .modal-body .close {
    margin-top: -20px;
    margin-right: -8px;
  }
  .modal-cstm-general .modal-dialog .modal-content .modal-body .close img {
    display: block;
    width: 26px;
    height: 26px;
  }

  .modal-inserisci .close {
    position: absolute !important;
    top: 0px !important;
    left: 20px !important;
  }
  .modal-inserisci .nav-tabs-categoria {
    width: 100%;
  }
  .modal-inserisci .modal-dialog {
    max-width: 100% !important;
    height: auto !important;
  }
  .modal-inserisci .modal-dialog .modal-content {
    background-color: #fff !important;
    background-image: url("../img/bg-home-categoria-mobile.svg");
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat !important;
    border-radius: 0px !important;
    border: none;
    overflow: hidden;
  }
  .modal-inserisci .modal-dialog .modal-content .modal-body {
    padding: 15px !important;
  }
  .modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca {
    position: relative;
    height: auto !important;
    background: transparent !important;
    padding: 0 !important;
  }
  .modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container {
    overflow-x: auto !important;
    height: auto !important;
    padding: 0 !important;
  }
  .modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie {
    display: inline !important;
    padding: 0px;
    margin: 0px;
  }
  .modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li .insCatSelect .insCatSelectCheck {
    padding-left: 0px !important;
    display: flex !important;
  }
  .modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li .insCatSelect .insCatSelectCheck .testo {
    margin-right: auto !important;
    margin-left: 0px !important;
  }
  .modal-inserisci .modal-dialog .modal-content .modal-body .box-ricerca .box-container .list-categorie li .insCatSelect .insCatSelectCheck .checkmark {
    left: auto;
    right: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  #pg-recensione-registrata .box-white {
    max-width: 100% !important;
    margin: 0 !important;
    z-index: 1 !important;
  }
}
@media screen and (max-width: 768px) {
  .collapse-cstm .card-body {
    padding: 15px 15px !important;
  }
  .collapse-cstm .card-body.subcard {
    padding: 5px 15px;
  }
}
@media screen and (max-width: 768px) {
  .nav-tabs-custom-container-w350 {
    max-width: 100%;
    width: 100% !important;
  }
  .nav-tabs-custom-container-w350 .nav-link {
    font-size: 14px;
  }
}
@media screen and (max-width: 1400px) {
  .box-registrazione .container-reg {
    padding: 50px 40px 63px 40px !important;
  }

  .box-login-credenziali {
    padding: 50px 40px 63px 40px !important;
  }
}
@media screen and (max-width: 1200px) {
  .box-registrazione {
    margin-top: 20px;
  }
  .box-registrazione .container-reg {
    padding: 50px 30px 63px 30px !important;
  }

  .box-login-credenziali {
    padding: 50px 30px 63px 30px !important;
  }
}
@media screen and (max-width: 992px) {
  .pg-login-registrazione .registrazione-desc {
    min-height: auto;
  }

  .img-reg-scuola {
    display: none;
  }

  .box-registrazione {
    max-width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .box-login-credenziali {
    margin-top: 0px !important;
    max-width: 100%;
    width: 100%;
    display: block;
    border-radius: 0px !important;
    border: none !important;
    padding: 40px 20px !important;
    box-shadow: none !important;
    background: #fff;
  }

  .pg-login-registrazione {
    background: none !important;
  }

  .box-registrazione {
    margin-top: 0px !important;
    max-width: 100% !important;
    display: block;
    border-radius: 0px !important;
    border: none !important;
    box-shadow: none !important;
    background: #fff;
    overflow: hidden;
  }
  .box-registrazione .container-reg {
    padding: 20px !important;
  }
  .box-registrazione .container-reg .header-reg {
    display: block;
    padding-top: 20px;
    margin-bottom: 110px;
  }
  .box-registrazione .container-reg.step-profilo {
    background-image: url("../img/bg-box-head-registrazione.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
  }

  .registrazione-header {
    margin: 40px 0 0 0 !important;
    height: auto !important;
    background: none !important;
  }
  .registrazione-header.bg-grey-round {
    padding: 40px 0 !important;
    margin: 0 0 30px 0 !important;
    background-size: auto 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url("../img/bg-box-head-registrazione.svg") !important;
  }
  .registrazione-header .container-titolo {
    display: block;
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  .pagination-cstm .page-item .page-link {
    width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    font-size: 14px !important;
  }
}
@media screen and (max-width: 1300px) {
  #pg-scheda-corso .section-affiliato .box-grey {
    width: 400px;
    flex: 0 0 400px;
  }
  #pg-scheda-corso .bottoni-info-dx {
    right: 15px !important;
  }
  #pg-scheda-corso .section-body {
    padding: 0 50px !important;
  }
}
@media screen and (max-width: 992px) {
  #pg-scheda-corso .section-affiliato .box-grey {
    width: 300px;
    flex: 0 0 300px;
  }
  #pg-scheda-corso .section-affiliato .btn-affiliato {
    padding: 0 !important;
  }
  #pg-scheda-corso .section-affiliato .affiliato-info {
    margin: 0 0 30px 0 !important;
  }
  #pg-scheda-corso .section-affiliato .affiliato-info li {
    padding: 10px 0px !important;
    border-bottom: 2px solid #ccc;
  }
  #pg-scheda-corso .section-affiliato .affiliato-info li .icona {
    display: none !important;
  }
  #pg-scheda-corso .section-body {
    padding: 20px 20px !important;
  }
}
@media screen and (max-width: 1400px) {
  .col-5row {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }

  .box-search-2.my-20 {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 1200px) {
  #pg-home {
    /*.box-search {
        .form-control-cstm{

        }
    }*/
  }
  #pg-home .box-guadagno {
    padding: 50px 50px;
  }

  .col-5row {
    flex: 0 0 33.3% !important;
    max-width: 33.3% !important;
  }
}
@media screen and (max-width: 992px) {
  .col-5row {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  .box-search-2.my-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .pb-bottom-men-mobile {
    padding-bottom: 60px;
  }

  .container-fluid-cstm {
    padding-left: 18px;
    padding-right: 18px;
  }

  .w-mobile-100 {
    width: 100%;
  }

  .hide-mobile {
    display: none !important;
  }

  .hide-desktop {
    display: block !important;
  }

  .mt--header {
    margin-top: 0px !important;
  }

  .header-grey {
    background-color: #fff !important;
    display: block;
    padding: 40px 0 0 0 !important;
  }

  .back-close {
    float: left;
    height: 20px;
    width: 20px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    margin-top: 10px;
  }

  .navbar-cstm {
    display: none;
  }

  .navbar-mobile {
    display: flex;
  }

  .col-5row {
    flex: none !important;
    max-width: 100% !important;
  }

  .box-white {
    border-radius: 0px !important;
    border: none !important;
    background-color: #fff;
    padding: 20px !important;
    box-shadow: none !important;
  }

  .box-grey {
    display: block;
    padding: 20px !important;
    background-color: #EFEFEF;
    border-radius: 0px !important;
  }

  .box-categoria {
    padding: 20px 10px !important;
    width: 46% !important;
    min-height: 220px !important;
    margin: 0 5px !important;
  }
  .box-categoria .titolo {
    margin: 10px 0 20px 0 !important;
    max-width: 100% !important;
    text-align: center;
    word-spacing: 9999px;
  }

  #filtri-top-desktop-content .form-group .label-cstm {
    display: none;
  }
  #filtri-top-desktop-content .form-group .label-cstm.show-mobile {
    display: none;
  }

  .box-search-2 .pr-8 {
    padding: 0px !important;
  }
  .box-search-2 .form-group .label-cstm {
    margin: 10px 0 0px 0;
  }
  .box-search-2 .form-group .fake-input {
    width: 100%;
    text-align: left;
  }
  .box-search-2 .form-group .form-control-cstm {
    width: 100%;
  }
  .box-search-2 .btn-search {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .box-search-2 .btn-search img {
    display: none;
  }
  .box-search-2 .btn-search .mobile-txt {
    display: block;
  }
}
@media screen and (max-width: 576px) {
  .box-search-2 {
    display: block;
    width: 100%;
    padding: 16px 0px !important;
    margin: 0;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    text-align: left;
  }
  .box-search-2 .form-group {
    margin-bottom: 14px !important;
  }
  .box-search-2 .form-group .label-cstm {
    display: none;
  }
  .box-search-2 .form-group .label-cstm.show-mobile {
    text-align: center;
    display: block;
  }
  .box-search-2 .form-group .fake-input {
    width: 100%;
    text-align: left;
  }
  .box-search-2 .form-group .form-control-cstm {
    width: 100%;
  }
  .box-search-2 .btn-search {
    width: 100%;
    text-align: center;
    margin-top: 0px;
  }
  .box-search-2 .btn-search img {
    display: none;
  }
  .box-search-2 .btn-search .mobile-txt {
    display: block;
  }
}
.col-5row {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 20%;
  max-width: 20%;
}

.tabella_orari-container table {
  border-width: 0px;
}
.tabella_orari-container table tbody tr td {
  border-left: 0px;
  border-right: 0px;
  border-color: #707070;
  text-align: center;
}
.tabella_orari-container table tbody tr:first-child td {
  border-top-width: 3px;
  border-bottom-width: 3px;
}
.tabella_orari-container table tbody tr td:first-child {
  border-right: 3px solid #707070;
  text-align: left;
}

.box-breakpoint {
  display: block;
  background-color: #efefef;
}
.box-breakpoint:after {
  content: "all";
  display: block;
  background-color: #fff;
  padding: 20px;
}

@media screen and (min-width: 1400px) {
  .box-breakpoint {
    background-color: blue;
  }
}
@media screen and (max-width: 1400px) {
  .box-breakpoint {
    background-color: black;
  }
}
@media screen and (max-width: 1200px) {
  .box-breakpoint {
    background-color: purple;
  }
}
@media screen and (max-width: 992px) {
  .box-breakpoint {
    background-color: red;
  }
}
@media screen and (max-width: 768px) {
  .box-breakpoint {
    background-color: orange;
  }
}
@media screen and (max-width: 576px) {
  .box-breakpoint {
    background-color: yellow;
  }
}