@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap');

/*
Personalizzare il colore

:root {
    --gnw-color-title: #c63d4a;
    --gnw-color-button: #c63d4a;
    --gnw-color-link: #c63d4a;
}

.btn.btn-outline-secondary {color:var(--gnw-color-button);border-color: var(--gnw-color-button);}
.btn.btn-outline-secondary:hover {background-color:var(--gnw-color-button);color: #fff;}

a:link, a:visited	{color:var(--gnw-color-link);}
a:focus, a:hover	{color:var(--gnw-color-link);}
*/


body {background-color:#f4f4f4;font-family: 'Montserrat', sans-serif;}
body * {font-family: 'Montserrat', sans-serif;}
header .logo img {max-height:80px;}
.btn {border-width:2px;}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif!important;}
strong, b {font-weight:bold;}
.fs-7 {font-size:13px;}

.album .card .card-header {position:relative;cursor:pointer;}
.album .card .card-header .gradient {position:absolute;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);color:#fff;bottom:0;padding: 15px 15px 7px 15px;width:100%;text-align:right;}

.modal.dettagli button.btn-close {position:absolute; right:15px; bottom:15px;color:#fff;filter: invert(1);}


header address {font-size:12px;margin-bottom:0;}

main section.banner {position:relative;}
main section.banner::before {position:absolute; background-color:rgba(0,0,0,0.3); height:100%; width:100%; content:'';top:0;left:0;}
main section.banner .container {position:inherit;}


.servizio_scelto {font-size:13px;}



.accordion-button:not(.collapsed) {
    color: #0f5132;
    background-color: #d1e7dd;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
	font-weight:bold;
	border-color: #badbcc;
}

.accordion-button i {margin-right:10px;}

/*footer {position: fixed;bottom:0px;text-align: center;background-color: #eee;width: 100%;font-size: 12px;padding: 5px;}*/
footer img {max-height:30px;}


/*  INIZIO STEPPER  */

.steps .step {
    display: block;
    width: 100%;
    margin-bottom: 35px;
    text-align: center
}

.steps .step .step-icon-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 60px;
    text-align: center
}

.steps .step .step-icon-wrap::before,
.steps .step .step-icon-wrap::after {
    display: block;
    position: absolute;
    top: 50%;
    width: 50%;
    height: 3px;
    margin-top: -1px;
    background-color: #e1e7ec;
    content: '';
    z-index: 1
}

.steps .step .step-icon-wrap::before {
    left: 0
}

.steps .step .step-icon-wrap::after {
    right: 0
}

.steps .step .step-icon {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    border: 1px solid #e1e7ec;
    border-radius: 50%;
    background-color: #f5f5f5;
    color: #374250;
    font-size: 24px;
    line-height: 61px;
    z-index: 5
}

.steps .step .step-title {
    margin-top: 16px;
    margin-bottom: 0;
    color: #606975;
    font-size: 14px;
    font-weight: 500
}

.steps .step:first-child .step-icon-wrap::before {
    display: none
}

.steps .step:last-child .step-icon-wrap::after {
    display: none
}

.steps .step.active .step-icon-wrap::after {
    background-color: #59c336
}

.steps .step.active .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
    background-color: #238C00
}

.steps .step.active .step-icon {
    border-color: #238C00;
    background-color: #59c336;
    color: #fff
}

.steps .step.completed .step-icon {
    border-color: #238C00;
    background-color: #238C00;
    color: #fff
}

@media (max-width: 576px) {
    .flex-sm-nowrap .step .step-icon-wrap::before,
    .flex-sm-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 768px) {
    .flex-md-nowrap .step .step-icon-wrap::before,
    .flex-md-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 991px) {
    .flex-lg-nowrap .step .step-icon-wrap::before,
    .flex-lg-nowrap .step .step-icon-wrap::after {
        display: none
    }
}

@media (max-width: 1200px) {
    .flex-xl-nowrap .step .step-icon-wrap::before,
    .flex-xl-nowrap .step .step-icon-wrap::after {
        display: none
    }
}


/*  FINE STEPPER  */



/*  DATEPICKER  */
#datepicker .datepicker-inline {width: 100%;}
#datepicker .datepicker table {width: 100%;font-size:15px;color:#000;font-weight:800;}
#datepicker .datepicker table thead th  {padding: 10px;}
#datepicker .datepicker table thead th.dow  {border:1px solid #eee;background-color:#fbfbfb;}

#datepicker .datepicker table tbody td.day:first-child,
#datepicker .datepicker table thead th.dow:first-child  {border-left:none;}
#datepicker .datepicker table tbody td.day:last-child,
#datepicker .datepicker table thead th.dow:last-child  {border-right:none;}
#datepicker .datepicker table tbody tr:last-child td.day {border-bottom:none;}

#datepicker .datepicker table tbody td.day  {font-weight:600;color:#333;border:1px solid #eee;padding: 7px;font-size:14px;}
#datepicker .datepicker table tbody td.day.disabled  {opacity:0.5;}
#datepicker .datepicker table tbody td.disabled  {cursor:no-drop;}
#datepicker .datepicker table tbody td.day.active  {color:#fff;background-color:#777;}

#datepicker .datepicker .prev, #datepicker .datepicker .next {font-size: 24px;}

/*  FINE DATEPICKER  */

/*  ORARI  */

.custom-scrollbar-js {height: 330px;}
.ospiti .custom-scrollbar-js {height: 430px;}




/*  FINE ORARI  */



@media only screen and (min-width: 1200px) {
	
	footer {position: fixed;bottom:0px;text-align: center;background-color: #eee;width: 100%;font-size: 12px;padding: 5px;;}

	
	.modal-dialog.modal-xl {width:100%;max-width: 100%;}
	.modal-dialog.modal-xl .modal-body {background-color:rgba(0,0,0,0.8);position:relative;}
	.modal-dialog.modal-xl .modal-body .container.bg-dark {position:relative;}	
}


.orario_conferma {
    display: flex;
}