body { padding-top: 70px;
     
        }

.custom-calendar .ajax__calendar_container
{
 background-color:#FFFFFF;
 border:solid 1px #E6E6E6;
 width:250px;

 
}
.custom-calendar .ajax__calendar_title
{
 background-color:#E6E6E6;
 height:20px;
 color:#000000;
  font-size:12pt; 
  font-family: sans-serif;
 
}
.custom-calendar .ajax__calendar_prev,
.custom-calendar .ajax__calendar_next
{
 background-color:#E6E6E6; /* darker gray */
 height:20px;
 width:20px;
}
.custom-calendar .ajax__calendar_today
{
 background-color:#E6E6E6;  /* pale blue */
 height:20px;

}
.custom-calendar .ajax__calendar_days table thead tr td
{
 background-color:#FFFFFF; 
 color:#000000;


}

.custom-calendar .ajax__calendar_days table tr td 
{ 
    padding:0; 
    margin:0; 
    font-size:12pt; 
    font-family: Sans-Serif;
    width:28px;
} 

.custom-calendar.ajax__calendar_days table tr td, .custom-calendar .ajax__calendar_months table tr td, .custom-calendar .ajax__calendar_years table tr td 
{ 
    padding:0; 
    margin:0;
    
} 

.custom-calendar .ajax__calendar_day
{
 color:#000000; 
 font-size:12pt;
 width:28px; 
 font-family: Sans-Serif;
}
.custom-calendar .ajax__calendar_other .ajax__calendar_day
{
 color:#000000;
 font-size:12pt; 
 font-family: Sans-Serif;
}


.custom-calendar .ajax__calendar_month { font-size:12pt;font-family: Sans-Serif;}
.custom-calendar .ajax__calendar_year {font-size:12pt;font-family: Sans-Serif;}


.mGrid {    
    width: 100%;    
    background-color: #FFFFFF;    
    margin: 5px 0 10px 0;     
    border-collapse:collapse;  
    font-weight: normal;   
    border-right: 1px solid #FFFFFF; 
    border-top: 1px solid #FFFFFF;  
    border-bottom: 1px solid #FFFFFF; 
    border-left: 1px solid #FFFFFF;
    font-size:11pt; 
    font-family: Sans-Serif;
  
    
}   
.mGrid td {    
    padding: 2px;     
    color: #000000;
    border-right: 1px solid #FFFFFF; 

}   
.mGrid th {    
    padding: 2px 2px;    
    color: #F0F0F0;    
    background: #F0F0F0;    
    font-size: 11pt;
    font-style:normal;
    font-weight:normal;  
    border-right: 1px solid #FFFFFF; 

    
}

.mGrid a 
{
    font-size: 11pt;
    color:#666666;
}
   
.mGrid .alt td { background: #FFFFFF;
                 border-color:#FFFFFF;
                 border-bottom-style:solid;
                 border-bottom-width:1px;
                 border-bottom-color:#E4E4E4;
                 border-right: 1px solid #FFFFFF;
                 
                 }   
.mGrid .pgr { background: #E4E4E4;  }    
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td {    
    border-width: 0;    
    padding: 0 6px;       
    font-weight: normal;    
    color: #999999;    
    line-height: 12px;
    
      
 }      
.mGrid .pgr a { color: #999999; text-decoration: none; }   
.mGrid .pgr a:hover { color: #999999; text-decoration: none; }

.modalBackground {
	background-color: #000000;
	filter: opacity(60);
	opacity:0.6;

}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: #FFFFFF;
    padding: 3px;
    width: 250px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 2px #999999;

}

.RadButton label
{
   margin-left: 10px;
}

.table-vcenter td {
   vertical-align: middle!important;

}


.pgr { background: #E4E4E4;  }    
.pgr table { margin: 5px 0; }   
.pgr td {    
    border-width: 0;    
    padding: 0 6px;       
    font-weight: normal;    
    color: #999999;    
    line-height: 12px;
    
      
 }      
.pgr a { color: #999999; text-decoration: none; }   
.pgr a:hover { color: #999999; text-decoration: none; }

.container
{
    width:106%;

}



#divProgress {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none;
    background-color: #000000;
    filter: alpha(opacity=60);
    opacity: 0.6;

}
* html #divProgress {
    position: absolute;
}

/* Customise Bootstrap Styles */

.panel-default > .panel-heading 
{
    background:#005270;
    color:#FFFFFF;

}

.panel-primary > .panel-heading
{
    background:#005270;
    border-color:#005270;
}

.panel-primary
{
    border-color:#005270;
}

.btn-primary
{
    background-color:#005270;
    border-color:#005270;
}

label
{
    color:#005270;   
}

a
{
    color:#005270;
    text-decoration:none;
    outline:none;

}

.progress-bar.animate {
   width: 100%;

}

h3
{
    color: #005270;
  
}

.hiddenClass {
   display:none;

}



/* End Customise Bootstrap Styles */

div.upload {
    width: 111px;
    height: 47px;
    background: url('../images/upload.png');
    overflow: hidden;
}

div.upload input {
    display: block !important;
    width: 157px !important;
    height: 57px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    
}

div.uploadimg {
    width: 102px;
    height: 36px;
    background: url('../images/uploadimg.png');
    overflow: hidden;
    background-repeat:no-repeat;
}

div.uploadimg input {
    display: block !important;
    width: 102px !important;
    height: 36px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    
}

#sidemenu {
  position: fixed;
  right: 0;
  top: 30%;
  width: 17em;
  margin-top: -2.5em;
  background-color:#005270;
  opacity:0.1;
  border: 2px solid #F0F0F0;
  padding: 10px 20px; 
  border-top-left-radius:25px;
  border-bottom-left-radius:25px; 
  z-index:999999;
  
}

#sidemenu:hover {
  position: fixed;
  right: 0;
  top: 30%;
  width: 17em;
  margin-top: -2.5em;
  background-color:#005270;
  opacity:1;
  border: 2px solid #F0F0F0;
  padding: 10px 20px; 
  border-top-left-radius:25px;
  border-bottom-left-radius:25px; 
  z-index:999999;
  
}

.sidelink 
{
    color:#FFFFFF;
}

.sidelink:hover 
{
    color:#18BC9C;
}


a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

.FieldHider
{
    display:none;   
}

.CentreHeader
{
    text-align:center;
}

#topdisplay {
  position: fixed;
  left: 0%;
  top: 6.1em;
  width: 100%;
  height:2.1em;
  margin-top: -2.5em;
  background-color:#666666;
  border: 2px solid #F0F0F0;
  padding: 1px 20px;
  border-top-right-radius:25px;
  border-bottom-right-radius:25px; 
  border-top-left-radius:25px;
  border-bottom-left-radius:25px; 
  z-index:999999;
  text-align:center;
}

#bottomdisplay {
  position: fixed;
  left: 0%;
  top: 90%;
  width: 100%;
  height:2.1em;
  margin-bottom: -2.5em;
  text-align:center;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;


}