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