@font-face {
  font-family: 'Inter';
  src: url('./assets/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-style:normal;
  font-weight: 100 900;
}
@font-face {
  font-family: 'Inter';
  src: url('./assets/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-style: italic;
  font-weight: 100 900;
}

body{font-family:'Inter',Arial,sans-serif;font-size:0.9rem;line-height:1.3;font-weight:400;color:#b7b7bb;margin:0;overflow-x:hidden;text-rendering:optimizelegibility;-webkit-font-smoothing: subpixel-antialiased}
header,#header,nav,#navigation,main,#main,section,aside,#aside-left,#aside-right,details,dialog,footer,#footer,div,span,p,a,ul,li,input,textarea,img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul{padding:0;list-style:none}
img{max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:700;color:#201e31}
h1,.h1{font-size:1.5rem}
h2,.h2{font-size:1.3rem}
h3,.h3{font-size:1.2rem}
h4,.h4{font-size:1.10rem}
h5,.h5{font-size:1rem}
h6,.h6{font-size:.9rem}

b, strong{font-weight: 600;}

label{color:#201e31;font-weight:bold}

*,*:hover,*:focus,div:focus,span:focus,img:focus{outline:0!important}

.transition{-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.border-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.fs-7{font-size:0.9rem!important}
.fs-8{font-size:0.8rem!important}
.fs-9{font-size:0.7rem!important}

.text-shadow{text-shadow:1px 2px 1px #000}

th{font-weight:normal}

/* COLORI VARI DEL SITO */
a,a:visited{text-decoration:none;color:inherit;cursor:pointer}
a:hover,a:focus{}

.btn,button,a.btn:visited{color:#fff;background-color:#201e31;font-weight:400;padding:.8rem;border-radius: 30px;}
.btn:hover,.btn:focus,button:hover,button:focus,a.btn:visited:hover,a.btn:visited:focus{background-color:#68d8d6;color:#201e31}
div:focus,span:focus,img:focus{outline:0!important}

.btn-light-green, a.btn-light-green:visited{color:#201e31;background-color:#68D8D6;font-weight:400;padding:.8rem;}
.btn-light-green:hover,.btn-light-green:focus,a.btn-light-green:visited:focus{background-color:#201e31;color:#fff}

.btn-dark-grey, a.btn-dark-grey:visited{color:#fff;background-color:#b7b7b7;font-weight:400;padding:.8rem;}
.btn-dark-grey:hover,.btn-dark-grey:focus,a.btn-dark-grey:visited:focus{background-color:#201e31;color:#fff}

.text-gray{color:#f6f6f4}
.text-dark-gray{color: #B7B7BB !important;}
.bg-gray{background-color:#f6f6f4}
.btn.btn-gray,a.btn.btn-gray{background-color:#f6f6f4;color:#201e31}

.btn.btn-gray-add,a.btn.btn-gray-add{padding: 5px 15px; display:inline-block; border-radius: 30px; bottom:-15px;}

.btn-danger{
  background-color: #e11a2d;
  color: #fff;
}


.text-lightblue{color:#01cfc6}
.bg-lightblue{background-color:#01cfc6}

.text-blue{color:#00fff4}
.bg-blue{background-color:#00fff4}

.text-darkblue{color:#201e31!important}
.bg-darkblue{background-color:#201e31}

.text-yellow{color:#ffd800}
.bg-yellow{background-color:#ffd800}

.bg-gradiente{
  background: rgb(32,30,49);
  background: -moz-linear-gradient(45deg, rgba(32,30,49,1) 0%, rgba(1,207,198,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(32,30,49,1) 0%, rgba(1,207,198,1) 100%);
  background: linear-gradient(45deg, rgba(32,30,49,1) 0%, rgba(1,207,198,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#201e31",endColorstr="#01cfc6",GradientType=1);
  background-attachment: fixed;
  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
  box-sizing: border-box;
}

.bg-img-users{background-image:url(./images/bg-users.png);background-position:bottom right;background-repeat:no-repeat}

.timeline-bullet{position:relative;left:-1.75rem}

.dz-size{display:none!important}

.current-tool.red{background-color:#ae1010}
.current-tool.orange{background-color:#d55c08}
.current-tool.yellow{background-color:#ffbb00}
.current-tool.eraser{background-color:#4e9bd3}

/* STRUTTURA GENERALE*/
header,section,div#content,footer{width:100%;position:relative;}
#main{padding-left: 90px;}
.view-login #main, .view-registration #main, .view-reset #main{padding-left: 0px;}
#usermenu{
  width: 90px;
  padding: 0 15px;
}
.bg-light{
  background-color: #F6F6F6 !important;
}

.logo-wrapper{width:100%;height:auto;padding:0.8rem;border-radius:100%}
.logo-wrapper > svg{fill:#01cfc6}

#navigation{width:60px; height:85vh; border-radius:100px; padding-top: 25px;}
#navigation ul li{display:block;text-align:center;padding:1rem 0}
#navigation ul li a svg{width: 35px; height: 35px;}
#navigation ul li a{display:inline-block;padding:.35rem;border-radius:1rem 0 0 1rem;position:relative}

/*#navigation ul li.active{text-align:right;}*/
#navigation ul li.active a, #navigation ul li:hover a{background:#01CFC6; border-radius: 50%;}
/*#navigation ul li.active a svg,#navigation ul li.active a svg path{fill:#201e31}*/

.guest{height:100vh;}

#user-registration #control-group_jform_email{width:100%!important}
.min100svh{min-height:100svh}

/* Login */
.link-like{
  text-decoration: underline;
}
.link-like:hover{
  text-decoration: none;
}


/* Deashboard */
.home-button{
  transition: background-color 0.3s ease;
}
.home-button:hover{
  background-color: #68D8D6;
} 
.table-users-head th{
  color: #B7B7BB;
  font-weight: bold;
}
.usr-img{
    width: 120px;        
    height: 120px;
    border-radius: 50%;  
    overflow: hidden;    
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #E6E6E4;
    vertical-align: middle;
}
.usr-img-profile{
  margin-top: -60px;
}
.usr-img-small{
  width: 30px;
  height: 30px;
}
.usr-img img {
    width: 100%;        
    height: auto;       
}
.btn-add-user-cont{
  position: absolute;
  width: 100%;
  text-align: center;
}
.btn-add-user, .btn-add-user:visited{
  background: #201E31;
  padding: 15px 20px;
  font-size: 1.2rem;
  color: #fff !important;
}
.icon-mw-stat{
  background: #fff;
  border-radius: 50%;  
  padding: 3px 6px;
}
.usr-link{
  transition: background-color 0.3s ease;
}
.usr-link:hover svg{
  background-color: #68D8D6;
}



.login-logo{
  max-height: 150px;
}

/* USER TOGGLE */
#toggleDetails{
  padding: 1px 10px 2px;
  margin-left: -15px;
}
.usr-test{
  min-height: 145px;
}
.esami-col-impo label{
  color: #b7b7bb;
  padding-bottom: .5rem !important;
  display: block;
}


/* PAGINATION */
.pagination .page-item .page-link {
    background-color: #f8f9fa; /* Grigio chiaro di Bootstrap */
    border-color: #ddd;
    color: #201e31; /* Testo con il colore richiesto */
}

.pagination .page-item.active .page-link {
    background-color: #201e31; /* Sfondo attivo con colore principale */
    border-color: #201e31;
    color: #ffffff; /* Testo bianco per contrasto */
}

.pagination .page-item:hover .page-link {
    background-color: #e0e0e0; /* Grigio più chiaro in hover */
    border-color: #bdbdbd;
    color: #201e31;
}

form .parq label{margin-bottom:6px}
#sf12Carousel .carousel-item{min-height:35svh}
#sf12Carousel .carousel-item .controls{flex-direction:column!important}
#sf12Carousel .carousel-item fieldset{width:100%}
#sf12Carousel .carousel-item fieldset+label{font-weight:bold;width:100%;margin-bottom:6px;margin-right:0!important}


/* HTML5 */
article,aside,details,dialog,footer,header,hgroup,nav,section,main{display:block}
figcaption{display:table-caption;caption-side:bottom;}
figure{display:table;}

/* FORM */

.form-dark .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-dark .form-floating > .form-select ~ label::after, .form-dark .form-floating > :disabled ~ label::after, .form-dark .form-floating > .form-control:focus ~ label::after{background-color: transparent;}
.form-dark .form-control:focus{background-color: #333;border-color: #dbdbdb;}
.form-dark .form-control:focus{color: #fff;}

.form-dark input,.form-dark select{background-color:#333;color:#fff;border-color:#333}
.form-light input,.form-light select{background-color:#fff;color:#333;border-color:#333}
.form-dark input[type="tel"]::placeholder{color:#999}

.form-title{font-size:1.2em; font-weight: 400;}

.form-check{min-height:0}
.inline-checkbox-wrapper{position:relative}
.inline-checkbox-wrapper .control-group{margin-bottom:0!important;position:absolute;left:0;top:0;padding-left:inherit}
.inline-checkbox-wrapper .control-group .form-check{margin:0!important}
.inline-checkbox-wrapper .form-control-feedback,.inline-checkbox-wrapper .form-check+label{display:none!important}

#control-group_jform_data_nascita label{}
.date-dropdowns{display:flex;margin-top:0.25rem}
.date-dropdowns select{padding:0.6rem .75rem;background-color: #fff; border: 1px solid #dee2e6; border-radius:var(--bs-border-radius)!important; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.date-dropdowns select.day{flex:0 0 auto;width:24%;margin-right:1%}
.date-dropdowns select.month{flex:0 0 auto;width:50%}
.date-dropdowns select.year{flex:0 0 auto;width:24%;margin-left:1%}

.form-floating > textarea.form-control{height:180px}

.checkbox input.invalid{background-color:#e59e9a}

.form-check-inline input{margin-top:1px}
.form-check-inline label{line-height:20px}

.radio-buttons{height:100%;align-items:center}
.radio-buttons fieldset+label{margin-right:26px}

.radio .form-check{margin-right:12px;margin-bottom:12px}
.radio .form-check input{margin-top:2px}
.radio .form-check label{line-height:20px}

.radio .form-check input:checked+label{font-weight:700}

.file-input label{display:none}
.file-input .controls{font-size:0;line-height:0}

.form-control+label.invalid,.form-select+label.invalid{color: #a51f18;}
.invalid{color: #a51f18;border-color: #a51f18;}
.valid{border-color: #448344;}

.has-danger+.fs-8{color:#a51f18}

.sf-tab label{margin-bottom:8px;font-weight:bold}
.sf-tab label.form-check-label{font-weight:normal}
.sf-tab input:checked+label.form-check-label{font-weight:bold}

.form-select:focus,.form-control:focus{box-shadow:none!important}
.form-control-feedback{display:none!important}
.form-check-input:focus{box-shadow:0 0 0 0.25rem rgba(0,0,0,.25);border-color:#333}

.form-light .form-floating >.form-control-plaintext~label,.form-light .form-floating>.form-control:focus~label,.form-light .form-floating>.form-control:not(:placeholder-shown)~label,.form-light .form-floating>.form-select~label{color:#000}
.form-floating>.form-control-plaintext~label::after, .form-floating>.form-control:focus~label::after, .form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{inset:0.8rem 0.375rem}
.has-danger .form-floating>.form-control-plaintext~label::after,.has-danger .form-floating>.form-control:focus~label::after,.has-danger .form-floating>.form-control:not(:placeholder-shown)~label::after,.has-danger .form-floating>.form-select~label::after{background-color:#a51f18}

.toggle-editor{display:none!important}

#jform_username-desc .form-text{color:#fff;margin:0.4rem;display:block}

.form-light input{border-color:#E6E6E4;}
.form-control:focus{border-color:#68D8D6;}

#jform_kendall .radio > div{margin-bottom:0.25rem}
#jform_kendall .radio .form-check{border:1px solid #ccc;height:100%;padding:0.625em;margin:0!important; background-color: #fff; border-radius: 25px;}
#jform_kendall .radio .form-check img{display:block; margin:auto}
#jform_kendall .radio .form-check input{display:none}

.kendallSelected{border:1px solid #201e31!important;box-shadow:0 .5rem 1rem #00000026}

/* ALTRO */
.video{position: relative;height:0;padding-bottom: 56.25%;} /* 16:9 */
.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}


/*************************************
 *  COOKIES
 *  **********************************/
#cookie-banner{position:fixed;top:15px;left:50%;transform:translateX(-50%);width:90vw;z-index:99999999;}
#cookie-banner .cookie-accept:hover{background-color:#21a902}
@media (max-width: 767px) {
	#cookie-banner{width:90%}
}

/* SLICK */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:1.2rem;line-height:20px;position:absolute;top:0;left:0;content:'•';text-align:center;opacity:.25;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75;color:#fff}

.slider2 .slick-slide{padding-right:1rem}
#system-message{z-index:99999}


@media (max-width: 578px) {
  .mobile-video-fix{padding:120% 0 0 0!important}
}
@media (max-width: 767px) { /* Mobiles, most of all*/
  #system-message{width:100%;}
	.toast{width:100%}
}

/* Boostrap containers for large screen */
@media (min-width: 1400px){
  .container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1160px}
  /*#main{padding-left:8vw}
  #usermenu{width:4vw}*/
}
@media (min-width: 1600px){.container, .container-sm, .container-md, .container-lg, .container-xl {max-width: 1160px}}