th.day_name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #ff0;
    background-color: #448cd6;
}


.event {
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    padding: 3px 6px;
    border-radius: 4px;
    background-color: #f7c30d;
    color: #fff;
    word-wrap: break-word;
}

.event.green{background-color: #51ce57;}
.event.blue {background-color: #518fce;}
.event.red  {background-color: #ce5151;}

.center {
  margin: 0;
  width: 80%;
  border: 3px solid green;
  padding: 0px;
}

td.day_num {
    background-color: #ffffff;
	cursor: pointer;
}
.day_num.selected {
	font-weight: bold;
	color: #000000;
    background-color: #90FFFF;
    cursor: inherit;
}

.day_num.ignore {
    background-color: #DEDEDE;
    color: #000000;
    cursor: inherit;)
}
.login_div {
	font-size : 24px;
}
.login_dlg {
    font-size: 18px;
}

.button1 {
	height: 36px;
	font-size: 24px;
    border-radius: 4px;
    background-color: #f7c30d;
    color: #000000;
    word-wrap: break-word;
}
.input {
	height: 40px;
    font-weight: 500;
    font-size: 28px;
    border-radius: 4px;
    background-color: #ffffff;
    color: #000000;
}

 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: #F5FFFA; /* was #474e5d; */
  padding-top: 50px;
  font-size : 24px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  font-size : 24px;
}