main{display:flex;flex-direction:column;align-items:center;width:100vw;height:100%;overflow-y:scroll}button.provitam{background-color:#05CBD4;border:2px solid #0f5477;color:white;padding:1em;cursor:pointer;border-radius:5px;box-sizing:border-box}button.provitam:enabled:hover{background-image:none;background-color:#0f5477;font-weight:bold}button.provitam:disabled{background-color:#dee5e5;color:#a8a8a8;cursor:not-allowed}form.provitam{margin:auto;max-width:800px;border:2px solid #dee5e5;border-radius:5px;padding:5%;box-shadow:5px 5px 15px #ddd}form.provitam h1{text-align:center;color:#05CBD4}form.provitam input,form.provitam select{border:2px solid #dee5e5;border-radius:5px;padding:0.4em;width:100%;box-sizing:border-box}form.provitam select{background-color:white}form.provitam div.formfield{margin-bottom:1.2rem}form.provitam div.formfield label{display:block;font-weight:bold;margin-bottom:0.5rem;width:100%}section#appointment{width:100%;height:100vh;overflow-y:scroll}section#appointment .reg-errors{background-color:#E0181F;color:white;font-weight:bold;font-size:1.2em;padding:0.5em 3em;border-radius:5px;margin-bottom:2em;text-align:center}section#appointment form.provitam .formfield #id_phone_0{display:inline-block;width:30%}section#appointment form.provitam .formfield #id_phone_1{display:inline-block;width:70%}section#appointment form.provitam p.important{text-align:center;font-weight:bold;color:#E0181F}section#appointment form.provitam .errorlist{background-color:#E0181F;color:white;font-weight:bold;padding:1em;border-radius:5px;list-style-type:none;text-align:center}section#appointment form.provitam .calendar-widget{margin-bottom:3rem}section#appointment form.provitam .calendar-widget .calendar-container{display:grid;grid-template-columns:1fr 3fr 1fr;row-gap:0.5rem;align-items:center;justify-items:center;grid-template-areas:"prev current next" "calendar calendar calendar"}section#appointment form.provitam .calendar-widget .calendar-container #prev-month{grid-area:prev}section#appointment form.provitam .calendar-widget .calendar-container #next-month{grid-area:next}section#appointment form.provitam .calendar-widget .calendar-container .date-label{grid-area:current}section#appointment form.provitam .calendar-widget .calendar-container .calendar-table{grid-area:calendar;width:100%;border-collapse:collapse}section#appointment form.provitam .calendar-widget .calendar-container .calendar-table th,section#appointment form.provitam .calendar-widget .calendar-container .calendar-table td{width:14%;height:2rem;text-align:center}section#appointment form.provitam .calendar-widget .calendar-container .calendar-table th{background-color:#05CBD4;color:white}section#appointment form.provitam .calendar-widget .calendar-container .calendar-table td{border:1px solid white;background-color:white;cursor:not-allowed}section#appointment form.provitam .calendar-widget .calendar-container .calendar-table td.out-of-range,section#appointment form.provitam .calendar-widget .calendar-container .calendar-table td.not-working,section#appointment form.provitam .calendar-widget .calendar-container .calendar-table td.on-vacation,section#appointment form.provitam .calendar-widget .calendar-container .calendar-table td.bookedfull{background-color:#dee5e5;color:#a8a8a8}section#appointment form.provitam .calendar-widget .calendar-container .calendar-table td.working{background-color:#05CBD4;color:white}section#appointment form.provitam .calendar-widget .calendar-container .calendar-table td.selectable{cursor:pointer}section#appointment form.provitam .calendar-widget .calendar-container .calendar-table td.selected{background-color:#E0181F;color:white;font-weight:bold}section#appointment form.provitam #accept-time-widget .accept-container #accept-time-checkbox{display:inline;width:auto}section#appointment form.provitam #accept-time-widget .accept-container .text{font-weight:normal;width:auto;display:inline}section#appointment form.provitam #accept-time-widget .accept-container .text.found{display:none}section#appointment form.provitam #accept-time-widget .accept-container .text .at{font-weight:bold}section#appointment #submit-appointment{margin-top:3em;width:100%;font-size:1.3rem}@media (min-width:1024px){main{width:auto}}