/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 25 2026 | 16:14:46 */
.na-scheduler,
.na-scheduler *{
box-sizing:border-box;
}


.na-scheduler{

--na-teal:#08aebd;
--na-dark:#008f9c;
--na-navy:#17314f;
--na-muted:#65758b;
--na-line:#d6e0ea;

width:min(1060px,100%);
margin:auto;
background:white;
border:1px solid #dfe7ef;
box-shadow:0 18px 55px rgba(23,49,79,.14);
font-family:Arial,Helvetica,sans-serif;
overflow:hidden;

color:var(--na-navy);

}



.na-screen{
display:none;
}


.na-screen.is-active{
display:grid;
}



.na-screen-calendar{

grid-template-columns:1fr 1fr;
min-height:620px;

}




.na-left{

padding:40px 35px;
background:linear-gradient(145deg,#07aebd,#08b7c2);
text-align:center;
color:white;

}



.na-logo{

width:60px;
height:60px;

display:grid;
place-items:center;

margin:auto auto 18px;

border-radius:50%;

background:white;
color:#008f9c;

font-weight:900;
font-size:22px;

}




.na-left h2{

font-size:22px;
font-weight:500;

line-height:1.3;

margin-bottom:25px;

color:white;

}




.na-month-nav{

display:flex;
justify-content:center;
align-items:center;
gap:15px;
margin-bottom:20px;

}



.na-month-label{

font-size:18px;
font-weight:900;

}



.na-month-btn{

width:32px;
height:32px;

border:0;
border-radius:6px;

background:#ffffff25;
color:white;

cursor:pointer;

}



.na-weekdays,
.na-calendar{

display:grid;
grid-template-columns:repeat(7,1fr);
gap:8px;

}




.na-weekdays{

font-size:11px;
font-weight:bold;
margin-bottom:10px;

}





.na-day{

height:42px;

border:0;
border-radius:50%;

background:transparent;

color:#ffffff70;

cursor:pointer;

font-weight:bold;

}



.na-day.has-times{

color:white;

}



.na-day.is-selected{

background:white;
color:#008f9c;

}



.na-day.is-disabled{

cursor:not-allowed;
opacity:.35;

}




.na-right{

padding:40px;
background:white;

position:relative;

}




.na-label{

display:block;

font-size:13px;
font-weight:900;

margin-bottom:8px;

}




.na-location-row,
.na-row{

margin-bottom:25px;

}




.na-duration{

background:#cbd6e2;

padding:12px;

text-align:center;

font-size:13px;

}




.na-times{

display:grid;
gap:8px;

max-height:260px;
overflow:auto;

}




.na-times button{

height:40px;

background:white;

border:1px solid var(--na-line);

color:var(--na-dark);

font-weight:bold;

cursor:pointer;

border-radius:5px;

}



.na-times button:hover{

background:#effbfc;

border-color:var(--na-dark);

}





.na-empty{

display:none;

text-align:center;

}





.na-screen-form{

min-height:620px;

}




.na-form-wrap{

padding:40px;

}




.na-grid-2{

display:grid;

grid-template-columns:1fr 1fr;

gap:10px;

}



.na-form label{

display:block;

font-size:13px;

font-weight:bold;

margin-bottom:20px;

}



.na-form input{

width:100%;

height:35px;

margin-top:6px;

padding:8px;

border:1px solid #bccbda;

background:#f7fafc;

}



.na-guest-row{

display:grid;

grid-template-columns:1fr 80px auto;

gap:8px;

align-items:center;

}



.na-add-guest{

height:35px;

border:1px solid #ccc;

background:#eee;

cursor:pointer;

}



.na-add-guest:not(:disabled){

background:white;
border-color:var(--na-dark);
color:var(--na-dark);

}




.na-guest-list{

display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:10px;

}




.na-guest-list span{

padding:6px 10px;

background:#f3f7fa;

border:1px solid var(--na-line);

font-size:12px;

}





.na-actions{

display:flex;

justify-content:space-between;

padding:20px 40px;

margin:20px -40px 0;

background:#eef3f7;

}




.na-back,
.na-confirm{

height:35px;

padding:0 20px;

cursor:pointer;

font-weight:bold;

}



.na-back{

background:white;

border:1px solid var(--na-dark);

}



.na-confirm{

background:#65ced7;

border:0;

color:white;

}




@media(max-width:780px){


.na-screen-calendar{

grid-template-columns:1fr;

}


.na-grid-2,
.na-guest-row{

grid-template-columns:1fr;

}


.na-left,
.na-right,
.na-form-wrap{

padding:25px;

}


.na-actions{

margin:20px -25px -25px;

}


}