/* Yleinen fontti */ body, #events, #eventForm, #events h3, #events p, #events div, #eventForm h3, #eventForm label, #eventForm input, #eventForm select, #eventForm textarea { font-family: 'Poppins', Arial, sans-serif; } /* Palvelun otsikko */ #events h3 { color: #000000; font-weight: 700; letter-spacing: 0.2px; } /* Kesto */ #events p.duration, #events div.duration { color: #9e8415; font-weight: 600; } /* Palvelukuvaus */ #events p.description, #events div.description { color: #222222; font-size: 15px; line-height: 1.6; } /* Valittu palvelu */ #events .selectedEvent { border: 2px solid #9e8415; background-color: #ffffff; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08); } /* Päävarauspainike */ #events input.reserve_time_btn, #eventForm #save_button { background-color: #000000; color: #ffffff; border: 2px solid #000000; border-radius: 6px; padding: 12px 22px; font-family: 'Poppins', Arial, sans-serif; font-weight: 700; cursor: pointer; text-transform: none; } /* Painikkeen hover */ #events input.reserve_time_btn:hover, #eventForm #save_button:hover { background-color: #9e8415; border-color: #9e8415; color: #ffffff; } /* Valitse toinen aika / takaisin -painike */ #events input.select_another_btn { background-color: #ffffff; color: #000000; border: 1px solid #9e8415; border-radius: 6px; padding: 10px 18px; font-family: 'Poppins', Arial, sans-serif; font-weight: 600; cursor: pointer; } /* Varausvaiheen otsikot */ #eventForm #start_date-block-container h3, #eventForm #timeline-container h3 { color: #000000; font-weight: 700; } /* Kalenterin yläpalkki */ div.ui-widget-header { background-color: #000000; color: #ffffff; border: none; } /* Kalenterin sisältö */ div.ui-widget-content { border-color: #e6e6e6; background-color: #ffffff; } /* Aikataulukko */ #timeline-container table.timeline { font-family: 'Poppins', Arial, sans-serif; } /* Vapaat ajat */ .timeline td.free_time { background-color: #ffffff; color: #000000; border: 1px solid #9e8415; font-weight: 600; cursor: pointer; } /* Vapaan ajan hover */ .timeline td.free_time:hover { background-color: #9e8415; color: #ffffff; } /* Valittu aika */ .timeline td.selected_time { background-color: #000000; color: #ffffff; border: 2px solid #9e8415; font-weight: 700; } /* Varatut ajat */ .timeline td.reserved_time { background-color: #eeeeee; color: #999999; } /* Ei työaikaa */ .timeline td.not_worked_time { background-color: #f7f7f7; color: #cccccc; } /* Lataus */ div#loading { color: #9e8415; font-family: 'Poppins', Arial, sans-serif; font-weight: 600; }