.datepicker,.timepicker-container-outer{-webkit-tap-highlight-color:transparent;overflow:hidden}.ng-cloak,.time.time-active:after,[ng-cloak],[ng\:cloak]{display:none}*{box-sizing:border-box}body,html{margin:0}.app-container{border-radius:4px;overflow:hidden;height:auto;max-width:100%;position:absolute;top:120px;left:0;right:0;margin:auto}.buttons-container{bottom:15px;right:0;height:40px;font-family:Roboto,sans-serif}.cancel-button,.save-button{float:left;height:40px;line-height:40px;padding:0 15px;border-radius:2px;margin-right:15px;cursor:pointer;transition:.15s}.datepicker{position:relative;width:100%;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;font-family:Roboto,sans-serif;transition:background .15s}.datenumber,.datenumber:before{transition:.25s cubic-bezier(.7,-.12, .2, 1.12)}.current-time::after,.datepicker.am,.datepicker.pm{background:#0dad83}.datepicker-header{width:100%;color:#fff;overflow:hidden}.datepicker-title{width:50%;float:left;padding:0 15px;text-align:left;font-size:20px}.datepicker-subheader{width:50%;float:left;font-size:14px;padding:0 15px;text-align:right}.datepicker-calendar{background:#fff;padding:20px 15px 15px;max-width:400px;display:block}.current-month-container,.goback,.goforward{height:30px;display:inline-block;position:relative}.calendar-header{color:#000;font-weight:bolder;text-align:center;font-size:18px;padding:10px 0;position:relative}.goback,.goforward{width:30px;border-radius:30px;cursor:pointer;top:-4px}.goback path,.goforward path{transition:stroke .15s}.goback{float:left;margin-left:3.8%}.goforward{float:right;margin-right:3.8%}.calendar-day-header{width:100%;position:relative}.datecontainer,.day-label{width:14.2857142%;display:inline-block;text-align:center}.day-label{padding:5px 0}.datecontainer{padding:4px 0}.datenumber{max-width:35px;max-height:35px;line-height:35px;margin:0 auto;position:relative;text-align:center;cursor:pointer;z-index:1}.no-hover .datenumber,.no-hover .datenumber:before,.no-hover .datenumber:hover,.no-hover .datenumber:hover::before{cursor:default;color:#8a8a8a;background:0 0;opacity:.5}.current-month-container,.datenumber,.datenumber:hover,.day-label,.day-selected,.display-time,.no-hover .datenumber.day-selected{color:#fff}.datenumber:before{content:'';display:block;position:absolute;height:35px;width:35px;border-radius:100px;z-index:-1;background:0 0;-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);-o-transform:scale(.75);transform:scale(.75);transition-property:background,transform,color,border}.datenumber.day-selected:before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}@-webkit-keyframes select-date{0%{background:#ffab91}100%{background:#ff6e40}}@keyframes select-date{0%{background:#ffab91}100%{background:#ff6e40}}.timepicker-container-outer{max-width:700px;display:block;padding:40px 30px 30px;position:relative;transition:background .15s}.timepicker-container-inner{width:100%;height:100%;max-width:320px;margin:0 auto;position:relative;display:block}.timeline-container{display:block;float:left;position:relative;width:100%;height:36px}.current-time{display:block;position:absolute;z-index:1;width:40px;height:40px;border-radius:20px;top:-25px;left:-20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hours-container,.timeline{display:block;width:100%;position:absolute}.current-time::after{content:'';display:block;width:40px;height:40px;position:absolute;transition:.15s;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:20px 20px 3px;z-index:-1;top:0}.actual-time{line-height:40px;font-size:12px;text-align:center;transition:.15s}.timeline{z-index:1;height:2px;bottom:0}.timeline::after,.timeline::before{content:'';display:block;width:2px;height:10px;top:-6px;position:absolute;background:#0dad83;left:-1px;transition:background .15s}.timeline::after{left:auto;right:-1px}.hours-container{z-index:0;height:10px;top:31px;left:1px}.display-time,.hour-mark{position:relative;display:block;float:left}.hour-mark{width:2px;height:4px;margin-left:calc((100% / 12) - 2px);transition:background .15s}.hour-mark:nth-child(3n){height:6px;top:-1px}.display-time{margin-top:30px;height:36px;overflow:hidden;text-align:center;transition:color .15s}.datepicker-calendar,.timepicker-container-outer{margin:0 auto;float:none;width:100%}.decrement-time,.increment-time{cursor:pointer;position:absolute;display:block;width:24px;height:24px;line-height:24px;top:6px;font-size:20px}.decrement-time{left:0;text-align:left}.increment-time{right:0;text-align:right}.am-pm-button,.time-input{text-align:center;cursor:pointer}.decrement-time path,.increment-time path{transition:.15s;stroke:#FF693C}.time{width:calc(100% - 48px);position:relative;left:24px;height:36px}.time-input{position:absolute;top:0;left:0;right:0;height:34px;line-height:34px;bottom:2px;width:100%;border:none;background:0 0;font-size:inherit;opacity:0;transition:.15s}.formatted-time{cursor:pointer}.time-input:focus{background:#0dad83;color:#fff;cursor:default}.am-pm-button{width:calc(50% - 5px);height:36px;line-height:36px;background:#2196f3;color:#fff;border-radius:4px;float:left}.am-pm-button:first-child{background:#0dad83;color:#fff}.am-pm-button:last-child{background:#fff;margin-left:10px}@-webkit-keyframes select-date-pm{0%{background:rgba(255,255,255,.5)}100%{background:#fff}}@keyframes select-date-pm{0%{background:rgba(255,255,255,.5)}100%{background:#fff}}.datenumber.day-selected,.time-input{color:#ff693c}.time:after{background:#ff693c}.datepicker-subheader{color:#0dad83}.current-time::after,.goback:after,.goback:before,.goforward:after,.goforward:before,.hour-mark,.pm .timeline::after,.timeline::before{background:#fff}.datenumber:hover::before{background:rgba(255,255,255,.5);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.datenumber.day-selected:before{background:#fff;-webkit-animation:.25s forwards select-date-pm;-moz-animation:.25s forwards select-date-pm;animation:.25s forwards select-date-pm}.actual-time,.am-pm-button:last-child{color:#ff6e40}.cancel-button{background:0 0;color:#fff}.save-button,.time-input:focus~.formatted-time{background:#fff;color:#ff693c}.goback path,.goforward path{stroke:white}.datepicker-title{height:50px;line-height:50px}.datepicker-subheader{height:30px;line-height:30px}.display-time{width:60%;font-size:20px;line-height:36px}.app-container{width:100%}.timepicker-container-outer{top:-15px}.buttons-container{position:relative;float:right}