/* ========================================================================== Included styles ========================================================================== */
/* normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/** common used mixins */
/** colors */
/* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */
html, button, input, select, textarea { color: #222; }

body { font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

img { vertical-align: middle; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { overflow-y: scroll; }

body { position: relative; }
body.login { text-align: center; }

#action-bar { position: relative; padding: 1em; border-bottom: 1px solid #aaaaaa; box-shadow: 0 0 3px #dddddd; background-color: #fff; z-index: 100; overflow: hidden; }
#action-bar .date-actions { float: left; }
#action-bar .date-actions a { display: inline-block; margin: 0; }
#action-bar .date-actions a.date-prev { float: left; }
#action-bar .date-actions a.date-next { float: right; }
#action-bar .date-actions h2 { display: inline-block; margin: 0; padding: .2em 1em 0 1em; line-height: 1; }
#action-bar .date-actions h2 input { font-family: sans-serif; font-weight: bold; margin: 0; padding: 0; border: 0; width: 125px; cursor: pointer; }
#action-bar .loading-text { display: inline-block; margin: 0 1em; padding: .25em 0; }
#action-bar .calendar-actions { float: right; margin: 0; }
#action-bar .calendar-actions .button { margin: 0 0 0 1em; }
#action-bar .event-actions { float: right; }
#action-bar .timeline-actions { float: right; clear: both; margin: 1em 0 0 0; }
#action-bar .timeline-actions .today { float: left; margin: 0 0 0 1em; }
#action-bar .timeline-actions .hours, #action-bar .timeline-actions .days { float: left; margin-left: 1em; }
#action-bar .timeline-actions .hours h3, #action-bar .timeline-actions .days h3 { display: inline-block; font-size: 1em; font-weight: normal; margin: 0; padding: 0; }
#action-bar .timeline-actions .hours a, #action-bar .timeline-actions .days a { display: inline-block; color: #222; margin: 0; padding: 0.25em 0.5em; border: 1px solid #dddddd; border-width: 1px 1px 1px 0; text-decoration: none; background-color: #f4f4f4; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
#action-bar .timeline-actions .hours a.first-item, #action-bar .timeline-actions .days a.first-item { margin-left: .5em; border-left: 1px solid #dddddd; border-radius: .2em 0 0 .2em; }
#action-bar .timeline-actions .hours a.last-item, #action-bar .timeline-actions .days a.last-item { border-radius: 0 .2em .2em 0; }
#action-bar .timeline-actions .hours a:hover, #action-bar .timeline-actions .days a:hover { background-color: #dddddd; }

.event-form { display: none; position: absolute; top: 1em; left: 50%; margin: 0 0 0 -25%; padding: 1em; border: 1px solid #dddddd; width: 50%; background-color: #fff; z-index: 110; box-shadow: 0 0 3px #dddddd; overflow: hidden; }
.event-form .close-button { position: absolute; top: 1em; right: 1em; margin: 0; padding: 0; border: 0; width: 20px; height: 20px; background: transparent url(/assets/images/close.png) no-repeat center center; cursor: pointer; }
.event-form .close-button span { visibility: hidden; }
.event-form h2 { margin: 0 0 1em 0; padding: 0; }
.event-form .notice { font-size: .9em; font-style: italic; margin: 0 0 1em 0; padding: .5em; border: 1px dashed #aaaaaa; background-color: #f4f4f4; }

form .element, #open-event .element { margin: 0 0 1em 0; width: 100%; overflow: hidden; }
form .element .label, #open-event .element .label { float: left; width: 40%; }
form .element .input, #open-event .element .input { float: right; width: 60%; }
form .element .input input[type="text"], form .element .input textarea, #open-event .element .input input[type="text"], #open-event .element .input textarea { padding: .2em; border: 1px solid #dddddd; width: 100%; }
form .element .input p, #open-event .element .input p { display: inline-block; margin: 0; padding: .2em; }
form .element .input ul, #open-event .element .input ul { margin: 0; padding: 0 0 0 1em; }
form .element .input .checkbox-field label, #open-event .element .input .checkbox-field label { display: block; }
form .element .input .checkbox-field input, #open-event .element .input .checkbox-field input { margin: 0 .2em 0 0; }
form .element.limited-height .input, #open-event .element.limited-height .input { max-height: 150px; overflow: auto; }
form .element.limited-height.checkboxes .input, #open-event .element.limited-height.checkboxes .input { padding: .5em; border: 1px solid #dddddd; }
form .element .disabled, #open-event .element .disabled { color: #dddddd; }

#add-event input[name="startDate"], #add-event input[name="endDate"], #edit-event input[name="startDate"], #edit-event input[name="endDate"], #duplicate-event input[name="startDate"], #duplicate-event input[name="endDate"] { width: 70%; }
#add-event select[name="startTime"], #add-event select[name="endTime"], #edit-event select[name="startTime"], #edit-event select[name="endTime"], #duplicate-event select[name="startTime"], #duplicate-event select[name="endTime"] { padding: .14em .15em .15em .15em; border: 1px solid #dddddd; width: 28%; }
#add-event input[name="startTime"], #add-event input[name="endTime"], #edit-event input[name="startTime"], #edit-event input[name="endTime"], #duplicate-event input[name="startTime"], #duplicate-event input[name="endTime"] { padding: .14em .15em .15em .15em; border: 1px solid #dddddd; width: 28%; }

#open-event .startDate, #open-event .endDate { width: 70%; }
#open-event .startTime, #open-event .endTime { padding: .15em; width: 28%; }

.day { position: relative; float: left; width: 100%; height: 100%; }

.timelines { padding-left: 200px; width: 100%; }

.time { width: 100%; height: 1.5em; }
.time div { position: relative; display: inline-block; padding: 0 .1em; width: 4%; }
.time div span { font-size: .6em; }
.time div.first-timepart { position: absolute; top: 0; left: .2em; padding: 0; z-index: 10; }
.time div.last-timepart { position: absolute; top: 0; right: .2em; padding: 0; z-index: 10; }
.time .date { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 1px solid #dddddd; border-width: 0 1px; width: 100%; text-align: center; line-height: 1.5; background-color: #fff; }
.time .date a { font-size: .8em; color: #000; text-decoration: none; }
.time .date a:hover { text-decoration: underline; }

.timeline { position: absolute; top: 0; bottom: 0; right: 0; width: 100%; z-index: -10; }
.timeline .chunk { display: inline-block; width: 1%; height: 100%; }
.timeline .chunk.start { border-left: 1px solid #aaaaaa; }
.timeline .chunk.half-hour { border-right: 1px solid #dddddd; }
.timeline .chunk.hour { border-right: 1px solid #aaaaaa; }
.timeline .chunk:hover { background-color: #fcfcfc; }

.multiple-days .time div:nth-child(even) { display: none; }
.multiple-days .time div.last-timepart { display: block; }
.multiple-days .timeline .chunk.start { border-color: #dddddd; }
.multiple-days .timeline .chunk.half-hour { border: 0; }
.multiple-days .timeline .chunk.hour { border-color: #dddddd; }
.multiple-days .day:nth-child(odd) .time p { background-color: #f4f4f4; }
.multiple-days .day:nth-child(odd) .timeline { background-color: rgba(221, 221, 221, 0.2); }
.multiple-days .day.weekend .time p { background-color: transparent; background-size: 20px 20px; background-image: linear-gradient(-45deg, rgba(221, 221, 221, 0.2) 25%, rgba(221, 221, 221, 0) 25%, rgba(221, 221, 221, 0) 50%, rgba(221, 221, 221, 0.2) 50%, rgba(221, 221, 221, 0.2) 75%, rgba(221, 221, 221, 0) 75%, rgba(221, 221, 221, 0)); }
.multiple-days .day.weekend .timeline { background-color: transparent; background-size: 20px 20px; background-image: linear-gradient(-45deg, rgba(221, 221, 221, 0.2) 25%, rgba(221, 221, 221, 0) 25%, rgba(221, 221, 221, 0) 50%, rgba(221, 221, 221, 0.2) 50%, rgba(221, 221, 221, 0.2) 75%, rgba(221, 221, 221, 0) 75%, rgba(221, 221, 221, 0)); }
.multiple-days .day.selected .time p { font-weight: bold; background-color: #dddddd; }

body.numhours-10 #action-bar .hours .hours-10, body.numhours-24 #action-bar .hours .hours-24, body.numdays-1 #action-bar .days .days-1, body.numdays-5 #action-bar .days .days-5, body.numdays-7 #action-bar .days .days-7 { box-shadow: 0 0 0.2em #aaaaaa inset; background-color: #dddddd; }

#calendar { overflow: hidden; }

.calendar-list { clear: both; margin: 0; padding: 0; border-top: 1px solid #aaaaaa; width: 100%; list-style-type: none; }
.calendar-list li.calendar { position: relative; border-bottom: 1px solid #dddddd; width: 100%; height: 90px; line-height: 1; }
.calendar-list li.calendar p.name { position: absolute; display: inline-block; margin: 0; padding: .2em; width: 200px; height: 100%; }
.calendar-list li.calendar.locked p.name:after { content: ""; display: inline-block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; background: transparent url(/assets/images/lock.png) no-repeat center center; }
.calendar-list li.calendar ul.events { position: absolute; left: 200px; display: block; margin: 0; padding: 0; width: 10px; height: 90px; list-style-type: none; }
.calendar-list li.calendar ul.events.event-dragged { z-index: 1000; }
.calendar-list li.calendar ul.events li.event { position: absolute; top: 0; height: 90px; background-color: #fff; overflow: hidden; z-index: 20; cursor: pointer; }
.calendar-list li.calendar ul.events li.event.event-fullday { background-size: 20px 20px; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); z-index: 15; }
.calendar-list li.calendar ul.events li.event p { font-size: .8em; margin: 0; padding: .2em; border: 1px solid rgba(255, 255, 255, 0.5); height: 100%; }
.calendar-list li.calendar ul.events li.event p .event-time { display: block; font-size: .8em; font-weight: bold; margin-bottom: .5em; white-space: nowrap; }
.calendar-list li.calendar ul.events li.event .actions { float: right; padding: 2px; white-space: nowrap; }
.calendar-list li.calendar ul.events li.event a.edit { display: inline-block; margin: 0 5px 0 0; background: transparent url(/assets/images/edit.png) no-repeat center center; cursor: pointer; opacity: .5; -webkit-transition: opacity 0.1s ease-in-out; -moz-transition: opacity 0.1s ease-in-out; -ms-transition: opacity 0.1s ease-in-out; -o-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }
.calendar-list li.calendar ul.events li.event a.edit:hover { opacity: 1; }
.calendar-list li.calendar ul.events li.event a.edit span { display: inline-block; width: 20px; height: 20px; white-space: nowrap; visibility: hidden; }

.calendar-list li.calendar ul.events li.event.simultaneous-events-2 { height: 45px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-2.simultaneous-event-1 { top: 0; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-2.simultaneous-event-2 { top: 45px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-3 { height: 30px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-3.simultaneous-event-1 { top: 0; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-3.simultaneous-event-2 { top: 30px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-3.simultaneous-event-3 { top: 60px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-4 { height: 22px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-4.simultaneous-event-1 { top: 0; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-4.simultaneous-event-2 { top: 22px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-4.simultaneous-event-3 { top: 44px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-4.simultaneous-event-4 { top: 66px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-5 { height: 18px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-5.simultaneous-event-1 { top: 0; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-5.simultaneous-event-2 { top: 18px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-5.simultaneous-event-3 { top: 36px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-5.simultaneous-event-4 { top: 54px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-5.simultaneous-event-5 { top: 72px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-6 { height: 15px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-6.simultaneous-event-1 { top: 0; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-6.simultaneous-event-2 { top: 15px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-6.simultaneous-event-3 { top: 30px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-6.simultaneous-event-4 { top: 45px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-6.simultaneous-event-5 { top: 60px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-6.simultaneous-event-6 { top: 75px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-7 { height: 12px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-7.simultaneous-event-1 { top: 0; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-7.simultaneous-event-2 { top: 12px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-7.simultaneous-event-3 { top: 26px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-7.simultaneous-event-4 { top: 38px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-7.simultaneous-event-5 { top: 52px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-7.simultaneous-event-6 { top: 64px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-7.simultaneous-event-7 { top: 78px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-8 { height: 11px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-8.simultaneous-event-1 { top: 0; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-8.simultaneous-event-2 { top: 11px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-8.simultaneous-event-3 { top: 22px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-8.simultaneous-event-4 { top: 33px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-8.simultaneous-event-5 { top: 46px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-8.simultaneous-event-6 { top: 57px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-8.simultaneous-event-7 { top: 68px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-8.simultaneous-event-8 { top: 79px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10 { height: 10px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10.simultaneous-event-1 { top: 0; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10.simultaneous-event-2 { top: 10px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10.simultaneous-event-3 { top: 20px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10.simultaneous-event-4 { top: 30px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10.simultaneous-event-5 { top: 40px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10.simultaneous-event-6 { top: 50px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10.simultaneous-event-7 { top: 60px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10.simultaneous-event-8 { top: 70px; }
.calendar-list li.calendar ul.events li.event.simultaneous-events-10.simultaneous-event-9 { top: 80px; }

.button { display: inline-block; color: #222; margin: 0 1em 1em 0; padding: .25em .5em; border: 1px solid #dddddd; border-radius: .2em; background-color: #f4f4f4; background-repeat: no-repeat; background-position: center center; text-decoration: none; -webkit-transition: background-color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out; -ms-transition: background-color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; }
.button:hover, .button:active { background-color: #dddddd; }
.button .icon { display: inline-block; width: 20px; height: 20px; white-space: nowrap; visibility: hidden; }
.button.refresh { background-image: url(/assets/images/refresh.png); }
.button.settings { background-image: url(/assets/images/settings.png); }
.button.add { background-image: url(/assets/images/new.png); }
.button.date-prev { background-image: url(/assets/images/previous.png); }
.button.date-next { background-image: url(/assets/images/next.png); }

a.button { padding: .13em .5em; }

.logoff { border-color: #ff6666; background-color: #ff9999; }
.logoff:hover, .logoff:active { background-color: #ff6666; }

.delete-event { border-color: #ff6666; background-color: #ff9999; }
.delete-event:hover, .delete-event:active { background-color: #ff6666; }

#addbutton .button { margin: 0; }

.login-button { display: inline-block; font-size: 1.5em; margin: 3em 0 0 0; }

/** Resizable */
.ui-resizable-handle { position: absolute; display: block; font-size: 0.1px; }

.ui-resizable-e { cursor: e-resize; top: 0; right: 0; border: 1px solid #dddddd; border-width: 1px 1px 1px 0; width: 5px; height: 100%; background-color: #f4f4f4; }

/** Datepicker */
.ui-datepicker { display: none; padding: .5em; border: 1px solid #dddddd; border-radius: 0 0 .2em .2em; background-color: #f4f4f4; }
.ui-datepicker .ui-datepicker-header { text-align: center; overflow: hidden; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { float: left; margin-right: 1em; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { float: right; margin-left: 1em; }
.ui-datepicker table tr td a { display: block; color: black; padding: .2em .4em; border-radius: .2em; width: 100%; height: 100%; text-align: right; }
.ui-datepicker table tr td a.ui-state-highlight { background-color: rgba(221, 221, 221, 0.5); }
.ui-datepicker table tr td a.ui-state-hover, .ui-datepicker table tr td a.ui-state-active { background-color: #dddddd; }