@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
body,
button {
  font-family: "Inter", sans-serif;
}
:root {
  --offcanvas-width: 0px;
  --topNavbarHeight: 56px;
}

body{
    background-color: #fbfcfd;
}


/*
.nav-link {
	color: #198754;
}


.nav-link:hover{
	color: #0d6efd!important;
}
*/


.sidebar-nav {
  width: 100%;
}
.sidebar-link {
  display: flex;
  align-items: center;
}
.sidebar-link .right-icon {
  display: inline-flex;
}
.sidebar-link[aria-expanded="true"] .right-icon {
  transform: rotate(180deg);
}

.closenavbar{
    display: block;    
}

.card{
    border-radius: 9px;
    border: 2px solid #d9d9d9;
    padding: 10px;
    box-shadow: 5px 5px 15px #e1e1e1;
}

.shadow{
	border-radius: 12px;
	background-color: white;
}


.bg-dark .nav-link,
.bg-dark .nav-link svg,
.bg-dark .nav-link i {
    color: #fff !important;
    fill: currentColor !important;
}

.bg-dark .nav-link.active,
.bg-dark .nav-link.active svg,
.bg-dark .nav-link.active i {
    color: #fff !important;
    fill: currentColor !important;
}

.containerform{
    
}

.grid7 .col-md-1 { margin: auto; width: 14.285714285714%; }
.grid7 .col-md-2 { margin: auto; width: 28.571428571429%; }
.grid7 .col-md-3 { margin: auto; width: 42.857142857143%; }
.grid7 .col-md-4 { margin: auto; width: 57.142857142857%; }
.grid7 .col-md-5 { margin: auto; width: 71.428571428571%; }
.grid7 .col-md-6 { margin: auto; width: 85.714285714286%; }
.grid7 .col-md-7 { margin: auto; width: 100%; }

.day{
    background-color: var(--success-color-level4,rgba(0,105,255,0.065));
    color: #0d6efd;
    margin: auto;
    width: 3vw;
    height: 3vw;
    display: table;
    font-weight: 600;
}

.daynum{
    display: table-cell;
    vertical-align: middle;
}

.day:hover{
    /*border: solid 2px #0d6efd;*/
    background-color: #0d6efd;
    color: white;
    cursor: pointer;
}

.daynotavailable{
    display: table;
    margin: auto;
    width: 3vw;
    height: 3vw;
        
    background-color: var(--danger-color-level4,rgba(255,105,0,0.065));
    color: #FF0000;
    
    font-weight:600;
}

.daynotavailable:hover{
    cursor: not-allowed;
}

.dayclosed{
    display: table;
    margin: auto;
    width: 3vw;
    height: 3vw;
    
    /*background-color: #F4F4F4;*/
    color: #E1E1E1;
}

.dayclosed:hover{
    cursor: not-allowed;    
}

.timenotavailable{
    background-color: #FF4F4F;
    border-color: #FF4F4F;
    color: white;
}

.timenotavailable:hover{
    cursor: not-allowed;
    color: white;
}

.btnnextprev:hover{
	color: var(--bs-blue);
    cursor: pointer;
}

.containerform{
    
}

.nav-link:hover{
	text-decoration: underline;
	text-underline-offset: 4px;
	color: var(--bs-blue);
}

/*
.nav-link.active{
	background-color: #198754 !important;
}
*/

div.stickybtn{
	position: -webkit-sticky;
	position: sticky;
	top: 20%;
	left: 100%;
	width: 60px;
	padding: 5px;
	font-size: 15px;
	font-weight: 600;
	color: white;
	z-index: 1;
}


div.stickytop{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}


div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 20%;
	left: 100%;
	width: 360px;
	/*
	background-color: var(--bs-secondary);
	*/
	background-color: #212529;
	padding: 5px;
	font-size: 15px;
	font-weight: 600;
	color: white;
	z-index: 1;
}

/*FORM*/

		#signUpForm {
            max-width: 800px;
            background-color: #ffffff;
            margin: 40px auto;
            padding: 40px;
            box-shadow: 0px 6px 18px rgb(0 0 0 / 9%);
            border-radius: 12px;
        }
		
        #signUpForm .form-header {
            gap: 5px;
            text-align: center;
            font-size: .9em;
        }
		
		#signUpForm .step {
			max-width: 600px;
			margin: auto;
		}
		
        #signUpForm .form-header .stepIndicator {
            position: relative;
            flex: 1;
            padding-bottom: 30px;
        }
        #signUpForm .form-header .stepIndicator.active {
            font-weight: 600;
        }
        #signUpForm .form-header .stepIndicator.finish {
            font-weight: 600;
            color: var(--bs-primary);
        }
        #signUpForm .form-header .stepIndicator::before {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
            z-index: 9;
            width: 20px;
            height: 20px;
            background-color: #d3e5ff;
            border-radius: 50%;
            border: 3px solid #e7f0ff;
        }
        #signUpForm .form-header .stepIndicator.active::before {
            background-color: #5b9cfb;
            border: 3px solid #a8cbff;
        }
        #signUpForm .form-header .stepIndicator.finish::before {
            background-color: var(--bs-primary);
            border: 3px solid #63a2ff;
        }
        #signUpForm .form-header .stepIndicator::after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 8px;
            width: 100%;
            height: 3px;
            background-color: #f3f3f3;
        }
        #signUpForm .form-header .stepIndicator.active::after {
            background-color: #5b9cfb;
        }
        #signUpForm .form-header .stepIndicator.finish::after {
            background-color: var(--bs-primary);
        }
        #signUpForm .form-header .stepIndicator:last-child:after {
            display: none;
        }
		/*  
        #signUpForm input[type=text], input[type=number], input[type=date], select {
            padding: 15px 20px;
            width: 100%;
            font-size: 1em;
            border: 1px solid #e3e3e3;
            border-radius: 5px;
        }
		*/
		
        #signUpForm input:focus {
            border: 1px solid var(--bs-primary);
            outline: 0;
        }
        #signUpForm input.invalid {
            border: 1px solid #ffaba5;
        }

        #signUpForm .form-footer{
            overflow:auto;
            gap: 20px;
        }
        #signUpForm .form-footer button{
            /*background-color: var(--bs-primary);
            border: 1px solid var(--bs-primary) !important;
            color: #ffffff;
            border: none;*/
            padding: 13px 30px;
            font-size: 1em;
            cursor: pointer;
            border-radius: 5px;
            flex: 1;
            margin-top: 5px;
        }
        #signUpForm .form-footer button:hover {
          opacity: 0.8;
        }
        
        #signUpForm .form-footer #prevBtn {
            background-color: #fff;
            color: var(--bs-primary);
        }

		
		.textareadynamic {
			resize: none;
			overflow: hidden;
			min-height: 30px;
		}
		
		.form-req {
			/*border: 1px solid #198754!important;*/
			background-color: #ACE1A8;
		}

/*FORM*/



.btn-outline-success {
    background: white!important;
	color: #296825!important;
	
}

.btn-outline-success:hover {
	color:white!important;
    background: #296825!important;
}

.btn-success {
  background-color: #296825 !important;
  border-color: #296825 !important;
  color: #fff !important; /* testo nero per contrasto */
}

.btn-success:hover {
  background-color: #153513 !important; /* versione leggermente più scura */
  border-color: #153513 !important;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff!important;
    background-color: #296825;
}

.accordion-button{
    background-color: #F2F2F2!important;
}

.accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #729171;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-button:focus {
    z-index: 3;
    border-color: #ffffff;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #296825;
    border-color: #296825;
}

.page-link {
    color: #296825;
}

.form-check-input:checked {
    background-color: #296825;
    border-color: #296825;
}

.nav-link {
    color: #296825;
}

.nav-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
    color: #296825;
}

/*
.page-item.active .page-link {
	color: #fff;
	background-color: #198754;
	border-color: #198754;
}
		
.page-link {
	color: #198754;
}
*/


input[type=text], input[type=date], input[type=number], select {
  border: none!important;
  border-radius: 0;
  border-bottom: 1px solid gray!important;
}


.fadeIn{
	animation: fadeIn 0.8s ease-in; 
}

@keyframes fadeIn {  
   from {  
       opacity:0;  
   }  

   to {  
       opacity:1;  
   }  
}

/*
#formservizio{
    transition: all 1s ease-out;
}

#divcalendario{
    transition: all 1s ease-out;
}

#divformorario{
    transition: all 1s ease-out;
}

#divformuser{
    transition: all 1s ease-out;
}
*/

@media (min-width: 992px) {
  body {
    overflow: auto !important;
  }
  main {
    margin-left: var(--offcanvas-width);
  }
  /* this is to remove the backdrop */
  .offcanvas-backdrop::before {
    display: none;
  }
  .sidebar-nav {
    -webkit-transform: none;
    transform: none;
    visibility: visible !important;
    height: calc(100% - var(--topNavbarHeight));
    width: var(--offcanvas-width);
    top: var(--topNavbarHeight);
  }
  
  .closenavbar{
    display: none;    
  }
  
  .containerform{
     
  }
}