.opt-date-time-picker{background-color:#fff;box-shadow:1px 1px 4px 2px #0003;font-family:arial;font-size:18px;line-height:1;position:absolute;width:400px;z-index:9999}.opt-date-time-picker--inline{box-shadow:none;position:relative}.opt-date-time-picker--24-hour [data-control-type=time-period],.opt-date-time-picker:not([data-active-control=hour]) .opt-date-time-picker__title--hour,.opt-date-time-picker:not([data-active-control=minute]) .opt-date-time-picker__title--minute,.opt-date-time-picker[data-active-control=hour] .opt-date-time-picker__picker:not(.opt-date-time-picker__picker--time),.opt-date-time-picker[data-active-control=minute] .opt-date-time-picker__picker:not(.opt-date-time-picker__picker--time),.opt-date-time-picker[data-active-control=month-day] .opt-date-time-picker__picker:not(.opt-date-time-picker__picker--date),.opt-date-time-picker[data-active-control=time-zone] .opt-date-time-picker__picker:not(.opt-date-time-picker__picker--time-zone),.opt-date-time-picker[data-active-control=year] .opt-date-time-picker__picker:not(.opt-date-time-picker__picker--year),.opt-date-time-picker__control[data-current-time-period=am]>span[data-time-period-val=pm],.opt-date-time-picker__control[data-current-time-period=pm]>span[data-time-period-val=am]{display:none}.opt-date-time-picker__control[data-control-type=time-period]>span{pointer-events:none}.opt-date-time-picker__control-bar{display:flex;font-weight:600;position:relative}.opt-date-time-picker--date-only:not(.opt-date-time-picker--show-today) .opt-date-time-picker__control-bar{justify-content:center}.opt-date-time-picker__control-bar:after{background-color:#eee;bottom:2px;content:" ";height:1px;position:absolute;width:100%;z-index:-1}.opt-date-time-picker__control-section{display:flex;width:33.3%}.opt-date-time-picker__control-section--date{box-sizing:border-box;justify-content:flex-end;padding-left:10px}.opt-date-time-picker--date-only .opt-date-time-picker__control-section--date{justify-content:center;padding-left:0}.opt-date-time-picker--date-only.opt-date-time-picker--show-today .opt-date-time-picker__control-section--date{justify-content:flex-start;padding-left:40px}.opt-date-time-picker--date-only.opt-date-time-picker--show-today.opt-date-time-picker--inline .opt-date-time-picker__control-section--date{padding-left:0}.opt-date-time-picker__control-section--time{justify-content:center}.opt-date-time-picker__control-section--time-zone{box-sizing:border-box;justify-content:flex-start;padding-right:10px}.opt-date-time-picker__control-group{cursor:pointer;display:flex}.opt-date-time-picker__control,.opt-date-time-picker__control-divider{color:#777;cursor:pointer;max-width:100%;overflow:hidden;padding:14px 0 8px;text-overflow:ellipsis;white-space:nowrap}.opt-date-time-picker__control-divider{pointer-events:none}.opt-date-time-picker__control-group:hover .opt-date-time-picker__control,.opt-date-time-picker__control-group:hover .opt-date-time-picker__control-divider,.opt-date-time-picker__control:hover{color:#333}.opt-date-time-picker__control[data-control-type=time-period]{padding-left:5px}.opt-date-time-picker[data-active-control=hour] .opt-date-time-picker__control-divider[data-control-type=hour],.opt-date-time-picker[data-active-control=hour] .opt-date-time-picker__control[data-control-type=hour],.opt-date-time-picker[data-active-control=minute] .opt-date-time-picker__control[data-control-type=minute],.opt-date-time-picker[data-active-control=month-day] .opt-date-time-picker__control-divider[data-control-type=month-day],.opt-date-time-picker[data-active-control=month-day] .opt-date-time-picker__control[data-control-type=month-day],.opt-date-time-picker[data-active-control=time-zone] .opt-date-time-picker__control[data-control-type=time-zone],.opt-date-time-picker[data-active-control=year] .opt-date-time-picker__control-divider[data-control-type=year],.opt-date-time-picker[data-active-control=year] .opt-date-time-picker__control[data-control-type=year]{border-bottom:3px solid #000;color:#333}.opt-date-time-picker__picker-section{box-sizing:border-box;height:360px;padding-top:10px}.opt-date-time-picker__title{font-size:16px;font-weight:700;padding:10px 0 14px;text-align:center}.opt-date-time-picker .modal{background-color:initial;box-shadow:none;position:static;width:100%}.opt-date-time-picker .modal-overlay{display:none!important}.opt-date-time-picker .opt-date-time-picker__input--date,.opt-date-time-picker .opt-date-time-picker__input--time{display:none}.opt-date-time-picker__picker{color:#333;margin:0 auto;max-width:320px}.opt-date-time-picker .datepicker-container .select-year,.opt-date-time-picker .datepicker-date-display,.opt-date-time-picker .datepicker-footer{display:none}.opt-date-time-picker .datepicker-container button:focus{background-color:initial;color:#333}.opt-date-time-picker .datepicker-controls{border-bottom:1px solid #e0e0e0}.opt-date-time-picker .datepicker-controls button{font-size:18px;height:auto;line-height:normal;margin-bottom:0;padding:0}.opt-date-time-picker .datepicker-controls button svg{fill:#777}.opt-date-time-picker .datepicker-controls button:hover svg{fill:#333}.opt-date-time-picker .datepicker-table{font-size:13px;table-layout:auto}@media only screen and (min-width:601px){.opt-date-time-picker .datepicker-table{width:320px}}.opt-date-time-picker .datepicker-table-wrapper thead{background-color:#f2f2f2}.opt-date-time-picker .datepicker-table th{padding:10px 5px;width:42px}.opt-date-time-picker .datepicker-day-button{font-size:13px;height:auto;margin:0}.opt-date-time-picker .is-selected .datepicker-day-button{background-color:#000;color:#fff;height:34px;line-height:34px;margin:0 auto;width:34px}.opt-date-time-picker .datepicker-table td{border-bottom:0}.opt-date-time-picker .datepicker-table abbr{border-bottom:0;color:#333}.opt-date-time-picker .datepicker-table td.is-today{color:#333}.opt-date-time-picker .datepicker-table td.is-selected{background-color:initial;color:#fff}.opt-date-time-picker .datepicker-controls .select-month input{font-weight:700;width:auto}.datepicker-table-wrapper,.select-month input{text-transform:uppercase}.opt-date-time-picker .timepicker-digital-display,.opt-date-time-picker .timepicker-footer{display:none}.opt-date-time-picker .timepicker-plate{background-color:#f2f2f2;margin-top:0}.opt-date-time-picker .timepicker-dial{transform:none;transition:none}.opt-date-time-picker .timepicker-tick.active,.opt-date-time-picker .timepicker-tick:hover{background-color:initial}.opt-date-time-picker .timepicker-tick.opt-time--active{color:#fff}.opt-date-time-picker .timepicker-canvas line{stroke:#bdbdbd}.opt-date-time-picker .timepicker-canvas-bearing,.opt-date-time-picker .timepicker-canvas-bg{fill:#bdbdbd}.opt-date-time-picker .timepicker-canvas-bearing{transform:scale(1.75)}.opt-date-time-picker__picker-menu{background-color:#fafafa;border-top:2px solid #e0e0e0;box-sizing:border-box;height:270px;overflow:auto;width:100%}.opt-date-time-picker__picker-menu-item{cursor:pointer;font-size:16px;padding:10px}.opt-date-time-picker__menu-item--active{background-color:#000;color:#fff}.opt-date-time-picker__picker-header-section{position:relative}.opt-date-time-picker__picker-menu-item--hidden{display:none}.opt-date-time-picker__search{bottom:0;color:#333;display:flex;justify-content:flex-end;left:0;padding:5px 5px 5px 0;position:absolute;right:0}.opt-date-time-picker__search-icon{padding:4.5px 0;user-select:none}.opt-date-time-picker__search-icon--open{display:none}.opt-date-time-picker__search-icon--closed{cursor:pointer}.opt-date-time-picker__search--open .opt-date-time-picker__search-icon--open{display:inline-block}.opt-date-time-picker__search--open .opt-date-time-picker__search-icon--closed{display:none}.opt-date-time-picker__search-bar-animation-container{overflow:hidden;position:relative;width:100%}.opt-date-time-picker__search-bar-container{align-items:center;bottom:0;display:flex;left:100%;position:absolute;transition:left .3s ease-in-out;width:100%}.opt-date-time-picker__search--open .opt-date-time-picker__search-bar-container{left:0}.opt-date-time-picker__search .opt-date-time-picker__search-bar-container .opt-date-time-picker__search-bar{border:0;box-sizing:border-box;cursor:text;font-family:arial;font-size:16px;height:auto;line-height:16px;margin-bottom:0;outline:none;padding:5px 5px 5px 0;width:100%}.opt-date-time-picker__search-clear{box-sizing:border-box;cursor:pointer;padding-right:10px;user-select:none}.opt-date-time-picker__buttons{display:flex;justify-content:flex-end;margin:0 auto;max-width:320px;padding-bottom:30px}.opt-date-time-picker__button{color:#777;cursor:pointer;font-weight:700;margin-left:30px}.opt-date-time-picker__button--save{color:#1285ff}.opt-date-time-picker__button--today{background-color:#fff;border:0;border-radius:2px;bottom:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 10px;position:absolute;right:40px}.opt-date-time-picker--inline .opt-date-time-picker__button--today{border:1px solid #e0e0e0;bottom:10px;right:0}.opt-date-time-picker~.select-dropdown li>span{color:#000}.modal.datepicker-modal{outline:none}@media (max-width:420px){.opt-date-time-picker{max-width:100%}.opt-date-time-picker .datepicker-modal{min-width:auto}}