@netwin/angular-datetime-picker/assets/style/picker.min.css

Angular Date Time Picker

owl-date-time-inline{--owl-color-primary:#3f51b5;width:18.5rem;min-width:15rem;max-width:100%;display:inline-block}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{pointer-events:auto;background:#fff;font-size:1rem;display:block}.owl-dt-inline-container{width:100%;height:100%;position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar{width:100%}.owl-dt-inline-container .owl-dt-timer{width:100%}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{flex-direction:column;width:100%;display:flex}.owl-dt-calendar-control{color:rgba(0,0,0,.85);align-items:center;width:100%;padding:.5em;font-size:1em;display:flex}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:auto;justify-content:space-between;align-items:center;display:flex}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{outline:0;flex-direction:column;flex:auto;padding:0 .5em .5em;display:flex}.owl-dt-calendar-view{flex:auto;display:block}.owl-dt-calendar-multi-year-view{align-items:center;display:flex}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{border-collapse:collapse;border-spacing:0;width:100%}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{text-align:center;padding-bottom:1em;font-size:.7em;font-weight:400}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{height:1px;padding-bottom:.5em;position:relative}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:"";background:rgba(0,0,0,.12);height:1px;position:absolute;top:0;left:-.5em;right:-.5em}.owl-dt-calendar-table .owl-dt-calendar-cell{text-align:center;height:0;color:var(--owl-color-surface-content);-ms-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;outline:0;line-height:0;position:relative}.owl-dt-calendar-table .owl-dt-calendar-cell-content{box-sizing:border-box;width:90%;height:90%;color:inherit;cursor:pointer;border:1px solid transparent;border-radius:999px;justify-content:center;align-items:center;font-size:.8em;line-height:1;display:flex;position:absolute;top:5%;left:5%}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:var(--owl-color-primary)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgb(from var(--owl-color-primary)r g b/.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-timer{outline:none;justify-content:center;width:100%;height:7em;padding:.5em;display:flex}.owl-dt-timer-box{flex-direction:column;align-items:center;width:25%;height:100%;display:inline-flex;position:relative}.owl-dt-timer-content{flex:auto;justify-content:center;align-items:center;width:100%;margin:.2em 0;display:flex}.owl-dt-timer-content .owl-dt-timer-input{text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:none;width:2em;padding:.2em;font-size:1.2em;display:block}.owl-dt-timer-divider{align-self:flex-end;width:.6em;height:100%;display:inline-block;position:absolute;left:-.3em}.owl-dt-timer-divider:before{content:"";background-color:currentColor;border-radius:50%;width:.35em;height:.35em;display:inline-block;position:absolute;left:50%;transform:translate(-50%)}.owl-dt-timer-divider:after{content:"";background-color:currentColor;border-radius:50%;width:.35em;height:.35em;display:inline-block;position:absolute;left:50%;transform:translate(-50%)}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;vertical-align:baseline;color:inherit;background-color:transparent;border:none;outline:none;margin:0;padding:0;font-size:1em;text-decoration:none;display:inline-block}.owl-dt-control-button .owl-dt-control-button-content{outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.owl-dt-control-period-button .owl-dt-control-button-content{border-radius:3px;height:1.5em;padding:0 .5em;transition:background-color .1s linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform .2s;display:flex}.owl-dt-control-today-button{height:1.5em;color:var(--owl-color-primary);border-radius:3px;padding:0 .5em;transition:background-color .1s linear}.owl-dt-control-today-button:not(:disabled):hover{background-color:rgba(0,0,0,.12)}.owl-dt-control-today-button:disabled{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button .owl-dt-control-button-content{border-radius:50%;width:1.5em;height:1.5em;padding:0}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{fill:currentColor;width:50%;height:50%}.owl-dt-container-info{cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0 .5em}.owl-dt-container-info .owl-dt-container-range{outline:none}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{justify-content:space-between;padding:.5em 0;font-size:.8em;display:flex}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:var(--owl-color-primary)}.owl-dt-container-disabled{opacity:.35;background-image:none;cursor:default!important}.owl-dt-timer-hour12{color:var(--owl-color-primary);justify-content:center;align-items:center;display:flex}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid;border-radius:2px;transition:background .2s}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content{background:var(--owl-color-primary);color:#fff}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:var(--owl-color-primary);color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-control{cursor:pointer;outline:none}.owl-dt-control .owl-dt-control-content{outline:none}.owl-dt-control:focus>.owl-dt-control-content{box-shadow:none;background-color:rgba(0,0,0,.12)}.owl-hidden-accessible{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}