@font-face {
    font-family: 'Aileron';
    src: url('webfonts/Aileron-Bold.woff2') format('woff2'),
         url('webfonts/Aileron-Bold.woff') format('woff'),
         url('webfonts/Aileron-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aileron';
    src: url('webfonts/Aileron-Regular.woff2') format('woff2'),
         url('webfonts/Aileron-Regular.woff') format('woff'),
         url('webfonts/Aileron-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
  font-family: 'Aileron', sans-serif !important;
  padding-bottom: 90px;
}

.radius-def {border-radius: 10px !important; -moz-border-radius: 10px !important; -webkit-border-radius: 10px !important;}
.radius-def-top {border-radius: 10px 10px 0 0 !important; -moz-border-radius: 10px 10px 0 0 !important; -webkit-border-radius: 10px 10px 0 0 !important;}
.radius-btn {border-radius: 25px !important; -moz-border-radius: 25px !important; -webkit-border-radius: 25px !important;}

#loading {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 9998; display: none;}
#loading div.loader {position: relative; width: 200px; top: 200px; left: 50%; margin-left: -100px;}

div.loading {display: none; width: 100%; padding: 5px; margin: 0 auto; text-align: center; border: solid 2px #CCCCCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: white; color: black;}
div.loading div.progress_bar {margin-top: 3px;}
div.loading div.progress_bar div.bar_container {width: 100%; height: 8px; padding: 1px; margin-top: 6px;}
div.loading div.progress_bar div.bar_container div.bar {background-color: #CCCCCC; height: 8px; width: 10%;}
div.loading div.progress_bar span.percent {color: #CCCCCC;}

a {color: #50b8fe; text-decoration: none;}
a:hover:not(.btn) {text-decoration: underline;}

.datepicker.datepicker-dropdown {margin-top: 20px !important;}
.cursor {cursor: pointer;}

/*CARDS*/
div.card div.card-img {height: 200px; width: 100%;  background-color: white; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
div.card.corso.active {background-color: #FDD9E3;}
div.card.corso.full {background-color: #C3C3C3;}
div.card.corso.booked {background-color: #008206;}
div.card.corso div.card-img div.title {top: 0px; left: 0px; width: 100%;}
div.card.corso.active div.card-img div.title {color: #EBEC1C !important;}
div.card.corso.full div.card-img div.title {color: #CFCECE !important;}
div.card.corso.booked div.card-img div.title {color: #FFFFFF !important;}
div.card.corso.booked div.card-img div.booked-msg {top: 80px; left: 0px; width: 100%;}
div.card.corso.booked div.card-img div.booked-msg span {color: #008206 !important;}
div.card.corso div.card-body p {font-size: 13px; line-height: 16px; font-weight: bold;}
div.card.corso.active div.card-body p.card-text span {color: #D74265;}
div.card.corso.full div.card-body p.card-text {color: #F2F2F2;}
div.card.corso.full div.card-body p.card-text span {color: black;}
div.card.corso.booked div.card-body p.card-text {color: #FFFFFF;}
div.card.corso.booked div.card-body p.card-text span {color: FFFFFF;}
div.card.corso.active div.card-body p.book-text a {color: #D74265 !important; line-height: 35px;}
div.card.corso.active div.card-body p.book-text a span.book-btn {font-size: 18px; background-color: #D74265; color: white; width: 35px; height: 35px;}
div.card.corso.full div.card-body p.book-text {color: black !important; line-height: 35px;}
div.card.corso.full div.card-body p.book-text span.book-btn {font-size: 18px; background-color: black; color: white; width: 35px; height: 35px;}
div.card.corso.booked div.card-body p.book-text {color: #FFFFFF !important; line-height: 35px;}
div.card.corso.booked div.card-body p.book-text span.book-btn {font-size: 18px; background-color: #FFFFFF; color: #D74265; width: 35px; height: 35px;}
div.card.corso.booked div.card-body p.book-text a {color: #FFFFFF !important; line-height: 35px;}
div.card.corso.active div.card-body p.book-text a.insegnante {color: #FF6C00 !important;}
div.card.corso.active div.card-body p.book-text a.insegnante span.book-btn {background-color: #FF6C00; color: white;}

/*COLORS*/
.bg-primary {background-color: #F88CAB !important;}
.border-primary {border-color: #F88CAB !important;}
.text-primary {color: #F88CAB !important;}
.btn-primary {background-color: #F88CAB !important; border: 1px solid #F88CAB !important;}
.btn-primary:hover {color: white !important; background-color: #E4809A !important; border: 1px solid #E4809A !important;}
.btn-primary-alt {color: white !important; background-color: #3EB3FB !important; border: 1px solid #3EB3FB !important;}
.btn-primary-alt:hover {color: white !important; background-color: #43718B !important; border: 1px solid #43718B !important;}
.bg-success {background-color: #3D812B !important;}
.border-success {border-color: #3D812B !important;}
.btn-success {background-color: #3D812B !important; border: 1px solid #3D812B !important;}
.btn-success:hover {color: #FEFEFE !important; background-color: #6B9F5E !important; border: 1px solid #6B9F5E !important;}
.bg-success-alt {background-color: #5B7E46 !important;}
.bg-danger-alt {background-color: #FBCCDC !important;}
.bg-danger-alt-2 {background-color: #F4015D !important;}
.bg-danger-alt-3 {background-color: #FE0000 !important;}
.btn-warning {color: white !important; background-color: #DC4166 !important; border: 1px solid #DC4166 !important;}
.btn-warning:hover {background-color: #E84F78 !important; border: 1px solid #E84F78 !important;}
.text-warning {color: #DC4166 !important;}
.text-purple {color: #F3015C;}
.bg-purple-1 {background-color: #FDD9E3;}
.bg-gray {background-color: #E3E3E3;}
.bg-orange {background-color: #FF6C00;}

.color-gray {color: #888;}
.color-blu-1 {color: #4C6A7C;}

/*FORM*/
.login_container {max-width: 400px; padding: 0; margin: auto;}
.form-signin {position:relative; width: 100%;}
@media screen and (max-width: 420px) {
  .login_container {padding-right: 10px !important; padding-left: 10px !important;}
}
.form-signin p {font-size: 13px;}

.input-file-icon > i {font-size: 2.3rem; color: #CACACA;}
.alert-form {display: none; background-color: #bf322f; color: white; padding: 0.25rem 0.5rem; margin: 0.5rem 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.ok-form {display: none; font-weight: normal; background-color: #006929; color: white; padding:  0.25rem 0.5rem; margin: 0.5rem 0; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.alert-form a, .ok-form a {color: white; font-weight: bold; text-decoration: underline;}
#search_form label.input-group-text {background-color: white; color: #D79341;}

/*HEADER*/
a.hamburger {color: black; font-weight: bold; font-size: 1.3rem;}
span.header-user-logo {display: inline-block; width: 30px; height: 30px; background-color: white; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.dropdown-toggle::after {vertical-align: 0.7em !important;}
#navbar_container {background-color: #FFFFFF;}
.navbar-nav {width: 100%}
a.nav-link {line-height: 1px; font-size: 1.3rem; color: #ADBAC1 !important; padding-top: 5px;}
a.nav-link:hover {text-decoration: none !important;}
a.nav-link span {font-size: 0.8rem;}
a.nav-link span.menu-name {vertical-align: super;}
a.link-dark:hover {color: #F3015C !important;}
a.nav-link.selected {color: #F3015C !important;}

/*FOOTER*/
.footer {background-color: #D57791;}
.footer a {color: #FFC5D5 !important;}
.footer a.selected {color: #FFFFFF !important;}

/*IMAGES*/
div.circle-img {width: 75px; height: 75px; background-color: transparent; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/*LOGO*/
img.logo-big {width: 100%; max-width: 500px;}
img.logo-menu {width: auto; height: 50px;}
img.logo-menu-mobile {width: auto; height: 50px;}
@media (min-width: 1200px) {
  img.logo-menu {height: 70px;}
}

/*CARNETS*/
div.carnet-active {background-color: #85B36B;}
div.carnet-active div.section-left {color: white;}
div.carnet-active div.section-right {color: white;}
div.carnet-active div.section-right div {cursor: pointer;}
div.carnet-active div.section-left div.number {background-color: #B8CDAC; font-size: 40px; font-weight: bold; height: 70px; width: 70px; line-height: 70px;}
div.carnet-expired {background-color: #FDD9E3;}
div.carnet-expired div.section-left {color: #ADA4A7;}
div.carnet-expired div.section-right {color: #F4015D;}
div.carnet-expired div.section-right div {cursor: pointer;}
div.carnet-expired div.section-left div.number {background-color: #FCBAC8; font-size: 40px; font-weight: bold; height: 70px; width: 70px; line-height: 70px;}

div.history div.col-3, div.history div.col-8 {height: 100%}

/*PAGES*/
div.select-date a {font-size: 12px; font-weight: bold; color: #F3015C; line-height: 25px;}
div.select-date a i { font-size: 25px;}

/*TABLES*/
table.calendar {text-align: center; padding: 2px; font-size: 10px;}
table.calendar a i {font-size: 10px; line-height: 10px;}
table.calendar td.old_day {color: gray;}
table.calendar td.available {background-color: #85B36B;}