/* CORE */
.KhoCal-Instance { border: 1px solid #dddddd; width: 178px; }
.KhoCal-Instance * { font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; font-size: 12px; text-align: center; padding: 0px; margin: 0px; color: #383838 !important; }
.KhoCal-Instance a { font-size: inherit !important; }
.KhoCal-Calendar { width: 100%; height: 100%; }
.KhoCal-Days, .KhoCal-Days div { width: 100%; }
.KhoCal-Days a { color: inherit !important; }
.KhoCal-Days > div { float: left; position: relative; left: 0px; }

.KhoCal-Header-Previous, .KhoCal-Header-Next { width: 10%; }
.KhoCal-Header-Month { width: 80%; height: 100%; }
.KhoCal-Header td a { padding-bottom: 3px; }
.KhoCal-Header td a, .KhoCal-Days td a { display: block; width: 100%; height: 100%; overflow: hidden; cursor: pointer; }
.KhoCal-Header-Days th, .KhoCal-Days td a { padding: 3px 0px 3px 0px; }
.KhoCal-Header td, .KhoCal-Header-Days th, .KhoCal-Days td { border-bottom: 1px solid #e1e1e1; overflow: hidden; }

.KhoCal-Header-Days th, .KhoCal-Days td { width: 14.2857%; overflow: hidden; }
.KhoCal-Header-Days th td + td,
.KhoCal-Days td + td { border-left: 1px solid #e1e1e1; }

.KhoCal-Instance, .KhoCal-Calendar, .KhoCal-Days {  overflow: hidden; overflow-x: hidden; overflow-y: hidden; }

/* THEME */
.KhoCal-Instance a { text-decoration: none !important; }
.KhoCal-Header, .KhoCal-Header-Days, .KhoCal-Header-Days th { background: #e7e7e7; }
.KhoCal-Header { background: #cccccc; }
.KhoCal-Header a:hover { color: #008bab !important; }
.KhoCal-Header td a { font-size: 14px !important; }
.KhoCal-Day { width: 100%; background: #ffffff; overflow: hidden; }
.KhoCal-Day-OffMonth, .KhoCal-Day-OffMonth-Weekend { color: #bbbbbb !important; background: #f7f7f7 !important; }
.KhoCal-Day-OffMonth-Selected { background: #dddddd !important; }
.KhoCal-Day-Today { background: #f89b9b; color: #ffffff !important; }
.KhoCal-Day-Today:hover { text-shadow: -1px -1px 1px #c29e08; }
.KhoCal-Day-Weekend { background: #fffcec; }
.KhoCal-Day-Selected { background: #FFED00; }
.KhoCal-Day-Selectable { transition: all .2s ease-in-out; }
.KhoCal-Day-Selectable:hover,
.KhoCal-Day-Hover { background: #f4c813 !important; cursor: pointer; }