.calendar{font-family:open sans,sans-serif;text-align:center;width:44em;padding:8px}.calendar select{text-align:center;text-align-last:center}.calendar-outer{display:flex}@media(max-width:799px){.calendar-outer{flex-direction:column}}.calendar-inner{width:50%;padding-top:8px;border:1px solid;margin:4px;border-radius:4px}.month{font-size:18px;width:80%;vertical-align:middle;height:2em;margin-left:.5em;margin-right:.5em}.day-names,.day-grid{display:grid;grid-template-columns:repeat(7,1fr);margin:.5em}.color-block{height:2rem;border-radius:4px;border:#fff 1px solid;text-align:center;max-width:20rem;margin-left:4px;margin-right:4px;margin-top:8px;padding-left:6px;padding-right:6px;padding-top:4px;align-content:center}.color-outer{display:flex;flex-direction:row;justify-content:space-between}.day-cell{padding:2px;margin:1px;background-color:#fff;cursor:not-allowed}.available{background-color:#c7f7b0}.unavailable{background-color:#ababab}.selected{background:#a0a0ff}.booked-fully{background-color:#f3a9af}.booked-end{background:linear-gradient(-45deg,#c7f7b0 40% 40%,transparent 40% 60%,#f3a9af 60% 100%)}.booked-start{background:linear-gradient(-45deg,#f3a9af 0%,40%,transparent 40% 60%,#c7f7b0 60% 58%)}.booked-start.unavailable{background:linear-gradient(-45deg,#f3a9af 0%,40%,transparent 40% 60%,#ababab 60% 58%)}.booked-end.booked-start{background:linear-gradient(-45deg,#f3a9af 40% 40%,transparent 40% 60%,#f3a9af 60% 100%)}.booked-start{background:linear-gradient(-45deg,#f3a9af 0%,40%,transparent 40% 60%,#c7f7b0 60% 58%)}.selected-end{background:linear-gradient(-45deg,#c7f7b0 40% 40%,transparent 40% 60%,#a0a0ff 60% 100%)}.selected-start{background:linear-gradient(-45deg,#a0a0ff 0%,40%,transparent 40% 60%,#c7f7b0 60% 100%)}.selected-start.booked-end{background:linear-gradient(-45deg,#a0a0ff 0%,40%,#f7f7f0 40% 58%,#f3a9af 60% 100%)}.selected.booked-start,.selected-end.booked-start{background:linear-gradient(-45deg,#f3a9af 0%,40%,#f7f7f0 40% 58%,#a0a0ff 60% 100%)}.clickable{cursor:pointer}.dimmed{color:#eee;background-color:#ebebeb}.form{width:44em;padding:8px}.row{display:flex;flex-direction:row}.col{flex:1;margin:4px}.form-error{border-color:red}label{font-weight:700;padding:4px;margin-top:auto;margin-bottom:auto}label.col{text-align:center}.text-center{text-align:center}.text-left{text-align:left}.text-middle{margin-top:auto;margin-bottom:auto}#form-button-clear{margin-top:8px;margin-bottom:auto;padding:6px;margin-left:1.5em}.p1{padding:2px}.p2{padding:4px}.m1{margin:2px}.m2{margin:4px}.w50{width:50%}.elem-to-center{z-index:100;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}