/*custom login css*/

#clientLogo {
  background: url(../images/clientlogo.png) no-repeat !important;
  background-size: 200px 50px !important;
  height: 50px !important; 
  width: 200px !important;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}

#clientLogoESS {
	display: block !important;
  background: url(../images/ESS_clientlogo.png) no-repeat !important;
  background-size: 200px 50px !important;
  height: 75px !important;
  width: 200px !important;
margin-left: auto;
    margin-right: auto;
}

#swLogoESS {
display: none;
}

/*change login button colours*/

.btn-login-primary {
  color: #fff;
  background-color: #071d49 !important;
  border-color: #2162a5 !important;
}

/*use http://paletton.com to get hover colour*/

.btn-login-primary:hover {
  background-color: #3E77B2 !important;
  border-color: #3E77B2 !important;
}

/*change login screen background image (comment background to use just background-color) */

#loginBackground {
}

/*login container top border*/

.account-wall {
 border-top: 0 !important;
}

#PreLogo {
  background: url(../images/ESS_clientlogo.png) no-repeat;
  background-size: 253px 65px;
  height: 65px;
  width: 253px;
  padding-left: 280px;
  padding-top: 20px;
  font-family: "Trebuchet MS";
  font-size: 22px;
}

#LoginScreen .forgotten {
  width: 467px;
  color: #666666 !important;
  font-size: 8pt;
  text-align: left;
  margin-top: 3px;
}

.BottomReg2 {
  display: none;
}

.poweredByBlue {
  display: none;
}


/*--------------*/

#RosterManager #shiftbox wrapper {
  position: relative;
  float: left;
}

#RosterManager #shiftbox {
  position: static;
  top: 100px;
  background-color: #ECE9D8;
  width: 210px;
}

#RosterManager #shiftbox button {
  display: block;
  width: 100%;
}

#RosterManager .ui-tabs .ui-tabs-panel {
  padding: 0.5em;
}

#RosterManager .ui-dialog-titlebar-close {
  display: none;
}

#RosterManager td.selectable {
  cursor: pointer;
}

#RosterManager td.notselectable {
  background-color: #FFFC3D;
}

#RosterManager td.selected {
  background-color: #D243FA !important;
}

#RosterManager td.customcol_highlight_under {
  color: #FF0000;
  font-weight: bold;
}

#RosterManager td.customcol_highlight_over {
  color: #50CC3F;
  font-weight: bold;
}


/* copy shift new */

#RosterManager #copyshift_panel {
  display: none;
}

#RosterManager #copyshift_panel #copyshift_list_panel {
  float: left;
}

#RosterManager #copyshift_panel #copyshift_button_panel {
  float: right;
  width: 10em;
}

#RosterManager #copyshift_panel #copyshift_button_panel button {
  display: block;
  width: 100%;
}

#RosterManager #copyshift_panel #copyshift_date_panel {
  float: right;
}

#RosterManager td.unscheduledday {
  color: #CC0000;
  font-weight: bold;
}

#RosterManager td.publicholiday {
  color: #FFAD29;
  font-weight: bold;
}