/* ---- Calendar ---- */

.calendar { overflow: hidden; margin: 15px; }

.calendar input[type="text"], .calendar input[type="password"], .calendar textarea { margin: 0; }
.calendar .column-left { min-height: 400px; width: 228px; margin: 14px 22px 0 0; float: left; }
.calendar .column-right { margin: 14px 0 0 245px; }

.calendar ul.medium-size li { width: 144px; }
.calendar ul.small-size li { width: 33%; }
.calendar ul li.smaller { width: 84px; }

.calendar .columns { clear: both; overflow: hidden; }
.calendar .column-left ul { overflow: hidden; }
.calendar .column-left li { float: left; }
.calendar .column-left li label { display: block; margin-bottom: 2px; margin-right: 2px; }
.calendar .column-left li input { margin-right: 3px; }
.calendar .column-left button { margin-top: 20px; }
.calendar .column-left input[type="text"] { font-size: 11px; width: 60px; }
.calendar .calendar-filters { color: #666666; width: 228px; padding: 1rem 0 1rem 0; margin-right: 1rem; }
.calendar .calendar-filters h4 { font-size: 20px; }

.calendar h5 { margin: 10px 0; }
.calendar hr { color: #e0e0e0; background-color: #e0e0e0; border: 0; margin: 5px 10px 10px 5px; height: 1px; }

div.calendar-event-group h3 { font-size: 18px; margin: 0 0 10px 5px; }
div.calendar-event-group h3 b { background: url("../../Static/Images/Icons/calendar-big.svg") no-repeat scroll center center transparent; display: inline-block; margin: 0 4px; padding: 14px 2px 5px 0; text-align: center; vertical-align: baseline; width: 34px; }

#calendar-no-results { padding: 30px; text-align: center; margin: 30px; }
#calendar-no-results span { color: #FF6565; font-size: 14px; }

select.timezone-selector { font-size: 90%; margin-top: 5px; width: 208px; }

.calendar-event { margin: 0; position: relative; }
.calendar-event { background-color: #fafafa; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; }
.calendar-event:nth-child(odd) { background-color: #f5f5f5; }
.calendar-event:last-child { border-bottom: 1px solid #ebebeb; }
.calendar-event h4 { float: left; }
.calendar-event .time { border-right: 1px solid #ebebeb; font-size: 17px; left: 12px; padding: 10px 0; top: 10px; width: 50px; position: absolute; }
.calendar-event .title { font-weight: 600; letter-spacing: -0.5px; display: block; padding: 10px 100px 30px; }
.calendar-event .impact { margin-left: -20px; padding-right: 8px; margin-top: 3px; top: 3px; position: relative; }
.calendar-event .values { position: absolute; bottom: 10px; left: 102px; }
.calendar-event .currency { background-color: #595959; border-radius: 5px 5px 5px 5px; color: #ffffff; padding: 4px 8px; right: 20px; position: absolute; top: 19px; }
.calendar-event .actual-result { display: none; height: 21px; position: absolute; right: 70px; top: 21px; width: 21px; font-size: 18px; }
.calendar-event .actual-result-show { display: block; }
/*.calendar-event .actual-result-worst { background: url('../../Static/Images/Icons/result-worst.png') no-repeat scroll 0 0 transparent; }
.calendar-event .actual-result-better { background: url('../../Static/Images/Icons/result-better.png') no-repeat scroll 0 0 transparent; }
.calendar-event .actual-result-even { background: url("../../Static/Images/Icons/result-even.png") no-repeat scroll 4px 8px transparent; }*/

.calendar-event.upcoming-event { background-color: #fff7f1; }
.calendar-event.upcoming-event:nth-child(odd) { background-color: #fff2e8; }

/*.calendar-event.upcoming-event .time { border-right-color: #E4D698; }*/

.calendar-upcoming-events { margin: 13px 0 0 0; padding: 13px; }
.calendar-upcoming-events h4 { font-size: 20px; }
.calendar-upcoming-events > a { float: left; color: #535353; font-size: 18px; margin-right: 5px; }
.calendar-upcoming-events .calendar-event { background-color: #fff7f1; }
.calendar-upcoming-events .calendar-event:nth-child(odd) { background-color: #fff2e8; }

.calendar-upcoming-events .calendar-event .time { width: 150px; font-size: 14px; }
.calendar-upcoming-events .calendar-event .title { padding-left: 200px; font-size: 16px; }
.calendar-upcoming-events .calendar-event .values { left: 202px; }

.calendar-event-group { margin-bottom: 20px; }