.ext4-maincontroller-loading .icon {
background-color: white;
background-image: url(/assets/silkicons/tick.png);
position: absolute;
top: -20px; left: 0;
height: 16px; width: 16px;
}
/*
.x4-panel-ghost {
z-index: 1;
}
.x4-border-layout-ct {
background: #DFE8F6;
}
*/
.x-portal-body {
padding: 0 0 0 8px;
}
.x-portal .x-portal-column {
/* columns must have vertical padding to avoid losing dimensions when empty */
padding: 8px 8px 0 0;
}
.x-portal .x4-panel-dd-spacer {
border: 2px dashed #99bbe8;
background: #f6f6f6;
border-radius: 4px;
-moz-border-radius: 4px;
margin-bottom: 10px;
}
.x-portlet {
margin-bottom:10px;
padding: 1px;
}
.x-portlet .x4-panel-body {
background: #fff;
}
.portlet-content {
padding: 10px;
font-size: 11px;
}
.dashboard-about{padding-top:20px;text-align:center}.dashboard-about .x4-panel-body-default{color:#666666}.dashboard-about strong{font-weight:bold}.kwf-ext4-menu{padding-left:40px;background-image:url(/assets/images/iconAdmin.png);background-repeat:no-repeat;background-position:3px 1px}


/*******************************************
* 
* Ext Calendar styles
*
******************************************/
/* -----------------------------------------
* Ext overrides 
*/
.x4-strict .x4-webkit .x4-small-editor .x4-form-field-wrap .x4-form-trigger {
height: 21px;
}
/* -----------------------------------------
* Shared calendar view containers 
*/
.x4-panel-tbar .ext-cal-toolbar {
padding: 3px;
border-bottom-width: 0 !important;
}
.x4-panel-tbar .ext-cal-toolbar .x4-btn button {
/*font-weight: bold;*/
color: #555;
}
.x4-panel-tbar .ext-cal-toolbar .x4-toolbar-cell {
padding: 0 3px;
}
.ext-cal-overflow-y {
overflow-y: scroll !important;
}
.ext-cal-ct {
position: relative;
font-family: helvetica, arial, sans-serif;
}
.x4-cal-panel .x4-panel-body {
background: white !important;
}
.x4-panel-default-framed .x4-panel-body .ext-cal-ct,
.x4-panel-default-framed .x4-panel-body .ext-evt-edit-form {
border-left: 1px solid #99BBE8;
border-right: 1px solid #99BBE8;
}
.x4-panel-default-framed .x4-panel-body .ext-cal-day-header {
border: 0;
}
.ext-cal-ct img {
border:0 none;
}
.ext-cal-inner-ct {
height: 100%;
line-height: 14px;
position: relative;
background: #eee;
white-space: nowrap;
}
.ext-cal-ct td,
.ext-cal-mdv td {
font-size: 11px;
}
.x4-cal-body {
/* override the default -noheader style ext uses when there is no panel header */
border-top: 0 !important;
}
/* Window specific rules */
.x4-window .x4-window-body .x4-cal-body {
border: 0 !important;
}
.x4-window .ext-cal-toolbar {
border: 0 !important;
}
/* Background layout table for week rows */
.ext-cal-bg-tbl {
height:100%;
left:0;
position:absolute;
table-layout:fixed;
top:0;
width:100%;
}
.x4-ie9 .ext-cal-dayview .ext-cal-body-ct .ext-cal-bg-tbl {
/* fix scroll position reset bug on IE9 on click */
position: relative;
}
/* Shared subheader */
.ext-cal-hd-days-tbl {
background: #D3E1F1;
color: #555;
table-layout: fixed;
top: 18px;
width: 100%;
font-size: 12px;
line-height: 12px;
}
.ext-cal-month-hd .ext-cal-hd-days-tbl {
border-top: 1px solid #99BBE8;
background: #eee;
}
.x4-calendar-nonav .ext-cal-month-hd .ext-cal-hd-days-tbl {
border-top: 0;
}
.ext-cal-month-hd .ext-cal-hd-day {
border-left: 1px solid #C3D9FF;
}
.ext-cal-hd-ct {
border-bottom: 1px solid #bcf;
}
.ext-cal-hd-day {
text-align: center;
padding: 4px 0;
white-space: nowrap;
}
/* -----------------------------------------
* Day/week-specific styles
*/
.ext-cal-dayview .ext-cal-hd-days-tbl {
table-layout: fixed;
width: 100%;
background-color: #CDDCEF;
overflow: hidden;
font-size: 11px;
line-height: 14px;
height: 100%;
}
.ext-cal-hd-days-td {
padding-bottom: 2px;
}
.ext-cal-dayview .ext-cal-hd-ct {
height: 100%;
}
.ext-cal-dayview .ext-cal-gutter {
width: 50px;
}
.ext-cal-dayview .ext-cal-gutter-rt {
width: 15px;
}
.x4-win .ext-cal-dayview .ext-cal-gutter-rt {
width: 16px;
}
/* OSX Lion scrollbars do not take up space in the body so they need special rules */
.x4-no-scrollbar .ext-cal-hd-days-td {
width: 100%;
}
.x4-no-scrollbar .ext-cal-dayview .ext-cal-gutter-rt,
.x4-no-scrollbar .x4-win .ext-cal-dayview .ext-cal-gutter-rt {
width: 0;
}
.ext-cal-hd-ad {
background-color: #fff;
font-size: 11px;
line-height: 14px;
border-color: #e3e9ff #e3e9ff #e3e9ff #e3e9ff;
border-style: solid;
border-width: 0 1px 1px 0;
}
.ext-cal-hd-ad-inner {
position: relative;
height: 100%;
}
.x4-calendar-nonav .ext-cal-hd-ad-inner {
margin-top: 3px;
}
.ext-cal-dayview .ext-cal-dtitle {
padding: 8px 1px 2px;
} 
.ext-cal-hd-ad-bg-tbl {
position: absolute;
left: 0;
table-layout: fixed;
width: 100%;
}
.ext-cal-hd-ad .st-c {
padding: 1px 1px 0 1px
}
.ext-cal-dayview .ext-cal-body-ct {
position: relative;
overflow-y: scroll;
overflow-x: hidden;
padding: 0;
line-height: normal;
background: #eee;
margin-top: 1px;
}
.ext-cal-dayview .ext-cal-body-ct .ext-cal-bg-tbl {
height: 1008px;
}
.ext-cal-dayview .ext-cal-bg-tbl {
background-color: #fff;
margin-top: -1px;
border-bottom: 1px solid #bcf;
}
.ext-cal-dayview .ext-cal-bg-rows {
position: relative;
margin-left: 1px;
}
.ext-cal-dayview .ext-cal-bg-rows-inner {
position: absolute;
width: 100%;
}
.x4-gecko .ext-cal-dayview .ext-cal-bg-rows-inner {
top: -1px; /* row line alignment fix */
}
.ext-cal-dayview .ext-cal-bg-row {
height: 42px;
}
.ext-cal-dayview .ext-cal-bg-row-div {
border-bottom: 1px dotted #ddd;
border-top: 1px solid #ddd;
font-size: 1px;
height: 21px;
margin-bottom: 20px;
}
.ext-cal-dayview .ext-cal-bg-row .no-sep {
border-bottom: 0;
}
.ext-cal-dayview .ext-row-1 {
border-top: 0;
}
.ext-cal-day-times {
background-color: #f6f9fc;
color: #666;
padding: 1px 0 0 0;
text-align: right;
vertical-align: top;
}
.ext-cal-day-time-inner {
height: 42px;
border-bottom: 1px solid #ddd;
padding-right: 2px
}
.ext-cal-day-col {
border-left: 1px solid #ddd;
vertical-align: top
}
.ext-cal-day-col-inner {
position: relative;
cursor: default;
}
.ext-cal-day-col-gutter {
position: relative;
margin-right: 15px;
height: 1008px;
}
.x4-ie .ext-cal-day-col-gutter,
.x4-opera .ext-cal-day-col-gutter {
margin-right: 10px;
}
.x4-ie6 .ext-cal-day-col-gutter {
zoom: 1
}
/* -----------------------------------------
* Month-specific styles
*/
.ext-cal-monthview .ext-cal-hd-ct {
left: 0;
top: 0;
position: absolute;
width: 100%;
/*background: #95B8EF;*/
}
.ext-cal-monthview .ext-cal-body-ct {
background: #fff;
bottom: 0;
left: 0;
border:0;
overflow: hidden;
position: absolute;
top: 20px;
width: 100%;
}
.ext-cal-monthview .ext-cal-noheader .ext-cal-hd-ct {
display: none;
}
.ext-cal-monthview .ext-cal-noheader .ext-cal-body-ct {
top: 0;
}
/* Month view week link boxes */
.ext-cal-monthview .ext-cal-week-link,
.ext-cal-monthview .ext-cal-week-link-hd {
width: 20px;
position: absolute;
left: 0;
top: 0;
height: 100%;
background: #EFEFEF;
border-top: 1px solid #C3D9FF;
/*border-right: 1px solid #C3D9FF;*/
font-size: 10px;
color: #999;
padding: 3px 0 0;
text-align: center;
cursor: pointer;
}
.ext-cal-monthview .ext-cal-week-link-hd {
border-top: 1px solid #99BBE8;
}
.x4-calendar-nonav .ext-cal-monthview .ext-cal-week-link-hd {
border-top: 0;
}
.ext-cal-week-links .ext-cal-bg-tbl {
left: 20px;
}
.ext-cal-week-links .ext-cal-evt-tbl,
.ext-cal-week-links .ext-cal-hd-days-tbl {
margin-left: 20px;
}
.ext-cal-monthview .ext-week-link-over {
background: #E0E7EF;
}
.ext-cal-week-links .ext-cal-day-first {
border-left: 1px solid #C3D9FF;
}
/* Hide the nav bar if specified */
.ext-cal-hide-navbar .ext-cal-hd-ct {
height: 25px;
}
.ext-cal-hide-navbar .ext-cal-body-ct {
top: 24px;
}
/* Outer wrapping div for week rows */
.ext-cal-wk-ct {
left: 0;
overflow: hidden;
position: absolute;
width: 100%;
height: 100px;
}
.ext-cal-monthview .ext-cal-wk-ct {
height: 100%;
}
/* Background table cell */
.ext-cal-day {
border-left: 1px solid #C3D9FF;
cursor: pointer;
}
.ext-cal-day-first {
border-left: 0;
}
.ext-cal-ev,
.ext-cal-dtitle {
cursor: pointer;
}
.ext-cal-readonly .ext-cal-day,
.ext-cal-readonly .ext-cal-dtitle {
cursor: default;
} 
.ext-day-over {
background: #D1EAEF !important;
}
/* Event container table */
.ext-cal-evt-tbl {
position:relative;
table-layout:fixed;
width:100%;
}
/* Event title cell (includes today, prev & next month) */
td.ext-cal-dtitle {
font-family: helvetica, arial, sans-serif;
border-top:1px solid #C3D9FF;
color: #A7C6DF;
line-height:14px;
overflow:hidden;
text-align:right;
font-size: 16px;
padding-top: 1px;
padding-right: 1px;
padding-left: 1px;
}
td.ext-cal-dtitle-first {
border-top: 1px solid #BBCCFF;
}
td.ext-cal-dtitle div {
padding: 2px 4px 1px;
}
/* Today's title cell */
td.ext-cal-dtitle-today div {
color: #BFA52F;
white-space: nowrap;
}
/* Today time span */
.ext-cal-dtitle-time {
font-size: 11px;
}
/* Weekend background cell */
.ext-cal-day-we {
background: #EFF9FC;
}
/* Today's background cell */
.ext-cal-day-today {
background: #FFF4BF;
}
/* Prev/next month title cells */
.ext-cal-dtitle-prev div,
.ext-cal-dtitle-next div {
color: #bbb;
}
/* Prev/next month background cells */
.ext-cal-day-prev,
.ext-cal-day-next {
background: #EFEFEF;
}
/* Event cells */
.ext-cal-ev {
font-family:Verdana,sans-serif;
padding:1px 1px 0 2px;
vertical-align:top;
}
/* Event overflow more link */
.ext-cal-ev-more {
text-align: center;
}
.ext-cal-ev-more a,
.ext-cal-ev-more a:visited {
color: #369;
cursor: pointer;
}
/* More view */
.ext-cal-mvd-tbl {
width: 100%;
table-layout: fixed;
}
.ext-cal-evt {
cursor:pointer;
}
/* Default rounded event div (Gecko/Webkit/W3C) */
.ext-cal-evr { /* rounded */
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
overflow:hidden;
padding:1px 1px 1px 5px;
white-space:nowrap;
text-overflow: ellipsis;
border: 0;
}
/* Nested event divs (IE/Opera) */
.ext-cal-evo { /* outer */
border-top: 1px solid;
border-bottom: 1px solid;
border-right: 0;
border-left: 0;
margin: 0 1px;
cursor: pointer;
position: relative;
}
.ext-cal-day-col .ext-cal-evo {
height: 100%;
}
.ext-cal-evm { /* middle */
border-left: 1px solid;
border-right: 1px solid;
border-top: 0;
border-bottom: 0;
margin: 0 -1px;
zoom: 1;
padding-left: 3px;
}
.ext-cal-evi { /* inner */
width: 100%;
white-space: nowrap;
overflow: hidden;
}
/* Day view event styles */
.ext-cal-day-col .ext-cal-evt {
position: absolute;
overflow: hidden;
cursor: default;
color: #fff;
-moz-user-select: none;
}
.ext-cal-evt dl {
margin: 0;
border: 0 1px;
overflow: hidden;
border-width: 0 1px;
border-style: solid;
}
.x4-ie6 .ext-cal-evt dl {
zoom: 1
}
.ext-cal-evt dd {
margin: 0;
overflow: hidden;
font-size: 11px;
text-align: left;
word-wrap: break-word;
}
.ext-cal-evdm {
border: 1px solid;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.ext-cal-evdm dt {
margin-top: 0
}
.ext-cal-day-col .ext-cal-evt a:link,
.ext-cal-day-col .ext-cal-evt a:visited,
.ext-cal-day-col .ext-cal-evt a:active {
text-decoration: none;
color: #fff
}
.ext-cal-evb {
height: 1px;
overflow: hidden;
margin: 0 2px;
border-top-width: 1px;
border-top-style: solid;
}
.x4-opera .ext-cal-evb,
.x4-strict .x4-ie .ext-cal-evb {
height: 0;
}
/* Event spanning -- overrides rounded corners */
.ext-cal-ev-spanboth,
.ext-cal-ev-spanleft,
.ext-cal-ev-spanright {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
position: relative;
}
.ext-cal-ev-spanleft {
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
xpadding-left:5px;
}
.ext-cal-ev-spanright {
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
xpadding-right:5px;
}
/* IE/ Opera: */
.ext-cal-ev-spanboth .ext-cal-evm {
margin: 0;
}
.ext-cal-ev-spanright .ext-cal-evm {
margin: 0 0 0 -1px;
}
.ext-cal-ev-spanleft .ext-cal-evm {
margin: 0 -1px 0 0;
}
.ext-cal-spl,
.ext-cal-spr {
/* background-image:url(/assets/extensible/resources/css/../images/default/calendar-sprites.gif);
background-repeat:no-repeat;
display: inline-block;
height: 15px;
line-height: 15px;
width: 2px;
position: absolute;
top: 0;*/
}
/*.ext-cal-spl {
background-position:-1px -11px;
left: 0;
}
.ext-cal-spr {
background-position:0 -11px;
right: -2px;
}
.x4-ie .ext-cal-spr {
right: -5px;
}*/
/* Generic calendar icons */
.ext-cal-ic {
background-image: url(/assets/extensible/resources/css/../images/default/calendar-sprites.gif);
background-repeat: no-repeat;
display: none;
height: 11px;
line-height: 11px;
margin-left: 4px;
width: 12px;
}
.ext-evt-over .ext-cal-ic {
display: inline-block;
}
/* Text-only recurring (dark icon) */
.ext-cal-ic-rcr {
background-position: 0 0;
}
/* Block recurring (light icon) */
.ext-evt-block .ext-cal-ic-rcr {
background-position: -12px 0;
}
/* Text-only reminder (dark icon) */
.ext-cal-ic-rem {
background-position: -24px 0;
}
/* Block reminder (dark icon) */
.ext-evt-block .ext-cal-ic-rem {
background-position: -36px 0;
}
/* Calendar DD styles */
.ext-cal-dd-sel-ct {
display: block;
z-index: 10;
position: absolute;
height: 0;
left: 0;
top: 0;
width: 0;
}
.ext-cal-dd-sel {
background-color: #C3D9FF;
font-size: 0;
line-height: 0;
opacity: 0.5;
position: absolute;
}
.ext-evt-over {
opacity: .8;
}
/* Calendar Picker */
.ext-calendar-picker {
position: relative;
}
.x4-gecko .ext-calendar-picker {
/* http://stackoverflow.com/questions/5148041/does-firefox-support-position-relative-on-table-elements */
display: block;
}
.ext-calendar-picker .x4-form-text {
padding-left: 27px;
}
.ext-calendar-picker .x4-combo-list-item {
padding-left: 24px;
}
.ext-cal-picker-icon {
width: 20px;
height: 16px;
margin-right: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
float: left;
}
/* This is the selected icon that always shows: */
.ext-cal-picker-mainicon {
float: none;
position: absolute;
top: 3px;
left: 4px;
}
/*
* Event resize handle
*/
.ext-evt-rsz {
position: absolute;
bottom: 0;
height: 5px;
line-height: 5px;
width: 100%;
text-align: center; /* needed for IE quirks mode */
cursor: s-resize;
}
.x4-gecko .ext-evt-rsz,
.x4-webkit .ext-evt-rsz {
cursor: ns-resize;
}
.ext-evt-rsz-h {
display: none;
border-top:3px double;
border-color: white;
font-size:0;
height:0;
line-height:0;
margin-left:auto;
margin-right:auto;
width:20px;
opacity:.5;
-moz-opacity:.5;
-khtml-opacity:.5;
/* no opacity for ie by default */
}
.ext-evt-over .ext-evt-rsz-h {
display: block;
}
.x4-ie .ext-evt-rsz-h {
border-color: #ccc;
}
.x4-strict .x4-ie8 .ext-evt-rsz-h {
border-color: #fff;
filter:alpha(opacity=50);
}
.ext-cal-day-col .ext-cal-evt {
position: absolute;
}
.ext-cal-day-col .ext-cal-evr,
.ext-cal-day-col .ext-cal-evi {
white-space: normal;
}
/* Shim for drag/drop operations on calendar views */
.ext-dd-shim {
z-index:1000;
overflow:hidden;
position:absolute;
left:0;top:0;
opacity:.40;
-moz-opacity:.40;
-khtml-opacity:.40;
filter:alpha(opacity=40);
background: #C3D9FF;
}
/* StatusProxy override styles */
.ext-dd-ghost-ct {
color:#000;
font: normal 11px arial, helvetica, sans-serif;
border: 1px solid;
border-color: #ddd #bbb #bbb #ddd;
background-color:#fff;
padding:3px;
padding-left:20px;
white-space: nowrap;
}
.ext-dd-ghost-ct .x4-dd-drag-ghost{
border: 0;
background: none;
padding: 0;
width: 150px;
}
.ext-dd-ghost-ct .ext-evt-rsz {
display: none;
}
/*******************************************
* 
* Calendar navigation picker styles
* 
******************************************/
.ext-cal-nav-picker {
border-style: none none solid;
border-color: #99BBE8;
}
.ext-cal-nav-picker .x4-datepicker-header {
background: #D3E1F1 url(/assets/extensible/resources/css/../images/default/ext/toolbar-bg.gif) repeat-x;
}
.ext-cal-nav-picker .x4-datepicker-month,
.ext-cal-nav-picker .x4-datepicker-prev,
.ext-cal-nav-picker .x4-datepicker-next {
background: transparent;
}
.ext-cal-nav-picker .x4-datepicker-prev a {
background-image: url(/assets/extensible/resources/css/../images/default/ext/page-prev.gif);
}
.ext-cal-nav-picker .x4-datepicker-next a {
background-image: url(/assets/extensible/resources/css/../images/default/ext/page-next.gif);
}
.ext-cal-nav-picker .x4-datepicker-month {
padding: 3px 0;
}
.ext-cal-nav-picker .x4-datepicker-month .x4-btn-inner {
color: #555 !important;
font-weight: bold;
font-family: arial,tahoma,verdana,helvetica;
}
.ext-cal-nav-picker .x4-datepicker-month .x4-btn-split-right {
background-image: url(/assets/extensible/resources/css/../images/default/ext/button-arrow.gif) !important;
background-position: right 4px;
}
.ext-cal-nav-picker .x4-datepicker-inner {
border-top: 1px solid #BBCCFF;
}
.ext-cal-nav-picker .x4-datepicker-inner th {
background: none;
border-bottom: 1px solid #BBCCFF;
}
.ext-cal-nav-picker .x4-datepicker-inner .x4-datepicker-today a {
border-color: #BFA52F;
background: #FFF4BF;
}
.ext-cal-nav-picker .x4-monthpicker {
border: 0;
border-bottom: 1px solid #99BBE8;
top: 0 !important;
left: 0 !important;
}
.ext-cal-nav-picker .x4-datepicker-footer {
background: #D3E1F1 url(/assets/extensible/resources/css/../images/default/ext/toolbar-bg.gif) repeat-x;
}
/*******************************************
* 
* Calendar editor window styles
*
******************************************/
.ext-cal-evt-win {
z-index: 12100;
}
.x4-gecko .ext-cal-event-win .x4-window-body .x4-form-item {
overflow: hidden;
}
.ext-cal-event-win .x4-window-body .x4-panel-body {
background: transparent;
}
.ext-cal-event-win a:link,
.ext-cal-event-win a:visited {
color: #15428B;
}
/*******************************************
* 
* Calendar form styles
*
******************************************/
.ext-evt-edit-form {
height: 100%;
}
.ext-evt-edit-form .x4-form-item {
margin-bottom: 8px;
}
.ext-evt-edit-form .x4-panel-bbar .x4-toolbar {
border-bottom: 1px solid #99BBE8;
}
.ext-evt-edit-form .x4-panel-header {
background: transparent url(/assets/extensible/resources/css/../images/default/ext-cal-edit-hd.png) repeat-x;
padding: 6px 0 5px 5px !important;
font-size: 13px !important;
font-family: helvetica, arial, sans-serif;
border-top: 0;
border-bottom: 1px solid #BBCCFF;
}
.x4-panel-mc .ext-evt-edit-form .x4-panel-header {
border-top: 1px solid #99BBE8;
}
.ext-evt-edit-form .x4-toolbar-footer {
padding: 10px;
background: #DFE8F6;
}
/*******************************************
* 
* DateRangeField styles
*
******************************************/
.x4-4-0 .ext-dt-range {
/* Don't double the bottom margin, use the contained fields' margin.
* This was only an issue in Ext 4.0.x */
margin-bottom: 0 !important;
}
.ext-dt-range .x4-form-cb-wrap {
white-space: nowrap;
}
/*******************************************
* 
* ContextMenu styles
*
******************************************/
.extensible-cal-icon-evt-edit {
background-image:url(/assets/extensible/resources/css/../images/default/silk/calendar_edit.png) !important;
}
.extensible-cal-icon-evt-del {
background-image:url(/assets/extensible/resources/css/../images/default/silk/cross.png) !important;
}
.extensible-cal-icon-evt-move {
background-image:url(/assets/extensible/resources/css/../images/default/silk/date_go.png) !important;
}
.extensible-cal-icon-evt-copy {
background-image:url(/assets/extensible/resources/css/../images/default/silk/date_copy.png) !important;
}
/*******************************************
* 
* CalendarList styles
*
******************************************/
.x4-calendar-list {
border-bottom: 1px solid #99BBE8;
}
.x4-calendar-list .x4-panel-body {
padding: 4px 2px 2px;
background: #fff !important;
font-family: helvetica, arial, sans-serif;
font-size: 12px;
}
.x4-calendar-list .x4-panel-header-text {
color: #555;
}
.x4-calendar-list ul {
margin: 0;
padding: 0;
}
.x4-calendar-list li {
position: relative;
margin-bottom: 2px;
cursor: pointer;
list-style-type: none;
}
.x4-calendar-list li em {
background-image: url(/assets/extensible/resources/css/../images/default/calendar-sprites.gif);
background-repeat: no-repeat;
display: inline-block;
position: absolute;
height: 11px;
line-height: 11px;
width: 14px;
top: 2px;
background-position: -60px 0;
right: 0;
}
.x4-calendar-list .hover em {
background-position: -48px 0;
xright: 2px;
opacity:.7;
-moz-opacity:.7;
}
.x4-calendar-list .ext-cal-evr {
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.ext-cal-hidden,
/* IE/Opera: */
.ext-cal-hidden .ext-cal-evi {
background-image: url(/assets/extensible/resources/css/../images/default/ext-cal-list-hidden.png);
background-repeat: no-repeat;
background-position: top right;
opacity:.5;
-moz-opacity:.5;
}
.x4-ie .ext-cal-hidden {
filter: alpha(opacity=50);
zoom: 1;
}
.x4-ie .ext-cal-hidden .ext-cal-evi {
/* the following works around an IE bug that won't apply the opacity filter correctly without dimensions */
width: 100%;
height: 100%;
}
.x4-ie6 .ext-cal-hidden .ext-cal-evi {
background-image: url(/assets/extensible/resources/css/../images/default/ext-cal-list-hidden-ie6.png);
}
.extensible-cal-icon-cal-show {
background-image:url(/assets/extensible/resources/css/../images/default/silk/calendar_view_month.png) !important;
}
.extensible-cal-icon-cal-colors {
background-image:url(/assets/extensible/resources/css/../images/default/silk/color_wheel.png) !important;
}
/*******************************************
* 
* CalendarList menu styles
*
******************************************/
.x4-calendar-list-menu .x4-color-picker {
padding-left: 32px;
width: 210px;
background: inherit;
height: 90px;
}
.x4-calendar-list-menu .x4-color-picker a {
border: 1px solid #f0f0f0;
float: left;
padding: 2px;
text-decoration: none;
-moz-outline: 0 none;
outline: 0 none;
cursor: pointer;
}
.x4-calendar-list-menu .x4-color-picker a:hover, 
.x4-calendar-list-menu .x4-color-picker a.x4-color-picker-selected {
border-color: #8BB8F3;
}
.x4-calendar-list-menu .x4-color-picker em {
display: block;
border: 1px solid #aca899;
}
.x4-calendar-list-menu .x4-color-picker em span {
cursor: pointer;
display: block;
height: 14px;
width: 14px;
line-height: 10px;
}
/*******************************************
* 
* Calendar event colors
* 
******************************************/
/*
* This is the text color for all-day and span events.
* Changing this will affect all events across all calendars.
*/
.ext-cal-evr,
.ext-cal-evi,
.ext-cal-evt dl {
color: #fff;
}
/*========================================================
* The following block defines the default event styles 
* used when no calendar info is available. It includes all
* of the rules necessary to style a specific calendar.
*/
/* The text color for non-all-day events that have no background color */
.x4-cal-default,
.x4-cal-default-x .ext-cal-evb,
.ext-ie .x4-cal-default-ad,
.ext-opera .x4-cal-default-ad {
color: #668CB3;
}
/* 
* The background color for all-day and span events. Sorry for all the rules,
* they are mostly to accommodate browsers that do not handle border-radius.
*/
.ext-cal-day-col .x4-cal-default,
.ext-dd-drag-proxy .x4-cal-default,
.x4-cal-default-ad,
.x4-cal-default-ad .ext-cal-evm,
.x4-cal-default .ext-cal-picker-icon,
.x4-cal-default-x dl,
.x4-calendar-palette em .x4-cal-default {
background-color: #668CB3;
}
/*
* Yet more rules for IE/Opera
*/
.x4-cal-default-ad,
.x4-cal-default-ad .ext-cal-evm {
border-color: #668CB3;
}
/* END of default event styles
* ========================================================
*/
/*
* The block above defines the 3 rules required to style one calendar.
* The following blocks are the exact same rules, but with different 
* color definitions for each unique calendar. Each specific calendar
* has the default class name prefix "x-cal-" plus the calendar's unique class
* id. To customize these colors you can simply alter the colors of existing
* calendars, or you can create new style definitions as below, just making
* sure that the class name you choose matches the StyleClass defined in your 
* calendar store.
*/
/* ===== x-cal-1 ===== */
.x4-cal-1,
.x4-cal-1-x .ext-cal-evb,
.ext-ie .x4-cal-1-ad,
.ext-opera .x4-cal-1-ad {
color: #fa7166;
}
.ext-cal-day-col .x4-cal-1,
.ext-dd-drag-proxy .x4-cal-1,
.x4-cal-1-ad,
.x4-cal-1-ad .ext-cal-evm,
.x4-cal-1 .ext-cal-picker-icon,
.x4-cal-1-x dl,
.x4-calendar-palette .x4-cal-1 span {
background-color: #fa7166;
}
.x4-cal-1-ad,
.x4-cal-1-ad .ext-cal-evm {
border-color: #fa7166;
}
/* ===== x-cal-2 ===== */
.x4-cal-2,
.x4-cal-2-x .ext-cal-evb,
.ext-ie .x4-cal-2-ad,
.ext-opera .x4-cal-2-ad {
color: #cf2424;
}
.ext-cal-day-col .x4-cal-2,
.ext-dd-drag-proxy .x4-cal-2,
.x4-cal-2-ad,
.x4-cal-2-ad .ext-cal-evm,
.x4-cal-2 .ext-cal-picker-icon,
.x4-cal-2-x dl,
.x4-calendar-palette .x4-cal-2 span {
background-color: #cf2424;
}
.x4-cal-2-ad,
.x4-cal-2-ad .ext-cal-evm {
border-color: #cf2424;
}
/* ===== x-cal-3 ===== */
.x4-cal-3,
.x4-cal-3-x .ext-cal-evb,
.ext-ie .x4-cal-3-ad,
.ext-opera .x4-cal-3-ad {
color: #a01a1a;
}
.ext-cal-day-col .x4-cal-3,
.ext-dd-drag-proxy .x4-cal-3,
.x4-cal-3-ad,
.x4-cal-3-ad .ext-cal-evm,
.x4-cal-3 .ext-cal-picker-icon,
.x4-cal-3-x dl,
.x4-calendar-palette .x4-cal-3 span {
background-color: #a01a1a;
}
.x4-cal-3-ad,
.x4-cal-3-ad .ext-cal-evm {
border-color: #a01a1a;
}
/* ===== x-cal-4 ===== */
.x4-cal-4,
.x4-cal-4-x .ext-cal-evb,
.ext-ie .x4-cal-4-ad,
.ext-opera .x4-cal-4-ad {
color: #7e3838;
}
.ext-cal-day-col .x4-cal-4,
.ext-dd-drag-proxy .x4-cal-4,
.x4-cal-4-ad,
.x4-cal-4-ad .ext-cal-evm,
.x4-cal-4 .ext-cal-picker-icon,
.x4-cal-4-x dl,
.x4-calendar-palette .x4-cal-4 span {
background-color: #7e3838;
}
.x4-cal-4-ad,
.x4-cal-4-ad .ext-cal-evm {
border-color: #7e3838;
}
/* ===== x-cal-5 ===== */
.x4-cal-5,
.x4-cal-5-x .ext-cal-evb,
.ext-ie .x4-cal-5-ad,
.ext-opera .x4-cal-5-ad {
color: #ca7609;
}
.ext-cal-day-col .x4-cal-5,
.ext-dd-drag-proxy .x4-cal-5,
.x4-cal-5-ad,
.x4-cal-5-ad .ext-cal-evm,
.x4-cal-5 .ext-cal-picker-icon,
.x4-cal-5-x dl,
.x4-calendar-palette .x4-cal-5 span {
background-color: #ca7609;
}
.x4-cal-5-ad,
.x4-cal-5-ad .ext-cal-evm {
border-color: #ca7609;
}
/* ===== x-cal-6 ===== */
.x4-cal-6,
.x4-cal-6-x .ext-cal-evb,
.ext-ie .x4-cal-6-ad,
.ext-opera .x4-cal-6-ad {
color: #f88015;
}
.ext-cal-day-col .x4-cal-6,
.ext-dd-drag-proxy .x4-cal-6,
.x4-cal-6-ad,
.x4-cal-6-ad .ext-cal-evm,
.x4-cal-6 .ext-cal-picker-icon,
.x4-cal-6-x dl,
.x4-calendar-palette .x4-cal-6 span {
background-color: #f88015;
}
.x4-cal-6-ad,
.x4-cal-6-ad .ext-cal-evm {
border-color: #f88015;
}
/* ===== x-cal-7 ===== */
.x4-cal-7,
.x4-cal-7-x .ext-cal-evb,
.ext-ie .x4-cal-7-ad,
.ext-opera .x4-cal-7-ad {
color: #eda12a;
}
.ext-cal-day-col .x4-cal-7,
.ext-dd-drag-proxy .x4-cal-7,
.x4-cal-7-ad,
.x4-cal-7-ad .ext-cal-evm,
.x4-cal-7 .ext-cal-picker-icon,
.x4-cal-7-x dl,
.x4-calendar-palette .x4-cal-7 span {
background-color: #eda12a;
}
.x4-cal-7-ad,
.x4-cal-7-ad .ext-cal-evm {
border-color: #eda12a;
}
/* ===== x-cal-8 ===== */
.x4-cal-8,
.x4-cal-8-x .ext-cal-evb,
.ext-ie .x4-cal-8-ad,
.ext-opera .x4-cal-8-ad {
color: #d5b816;
}
.ext-cal-day-col .x4-cal-8,
.ext-dd-drag-proxy .x4-cal-8,
.x4-cal-8-ad,
.x4-cal-8-ad .ext-cal-evm,
.x4-cal-8 .ext-cal-picker-icon,
.x4-cal-8-x dl,
.x4-calendar-palette .x4-cal-8 span {
background-color: #d5b816;
}
.x4-cal-8-ad,
.x4-cal-8-ad .ext-cal-evm {
border-color: #d5b816;
}
/* ===== x-cal-9 ===== */
.x4-cal-9,
.x4-cal-9-x .ext-cal-evb,
.ext-ie .x4-cal-9-ad,
.ext-opera .x4-cal-9-ad {
color: #e281ca;
}
.ext-cal-day-col .x4-cal-9,
.ext-dd-drag-proxy .x4-cal-9,
.x4-cal-9-ad,
.x4-cal-9-ad .ext-cal-evm,
.x4-cal-9 .ext-cal-picker-icon,
.x4-cal-9-x dl,
.x4-calendar-palette .x4-cal-9 span {
background-color: #e281ca;
}
.x4-cal-9-ad,
.x4-cal-9-ad .ext-cal-evm {
border-color: #e281ca;
}
/* ===== x-cal-10 ===== */
.x4-cal-10,
.x4-cal-10-x .ext-cal-evb,
.ext-ie .x4-cal-10-ad,
.ext-opera .x4-cal-10-ad {
color: #bf53a4;
}
.ext-cal-day-col .x4-cal-10,
.ext-dd-drag-proxy .x4-cal-10,
.x4-cal-10-ad,
.x4-cal-10-ad .ext-cal-evm,
.x4-cal-10 .ext-cal-picker-icon,
.x4-cal-10-x dl,
.x4-calendar-palette .x4-cal-10 span {
background-color: #bf53a4;
}
.x4-cal-10-ad,
.x4-cal-10-ad .ext-cal-evm {
border-color: #bf53a4;
}
/* ===== x-cal-11 ===== */
.x4-cal-11,
.x4-cal-11-x .ext-cal-evb,
.ext-ie .x4-cal-11-ad,
.ext-opera .x4-cal-11-ad {
color: #9d3283;
}
.ext-cal-day-col .x4-cal-11,
.ext-dd-drag-proxy .x4-cal-11,
.x4-cal-11-ad,
.x4-cal-11-ad .ext-cal-evm,
.x4-cal-11 .ext-cal-picker-icon,
.x4-cal-11-x dl,
.x4-calendar-palette .x4-cal-11 span {
background-color: #9d3283;
}
.x4-cal-11-ad,
.x4-cal-11-ad .ext-cal-evm {
border-color: #9d3283;
}
/* ===== x-cal-12 ===== */
.x4-cal-12,
.x4-cal-12-x .ext-cal-evb,
.ext-ie .x4-cal-12-ad,
.ext-opera .x4-cal-12-ad {
color: #7a0f60;
}
.ext-cal-day-col .x4-cal-12,
.ext-dd-drag-proxy .x4-cal-12,
.x4-cal-12-ad,
.x4-cal-12-ad .ext-cal-evm,
.x4-cal-12 .ext-cal-picker-icon,
.x4-cal-12-x dl,
.x4-calendar-palette .x4-cal-12 span {
background-color: #7a0f60;
}
.x4-cal-12-ad,
.x4-cal-12-ad .ext-cal-evm {
border-color: #7a0f60;
}
/* ===== x-cal-13 ===== */
.x4-cal-13,
.x4-cal-13-x .ext-cal-evb,
.ext-ie .x4-cal-13-ad,
.ext-opera .x4-cal-13-ad {
color: #542382;
}
.ext-cal-day-col .x4-cal-13,
.ext-dd-drag-proxy .x4-cal-13,
.x4-cal-13-ad,
.x4-cal-13-ad .ext-cal-evm,
.x4-cal-13 .ext-cal-picker-icon,
.x4-cal-13-x dl,
.x4-calendar-palette .x4-cal-13 span {
background-color: #542382;
}
.x4-cal-13-ad,
.x4-cal-13-ad .ext-cal-evm {
border-color: #542382;
}
/* ===== x-cal-14 ===== */
.x4-cal-14,
.x4-cal-14-x .ext-cal-evb,
.ext-ie .x4-cal-14-ad,
.ext-opera .x4-cal-14-ad {
color: #7742a9;
}
.ext-cal-day-col .x4-cal-14,
.ext-dd-drag-proxy .x4-cal-14,
.x4-cal-14-ad,
.x4-cal-14-ad .ext-cal-evm,
.x4-cal-14 .ext-cal-picker-icon,
.x4-cal-14-x dl,
.x4-calendar-palette .x4-cal-14 span {
background-color: #7742a9;
}
.x4-cal-14-ad,
.x4-cal-14-ad .ext-cal-evm {
border-color: #7742a9;
}
/* ===== x-cal-15 ===== */
.x4-cal-15,
.x4-cal-15-x .ext-cal-evb,
.ext-ie .x4-cal-15-ad,
.ext-opera .x4-cal-15-ad {
color: #8763ca;
}
.ext-cal-day-col .x4-cal-15,
.ext-dd-drag-proxy .x4-cal-15,
.x4-cal-15-ad,
.x4-cal-15-ad .ext-cal-evm,
.x4-cal-15 .ext-cal-picker-icon,
.x4-cal-15-x dl,
.x4-calendar-palette .x4-cal-15 span {
background-color: #8763ca;
}
.x4-cal-15-ad,
.x4-cal-15-ad .ext-cal-evm {
border-color: #8763ca;
}
/* ===== x-cal-16 ===== */
.x4-cal-16,
.x4-cal-16-x .ext-cal-evb,
.ext-ie .x4-cal-16-ad,
.ext-opera .x4-cal-16-ad {
color: #b586e2;
}
.ext-cal-day-col .x4-cal-16,
.ext-dd-drag-proxy .x4-cal-16,
.x4-cal-16-ad,
.x4-cal-16-ad .ext-cal-evm,
.x4-cal-16 .ext-cal-picker-icon,
.x4-cal-16-x dl,
.x4-calendar-palette .x4-cal-16 span {
background-color: #b586e2;
}
.x4-cal-16-ad,
.x4-cal-16-ad .ext-cal-evm {
border-color: #b586e2;
}
/* ===== x-cal-17 ===== */
.x4-cal-17,
.x4-cal-17-x .ext-cal-evb,
.ext-ie .x4-cal-17-ad,
.ext-opera .x4-cal-17-ad {
color: #7399f9;
}
.ext-cal-day-col .x4-cal-17,
.ext-dd-drag-proxy .x4-cal-17,
.x4-cal-17-ad,
.x4-cal-17-ad .ext-cal-evm,
.x4-cal-17 .ext-cal-picker-icon,
.x4-cal-17-x dl,
.x4-calendar-palette .x4-cal-17 span {
background-color: #7399f9;
}
.x4-cal-17-ad,
.x4-cal-17-ad .ext-cal-evm {
border-color: #7399f9;
}
/* ===== x-cal-18 ===== */
.x4-cal-18,
.x4-cal-18-x .ext-cal-evb,
.ext-ie .x4-cal-18-ad,
.ext-opera .x4-cal-18-ad {
color: #4e79e6;
}
.ext-cal-day-col .x4-cal-18,
.ext-dd-drag-proxy .x4-cal-18,
.x4-cal-18-ad,
.x4-cal-18-ad .ext-cal-evm,
.x4-cal-18 .ext-cal-picker-icon,
.x4-cal-18-x dl,
.x4-calendar-palette .x4-cal-18 span {
background-color: #4e79e6;
}
.x4-cal-18-ad,
.x4-cal-18-ad .ext-cal-evm {
border-color: #4e79e6;
}
/* ===== x-cal-19 ===== */
.x4-cal-19,
.x4-cal-19-x .ext-cal-evb,
.ext-ie .x4-cal-19-ad,
.ext-opera .x4-cal-19-ad {
color: #2951b9;
}
.ext-cal-day-col .x4-cal-19,
.ext-dd-drag-proxy .x4-cal-19,
.x4-cal-19-ad,
.x4-cal-19-ad .ext-cal-evm,
.x4-cal-19 .ext-cal-picker-icon,
.x4-cal-19-x dl,
.x4-calendar-palette .x4-cal-19 span {
background-color: #2951b9;
}
.x4-cal-19-ad,
.x4-cal-19-ad .ext-cal-evm {
border-color: #2951b9;
}
/* ===== x-cal-20 ===== */
.x4-cal-20,
.x4-cal-20-x .ext-cal-evb,
.ext-ie .x4-cal-20-ad,
.ext-opera .x4-cal-20-ad {
color: #133897;
}
.ext-cal-day-col .x4-cal-20,
.ext-dd-drag-proxy .x4-cal-20,
.x4-cal-20-ad,
.x4-cal-20-ad .ext-cal-evm,
.x4-cal-20 .ext-cal-picker-icon,
.x4-cal-20-x dl,
.x4-calendar-palette .x4-cal-20 span {
background-color: #133897;
}
.x4-cal-20-ad,
.x4-cal-20-ad .ext-cal-evm {
border-color: #133897;
}
/* ===== x-cal-21 ===== */
.x4-cal-21,
.x4-cal-21-x .ext-cal-evb,
.ext-ie .x4-cal-21-ad,
.ext-opera .x4-cal-21-ad {
color: #1a5173;
}
.ext-cal-day-col .x4-cal-21,
.ext-dd-drag-proxy .x4-cal-21,
.x4-cal-21-ad,
.x4-cal-21-ad .ext-cal-evm,
.x4-cal-21 .ext-cal-picker-icon,
.x4-cal-21-x dl,
.x4-calendar-palette .x4-cal-21 span {
background-color: #1a5173;
}
.x4-cal-21-ad,
.x4-cal-21-ad .ext-cal-evm {
border-color: #1a5173;
}
/* ===== x-cal-22 ===== */
.x4-cal-22,
.x4-cal-22-x .ext-cal-evb,
.ext-ie .x4-cal-22-ad,
.ext-opera .x4-cal-22-ad {
color: #1a699c;
}
.ext-cal-day-col .x4-cal-22,
.ext-dd-drag-proxy .x4-cal-22,
.x4-cal-22-ad,
.x4-cal-22-ad .ext-cal-evm,
.x4-cal-22 .ext-cal-picker-icon,
.x4-cal-22-x dl,
.x4-calendar-palette .x4-cal-22 span {
background-color: #1a699c;
}
.x4-cal-22-ad,
.x4-cal-22-ad .ext-cal-evm {
border-color: #1a699c;
}
/* ===== x-cal-23 ===== */
.x4-cal-23,
.x4-cal-23-x .ext-cal-evb,
.ext-ie .x4-cal-23-ad,
.ext-opera .x4-cal-23-ad {
color: #3694b7;
}
.ext-cal-day-col .x4-cal-23,
.ext-dd-drag-proxy .x4-cal-23,
.x4-cal-23-ad,
.x4-cal-23-ad .ext-cal-evm,
.x4-cal-23 .ext-cal-picker-icon,
.x4-cal-23-x dl,
.x4-calendar-palette .x4-cal-23 span {
background-color: #3694b7;
}
.x4-cal-23-ad,
.x4-cal-23-ad .ext-cal-evm {
border-color: #3694b7;
}
/* ===== x-cal-24 ===== */
.x4-cal-24,
.x4-cal-24-x .ext-cal-evb,
.ext-ie .x4-cal-24-ad,
.ext-opera .x4-cal-24-ad {
color: #64b9d9;
}
.ext-cal-day-col .x4-cal-24,
.ext-dd-drag-proxy .x4-cal-24,
.x4-cal-24-ad,
.x4-cal-24-ad .ext-cal-evm,
.x4-cal-24 .ext-cal-picker-icon,
.x4-cal-24-x dl,
.x4-calendar-palette .x4-cal-24 span {
background-color: #64b9d9;
}
.x4-cal-24-ad,
.x4-cal-24-ad .ext-cal-evm {
border-color: #64b9d9;
}
/* ===== x-cal-25 ===== */
.x4-cal-25,
.x4-cal-25-x .ext-cal-evb,
.ext-ie .x4-cal-25-ad,
.ext-opera .x4-cal-25-ad {
color: #a8c67b;
}
.ext-cal-day-col .x4-cal-25,
.ext-dd-drag-proxy .x4-cal-25,
.x4-cal-25-ad,
.x4-cal-25-ad .ext-cal-evm,
.x4-cal-25 .ext-cal-picker-icon,
.x4-cal-25-x dl,
.x4-calendar-palette .x4-cal-25 span {
background-color: #a8c67b;
}
.x4-cal-25-ad,
.x4-cal-25-ad .ext-cal-evm {
border-color: #a8c67b;
}
/* ===== x-cal-26 ===== */
.x4-cal-26,
.x4-cal-26-x .ext-cal-evb,
.ext-ie .x4-cal-26-ad,
.ext-opera .x4-cal-26-ad {
color: #83ad47;
}
.ext-cal-day-col .x4-cal-26,
.ext-dd-drag-proxy .x4-cal-26,
.x4-cal-26-ad,
.x4-cal-26-ad .ext-cal-evm,
.x4-cal-26 .ext-cal-picker-icon,
.x4-cal-26-x dl,
.x4-calendar-palette .x4-cal-26 span {
background-color: #83ad47;
}
.x4-cal-26-ad,
.x4-cal-26-ad .ext-cal-evm {
border-color: #83ad47;
}
/* ===== x-cal-27 ===== */
.x4-cal-27,
.x4-cal-27-x .ext-cal-evb,
.ext-ie .x4-cal-27-ad,
.ext-opera .x4-cal-27-ad {
color: #2e8f0c;
}
.ext-cal-day-col .x4-cal-27,
.ext-dd-drag-proxy .x4-cal-27,
.x4-cal-27-ad,
.x4-cal-27-ad .ext-cal-evm,
.x4-cal-27 .ext-cal-picker-icon,
.x4-cal-27-x dl,
.x4-calendar-palette .x4-cal-27 span {
background-color: #2e8f0c;
}
.x4-cal-27-ad,
.x4-cal-27-ad .ext-cal-evm {
border-color: #2e8f0c;
}
/* ===== x-cal-28 ===== */
.x4-cal-28,
.x4-cal-28-x .ext-cal-evb,
.ext-ie .x4-cal-28-ad,
.ext-opera .x4-cal-28-ad {
color: #176413;
}
.ext-cal-day-col .x4-cal-28,
.ext-dd-drag-proxy .x4-cal-28,
.x4-cal-28-ad,
.x4-cal-28-ad .ext-cal-evm,
.x4-cal-28 .ext-cal-picker-icon,
.x4-cal-28-x dl,
.x4-calendar-palette .x4-cal-28 span {
background-color: #176413;
}
.x4-cal-28-ad,
.x4-cal-28-ad .ext-cal-evm {
border-color: #176413;
}
/* ===== x-cal-29 ===== */
.x4-cal-29,
.x4-cal-29-x .ext-cal-evb,
.ext-ie .x4-cal-29-ad,
.ext-opera .x4-cal-29-ad {
color: #0f4c30;
}
.ext-cal-day-col .x4-cal-29,
.ext-dd-drag-proxy .x4-cal-29,
.x4-cal-29-ad,
.x4-cal-29-ad .ext-cal-evm,
.x4-cal-29 .ext-cal-picker-icon,
.x4-cal-29-x dl,
.x4-calendar-palette .x4-cal-29 span {
background-color: #0f4c30;
}
.x4-cal-29-ad,
.x4-cal-29-ad .ext-cal-evm {
border-color: #0f4c30;
}
/* ===== x-cal-30 ===== */
.x4-cal-30,
.x4-cal-30-x .ext-cal-evb,
.ext-ie .x4-cal-30-ad,
.ext-opera .x4-cal-30-ad {
color: #386651;
}
.ext-cal-day-col .x4-cal-30,
.ext-dd-drag-proxy .x4-cal-30,
.x4-cal-30-ad,
.x4-cal-30-ad .ext-cal-evm,
.x4-cal-30 .ext-cal-picker-icon,
.x4-cal-30-x dl,
.x4-calendar-palette .x4-cal-30 span {
background-color: #386651;
}
.x4-cal-30-ad,
.x4-cal-30-ad .ext-cal-evm {
border-color: #386651;
}
/* ===== x-cal-31 ===== */
.x4-cal-31,
.x4-cal-31-x .ext-cal-evb,
.ext-ie .x4-cal-31-ad,
.ext-opera .x4-cal-31-ad {
color: #3ea987;
}
.ext-cal-day-col .x4-cal-31,
.ext-dd-drag-proxy .x4-cal-31,
.x4-cal-31-ad,
.x4-cal-31-ad .ext-cal-evm,
.x4-cal-31 .ext-cal-picker-icon,
.x4-cal-31-x dl,
.x4-calendar-palette .x4-cal-31 span {
background-color: #3ea987;
}
.x4-cal-31-ad,
.x4-cal-31-ad .ext-cal-evm {
border-color: #3ea987;
}
/* ===== x-cal-32 ===== */
.x4-cal-32,
.x4-cal-32-x .ext-cal-evb,
.ext-ie .x4-cal-32-ad,
.ext-opera .x4-cal-32-ad {
color: #7bc3b5;
}
.ext-cal-day-col .x4-cal-32,
.ext-dd-drag-proxy .x4-cal-32,
.x4-cal-32-ad,
.x4-cal-32-ad .ext-cal-evm,
.x4-cal-32 .ext-cal-picker-icon,
.x4-cal-32-x dl,
.x4-calendar-palette .x4-cal-32 span {
background-color: #7bc3b5;
}
.x4-cal-32-ad,
.x4-cal-32-ad .ext-cal-evm {
border-color: #7bc3b5;
}
.kwf-boundlist-checkbox .x4-boundlist-item {
padding-left: 20px;
}
.kwf-boundlist-checkbox .x4-boundlist-item:before {
background-image: url("/assets/ext/resources/ext-theme-neptune/images/form/checkbox.png");
content: "";
display: block;
height: 16px; width: 16px;
position: absolute;
margin-left: -20px;
margin-top: 3px;
}
.kwf-boundlist-checkbox .x4-boundlist-item.x4-boundlist-selected:before {
background-position: 0 16px;
}
.booking-attendeesGrid-overbookWarning{color:red;background-image:url(/assets/ext/resources/ext-theme-neptune/images/form/exclamation.png);background-repeat:no-repeat;background-position:5px center;padding:10px;padding-left:30px}.attendeesGrid .x4-grid-row-summary .x4-grid-cell{border-top:1px solid #000;font-weight:bold}.attendeesGrid .x4-grid-row-summary .x4-grid-cell.total .x4-grid-cell-inner{text-align:right !important}.attendeesGrid .x4-grid-row-summary .x4-grid-cell.attendees-price{border-bottom:double #000}

.transactionsGrid .x4-grid-row-summary .x4-grid-cell{border-top:1px solid #000;font-weight:bold}.transactionsGrid .x4-grid-row-summary .x4-grid-cell.total .x4-grid-cell-inner{text-align:right !important}.transactionsGrid .x4-grid-row-summary .x4-grid-cell.transaction-value{border-bottom:double #000}

.kwf-evt-edit{opacity:0.6}.ext-cal-day-col .x4-cal-default.evt-color-red1{background-color:#cc6860}.ext-cal-day-col .x4-cal-default.evt-color-red1 .body{background-color:#cc6860}.ext-cal-day-col .x4-cal-default.evt-color-red2{background-color:#f6aba5}.ext-cal-day-col .x4-cal-default.evt-color-red2 .body{background-color:#f6aba5}.ext-cal-day-col .x4-cal-default.evt-color-green1{background-color:#39766e}.ext-cal-day-col .x4-cal-default.evt-color-green1 .body{background-color:#39766e}.ext-cal-day-col .x4-cal-default.evt-color-green2{background-color:#62cec1}.ext-cal-day-col .x4-cal-default.evt-color-green2 .body{background-color:#62cec1}.ext-cal-day-col .x4-cal-default.evt-color-blue1{background-color:#668bb4}.ext-cal-day-col .x4-cal-default.evt-color-blue1 .body{background-color:#668bb4}.ext-cal-day-col .x4-cal-default.evt-color-blue2{background-color:#8dbef6}.ext-cal-day-col .x4-cal-default.evt-color-blue2 .body{background-color:#8dbef6}.ext-cal-day-col .x4-cal-default.leadTimeReached{opacity:0.6}.ext-cal-day-col .x4-cal-default .icons{float:right;width:18px}.ext-cal-day-col .x4-cal-default .icons .mark{background-image:url(/assets/silkicons/tag_red.png);display:block;width:16px;height:16px}.ext-cal-day-col .x4-cal-default .icons .visible-frontend{background-image:url(/assets/silkicons/world.png);display:block;width:16px;height:16px}.ext-cal-day-col .x4-cal-default .icons .canceled{background-image:url(/assets/silkicons/cancel.png);display:block;width:16px;height:16px}.ext-cal-day-col .x4-cal-default .icons .no-price{background-image:url(/assets/silkicons/exclamation.png);display:block;width:16px;height:16px}.ext-cal-day-col .x4-cal-default .hasMarkedBooking{position:relative;display:inline-block;width:14px;height:10px}.ext-cal-day-col .x4-cal-default .hasMarkedBooking:after{content:"";position:absolute;background-image:url(/assets/silkicons/tag_yellow.png);background-size:12px;width:12px;height:12px;display:block;top:1px;left:2px}.ext-cal-day-col-inner .ext-evt-rsz{z-index:1}.ext-cal-day-col-inner .ext-evt-bd{height:100%;position:relative;width:100%}.ext-cal-day-col-inner .ext-evt-bd .body{height:auto;padding-top:3px;padding-bottom:10px;position:relative}.ext-cal-day-col-inner .ext-evt-bd .body .time{font-size:11px;font-weight:bold}.ext-cal-day-col-inner .ext-evt-bd .body .offerTitle{display:inline-block;font-size:11px;font-weight:bold;position:relative;white-space:normal;word-break:break-all}.ext-cal-day-col-inner .ext-evt-bd .body .attendees{display:inline-block;float:right;font-size:11px;line-height:12px;position:relative;right:3px;border-radius:3px}.ext-cal-day-col-inner .ext-evt-bd .body .attendees.overbooking{background-color:#FF0000;padding:2px 4px}.ext-cal-day-col-inner .ext-evt-bd .body .attendees.bookedout{background-color:#359947;padding:2px 4px}.ext-cal-day-col-inner .ext-evt-bd .body .attendees.booked{background-color:#ff9e20;padding:2px 4px}.ext-cal-day-col-inner .ext-evt-bd .body .attendees .numberOfAttendees{font-weight:bold;font-size:12px}.ext-cal-day-col-inner .ext-evt-bd .body .attendees .capacity{padding-left:1px}.ext-cal-day-col-inner .ext-evt-bd .body .countBookings{display:block}.ext-cal-day-col-inner .ext-evt-bd .body .bookings{display:block;width:100%}.ext-cal-day-col-inner .ext-evt-bd .body .bookings li{list-style:disc;margin-left:10px;word-break:break-all}.ext-cal-day-col-inner .ext-evt-bd .footer{bottom:0;height:16px;position:absolute;right:5px;text-align:right}.ext-cal-day-col-inner .ext-evt-bd .footer .guides{display:block;font-size:9px}

.view-booking-grid-data-origin .x4-grid-cell-inner {
padding-left: 2px;
}
.view-booking-grid-data-origin.multiline .x4-grid-cell-inner {
font-size: 10px;
padding: 2px;
line-height: 10px;
}
.view-booking-grid-state,
.view-booking-grid-state-unconfirmed { cursor: default; display: none; }
.view-booking-grid-state.canceled { display: inline-block; }
.view-booking-grid-state.rejected { display: inline-block; }
.view-booking-grid-state-unconfirmed.unconfirmed { display: inline-block; }
.view-booking-grid-mail { cursor: default; display: none; }
.view-booking-grid-mail.unconfirmed { display: inline-block; }
.view-booking-grid-terms { display: inline-block; }
.view-booking-grid-terms.accepted { cursor: default; display: none; }
.view-booking-grid-comment.empty { display: none; }
.view-booking-grid-comment { cursor: default; }
.view-booking-grid-email.empty { display: none; }
.view-booking-grid-data-origin .x4-grid-cell-inner {
font-size: 10px;
line-height: 10px;
padding: 2px;
}
/*
Safari width-hack for Tooltip, remove on update to Ext >= 4.2.2
*/
.x4-tip {
min-width: 110px;
}
.x4-tip .x4-tip-body {
min-width: 100px;
}
.slot-form-overbookWarning {
color: red;
background-image: url(/assets/ext/resources/ext-theme-neptune/images/form/exclamation.png);
background-repeat: no-repeat;
padding-left: 20px;
margin-left: 85px;
}
.formTabPanel .x4-tab-default.x4-tab-default-active .x4-tab-button span.x4-tab-inner-center {
color: #505050;
}
.formTabPanel .x4-tab-default.x4-tab-default-active,
.formTabPanel .x4-tab-bar-strip {
background-color: #D9D9D9;
}
.formTabPanel .x4-tab-default .x4-tab-button span.x4-tab-inner-center {
color: #666666;
}
.formTabPanel .x4-tab-default {
background-color: #E7E7E7;
}
.formTabPanel .x4-box-target a.x4-tab {
padding: 4px 6px;
}
.formTabPanel .x4-tab-bar {
height: 29px;
}
.view-slot-grid-mark{cursor:default;display:none}.view-slot-grid-mark.mark{display:inline-block}.view-slot-grid-got_instruction{cursor:default;display:none}.view-slot-grid-got_instruction.got_instruction{display:inline-block}.view-slot-grid-mark-color{margin-right:5px;cursor:default;border-radius:5px}.view-slot-grid-mark-color.red1{background-color:#cc6860}.view-slot-grid-mark-color.red2{background-color:#f6aba5}.view-slot-grid-mark-color.green1{background-color:#39766e}.view-slot-grid-mark-color.green2{background-color:#62cec1}.view-slot-grid-mark-color.blue1{background-color:#668bb4}.view-slot-grid-mark-color.blue2{background-color:#8dbef6}

.column-date .separator {
color: #AAAAAA;
}
.view-distributionpartners-grid-type {
display: none;
cursor: default;
}
.view-distributionpartners-grid-type.api {
display: block;
}
.x4-grid-row-over .grid-drag-handle .x4-grid-cell-inner {
background-image: url(/assets/web/images/dragHandle.png);
background-repeat: no-repeat;
margin-top: 5px;
margin-left: 3px;
height: 15px;
cursor: move;
}
.view-guide-active{cursor:default;background-image:url("/assets/silkicons/cross.png")}.view-guide-active.active{display:inline-block;background-image:url("/assets/silkicons/tick.png")}

.x4-boundlist-item.x4-boundlist-item--disabled{color:#8c8c8c;cursor:default}.x4-boundlist-item-over.x4-boundlist-item--disabled{background:inherit;border-color:white}

html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}.webStandard.kwcForm .kwfField{*zoom:1;margin-bottom:20px}.webStandard.kwcForm .kwfField:after{content:"";display:table;clear:both}.webStandard.kwcForm label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;font-size:14px;margin-bottom:5px}.webStandard.kwcForm label.boxLabel{cursor:pointer}.webStandard.kwcForm input,.webStandard.kwcForm textarea,.webStandard.kwcForm select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px;font-family:'Roboto', sans-serif;background:#ffffff;border:1px solid #e1e1e1;padding:6px}.webStandard.kwcForm input[type=checkbox]{-webkit-appearance:none;display:inline-block;width:20px !important;height:20px;box-shadow:inset 0 2px 5px 0 rgba(0,0,0,0.1);background-color:#ffffff;border:1px solid #e1e1e1;float:left}.webStandard.kwcForm input[type=checkbox]:focus{outline:none}.webStandard.kwcForm input[type=checkbox]::-ms-check{-webkit-appearance:none;border:none;display:inline-block;width:20px;height:20px;box-shadow:inset 0 2px 5px -2px rgba(0,0,0,0.1);background-color:#ffffff;color:transparent;float:left}.webStandard.kwcForm input[type=checkbox]:checked{background-image:url(/assets/images/checkbox.svg);background-size:20px;background-repeat:no-repeat;background-position:center}.webStandard.kwcForm input[type=checkbox]:checked::-ms-check{background-image:url(/assets/images/checkbox.svg);background-size:16px;background-repeat:no-repeat;background-position:center}.webStandard.kwcForm .submitWrapper .button{float:none}.webMenu a{font-family:'Roboto', sans-serif;text-transform:uppercase;text-decoration:none;color:#7E7E7E}.webMenu a:hover{color:#000}.webMenu ul li.current>a{color:#000}.webForm{padding:0 20px}.webForm button{background:#92bd1b;color:#FFF;font-family:'Roboto', sans-serif;font-size:18px;padding:14px 40px;text-decoration:none;text-transform:uppercase;text-align:center;border:none;display:inline-block}.webForm button:hover{background:#7b9e1a;color:#FFF}.webForm select{font-family:'Roboto', sans-serif;line-height:40px;height:40px;cursor:pointer}.webForm .kwcForm.default.gt500 .kwfFormContainerAbstract>.kwfFormFieldWrapper{display:block}.webForm input[type="text"],.webForm textarea,.webForm input[type="email"],.webForm input[type="password"]{font-family:'Roboto', sans-serif;line-height:40px;height:40px}.webForm .kwfFormContainerFieldSet fieldset{border:1px solid #EBEBEB;padding:20px}.webForm .kwfFormContainerFieldSet fieldset legend{color:#7E7E7E;font-size:20px;font-weight:normal}.webForm .rootFieldset>legend{padding:10px}.kwfLightbox.lightBoxCustom{position:fixed;overflow-y:auto}body.backendUser .content .untagged{display:none}


/*# sourceMappingURL=/assets/dependencies/Kwf_Assets_Package_Default/Admin/de/2/css.map?v=1720163183 */