.opt-date-time-picker{width:400px;font-size:18px;line-height:1;box-shadow:1px 1px 4px 2px rgba(0,0,0,.2);position:absolute;z-index:9999;background-color:#fff;font-family:arial}.opt-date-time-picker--inline{position:relative;box-shadow:none}.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;position:relative;font-weight:600}.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{content:" ";width:100%;position:absolute;bottom:2px;height:1px;background-color:#eee;z-index:-1}.opt-date-time-picker__control-section{display:flex;width:33.3%}.opt-date-time-picker__control-section--date{justify-content:flex-end;padding-left:10px;box-sizing:border-box}.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}.opt-date-time-picker__control-section--time{justify-content:center}.opt-date-time-picker__control-section--time-zone{justify-content:flex-start;padding-right:10px;box-sizing:border-box}.opt-date-time-picker__control-group{display:flex;cursor:pointer}.opt-date-time-picker__control,.opt-date-time-picker__control-divider{padding:14px 0 8px;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;cursor:pointer;color:#777}.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{height:360px;padding-top:10px;box-sizing:border-box}.opt-date-time-picker__title{font-size:16px;font-weight:700;padding:10px 0 14px;text-align:center}.opt-date-time-picker .modal{width:100%;position:static;box-shadow:none;background-color:transparent}.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{max-width:320px;margin:0 auto;color:#333}.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:transparent;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;padding:0;margin-bottom: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}.opt-date-time-picker .datepicker-table-wrapper thead{background-color:#f2f2f2}.opt-date-time-picker .datepicker-table th{width:42px}.opt-date-time-picker .datepicker-day-button{font-size:13px;margin:0;height:auto}.opt-date-time-picker .is-selected .datepicker-day-button{background-color:#000;width:34px;height:34px;line-height:34px;margin:0 auto;color:#fff}.opt-date-time-picker .datepicker-table td{border-bottom:0}.opt-date-time-picker .datepicker-table abbr{color:#333;border-bottom:0}.opt-date-time-picker .datepicker-table td.is-today{color:#333}.opt-date-time-picker .datepicker-table td.is-selected{background-color:transparent;color:#fff}.opt-date-time-picker .datepicker-controls .select-month input{width:auto;font-weight:700}.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{transition:none;transform:none}.opt-date-time-picker .timepicker-tick.active,.opt-date-time-picker .timepicker-tick:hover{background-color:transparent}.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{width:100%;height:270px;overflow:auto;background-color:#fafafa;box-sizing:border-box;border-top:2px solid #e0e0e0}.opt-date-time-picker__picker-menu-item{font-size:16px;padding:10px;cursor:pointer}.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{position:absolute;right:0;left:0;bottom:0;display:flex;justify-content:flex-end;padding:5px 5px 5px 0;color:#333}.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{position:relative;overflow:hidden;width:100%}.opt-date-time-picker__search-bar-container{position:absolute;left:100%;bottom:0;display:flex;align-items:center;width:100%;transition:left .3s ease-in-out}.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{box-sizing:border-box;border:0;font-size:16px;line-height:16px;padding:5px 5px 5px 0;width:100%;cursor:text;outline:none;font-family:arial;margin-bottom:0;height:auto}.opt-date-time-picker__search-clear{padding-right:10px;box-sizing:border-box;cursor:pointer;user-select:none}.opt-date-time-picker__buttons{display:flex;justify-content:flex-end;max-width:320px;margin:0 auto;padding-bottom:30px}.opt-date-time-picker__button{margin-left:30px;cursor:pointer;color:#777;font-weight:700}.opt-date-time-picker__button--save{color:#1285ff}.opt-date-time-picker__button--today{position:absolute;background:0 0;right:0;bottom:10px;padding:8px 10px;font-size:14px;border-radius:2px;border:1px solid #e0e0e0;cursor:pointer}.opt-date-time-picker~.select-dropdown li>span{color:#000}.modal.datepicker-modal{outline:none}