.ui.inverted.menu {
    height: 12px !important;
    background-color: #588e37 !important;
}
/*.ui.menu .ui.dropdown .menu > .item {
    background-color:black !important;
}*/
.ui.menu {
    margin: auto !important;
    margin-left:13px !important;
    margin-right:13px !important;
    height: 45px;
}

.ui.inverted.menu .header.item {
    font-size: inherit !important;
}

.ui.menu .item {
    /*background-image: url(../Images/CL_hdrBg.png) !important;*/
}

/*.ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu {
    background-image:url(../Images/CL_hdrBg.png) !important;
}*/

.Usertable {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .28571429rem;
    text-align: left;
    color: rgba(0,0,0,.87);
    border-collapse: separate;
    border-spacing: 0;
}

    .Usertable td {
        padding: inherit !important;
    }

.ui.basic.button, .ui.basic.buttons .button {
    background: aliceblue !important;
}


.ui.styled.accordion .active.title {
    font-size: larger !important;
    padding: 15px !important;
    border-radius: 24px !important;
}


.gridheadcls {
    background-color: lightskyblue;
    color: #FFFFFF;
    font-family: 'Segoe UI';
    font-size: 10px;
    text-align: center;
    border: 1px solid whitesmoke; /* #009933;*/
    height: 25px;
}

.gridFooter {
    background-color: black;
}

.gridaltercls {
    font-size: 10px;
    font-weight: normal;
    font-family: 'Segoe UI';
    background-color: White;
    border: 0px solid black;
    border-radius: 10px 10px 10px 10px;
    color: #000000;
}

.gridmaincls {
    color: #000000;
    font-family: 'Segoe UI';
    font-size: 10px;
    background-color: #FFFFFF;
    border: 1px solid lightgray;
    border-radius: 10px 10px 10px 10px;
}

.tblHeading {
    background-color: #797e92;
    color: #FFFFFF;
    width: 100%;
    padding: 5px;
    font-weight: bold;
    font-family: Sans-Serif;
    font-size: 12px;
    text-align: center;
    padding: 5px 0 5px 0;
    margin: auto !important;
    margin-left:13px !important;
    margin-right:13px !important;
}

caption
{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	font-weight: bold;
	color: whitesmoke;
	border: 1px solid #ff9913;
	background-color: #e78404;
	background-image: linear-gradient(to bottom, #ffaf46, #e78404);
}

.ui.styled.accordion, .ui.styled.accordion .accordion {
    width: auto;
}

.ui.accordion .title:not(.ui) {
    background-color: lightgoldenrodyellow !important;
    font-weight: bold;
    padding: 10px !important;
    border-radius: 24px 5px 24px 5px;
}

.ui[class*="top attached"].segment {
    margin-left: 1rem !important;
    width: 98.5% !important;
    margin-right: 1rem !important;
    margin-bottom:1rem !important;
}

.ui.button {
    background-color: #004080 !important;
    color: white !important;
}
.ui.menu:not(.vertical) .item {
    color:white !important;
}
.ui.grid {
        margin-left: 1rem !important;
    padding: 5px !important;
    color: black !important;
    font-weight: 600 !important;
}



/* Calender */

.Calendar .ajax__calendar_container   {
background-color:aliceblue;/*#33CC33 #DEF1F4;*/
border:solid 1px #77D5F7;
width:260px;
height:270px;
}

.Calendar .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.Calendar .ajax__calendar_title,
.Calendar .ajax__calendar_next,
.Calendar .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.Calendar .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #77D5F7;
width: 250px !important;
height:220px !important;
}

.Calendar .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.Calendar .ajax__calendar_day {
color: #004080;
text-align:center;
}

.Calendar .ajax_calendar_invalid .ajax_calendar_day,
  /* Add class for your Invalid dates*/
  .ajax_calendar_invalid 
  { 
       color:red;  text-decoration:strike; cursor:pointer;
  }
  
  .Calendar .ajax__calendar_invalid .ajax__calendar_year /* Add class for your Invalid dates*/
{
	color: Gray;
	text-decoration: strike;
	cursor: pointer;
}

.Calendar .ajax__calendar_hover .ajax__calendar_day,
.Calendar .ajax__calendar_hover .ajax__calendar_month,
.Calendar .ajax__calendar_hover .ajax__calendar_year,
.Calendar .ajax__calendar_active  {
color:Black;/* #004080;*/
font-weight: bold;
background-color: #ffc20e;

}


.Calendar .ajax__calendar_today   {
font-weight:bold;
}

.Calendar .ajax__calendar_other,
.Calendar .ajax__calendar_hover .ajax__calendar_today,
.Calendar .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
}

.footer {
   position: fixed;
   left: 2px;
   right: 2px;
   bottom: 1px;;
   width: 100%;
   background-color: #4589c3;
   color: white;
   text-align: center;
   vertical-align:middle;
   height:35px;
}

.validerr {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    font-size: 11px;
    padding: 2px;
    margin-bottom: 2px;
}