body{
 background-color: white;
  color: black;
  font-family: Arial, sans-serif;
  font-size: smaller;
  margin: 20px 20px 20px 20px;
   /* background: #BBD4D7;*/
}


.color_orange{
   color: #F8A91A;
}

.color_white{
    color: white;
}

.bkg_brown{
   background: #989374;
}

.bkg_light-brown{
   background: #A6A285;
}

.bkg_grey{
   background: #54534A;
}

.bkg_light-grey{
   background: #BBBBBB;
}

.bkg_light-blue{
  background: #E8EEF7;
}

.bkg_blue{
  background: #BBD4D7;
}


.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.note {
    color: #333333;
    font-size: smaller;
    font-style: italic;
}

.debug{
    background: #D57F7F;
    border: 1px solid #67dcac;
}

.login-form {
    background: #BBD4D7;
    border: 1px solid #54534a;
    float: right;
    /*  
    margin: 10px; 
    padding: 10px;
*/
}

.logout-form {
    background: #BBD4D7;
    margin: 10px;
    padding: 10px;

    /*float: right; 
     
   border: 1px solid #54534a;
 */
}

.blue-panel {
    background: #BBD4D7;
    border: 1px solid #54534a;
}

.light-brown-panel {
    background: #a6a285;
    border: 1px solid #54534a;
}

.dashboard-noteText{
    font-size: 60%;
}

.field-text{
    font-size: 80%;
}

.title {
    font-size: 140%;
}

.text-button{
    text-decoration: underline;
    font-size: smaller;
    cursor: pointer;
    cursor: hand;
}



/* CALENDAR */

.CalendarWidget {
  border: 1px solid #ACA899;
}

.CalendarWidget .navbar {
  width: 100%;
  background-color: #C3D9FF;
  vertical-align: middle;
  border-bottom: 1px solid #ACA899;
}

.CalendarWidget .navbar .gwt-Button {
  padding-left: 5px;
  padding-right: 5px;
}

.CalendarWidget .table {
  font: 10pt sans-serif;
  text-align: center;
}

.CalendarWidget .weekheader {
  background-color: #ACA899;
}

.CalendarWidget .weekheader .days {
  width: 3em;
}

.CalendarWidget .cell {
  cursor:pointer;
}

.CalendarWidget .cell .gwt-HTML {
  border: 1px solid #ACA899;
}

.CalendarWidget .cell .gwt-HTML span {
  width: 100%;
  height: 100%;
  line-height: 2em;
}

.CalendarWidget .today .gwt-HTML {
  background-color: #C3D9FF;
}

.CalendarWidget .day .gwt-HTML {
  border: 1px solid #C3D9FF;
}