@charset "utf-8";
/* calendar icon */
img.tcalIcon { cursor: pointer; margin-left: 1px; position:absolute; }


/* calendar container element */
div#tcal { position: absolute; visibility: hidden; z-index: 100; width: 250px; border: 1px solid #EBEBEB; text-align:center; background-color: #2546C5; box-shadow: 0 5px 25px -8px rgba(0,0,0,0.2); }

/* all tables in calendar */
div#tcal table { width: 100%; border-collapse: collapse; background-color: white; }

/* navigation table */
div#tcal table.ctrl tr { background-color: #4DC74C; }

/* navigation buttons */
div#tcal table.ctrl td { width: 20px; height: 20px; padding-top:5px; background-color: #2546C5; }

/* month year header */
div#tcal table.ctrl th { background-color: #2546C5; color: white; border: 0; font-size: 13px; font-weight: bold; }

/* week days header */
div#tcal tr th { border-collapse: collapse; text-align: center; padding: 5px 0; font-size: 10px; background-color:#FFFFFF; color: #999; letter-spacing: 0; cursor: default; }

/* date cells */
div#tcal tr { border-bottom: 1px solid #EBEBEB; }
div#tcal tr:last-child { border-bottom: none; }
div#tcal tr td { border: 0; border-collapse: collapse; text-align: center; padding: 8px 0; font-size: 12px; cursor: pointer; color: #222; letter-spacing: 0; border-right: 1px solid #EBEBEB; }
div#tcal tr td:last-child { border-right: none; }
div#tcal tr td:hover { position: relative; }
div#tcal tr td:hover:after { position: absolute; content: ''; width: 100%; height: 100%; border: 1px solid #2546C5; left: 0; top: 0; }

/* date highlight in case of conflicting settings order here determines the priority from least to most important */
div#tcal tr td:nth-of-type(1) { color: #F89797; background-color: #FFF8F8; }
div#tcal tr td:nth-of-type(7) { color: #90A6FF; background-color: #F4F6FF; }
div#tcal tr td.othermonth { background: #F4F4F4; color: #C0C0C0; }
div#tcal tr td.today { }
div#tcal tr td.selected { background-color: #4265ED; border-color: #4265ED; color: #fff; }

/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF { position: absolute; visibility: hidden; z-index: 98; border: 0; }

/* transparent shadow */
div#tcalShade { position: absolute; visibility: hidden; z-index: 98;  display: none;}
div#tcalShade table { border: 0; border-collapse: collapse; width: 100%; }
div#tcalShade table td { border: 0; border-collapse: collapse; padding: 0; }
