.datepicker{min-height:375px}.datepicker>h3{margin-top:0}.datepicker>.footer>.text{font-weight:bold}.datepicker>.footer>.date{margin-left:8px}.datepicker>.footer>.separator{margin-left:8px;font-weight:bold}.datepicker>.input-group{min-height:350px;display:inline-block}.datepicker .picker-row{padding:24px;border-bottom:2px solid lightgray}.datepicker .picker-row>h4{margin-top:0}.datepicker .picker-row>.input-row>label{margin-right:16px}.datepicker .picker-row>.input-row>label:last-of-type{margin-right:0}.date-time-picker,.date-range-picker{display:flex;font-family:"Roboto",sans-serif;--white:#ffffff;--black:#000000;--brand-accent:#d71a21;--brand-accent-light:#f7d1d2;--brand-accent-lightest:#fbe9e9;--brand-primary:#006698;--concrete-grey:#9b9b9b;--off-white:#f6f6f6;--rich-grey:#4a4a4a;--regular-weight:400;--medium-weight:500}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.double-clock-view .switch-view-button,.double-calendar-view .switch-view-button{width:25px;height:25px;display:flex;align-items:center;justify-content:center;position:absolute;top:calc(50% - 10px);right:0px;fill:var(--rich-grey);cursor:pointer}.double-clock-view .switch-view-button.disabled,.double-calendar-view .switch-view-button.disabled{fill:var(--concrete-grey);cursor:default}.calendar_{width:315px;display:grid;grid-template-columns:repeat(7,1fr);grid-row-gap:10px;grid-auto-rows:32px}.calendar_ .date{position:relative;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:32px;text-align:center;cursor:pointer}.calendar_ .date.today{font-weight:bold}.calendar_ .date:hover .date-inner{background-color:var(--concrete-grey)}.calendar_ .date.selected{color:var(--white)}.calendar_ .date.selected .date-inner{background-color:var(--brand-accent)}.calendar_ .date.invalid{color:var(--concrete-grey);cursor:not-allowed}.calendar_ .date.invalid:hover .date-inner{background-color:transparent}.calendar_ .date.disabled{color:var(--concrete-grey);cursor:default}.calendar_ .date.disabled:hover .date-inner{background-color:transparent}.calendar_ .date .date-inner{width:32px;height:32px;z-index:2;border-radius:50%}.calendar_ .date.date-range{background-color:var(--brand-accent-light)}.calendar_ .date.date-range-start:after{content:"";width:80%;height:100%;position:absolute;right:0;border-top-left-radius:50%;border-bottom-left-radius:50%;background-color:var(--brand-accent-light)}.calendar_ .date.date-range-end:after{content:"";width:80%;height:100%;position:absolute;left:0;border-top-right-radius:50%;border-bottom-right-radius:50%;background-color:var(--brand-accent-light)}.weekdays{width:100%;padding:6px 0;display:flex;font-size:14px;font-weight:var(--medium-weight);color:var(--rich-grey);background-color:var(--off-white)}.weekdays span{flex:1;text-align:center}.single-calendar-view{height:318px;padding:0 12px 10px 12px;position:relative;background-color:var(--off-white)}.single-calendar-view .calendar{max-width:315px;flex:0.5;background-color:var(--white)}.double-calendar-view{width:650px;height:318px;padding:0 25px 10px 25px;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;background-color:var(--off-white)}.double-calendar-view .switch-view-button{right:0px}.double-calendar-view .double-month-picker{flex:1}.double-calendar-view .calendar{max-width:315px;flex:0.5;background-color:var(--white)}.single-month-picker,.double-month-picker{width:100%;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--off-white)}.single-month-picker .month-name,.double-month-picker .month-name{width:140px;font-size:16px;font-weight:var(--medium-weight);color:var(--rich-grey);text-align:center;line-height:30px}.single-month-picker .action,.double-month-picker .action{width:30px;height:30px;display:flex;align-items:center;justify-content:center;fill:var(--rich-grey);cursor:pointer}.single-month-picker .action.disabled,.double-month-picker .action.disabled{fill:var(--concrete-grey);cursor:default}.single-month-picker .today-button,.double-month-picker .today-button{position:absolute;top:8px;font-size:14px;font-weight:500;color:var(--brand-primary);cursor:pointer}.single-month-picker .today-button{left:12px}.double-month-picker{justify-content:space-between}.double-month-picker .today-button{left:24px}.double-month-picker .next-month,.double-month-picker .previous-month{width:320px;height:30px;position:relative;line-height:30px;text-align:center}.double-month-picker .next-month .action,.double-month-picker .previous-month .action{position:absolute;top:0}.double-month-picker .next-month>.action{right:20%}.double-month-picker .previous-month>.action{left:20%}.double-clock-view{width:650px;height:318px;padding:0 25px 10px 25px;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--off-white)}.double-clock-view.hh,.double-clock-view.hh_mm{width:400px}.double-clock-view.hh_mm_ss{width:450px}.double-clock-view.hh_mm_ss_mmmm{width:600px}.double-clock-view .switch-view-button{left:0px}.single-clock-view{height:300px;padding:0 25px 10px 25px;position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--off-white)}.single-clock-view.hh,.single-clock-view.hh_mm{width:200px}.single-clock-view.hh_mm_ss{width:250px}.single-clock-view.hh_mm_ss_mmmm{width:300px}.single-clock-view .time-picker-container{flex:1}.time-picker-container{height:100%;flex:0.5;display:flex;align-items:center;justify-content:space-around;flex-direction:column}.time-picker-container .header{font-size:16px;font-weight:var(--medium-weight);color:var(--rich-grey)}.time-picker-container .placeholder,.time-picker-container .date{height:20px}.time-picker-container .date{font-size:14px;font-weight:var(--regular-weight);color:var(--rich-grey)}.time-picker-container .time-picker{width:100%;flex:0.7;display:flex;align-items:center;justify-content:center;background-color:var(--white)}.time-picker-container .time-picker .hours-picker,.time-picker-container .time-picker .minutes-picker,.time-picker-container .time-picker .seconds-picker,.time-picker-container .time-picker .milliseconds-picker{display:flex;align-items:center;flex-direction:column;justify-content:center}.time-picker-container .time-picker .hours-picker .time-input,.time-picker-container .time-picker .minutes-picker .time-input,.time-picker-container .time-picker .seconds-picker .time-input,.time-picker-container .time-picker .milliseconds-picker .time-input{width:40px;margin:0;padding:0;border:none;outline:none;font-size:34px;font-weight:bold;background:transparent;font-family:"Roboto",sans-serif}.time-picker-container .time-picker .hours-picker .button,.time-picker-container .time-picker .minutes-picker .button,.time-picker-container .time-picker .seconds-picker .button,.time-picker-container .time-picker .milliseconds-picker .button{width:30px;height:30px;margin:12px 0;display:flex;align-items:center;justify-content:center;fill:var(--brand-accent);cursor:pointer}.time-picker-container .time-picker .milliseconds-picker .time-input{width:60px}.time-picker-container .time-picker .time-separator{font-size:34px;font-weight:var(--medium-weight);margin:0 8px}.time-picker-container .filler,.time-picker-container .checkbox{flex:0.1}.time-picker-container .checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer}.time-picker-container .checkbox svg{fill:var(--rich-grey)}.time-picker-container .checkbox .text{margin-left:8px;font-size:14px;color:var(--rich-grey)}