/** Add css rules here for your application. */

.gxCalendar{border:2px solid black;font-size:1.5em;text-align:center}
.gxCalendarButton{cursor:pointer}
.gxCalendarMonth{}
.gxCalendarDayOfWeek{color:#777;font-size:0.7em}
.gxCalendarDay{cursor:pointer;}
.gxCalendarActualDay{cursor:pointer;background:#ddd;border-radius:8px;font-weight:bolder}
.gxCalendarDayHighlight{color:white;border-radius:8px;background:#000;}
.gxCalendarDayHighlightEvent{color:white;border-radius:8px;background:#00F;}
.gxCalendarDayDisabled{}
.gxButtonSelector{font-size:1.2em;text-align:center;display:block;border-bottom:2px solid black}
.gxButton{border:2px solid black;cursor:pointer}
.gxButtonSelected{border:2px solid black;background:black;color:white;font-weight:bolder}

.gxTask{border:1px solid black;border-radius: 4px;background:#aaa;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gxTaskRow{border:1px solid #ccc;background:#eee;padding:0 0 0 10px}
.gxTaskRowEmpty{background:#fff;}
.taskScrollPanel{background:transparent;position:absolute;top:0px;bottom:0px;right:0px;}
.taskFlowPanel { width:auto;height:auto;position:relative;}
.taskDate{border:1px solid #ccc;background:#eee;text-align:center}
.taskDateHoliday{border:1px solid #ccc;background:#faa;text-align:center}
.taskDateMonth{border:1px solid #ccc;background:#eee;text-align:center;font-weight:bolder}
.taskDateWeekend{border:1px solid #ccc;background:#ffa;text-align:center}
.gxMonthButton{border:1px solid #ccc;background:#eee;text-align:center;font-weight:bolder}