.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar_button
{
	border:none;
	cursor:pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
  font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

/* Begin MIF-133 */
.CalendarTheme {
   
     z-index: 1000 !important;
}
.CalendarTheme .ajax__calendar_container {
    background-color: #fff;
    border: 1px solid #ccc;
    width: 250px; /* Adjust as needed */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Header of the calendar */
.CalendarTheme .ajax__calendar_header {
    background-color: #f0f0f0;
    padding: 2px;
    text-align: center;
    font-weight: bold;
}

/* Title, next, and previous buttons */
.CalendarTheme .ajax__calendar_title, .ajax__calendar_next, .ajax__calendar_prev {
    color: #333;
    cursor: pointer;
}

/* Body of the calendar */
.CalendarTheme .ajax__calendar_body {
    padding: 10px;
}

/* Day cells */
.CalendarTheme .ajax__calendar_day {
    padding: 3px;
    text-align: center;
    cursor: pointer;
}

/* Hover effect for day cells */
.CalendarTheme .ajax__calendar_day:hover {
    background-color: #e0e0e0;
}

/* Today cell */
.CalendarTheme .ajax__calendar_today {
    background-color: #d0e0f0;
    font-weight: bold;
}

/* Other month days */
.CalendarTheme .ajax__calendar_other {
    color: #bbb;
}
.txtCalendar {
       font-weight:bold;
}
/* End MIF-133 */