.calmo{vertical-align:middle;width:20px;}
.wk1{border-top: 1px solid #fff;}
.past{position:relative;}
.future{position:relative;opacity:0.3;background-color:#333}
.booked{border:2px solid #006;}
.calcel{width:44px;vertical-align:bottom;border-radius:5px;cursor: pointer;height:40px;vertical-align: top;background-color:#999;}
.blue{background-color:#ccc;color:#600}
.calmonth{transform: rotate(270deg);transform-origin: 80% 100%;width:20px;height:15px;padding:0;display:block;}
.today{background-color:#fff;box-shadow: 0px 4px 8px 0px rgba(0,0,0,1);}
.calcel p{font-size:7pt;padding:2px;color:#fff;display:inline-block;border-radius:3px;margin:1px;}
.provisional{background-color:#cec;}
.mtime{font-size:9pt;width:50px;height:15px;padding:1px;color:#fff;border-radius:3px;}
.ajax{ width:0; height:0; border:0; visibility:hidden}
@media screen and (max-width: 599px){
.dataEntry{top:0;left:0;width:100%;opacity:0.95;background-color:#fff;display:none;position:fixed;top:20px;left:0;z-index:100;box-shadow: 6px 6px 3px #888;overflow:scroll;max-height:90vh;max-width:99vw;padding:10px;}
}
@media screen and (min-width: 600px){
.dataEntry{display:none;padding:5px;max-width:600px;width:calc(100% - 360px);position:fixed;overflow:scroll;background-color:#fff;top:20px;right:0;z-index:100;max-height:90vh;box-shadow: 6px 6px 3px #888}
}

.alphabet{vertical-align:central;clear:left;display:inline-block;position:relative;margin:0;text-align:left;width:100%;width:calc(100% - 20px)}
.alphabet a{display:inline-block;min-width:20px;padding:13px;text-decoration:none;font-size:16pt;border-radius:5px;box-shadow: 1px 2px 1px #888;}
.rmenu-content {z-index:20;display:none;text-align:left;position: absolute;margin-left:-5px;background:#666;min-width:130px;padding: 5px; overflow-y:auto;}
.rmenu-content a:link {  height:25px;display:inline-block;width:95%;padding-top:5px;}
.pyn{font-size:70%;opacity:0.7;}
.fright {float:right;text-align:right;}
.rmini {background-color:#f00;color:#fff;padding:0;padding:5px;border-radius: 25px;}
.rmini:hover{background-color:#900;border-radius: 10px;}
.gmini {background-color:#090;color:#fff;padding:5px;border-radius: 25px;box-shadow: 0px 4px 8px 0px rgba(0,0,0,1);white-space: nowrap;}
.Hangonamo {
    border: 10px solid #eee;
    border-top: 10px solid #090; 
    border-radius: 50%;
    width: 10px;
    height: 10px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}