@import"https://fonts.googleapis.com/css?family=Open+Sans:300,400,700";@import"https://fonts.googleapis.com/icon?family=Material+Icons";.icon{font-family:Material Icons,serif;font-style:normal;display:inline-block;vertical-align:middle;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}:root{--main-color: #1a8fff;--text-color: #777;--text-color-light: #ccc;--border-color: #eee;--bg-color: #f5f5f5;--neutral-color: #fff}*{box-sizing:border-box}.calendar header{display:block;width:100%;padding:1.75em 0;border-bottom:1px solid var(--border-color);background:var(--neutral-color)}.calendar header #logo{font-size:175%;text-align:center;color:var(--main-color);line-height:1}.calendar header #logo .icon{padding-right:.25em}.calendar .row{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.calendar .row-middle{align-items:center}.calendar .col{flex-grow:1;flex-basis:0;max-width:100%}.calendar .col-start{justify-content:flex-start;text-align:left}.calendar .col-center{justify-content:center;text-align:center}.calendar .col-end{justify-content:flex-end;text-align:right}.calendar{display:block;position:relative;width:100%;background:var(--neutral-color);border:1px solid var(--border-color);font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1em;font-weight:300;line-height:1.5;color:var(--text-color)}.calendar .header{text-transform:capitalize;font-weight:700;font-size:115%;padding:1.5em 0;border-bottom:1px solid var(--border-color)}.calendar .header .icon{cursor:pointer;transition:.15s ease-out}.calendar .header .icon:hover{transform:scale(1.75);transition:.25s ease-out;color:var(--main-color)}.calendar .header .icon:first-of-type{margin-left:1em}.calendar .header .icon:last-of-type{margin-right:1em}.calendar .days{text-transform:uppercase;font-weight:400;color:var(--text-color-light);font-size:70%;padding:.75em 0;border-bottom:1px solid var(--border-color)}.calendar .body .row .cell{position:relative;height:5em;border-right:1px solid var(--border-color);overflow:hidden;cursor:pointer;background:var(--neutral-color);transition:.25s ease-out}.calendar .body .row .cell:hover{background:var(--bg-color);transition:.5s ease-out}.calendar .body .row .cell .number{position:absolute;font-size:82.5%;line-height:1;top:.75em;right:.75em;font-weight:700}.calendar .body .row{border-bottom:1px solid var(--border-color)}.calendar .body .row .selected{border-left:10px solid transparent;border-image:linear-gradient(45deg,#1a8fff,#53cbf1 40%);border-image-slice:1}.calendar .body .row .disabled{color:var(--text-color-light);pointer-events:none}.calendar .body .row .selectedTime{color:var(--main-color)}.calendar .body .cell .bg{font-weight:700;line-height:1;color:var(--main-color);opacity:0;font-size:8em;position:absolute;top:-.2em;right:-.05em;transition:.25s ease-out;letter-spacing:-.07em}.calendar .body .row .cell:hover .bg,.calendar .body .selected .bg{opacity:.05;transition:.5s ease-in}.calendar .body .row .col{flex-grow:0;flex-basis:14.2857142857%;width:14.2857142857%}.calendar .timeSelector{position:relative;float:left;width:100%;text-align:center;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;color:#777;cursor:pointer;font-weight:300;background-color:#fff;box-shadow:4px 4px 4px -2px #0000004d;border-radius:3px}.calendar .timeSelector p{font-weight:700;border-bottom:1px solid #E0E0E0;padding:20px 2%;width:100%;display:block;font-size:82.5%;line-height:1;top:.75em;right:.75em;margin:0;cursor:pointer}.calendar .timeSelector .optionHolder .col{text-align:center;font-weight:700;flex-grow:0;flex-basis:25%;width:25%}.calendar .timeSelector .optionHolder .col:hover{background:var(--bg-color);transition:.5s ease-out}.calendar .timeSelector .closed{border-bottom:0;color:var(--text-color-light)}.calendar .timeSelector .optionHolder{left:0;top:0;z-index:999;overflow:hidden;width:100%;background-color:var(--neutral-color);height:auto;padding:0;margin-bottom:0;margin-top:0;transition:all 375ms ease-in-out}
