﻿/* calendar */
.uniCalendar { border-collapse: separate; margin-top: 20px; width: 100%; border-spacing: 2px; empty-cells: show; }
.calDay { padding: 5px; color: #444; text-align: left; vertical-align: top; height: 72px; border: 1px solid #E8E8E8; background-color: #FFFFFF; overflow: hidden; cursor: pointer; }
    .calDay.calPrevMonth, .calDay.calNextMonth { background-color: #E6E6E6; }
.calInactive { color: #888; background-color: white; }
    .calInactive .dayNumber { color: #403e3a; }
.dayNumber { float: right; padding-left: 10px; padding-bottom: 5px; color: #403e3a; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }

.calToday { border: #89b200 solid 3px; color: #000; font-weight: bold; padding-top: 4px; background: #eff6d9; }
    .calToday .dayNumber { color: #403e3a; }
.calSelectedDay { background: #f6d9db; border: solid #b2001d 1px; }
.dayEvents { height: 70px; font-size: 85%; line-height: 200%; }
    .dayEvents img { vertical-align: middle; }
.calWeekNum { width: 30px; }
.calDayWeekend { background-color: #bde5f1; }
.calInactive.calDayWeekend { background-color: #D6D6D6; }
.calHeader td { padding: 15px; background-color: #18a4c5; color: #fff; font-weight: bold; font-size: 16px; }
.calHeader .calDayWeekend, .calHeader .calWorkday { width: 120px; text-align: center; }
.calDayHourLabel, .calWeekNum { width: 30px !important; text-align: center; border: 1px solid #E8E8E8; }
.calDayEventTitle { padding: 0px 10px 0px 6px; }


.dayEvents img { vertical-align: middle; margin-left: 8px; }

.uniCalendarWeek .calDay, .uniCalendarDay .calDay { min-height: 25px; height: auto; overflow: visible; }
.uniCalendarWeek .dayEvents, .uniCalendarDay .dayEvents { min-height: 25px; height: auto; }
.uniCalendarWeek .calDay, uniCalendarWeek .calWorkDay { width: 100px; }
.uniCalendarWeek .calSelectedDay { border-width: 1px 1px 1px; position: relative; border-bottom-color: #CBE3FE; border-top-color: #CBE3FE; }
    .uniCalendarWeek .calSelectedDay:before { content: ' '; position: absolute; margin-top: -8px; margin-left: -6px; width: 132px; height: 2px; background-color: #E0EEFE; border: solid #40B3EB 1px; border-width: 0px 1px; }
.uniCalendarWeek .calHeader .calSelectedDay { border-width: 1px 1px 0px 1px; border-top-color: #40B3EB; }
    .uniCalendarWeek .calHeader .calSelectedDay:before { display: none; }
.weekCalResultIcon { height: 12px; }

.uniCalendarDay .calDayHourLabel { width: 35px; }
.uniCalendarDay .calEntry { display: inline-block; padding-right: 10px; }


.calViewMode { float: left; margin-top: 3px; width: 68%; padding-left: 10px; padding-top: 5px; }
    .calViewMode span { height: 30px; line-height: 24px; padding-left: 32px; margin-right: 15px; display: inline-block; cursor: pointer; font-size: 1.4em; padding-top: 5px; }
        .calViewMode span.active { font-weight: bold; }
.calViewDay { background: url("https://cnt.sk/25/Images/icon/ico_day.png") no-repeat left center; }
.calViewWeek { background: url("https://cnt.sk/25/Images/icon/ico_week.png") no-repeat left center; }
.calViewMonth { background: url("https://cnt.sk/25/Images/icon/ico_month.png") no-repeat left center; }
.calNavigation { float: right; margin-right: 10px; margin-top: 11px; }
.calCurrentPeriodLabel { font-weight: bold; padding: 0px 15px; text-align: center; font-size: 1.2em; width: 160px; vertical-align: middle; display: inline-block; overflow: hidden; white-space: nowrap; }
.calLinkPreviousLabel, .calLinkNextLabel { padding: 2px 8px; font-weight: bold; cursor: pointer; font-size: 1.4em; vertical-align: middle; }
    .calLinkPreviousLabel:hover, .calLinkNextLabel:hover { background-color: #E8E8E8; }
.calAddEventPanelButton { margin-left: 40px; cursor: pointer; font-weight: bold; padding-left: 40px; background: url("https://cnt.sk/25/Images/add_24.gif") no-repeat left center; }
#formDetailEvent, #formAddEvent { display: none; }
.calDeleteLink { color: red; font-size: 90%; margin-left: 15px; margin-right: 30px; font-weight: bold; }
.uniCalendarDay .calEntry { float: left; clear: left; }
    .uniCalendarDay .calEntry .calDeleteLink { visibility: hidden; }
    .uniCalendarDay .calEntry:hover .calDeleteLink { visibility: visible; }
#calViewAsPanel { position: relative; float: right; }
.calViewButton { background: #ffffff url("https://cnt.sk/25/Images/icon/@Status/my_acc.png") no-repeat center center; color: #403e3a; cursor: pointer; display: block; height: 25px; padding: 5px 8px 5px 46px; background-position: 8px 9px; line-height: 26px; margin-right: 10px; }
    .calViewButton:hover { background: #18a4c5 url("https://cnt.sk/25/Images/icon/@Status/my_acc_hover.png") no-repeat 8px 9px; background-position: 8px center; color: #fff; }
    .calViewButton.calViewReseller { background-image: url("https://cnt.sk/25/Images/icon/@Status/my_acc.png"); }
        .calViewButton.calViewReseller:hover { background-image: url("https://cnt.sk/25/Images/icon/@Status/my_acc_hover.png"); }
#calViewAsPanel .calViewButton.calViewReseller:hover { background: transparent url("https://cnt.sk/25/images/icon/ico_kalendar_big_here.png") no-repeat 0px 0px; }
.calGlob .calViewButton { background: url("https://cnt.sk/25/images/icon/ico_kalendar_big_our.png") no-repeat 0px 0px; }
    .calGlob .calViewButton:hover { background: url("https://cnt.sk/25/images/icon/ico_kalendar_big_our.png") no-repeat 0px 0px; }
    .calGlob .calViewButton.calViewReseller { background: url("https://cnt.sk/25/images/icon/ico_kalendar_big_here.png") no-repeat 0px 0px; }
#calViewAsList { right: 15px; width: 220px; position: absolute; border: solid #DBDBDB 1px; background: #fff; height: 200px; list-style-type: none; overflow: auto; display: none; }
    #calViewAsList.loading { background-image: url("https://cnt.sk/25/Images/loadert.gif"); background-position: center center; background-repeat: no-repeat; }
    #calViewAsList li { cursor: pointer; padding: 3px 8px; }
        #calViewAsList li:hover { background-color: #EEEEEE; }

/*.calDetail { margin-top: 20px; width: 100%; }*/
.calDetail td { vertical-align: top; }
.calDetail .calDetailType { cursor: pointer; padding: 3px 20px 3px 35px; width: auto; }
.calDetail .calDetailTypeIcon { /*vertical-align: middle; margin-left: -28px; margin-right: 9px;*/ float: left; margin-right: 5px; }
.calDetail .calDetailTime { cursor: pointer; padding-right: 10px; font-weight: bold; width: 35px; text-align: right; }
.calDetail .calDetailText { padding: 0px; min-width: 55%; }
.calDetail .calDetailTitle { font-weight: bold; padding: 0px; cursor: pointer; float: left; margin-right: 10px; }
.calDetail .calDetailDescription { cursor: pointer; padding-bottom: 10px; font-size: 90%; }
.calDetail .calDetailResult { width: 110px; }
.calDetail .calDetailResultIcon { height: 20px; vertical-align: middle; padding: 0px 5px 0px 0px; }
.calDetail .calDetailResultKey { font-weight: bold; cursor: pointer; position: relative; }
.calDetail .calDetailResultKeyNotSet { font-style: italic; cursor: pointer; font-weight: normal; padding-left: 28px; }
.formDetailResultsList { display: none; background-color: #DBDBDB; position: absolute; top: 20px; left: 0px; border: solid #A4A2A3 1px; z-index: 10; }
    .formDetailResultsList span { display: block; padding: 4px 6px; font-style: normal; }
        .formDetailResultsList span:hover { background-color: #E8E8E8; }
.calDetail .calDetailResultKeyNotSet .formDetailResultsList { left: 30px; }
.calMsgDetailEmpty { padding-top: 130px; font-size: 120%; text-align: center; }

/*#formAddEventForm { padding-top: 20px; }*/
#formAddEventForm label { float: left; width: 30%; line-height: 3em; }
    #formAddEventForm label.lbl, label#lblCalFormPostponeTime { width: 13%; float: left; padding: 6px 0; }
#formAddEventForm span.lbl { width: 1%; float: left; display: block; margin: 0 .5%; padding: 6px; }
/*#formAddEventForm label { float: left; width: 16%; clear: left; line-height: 180%; margin-top: 10px; padding-top: 2px; }*/
/*#formAddEventForm input, #formAddEventForm select { margin-top: 10px; }*/
#fae_ce_date, #fae_ce_hours, #fae_ce_minutes { width: 21.6%; float: left; }
#calFormPostponeBlock #fae_er_postpone_hours, #calFormPostponeBlock #fae_er_postpone_mins, #calFormPostponeBlock #fae_er_postpone_date { width: 19.4%; float: left; }
#lbl_fae_ce_hours, #lblCalFormPostponeTime { margin-left: 5%; }
/*#lbl_fae_ce_hours { width: 96px !important; padding-left: 35px; clear: none !important; float: none !important; display: inline-block; }*/
/*#fae_ce_description { width: 99%; }
#fae_ce_title { width: 414px; }
#fae_ce_date { width: 20%; }
#fae_ce_hours, #fae_ce_minutes { width: 30px; }
#fae_ce_type { width: 21%; }
#fae_ce_reseller { width: 157px; }*/
/*#fae_buttonSubmit_outer { text-align: center; margin-top: 15px; }*/
/*#fae_buttonSubmit_outer button { font-size: 140%; }*/
/*#lbl_fae_ce_reseller { clear: none !important; float: none !important; margin-left: 35px; display: inline-block; }*/
#fae_buttonSubmit { /*margin-left: 15px; padding-left: 15px; padding-right: 15px;*/ }
#fae_buttonSubmit_outer #fae_buttonSubmit { /*margin-left: 0px;*/ }
/*#fae_buttonDelete { color: #fff; background: #CE0005; }
    #fae_buttonDelete:hover { color: #fff; background: #1488CD; }*/
/*#calTodayBlock, .indexListClients { margin-top:0px; background:#FAF9F5}*/
#calTodayBlock h2 a { color: white; }
#calTodayBlock a.listItem img { vertical-align: bottom; margin-right: 5px; }
#calFormResellersLoader, #calFormResellersChooseIcon, #calFormResellersList { display: none; }
#calFormResellersChooseIcon { cursor: pointer; }
#calFormResellersList { width: 220px; position: absolute; right: 38px; border: solid #A4A2A3 1px; background-color: #DBDBDB; height: 200px; list-style-type: none; overflow: auto; }
    #calFormResellersList li { padding: 2px 5px; overflow: hidden; width: 190px; white-space: nowrap; text-overflow: ellipsis; }
        #calFormResellersList li input { vertical-align: top; margin-top: 4px; }
        #calFormResellersList li:hover { background-color: #CFCFCF; }
        #calFormResellersList li label { margin-top: 0px; float: none; width: auto; padding-left: 15px; overflow: hidden; cursor: pointer; line-height: 90%; height: auto; }
.calFormResellersListSwitcher span { cursor: pointer; padding-right: 8px; }

#formEventResult, #formEventResultOuter { display: none; }
    /*#formEventResult input { float: left; clear: none; margin-top: 0px; }*/
    /*#formEventResult label { width: 25%; float: left; clear: none; margin-top: 0px; }*/
    /*#formEventResult br { clear: left; }*/
    #formEventResult h4 { margin-top: 10px; }
#formEventResult { cursor: pointer; }
#fae_er_statement { width: 33%; }
#formEventResultStatus { position: relative; float: left; margin-top: 4px; width: 100px; }
    #formEventResultStatus .calDetailResultIcon { float: left; margin-top: -5px; margin-right: 8px; }
#formEventResultStatementLbl { margin-left: 25px; margin-right: 0px; width: 15% !important; }
#calFormPostponeBlock label.lbl { width: 19%; }
/*#calFormResultBlock { margin-bottom: 10px; line-height: 150%; }*/
/*#calFormPostponeBlock { margin-top: 10px; clear: both; }*/
/*#fae_er_postpone_date { width: 95px; float: none !important; }*/
/*#fae_er_postpone_hours { width: 25px; float: none !important; }
#fae_er_postpone_mins { width: 25px; float: none !important; }*/
/*#lblCalFormPostponeTime { margin-left: 21px; float: none !important; display: inline-block; width: 87px !important; }*/

#calStatusBlock { display: none; }
.calStatusBlockLine label { float: left; width: 30%; }
.calStatusBlockLine { margin-top: 3px; clear: both; height: 25px; line-height: 200%; }
#calStatusSubmit { margin: 20px auto; }
#calStatusBlockInline { padding-top: 30px; }
    #calStatusBlockInline img { vertical-align: middle; margin-top: -4px; margin-right: 6px; }
#calStatusButtons { text-align: center; }
#calStatusBlockStatus { position: relative; cursor: pointer; }
#calStatusStatement { width: 65%; }
