body, div, h1, h2, h4, h5, h6, img, img a, a img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif;
}

body {
  font-size: 13px;
  color: #626262;
}

*:focus {
	outline-color: #0BA9DD;
}

p {
	margin: 0 0 10px 0;
}

a.hiddenlink: {text-decoration:none;}
a.hiddenlink:visited {text-decoration:none;}
a.hiddenlink:link {text-decoration:none;}
a.hiddenlink:hover {text-decoration:none;}

a.clickableColHdr: {text-decoration:none;}
a.clickableColHdr:visited {text-decoration:none;}
a.clickableColHdr:link {text-decoration:none;}
a.clickableColHdr:hover {text-decoration:none;}

a.wastereport: {text-decoration:none;}
a.wastereport:visited {text-decoration:none;}
a.wastereport:link {text-decoration:none;}
a.wastereport:hover {text-decoration:none;}

a.wastereport {
  color: #FFFFFF;
}


/***************************************************
************* FORMS FROM CONTROL PANEL *************
***************************************************/

input.styled {
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: 0px -39px;

  padding: 0 12px;
  width: 240px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #008FCE;
  border: 1px inset #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;

}

textarea.styled {
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: 0px -39px;
  padding: 0 12px;
  width: 271px;
  height: 80px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border: 1px inset #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
}

.notecount {
  background-image: url(images/icon_count.png);
  width: 24px;
  height: 24px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  line-height:24px;
}


.wsorderstatus {
  xbackground-image: url(images/icon_count.png);
  width: 24px;
  height: 24px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  line-height:24px;
}

.wsorderstatusdonotsend {
  background-image: url(images/icon_order_donotsend.png);
}

.wsorderstatuspending {
  background-image: url(images/icon_order_pending.png);
}

.wsorderstatussent {
  background-image: url(images/icon_order_sent.png);
}

.socount {
  background-image: url(images/icon_count.png);
  width: 24px;
  height: 24px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  line-height:24px;
}

.tagflag {
  background-image: url(images/icon_count.png);
  width: 24px;
  height: 24px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  line-height:24px;
  margin-left: 5px;
  margin-right: 5px;
}

input.styled.settings select.styled.settings {
  width: 120px;
}


input.styled.left {
  float: left;
}

input.styled.right {
  float: right;
  margin-bottom: 5px;
}

input.styled.settings.checkbox {
  margin-right: 172px;
}

input.styled.date {
  margin-bottom: 5px;
}

select.styled.right {
  float: right;
  margin-bottom: 5px;
}

input.styled.time {
  width: 40px;
}

input.styled.timeout {
  height: 4px;
  width: 30px;
}


input.styled.fsetquantity {
  width: 60px;
  height: 8px;
}

input.styled.fsettext {
  width: 140px;
  height: 8px;
}


input.styled.checkbox {
  width: 16px;
}



select.styled.time {
  width: 100px;
}

span.styled {
  width: 162px;
  line-height: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

span.contact_inactive {
  font-style: italic;
  color: #FF0000;
}

span.category_pause {
  font-style: italic;
  color: #FF0000;
}

img.contactsite_delete {
  float: right;
  cursor: pointer;
}

img.sitebunit_delete {
  float: right;
  cursor: pointer;
  margin-top: -5px;
}

img.reference_delete {
  float: right;
  cursor: pointer;
}

img.candidate_put_delete {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.candidate_int_delete {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.candidate_pla_delete {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.contactcv_delete, img.contactother_delete, img.contactnotesdoc_delete {
  float: right;
  cursor: pointer;
}

img.prospectquotation_delete, img.prospectserviceinstruction_delete, img.clientdocument_delete {
  float: right;
  cursor: pointer;
}

img.vacancyattachment_delete {
  float: right;
  cursor: pointer;
}

img.contactoffice_delete {
  float: right;
  cursor: pointer;
}

img.office_delete, img.region_delete {
  margin-top: -5px;
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.wlisted_delete {
  margin-top: -5px;
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.group_delete {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.client_delete, img.order_delete, img.message_delete {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.prospect_delete {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.bunit_delete {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.user_delete, img.driver_delete {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.user_status, img.driver_status {
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.restrictedimage {
  margin-top: 10px;
}

img.site_delete {
  margin-left: 5px;
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.addgroup_delete {
  margin-top: -5px;
  float: right;
  cursor: pointer;
  margin-right: 6px;
  margin-left: 5px;
}

img.addgroup_addcodes {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}


img.addcode_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}


img.ourwastetype_delete {
  margin-top: -5px;
  float: right;
  cursor: pointer;
  xmargin-right: 6px;
}

img.note_delete {
  float: right;
  cursor: pointer;
  margin-top: -5px;
}

img.interview_delete {
  float: right;
  cursor: pointer;
}

img.vacancy_reinstate {
  margin-top: 9px;
}

img.vacancy_delete {
  margin-top: 9px;
}

img.unfollow {
  margin-top: 3px;
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.note_reminder {
  margin-top: -5px;
  float: right;
}

img.contact_phone {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.contact_email {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.contact_delete {
  margin-left: 5px;
  float: right;
  cursor: pointer;
  margin-right: 6px;
}

img.remindernote {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.contact_type {
  float: left;
  margin-right: 6px;
}

img.interest_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.interest_options {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}

img.option_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.vreason_delete {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}

img.entertainment_delete {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}

img.position_delete {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}

img.source_delete {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}


img.psource_delete, img.pstatus_delete {
  margin-top:-5px;
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.expensetype_delete {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}


img.notetype_delete {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}

img.segment_delete {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}

img.category_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.fset_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}


img.prodtype_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.attribute_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.subtype_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.product_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.prodattribute_delete, img.prodsubtype_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.prodtype_attributes {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.prodtype_subtypes {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.prodtype_products {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.product_attributes, img.product_subtypes {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.login_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.fset_fields {
  margin-top:-5px;
  float: right;
  cursor: pointer;
}

img.field_indent {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.field_move {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.attribute_move, img.subtype_move, img.productsubtype_move {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.category_move {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.pstatus_move {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

.div_actions {
  float:right;
  margin-top:-13px;
}

span.indent1 {
  margin-left:20px;
}

img.field_delete {
  margin-top:-5px;
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.package_delete {
  float: right;
  cursor: pointer;
}

img.sitecontact_followed {
  margin-left: 5px;
  margin-top: 3px;
  float: right;
  cursor: pointer;
}

img.office_followed {
  margin-top: 3px;
  float: right;
  cursor: pointer;
}

img.site_followed {
  margin-top: 3px;
  float: right;
  cursor: pointer;
}

div.inlinebunitfilter{
  float:right;
  margin-top:3px;
  margin-right:-10px;
}

div.sitecontact_note {
  margin-left: 5px;
  margin-top: -13px;
  float: right;
  cursor: pointer;
}

div.reminder_note {
  margin-left: 5px;
  margin-top: 0px;
  float: right;
  cursor: pointer;
}


img.sitecontact_phone {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.sitecontact_email {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.sitecontact_delete {
  margin-left:5px;
  float: right;
  cursor: pointer;
}

img.referee_phone {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

img.referee_email {
  margin-left: 5px;
  float: right;
  cursor: pointer;
}

input.styled:focus {
  background-color: #FFF;
  outline: none;
  color: #000;
}

input.narrow {
  width: 164px;
}

input.styled.hint_text {
  color: #8F8F8F;
}

.labelCheckbox {
  display: block;
  line-height: 16px;
  color: #4F4F4F;
  font-size: 12px;
  margin: 0 0 7px 0;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0;
  cursor: pointer;
}

.labelCheckbox * {
  cursor: pointer;
}

.labelCheckbox.on {
  font-weight: bold;
}

.checkbox {
  width: 16px;
  height: 16px;
  background-image: url(images/form_checkbox.png);
  background-repeat: no-repeat;
  background-position: 0px top;
  cursor: pointer;
}

.checkbox:hover, .labelCheckbox:hover .checkbox {
  background-position: -16px top;
}

.checkbox.on {
  background-position: -32px top;
}

.checkbox.on:hover, .labelCheckbox:hover .checkbox.on {
  background-position: -48px top;
}

.labelCheckbox .checkbox {
  float: left;
  margin: 0 10px 0 0;
}

.labelRadio {
  display: block;
  width: 51px;
  height: 13px;
  line-height: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #4B4B4B;
  font-size: 10px;
  padding: 0 0 0 11px;
  margin: 0;
  float: left;
  cursor: pointer;
}

.radio {
  width: 13px;
  height: 13px;
  background-image: url(images/form_radio.png);
  background-repeat: no-repeat;
  background-position: 0px top;
  cursor: pointer;
  margin: 0 3px 0 0;
}

.radio:hover, .labelRadio:hover .radio {
  background-position: -13px top;
}

.radio.on {
  background-position: -26px top;
}

.radio.on:hover, .labelRadio:hover .radio.on {
  background-position: -39px top;
}

.labelRadio .radio {
  float: left;
}

.select {
  margin: 0;
  width: 288px;
  height: 41px;
  font-weight:bold;
  background-color: #F6F6F6;
  padding-left: 8px;
  border: 1px inset #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
  -webkit-transition: background-color .2s, color .2s;
  -moz-transition: background-color .2s, color .2s;
  -o-transition: background-color .2s, color .2s;
  -ms-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
  cursor: pointer;
}

html.ios .select div, html.android .select div {
  pointer-events:none;
}

.selectGhost {
  position: absolute;
  opacity: 0;
  z-index: 4;
}

.select.left {
  margin: 0;
  float: left;
}

.select.vnarrow {
  width: 100px;
}

.select.narrow {
  width: 140px;
}

.select.medium {
  width: 170px;
}

.select.margtop {
  margin-top: 10px;
}

.select.multiple {
  line-height: 20px;
  height: 100px;
}

.select p {
  padding: 0 0 0 14px;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #008FCE;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select.narrow p {
  overflow: hidden;
}

.select.right {
  margin-right: 0;
}

.select * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.select:hover {
}

.select:focus {
  background-color: #CCC;
  color: #000;
}

.selectButton {
  float: right;
  width: 39px;
  height: 39px;
}

.select.open .selectButton {
  background-position: center bottom;
}

.selectedOption, .option {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.selectedOption {
  height: 39px;
  line-height: 39px;
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  height: 39px;
  line-height: 39px;
  background-color: #E5E5E5;
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
  -webkit-transition: background-color .2s, border-color .1s, box-shadow .1s, color .2s, -webkit-border-radius .2s;
  -moz-transition   : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -moz-border-radius    .2s;
  -o-transition     : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -o-border-radius      .2s;
  -ms-transition    : background-color .2s, border-color .1s, box-shadow .1s, color .2s, -ms-border-radius     .2s;
  transition        : background-color .2s, border-color .1s, box-shadow .1s, color .2s, border-radius         .2s;
}

.select p {
  height: 39px;
  line-height: 39px;
}


.selectedOption:hover, .select.open .selectedOption {
  background-color: #FFF;
  color: #000;
}

.select.open .selectedOption {
  box-shadow: inset 0px 0px 5px rgba(0,0,0,0.5);
  border-color: #999;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius : 0px;
  -moz-border-radius-bottomright    : 0px;
  -moz-border-radius-bottomleft     : 0px;
  border-bottom-right-radius        : 0px;
  border-bottom-left-radius         : 0px;
}

.option {
  padding: 0;
  height: 39px;
  line-height: 39px;
  border-width: 0 1px 1px 1px;
  border-style: solid solid dashed solid;
  border-color: transparent #999 #CCC #999;
  -webkit-transition: background-color .2s, color .2s;
  -moz-transition: background-color .2s, color .2s;
  -o-transition: background-color .2s, color .2s;
  -ms-transition: background-color .2s, color .2s;
  transition: background-color .2s, color .2s;
}

.option.last {
  border-bottom-style: solid;
  border-bottom-color: #999;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius : 3px;
  -moz-border-radius-bottomright    : 3px;
  -moz-border-radius-bottomleft     : 3px;
  border-bottom-right-radius        : 3px;
  border-bottom-left-radius         : 3px;
}

.option.hovered {
  background-color: rgba(0,0,0,0.05);
  color: #000;
}

.option p span.selectFiltered {
  background-color: yellow;
}

.selectOptionWrapper {
  position: absolute;
  overflow: hidden;
  z-index: 3;
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: left -78px;
  background-color: #FFF;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius : 3px;
  -moz-border-radius-bottomright    : 3px;
  -moz-border-radius-bottomleft     : 3px;
  border-bottom-right-radius        : 3px;
  border-bottom-left-radius         : 3px;
}

.select.small, .select.small .selectedOption, .select.small .option, .select.small .selectButton {
  height: 26px;
  line-height: 26px;
}

.select.small {
  margin: 0 16px 0 0;
  float: right;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  width: 197px;
}

.select.small .selectButton {
  width: 26px;
  background-position: center -6px;
}

.select.open.small .selectButton {
  width: 26px;
  background-position: center -45px;
}

.select.small .option {
  width: 173px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.labelSelect {
}

.span.tooltipData {
  font-weight: bold;
}

.sliderWrapper {
  width: 81%;
  margin: 0 auto 55px;
}

.sliderTooltip {
  background-repeat: no-repeat;
  background-position: left top;
  height: 42px;
  position: absolute;
  margin-top: 25px;
  background-image: url(images/slider_tooltip_small_white.png);
  width: 38px;
  position: absolute;
  margin-left: -8px;
}

.salarySliderWrapper .sliderTooltip {
  background-image: url(images/slider_tooltip_large_white.png);
  width: 78px;
  position: absolute;
  margin-left: -26px;
}

.sliderTooltip p.data, .sliderTooltip p.dataMixed {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #008FCE;
  line-height: 1;
  padding: 7px 0 3px;
  margin: 0;
  text-align: center;
  border-bottom: 1px dotted #99D2EC;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  -ms-transition: border-color .5s;
  transition: border-color .5s;
}

.sliderTooltip p.dataType {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8px;
  font-weight: bold;
  line-height: 1;
  color: #008FCE;
  padding: 2px 0 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}

.ui-slider {
  background-image: url(images/slider_small_track_large.png);
  background-repeat: no-repeat;
  background-position: center 8px;
  background-color: transparent;
  border: 0;
}

.ui-slider-range {
  background-image: url(images/slider_small_track_large_range.png);
  background-repeat: no-repeat;
  background-position: center 8px;
  background-color: transparent;
  border: 0;
}

.ui-slider-horizontal {
  height: 25px;
}

.ui-slider .ui-slider-handle {
  width: 25px;
  height: 25px;
  background-image: url(images/slider_handle.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.ui-slider .ui-slider-handle:hover, .ui-slider .ui-slider-handle.ui-state-active {
  background-position: -25px 0px;
}

.ui-slider .ui-slider-handle:hover .sliderTooltip, .ui-slider .ui-slider-handle.ui-state-active .sliderTooltip {
  background-position: right top;
}

.ui-slider .ui-slider-handle:focus {
  outline: none;
}

.ui-slider-horizontal .ui-slider-handle {
  margin-left: -12px;
  top: 0;
}

.btn {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;

  margin: 0;
  padding: 0;
  -webkit-transition: background-color .4s;
  -moz-transition   : background-color .4s;
  -o-transition     : background-color .4s;
  -ms-transition    : background-color .4s;
  transition        : background-color .4s;

  cursor: pointer;
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #E5E5E5;
  border: 1px solid #CCC;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;

}

.btn, .btn p {
  height: 39px;
  line-height: 39px;
}

.btn p {
  margin: 0;
  padding: 0 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #008FCE;
  text-align: center;
}

.btn a {
  display: block;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

.btn.left {
  float: left;

}

.btn.right {
  float: right;
  font-weight: bold;
}

.btn.new {
  margin-left: 20px;
}

.btn.newrecordno {
  margin-left: 6px;
}

.btn.center {
  margin-left: auto;
  margin-right: auto;
}

.btn.green {
  border-color: #AED55F #799E2A #799E2A #AED55F;
  background-image: url(images/gradient_bg_green.png);
  background-color: #BCDC7A;
}

.btn.green:hover {
  background-color: #E9F4D4;
}

.btn.green p {
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.btn.apply {
  width: 87px;
}

.btn.apply, .btn.apply p {
  height: 35px;
  line-height: 35px;
}

.btn.rcApplyAppliedBtn p.applied {
  display: none;
}

.btn.rcApplyAppliedBtn.applied {
  cursor: default;
}

.btn.rcApplyAppliedBtn.applied p.applied {
  display: block;
}

.btn.rcApplyAppliedBtn.applied p.apply {
  display: none;
}

.btn.search p {
  padding: 0 39px 0 22px;
  background-image: url(images/btn_search_bg.png);
  background-repeat: no-repeat;
  background-position: 79px center;
}

.btn.search.loading p {
  background-image: url(images/search_loading.gif);
  background-position: 76px center;
}

.btn:hover {
  background-color: #FFF;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -o-transition: background-color .2s;
  -ms-transition: background-color .2s;
  transition: background-color .2s;
}

.btn:active {
  border-color: #AAA;
  box-shadow: inset 0px 0px 7px rgba(0,0,0,0.5);
}

.btn.close {
  background-image: url(images/popup_close.png);
  min-width: 39px;
  background-position: center;
  background-repeat: no-repeat;
}

.btn.note {
	width: 34px;
  height: 34px;
}

.btn.note .btnInner {
  background-image: url(images/btn_add_note.png);
}

.loading {
  margin: 5px;
}

#btnCancelDelete {
  margin-right: 10px;
}


/***************************************************
******************* END OF FORMS *******************
***************************************************/

/**************************************************/
/**************** FORMS OVERRIDES *****************/
/**************************************************/
input.styled {
	float: left;
	width: 162px;
	height: 14px;
	line-height: 1;
	padding: 9px 12px;
	xbox-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
	font-size: 13px;
	font-weight: bold;
	color: #000;
}


input.styled.settings.tinyint {
  width: 30px;
  height: 4px;
  margin-right: 132px;
}

input.styled.sourceclient {
  width: 300px;
}


label.datepicker input.styled {
	width: 73px;
	border-right: 0;
	-webkit-border-top-right-radius   : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright       : 0px;
	-moz-border-radius-bottomright    : 0px;
	border-top-right-radius           : 0px;
	border-bottom-right-radius        : 0px;
}

label.timepicker input.styled {
	width: 73px;
	border-right: 0;
	-webkit-border-top-right-radius   : 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright       : 0px;
	-moz-border-radius-bottomright    : 0px;
	border-top-right-radius           : 0px;
	border-bottom-right-radius        : 0px;
}

.selectedOption, input.styled {
	xbackground-color: #F6F6F6;
	border: 1px inset #CCC;
	xbox-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}


.inerror {
  background-color: #FF0000;
}


.selectedOption {
	box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2);
	border-style: outset;
}


.select.open .selectedOption {
	box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
	border-style: inset;
}

.infoColContent label input.styled {
	float: left;
}

.infoColContent label .select {
	float: left;
}



.select, .selectButton, .selectedOption, .select p, .option {
  height: 34px;
  line-height: 34px;
}

.select {
	width: 188px;
}

.select p {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #626262;
  font-weight: bold;
}

.selectButton {
	margin: 15px 11px 0 0;
	width: 0px;
	height: 0px;
	border: 6px solid transparent;
	border-top-color: #000;
	-webkit-transition: border .2s, margin-top .2s;
	-moz-transition   : border .2s, margin-top .2s;
	-o-transition     : border .2s, margin-top .2s;
	-ms-transition    : border .2s, margin-top .2s;
	transition        : border .2s, margin-top .2s;
}

.select.open .selectButton {
	margin-top: 9px;
	border-top-color: transparent;
	border-bottom-color: #000;
}

.btn, .btn p {
	height: 34px;
	line-height: 34px;
}

.btn {
	box-shadow: inset 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px outset #60A7DC;
	background-color: #187FCB;
}

.btn:hover {
	background-color: #0BA9DD;
}

.btn:active, .btn.grey:active {
  box-shadow: inset 0px 0px 7px rgba(0,0,0,0.5);
}

.btn p {
	font-size: 13px;
	color: #FFF;
	padding: 0 15px;
}

.btn.grey {
	box-shadow: inset -1px -1px 2px rgba(0,0,0,0.2);
	border: 1px outset #CCC;
	background-color: #F6F6F6;
}

.btn.multiple p {
  font-size: 13px;
}

.btn.grey:hover {
	background-color: #FFF;
}

.btn.grey p {
	color: #000;
}

.btn.tiny p {
	height: 34px;
	line-height: 34px;
}

.btn.datePicker {
	float: left;
	width: 34px;
	-webkit-border-top-left-radius   : 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft       : 0px;
	-moz-border-radius-bottomleft    : 0px;
	border-top-left-radius           : 0px;
	border-bottom-left-radius        : 0px;
}

.btn.timePicker {
	float: left;
	width: 34px;
	-webkit-border-top-left-radius   : 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft       : 0px;
	-moz-border-radius-bottomleft    : 0px;
	border-top-left-radius           : 0px;
	border-bottom-left-radius        : 0px;
}

.btn .btnInner {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.btn.datePicker .btnInner {
	background-image: url(images/btn_datepicker_icon.png);
}

.btn.timePicker .btnInner {
	background-image: url(images/btn_timepicker_icon.png);
}

.btn.profileIcon {
	width: 34px;
}

.btn.profileIcon .btnInner {
	background-image: url(images/btn_profile_icon.png);
}

.btn.leadIcon {
	width: 34px;
}

.btn.leadIcon .btnInner {
	background-image: url(images/btn_lead_icon.png);
}


.btn.refereeIcon {
	width: 34px;
}

.btn.refereeIcon .btnInner {
	background-image: url(images/btn_referee_icon.png);
}

.btn.vacancyIcon {
	width: 34px;
}

.btn.vacancyIcon .btnInner {
	background-image: url(images/btn_vacancy_icon.png);
}

.btn.groupIcon {
	width: 34px;
}

.btn.groupIcon .btnInner {
	background-image: url(images/btn_group_icon.png);
}

.btn.clientIcon {
	width: 34px;
}

.btn.clientIcon .btnInner {
	background-image: url(images/btn_client_icon.png);
}

.btn.prospectIcon {
	width: 34px;
}

.btn.prospectIcon .btnInner {
	background-image: url(images/btn_prospect_icon.png);
}

.btn.bunitIcon {
	width: 34px;
}

.btn.bunitIcon .btnInner {
	background-image: url(images/btn_bunit_icon.png);
}

.btn.siteIcon {
	width: 34px;
}

.btn.siteIcon .btnInner {
	background-image: url(images/btn_site_icon.png);
}

.btn.abiIcon {
	width: 34px;
}

.btn.abiIcon .btnInner {
	background-image: url(images/btn_abi_icon.png);
}


.btn.entertainmentIcon {
	width: 34px;
}

.btn.entertainmentIcon .btnInner {
	background-image: url(images/btn_entertainment_icon.png);
}

.btn.driverIcon {
	width: 34px;
}

.btn.driverIcon .btnInner {
	background-image: url(images/btn_driver_icon.png);
}

.btn.reportIcon {
	width: 34px;
}

.btn.reportIcon .btnInner {
	background-image: url(images/btn_report_icon.png);
}

.btn.plus {
	width: 34px;
}

.btn.plus .btnInner {
	background-image: url(images/btn_plus_icon.png);
}
#btnMapView,#btnListView,#btnClusters {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  padding: 0;
  -webkit-transition: background-color .4s;
  -moz-transition: background-color .4s;
  -o-transition: background-color .4s;
  -ms-transition: background-color .4s;
  transition: background-color .4s;
  border-radius: 3px;
  cursor: pointer;
  background-image: url(images/gradient_bg.png);
  background-repeat: repeat-x;
  background-position: left top;
  padding: 0 15px;
  color: #FFF;
  box-shadow: inset 0px 1px 2px rgba(255, 255, 255, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.3);
  border: 1px outset #60A7DC;
  background-color: #187FCB;
  height: 34px;
  line-height: 34px;
  display: block;
  text-decoration: none;
}
#btnClusters {
  margin-left: 10px;
  height: 24px;
  line-height: 24px;
}


#btnMapView:hover,#btnListView:hover {
  background-color: #0BA9DD;
}
#btnMapView:active,#btnListView:active {
  box-shadow: inset 0px 0px 7px rgba(0, 0, 0, 0.5);
}
ul.tagMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.tagMenu li {
	list-style: none;
	float: left;
	padding: 0 8px;
	margin: 0 5px 5px 0;
	background-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
}

ul.tagMenu li {
  margin: 5px 5px 5px 5px;
  padding: 8px;
	font-weight: bold;
	color: #000;
}

ul.tagMenu.clients li {
	float: none;
}

.tagdel {
  margin-left: 5px;
  color: #CCCCCC;
  float: right;
}

.badpcode {
  font-weight: bold;
  color: #FF0000;
  font-size: 20px;
}


span.prospecttype {
  display: inline-block;
	height: 24px;
  width: 120px;
	font-weight: bold;
	color: #FFF;
	padding: 4px;
	margin: 5px 5px 5px 5px;
	background-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
}

span.prospecttypesmall {
	height: 12px;
  width: 80px;
  font-size: 10px;
}


span.prospectstatus {
  display: inline-block;
	height: 24px;
  width: 120px;
	font-weight: bold;
	color: #FFF;
	padding: 4px;
	margin: 5px 5px 5px 5px;
	background-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
}

span.prospectstatussmall {
	height: 12px;
  width: 80px;
  font-size: 10px;
}


span.receipt {
  display: inline-block;
	height: 24px;
  width: 120px;
	font-weight: bold;
	color: #FFF;
  text-align:center;
	padding: 4px;
	margin: 5px 5px 5px 5px;
	background-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
}

span.receiptsmall {
  display: inline-block;
  width: 120px;
	font-weight: bold;
	color: #FFF;
  text-align:center;
	padding: 4px;
	margin: 5px 0px 5px 0px;
	background-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;

}

span.receiptview {
	background-color: #64CE79;
}

span.receiptmultiple {
	background-color: #64CE79;
}

span.receiptdelete {
	background-color: #64CE79;
	font-weight: bold;
	color: #FFF;
  text-align:center;
	padding: 4px;
	margin: 5px 5px 5px 0px;
	background-color: #E6E6E6;
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	-o-border-radius     : 3px;
	-ms-border-radius    : 3px;
	border-radius        : 3px;
}


/**************************************************/
/************** FORMS OVERRIDES END ***************/
/**************************************************/

.staticHeader {
	height: 141px;
	background-color: #0066AA;
	background-image: linear-gradient(to bottom, #007bb7, #0071b1, #0068ab, #005ea4, #00549d);
	background-repeat: no-repeat;
	background-position: center 0px;
}

.topMenu {
  margin-top:0px;
  margin-bottom:0px;
  margin-right:80px;
  margin-left:80px;
}

.topLogo {
  margin-top:10px;
  margin-right:20px;
  float: left;
}

.topMenuOption {
  margin-top:10px;
  margin-right:10px;
  float: left;
}

.topMenuSettings {
  margin-top:35px;
  margin-right:10px;
  float: right;
}

.xtopMenuReminders {
  margin-top:35px;
  margin-right:10px;
  float: right;
}

.topMenuLogout {
  margin-top:35px;
  margin-right:0px;
  float: right;
  color: #FFFFFF;
  font-weight: bold;
  width: 22px;
  height: 24px;
}

.topMenuLogoutInitials {
  float: right;
  margin-top: 6px;
  margin-left:-23px;
  font-size:12px;

}

a.logout {color:#FFFFFF; text-decoration:none;}
a.logout:visited {color:#FFFFFF; text-decoration:none;}
a.logout:hover {color:#FFFFFF; text-decoration:none;}

.container {
  width: 90%;
	xmax-width: 1113px;
	padding: 20px 17px;
	margin: -40px auto 0;
	background-color: #E9E9E9;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
}

.infoCol {
	float: left;
	margin: 14px;
	width: 341px;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	border-radius        : 5px;
	overflow: hidden;
	border: 1px solid #CCC;
	background-color: #FFF;
}

.infoColA {
	width: 441px;
}



.infoColHeader, .infoColFooter {
	background-image: url(images/info_col_header_footer_bg.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 39px;
	padding: 0 14px;
}

.infoColHeader {
	border-bottom: 1px solid #ADADAD;
}

.infoColFooter {
	border-top: 1px solid #D8D8D8;
	padding: 0;
}

.infoColHeader p, .infoColFooter p {
	font-weight: bold;
	color: #000;
	height: 39px;
	line-height: 39px;
}

.infoColHeader .btn {
	margin-top: 3px;
	margin-left:16px;
}

.infoColHeader .btn.right {
	margin-right: -10px;
}

.infoColHeader .btn p {
	color: #FFF;
}

.infoColHeader .btn, .infoColHeader .btn p {
	height: 29px;
	line-height: 29px;
}

.infoColHeaderImage {
  float: right;
  margin-top: 10px;
}

.infoColContent {
	padding: 20px 20px 10px 20px;
}

.infoColContent label {
	display: block;
	padding-bottom: 10px;
}

.infoColContent label p.labelTitle {
	float: left;
	width: 103px;
  margin-right:5px;
}

.infoColContent label p.labelTitle2 {
	float: left;
	width: 87px;
}

.infoColContent label p.labelTitle3 {
	float: left;
	width: 103px;
}

.infoColContent label p.labelTitle4 {
	float: left;
	width: 203px;
}

.report1 {
  margin-left: 0px;
	width: 701px;
}

.report2 {
  margin-left: 0px;
	width: 701px;
}

.report3 {
	width: 100%;
  margin-left: 0px;
  margin-right: 25px;
}

.report4 {
  margin-left: 0px;
	width: 100%;
}

.report4.subtotal {
  font-weight: bold;
}

.reportOption {
	float: left;
	margin: 14px;
}

label.tagLabel p.labelTitle {
	width: 55px;
}

p.labelTitle2 {
	width: 55px;
  margin-left: 20px;
}

ul.listView {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.listView li {
	list-style: none;
	xmargin: 0;
	padding: 10px;
	border-bottom: 1px solid #D8D8D8;
}

ul.listView li p {
	font-size: 0.9em;
	margin: 0;
}

ul.listView li p.title {
	font-weight: bold;
	color: #000;
}

ul.listView li p.title.contactdocument {
  margin-top: -8px;
}

ul.listView li p.title.prospectdocument {
  margin-top: -8px;
}

ul.listView li p.title.clientdocument {
  margin-top: -8px;
}

ul.listView li p.title.vacancyattachment {
  margin-top: -8px;
}
ul.listView li p.desc {
}

ul.listView li p.reminderdesc {
  margin-left: 25px;
}

ul.listView li p span.remindernote {
  font-style: italic;
}


ul.listView li p.updateddesc {
  margin-left: 25px;
}


ul.listView li p.interviewclient {
	font-weight: bold;
	color: #000;
}

li.lisortable {
  border-left-style: solid;
  border-left-color: #999999;
  border-width: 3px;
  margin-top: 5px;
  cursor: n-resize;
}

.infoColScrollBox {
	height: 359px;
}

.infoColScrollBox2 {
	height: 120px;
}

.infoColScrollBox3 {
	height: 600px;
}

.infoColScrollBox4 {
	height: 200px;
}

.infoColScrollBox5 {
	height: 122px;
}


.infoColScrollBoxWrapper .jspVerticalBar {
	width: 0;
	background: none;
}

.infoColScrollBoxWrapper .jspDrag {
	opacity: 0;
	-webkit-transition: opacity .2s;
	-moz-transition   : opacity .2s;
	-o-transition     : opacity .2s;
	-ms-transition    : opacity .2s;
	transition        : opacity .2s;
}

.infoColScrollBoxWrapper:hover .jspDrag, .infoCol:hover .jspDrag, .infoColScrollBoxWrapper .jspDrag.jspHover, .infoColScrollBoxWrapper .jspDrag.jspActive {
	opacity: 1;
}

.infoColScrollBoxWrapper .jspTrack {
	background: none;
}

.infoColScrollBoxWrapper .jspDrag {
	width: 5px;
	margin-left: -8px;
	background-color: #D9D9D9;
}

.infoColScrollBoxWrapper .jspCap {
	display: block;
	height: 3px;
}

.scrollArrow {
	height: 39px;
	width: 169px;
	float: left;
	cursor: pointer;
	background-image: url(images/btn_scroll_up_down.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	-webkit-transition: background-color .2s;
	-moz-transition   : background-color .2s;
	-o-transition     : background-color .2s;
	-ms-transition    : background-color .2s;
	transition        : background-color .2s;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.scrollArrow:hover {
	background-color: #EEE;
	-webkit-transition: background-color .1s;
	-moz-transition   : background-color .1s;
	-o-transition     : background-color .1s;
	-ms-transition    : background-color .1s;
	transition        : background-color .1s;
}

.scrollArrow.up {
	border-right: 1px solid #DDD;
}

.scrollArrow.down {
	width: 170px;
	background-position: center -39px;
	border-left: 1px solid #FFF;
}

.scrollArrow:active {
	box-shadow: inset 0px 0px 7px rgba(0,0,0,0.5);
	border-left-color: #CCC;
}

p.userName {
	float: left;
}

p.firstAdded {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  font-weight: bold;
  font-style: italic;
}

p.lastActivity {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  font-weight: bold;
  font-style: italic;
}

p.infoArchived {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  font-weight: bold;
  font-style: italic;
}

p span.noteuser {
  font-weight: normal;
  font-style: italic;
}

.userInfo p.userName a {
	display: block;
	padding-left: 20px;
}

p.userName, p.userName a {
	color: #333;
	font-size: 21px;
	text-decoration: none;
	font-weight: bold;
	line-height: 36px;
  margin-left: 15px;
}


p.dateLabel {
	float: left;
	display: block;
	padding-left: 10px;
	padding-right: 20px;
	color: #333;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	line-height: 36px;
}

p.Notes {
	float: left;
}

p.CVs {
	float: left;
}

p.OtherDocuments {
	float: left;
}

p.Quotations, p.ServiceInstructions, p.Documents {
	float: left;
}

p.Attachments {
	float: left;
}
p.noteuser, span.noteuser {
  font-style: italic;
}
p.placedby {
  font-style: italic;
}
p.subtitle {
  font-weight: bold;
}

span.placed {
  color: #FFFFFF;
  background-color: #73DD5A;
  padding-left: 3px;
  padding-right: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
}
span.archived {
  color: #FFFFFF;
  background-color: #EB5252;
  padding-left: 3px;
  padding-right: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
}

td.tooltipheader {
  font-weight: bold;
  font-size: 16px;
  background-color:#77C249;
  color: #FFFFFF;
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
}

hr.tooltipdetail{
  height: 2px;
  background-color:#f3f6db;
  color:#f3f6db;
  border: 0 none;
}

p.tooltipTitle{
  font-weight: bold;
  font-size: 10px;
}

p.tooltipNotetext{
  font-weight: bold;
  font-size: 10px;
}

span.tooltipNotetype {
  font-weight: bold;
  font-size: 10px;
  color: #0EB609;
}

p.tooltipNoteuser{
  font-style: italic;
  font-size: 10px;
}

.userInfo p.followedLabel {
  float: left;
	margin-left: 40px;
	margin-top: 10px;
  font-weight: bold;
}

.userInfo p.followedLabelMobile {
  float: left;
	margin-top: 10px;
  font-weight: bold;
}

td.followedLabel {
  font-weight: bold;
}

ul.followed {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.followed li.followed.on {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/icon_following.png);
  background-repeat: no-repeat;
	width: 90px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.followed li.followed.off {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	float: left;
  cursor: pointer;
}


ul.restricted {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.restricted li.restricted.on {
	list-style: none;
	margin: 0px 3px 0 290px;
	padding: 0;
	background-image: url(images/psl_restricted.png);
  background-repeat: no-repeat;
	width: 145px;
	height: 41px;
	float: left;
}

ul.restricted li.restricted.off {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	float: left;
}

ul.restricted li.restricted.site.on {
	margin: 0px 3px 0 120px;
}

ul.restricted li.restricted.contact.on {
	margin: 0px 3px 0 10px;
}


ul.makecandidate {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.makecandidate li.makecandidate {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	//background-image: url(images/icon_following.png);
  //background-repeat: no-repeat;
	width: 90px;
	height: 21px;
	float: left;
  cursor: pointer;
}

.userInfo ul.followed {
	float: left;
	margin-left: 10px;
}

.userInfo ul.followed li {
	margin-top: 5px;
}

.userInfo p.ratingsLabel {
  float: left;
	margin-left: 40px;
	margin-top: 10px;
  font-weight: bold;
}

.userInfo p.ratingsLabelMobile {
  float: left;
	margin-top: 10px;
  font-weight: bold;
}

td.ratingsLabel {
  font-weight: bold;
}

ul.ratings {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.ratings li.rating.on {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/star.png);
	width: 23px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.ratings li.rating.off {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/star_off.png);
	width: 23px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.ratings li.ratingall.on {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/icon_all_on.png);
	width: 32px;
	height: 32px;
	float: left;
  cursor: pointer;
}

ul.ratings li.ratingall.off {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	background-image: url(images/icon_all.png);
	width: 32px;
	height: 32px;
	float: left;
  cursor: pointer;
}

.userInfo ul.ratings {
	float: left;
	margin-left: 10px;
}

.userInfo ul.ratings li {
	margin-top: 5px;
}

.userInfo p.warmthsLabel {
  float: left;
	margin-left: 40px;
	margin-top: 10px;
  font-weight: bold;
}

.userInfo p.warmthsLabelMobile {
  float: left;
	margin-left: 40px;
	margin-top: 10px;
  font-weight: bold;
}

td.warmthsLabel {
  font-weight: bold;
}

ul.warmths {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.warmths li {
	list-style: none;
	margin: 0 3px 0 0;
	padding: 0;
	width: 23px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.warmths li.off {
	list-style: none;
	margin: 0 3px 0 0;
	padding: 0;
	width: 23px;
	height: 21px;
	float: left;
  cursor: pointer;
}

ul.warmths li.warmthall.on {background-image: url(images/icon_all_on.png); width: 32px;	height: 32px;}
ul.warmths li.warmthall.off {background-image: url(images/icon_all.png); width: 32px;	height: 32px;}
ul.warmths li.warmth1.on {background-image: url(images/warmth1.png);}
ul.warmths li.warmth2.on {background-image: url(images/warmth2.png);}
ul.warmths li.warmth3.on {background-image: url(images/warmth3.png);}
ul.warmths li.warmth4.on {background-image: url(images/warmth4.png);}
ul.warmths li.warmth5.on {background-image: url(images/warmth5.png);}
ul.warmths li.warmth1.off {background-image: url(images/warmth1_off.png);}
ul.warmths li.warmth2.off {background-image: url(images/warmth2_off.png);}
ul.warmths li.warmth3.off {background-image: url(images/warmth3_off.png);}
ul.warmths li.warmth4.off {background-image: url(images/warmth4_off.png);}
ul.warmths li.warmth5.off {background-image: url(images/warmth5_off.png);}

ul.warmths li.warmthall.on {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	width: 32px;
	height: 32px;
	float: left;
  cursor: pointer;
}

ul.ratings li.warmthall.off {
	list-style: none;
	margin: 10 3px 0 0;
	padding: 0;
	width: 32px;
	height: 32px;
	float: left;
  cursor: pointer;
}

.userInfo ul.warmths {
	float: left;
	margin-left: 10px;
}

.userInfo ul.warmths li {
	margin-top: 5px;
}

td.title {
	color: #333;
	font-size: 21px;
	text-decoration: none;
	font-weight: bold;
	line-height: 36px;
  white-space: nowrap;
}

li.highlighted {
  background-color: #D0DCEF;
}

.clickable {
  cursor: pointer;
}

.clickableabi {
  cursor: pointer;
}

.clickableclient {
  cursor: pointer;
}

.clickablenote {
  cursor: pointer;
}

.xlocation {
  cursor: pointer;
}

.clickableclientoffice {
  cursor: pointer;
}

.clickableclientcontact {
  cursor: pointer;
}

.clickableprospectcontact {
  cursor: pointer;
}

.clickableclientsite {
  cursor: pointer;
}

.clickableclientgroup {
  cursor: pointer;
}

.clickableourwastetype {
  cursor: pointer;
}

.clickablebunitsite {
  cursor: pointer;
}

.clickableduplicate {
  cursor: pointer;
}
.clickablesitecontact {
  cursor: pointer;
}
.clickablecandidate {
  cursor: pointer;
}
.clickablecandidatevacancy {
  cursor: pointer;
}
.clickablecontactvacancy {
  cursor: pointer;
}
.clickablereferee {
  cursor: pointer;
}

.clickablecontactsite {
  cursor: pointer;
}

.clickablecontactcv {
  cursor: pointer;
}

.clickablecontactother {
  cursor: pointer;
}

.clickablecontactnotesdoc {
  cursor: pointer;
}

.clickablecontactinterview {
  cursor: pointer;
}

.clickableprospectquotation, .clickableprospectserviceinstruction {
  cursor: pointer;
}

.clickablevacancyattachment {
  cursor: pointer;
}


.xxmobile {
  font-weight: bold;
}

.listAHdr {
  background-color: #F0F0F0;
  font-weight: bold;
  line-height: 30px;
}

.listBHdr {
  background-color: #F0F0F0;
  font-weight: bold;
  line-height: 16px;
}


.clickableColHdr {
  background-color: #F0F0F0;
  font-weight: bold;
  line-height: 30px;
}


.calendarHdr {
  background-color: #F0F0F0;
  font-weight: bold;
  font-size: 12px;
  line-height: 30px;
  padding-left: 10px;
  color: #000000;
}

.calendarRow {
  line-height: 20px;
}

.calendarCell {
  vertical-align:text-top;
}

.calendarHourCell {
  vertical-align:text-top;
}

div.calendarCell{
  vertical-align:text-top;
  font-weight: bold;
  color: #000000;
  font-size: 10px;
  line-height: 20px;
  padding-left: 5px;
  margin-bottom: 1px;
  border-style: solid;
  border-left-width: 5px;
  border-top-width: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;

}

div.calendarCell{
  background-color: #C7DD9F;
  border-left-color: #99B06B;
}

div.calendarCellVREASON{
  background-color: #C7DD9F;
  border-left-color: #99B06B;
}

div.calendarCellVREASONCandidate{
  background-color: #C7DD9F;
  border-left-color: #459ADA;
}

div.calendarCellVREASONContact{
  background-color: #C7DD9F;
  border-left-color: #8D4BC2;
}

div.calendarCellVREASONDual{
  background-color: #C7DD9F;
  border-left-color: #72CA68;
}

div.calendarCellENTERTAINMENT{
  background-color: #94C1EA;
  border-left-color: #4A99DB;
}

div.calendarCellENTERTAINMENTCandidate{
  background-color: #94C1EA;
  border-left-color: #459ADA;
}

div.calendarCellENTERTAINMENTContact{
  background-color: #94C1EA;
  border-left-color: #8D4BC2;
}

div.calendarCellENTERTAINMENTDual{
  background-color: #94C1EA;
  border-left-color: #72CA68;
}

div.calendarCellNOTE{
  background-color: #FCFFBA;
  border-left-color: #C9C085;
}

div.calendarCellNOTECandidate{
  background-color: #FCFFBA;
  border-left-color: #459ADA;
}

div.calendarCellNOTEContact{
  background-color: #FCFFBA;
  border-left-color: #8D4BC2;
}

div.calendarCellNOTEDual{
  background-color: #FCFFBA;
  border-left-color: #72CA68;
}


div.calendarCellEmpty{
  line-height: 40px;
}

div.followingfilter {
  float: right;
  margin-top: 20px;
}

div.xright {
  float: right;
  margin-left: 100px;
}

.odd {
  background-color: white;
  line-height: 24px;
}

.even {
  background-color: #F0F0F0;
  line-height: 24px;
}

.odd.report4 {
  line-height: 16px;
}

.even.report4 {
  line-height: 16px;
}

.rowimg {
  vertical-align: middle;
}

.contact_delete {
  vertical-align: middle;
  cursor: pointer;
}

.interest {
  cursor: pointer;
}

#search {
  margin-left: 20px;
}

#notesearch {
  margin-left: 20px;
  margin-top: 2px;
}

.listname {
  font-weight: bold;
  color:#000000;
}

.rowtotal {
  font-weight: bold;
}

.reptotal {
  font-weight: bold;
  color:#000000;
  background-color: white;
  line-height: 30px;
}

td.reptotal {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #000000;
}

.listsubname {
  font-weight: normal;
}

.contactname {
  font-weight: bold;
  color:#000000;
}

.clientname {
  font-weight: bold;
  color:#000000;
}
.sitename {
  font-weight: bold;
  color:#000000;
}

.orgchartcontactname {
  font-weight: bold;
}

.notetype {
  font-weight: bold;
  color: #0EB609;
}

.span.salary {
  width: 60px;
}

#xinfoColNotes {
  width: 1085px;
}

#mkn_text {
  width: 261px;
  height: 60px;
}

#mkf_text {
  width: 275px;
  height: 60px;
}

#mkci_note {
  width: 275px;
  height: 60px;
}

#rcv_nosalary {
  margin-right: 5px;
}

.inlinemaintouterdiv {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
}


.inlinemaintdiv {
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	-o-border-radius     : 5px;
	-ms-border-radius    : 5px;
	padding:10px 10px 0px 10px;
  background-color: #E6E6E6;
}

.inlinemaintsave {
  margin-right: 6px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.inlinemaintcancel {
  margin-top: 5px;
  margin-bottom: 10px;


}

textarea.inlinenote {
  width: 250px;
  height: 60px;
  margin-top:10px;
}

.inlinenotesave {
  margin-left: 5px;
  margin-right: 6px;
}

.labelInlinenote {
  margin-left: 0px;
  margin-bottom:5px;
  font-size:13px;
  color:#000;
  font-weight:bold;
}

textarea.inlinenote2 {
  width: 230px;
  height: 40px;
  margin-top:10px;
}

textarea.inlinenote3 {
  width: 250px;
  height: 40px;
  margin-top:10px;
}

.sitemapContainer {
  height: 100px;
}

.sendemail {
  margin-left: 5px;
  margin-right: 6px;
}

input.styled.searchcriteria {
  xmargin-left: 20px;
  margin-top: 0px;
  margin-right: 10px;
  padding-left:30px;
  width: 100px;
  background-image: url(images/gradient_bg_search.png);
  background-position: 0px 0px;
}

input.styled.searchcriteria.lookup {
  background-image: none);
}

input.styled.salary {
  width: 60px;
}

input.styled.searchcriteria.pane {
  margin-top: 2px;
}

select.searchcriteria {
  margin-right: 10px;
  margin-bottom: 10px;
  width: 110px;
}

select.searchcriteria.clientfilter {
  margin-top: 14px;
  margin-bottom: 0px;
}

select.notetypeselector{
  float: right;
  margin-top: 3px;
  height: 32px;
  border-radius:3px;
}

select.salary {
  width: 100px;
  margin-left: 2px;
}

select.driver {
  width: 100px;
  xheight: 30px;
  padding-left:1px;
}

div.followingfilter {
  float: right;
  margin-top: 20px;
}

div.docimg {
  float: left;
  padding: 0px 0px 0px 0x;
  margin: 0px 7px 0px 11px;
}

select.searchcriteria.package {
  width: 120px;
}

select.searchcriteria.status {
  width: 100px;
}

select.searchcriteria.prospectstatus {
  width: 135px;
}

select.searchcriteria.probability {
  width: 135px;
}

select.searchcriteria.office {
  width: 110px;
}

select.searchcriteria.interest {
  width: 110px;
}

select.searchcriteria.client {
  width: 185px;
}

select.searchcriteria.account {
  width: 300px;
}

select.searchcriteria.level {
  width: 300px;
}

select.searchcriteria.mapped {
  width: 200px;
}

select.searchcriteria.bunit {
  width: 185px;
}

select.searchcriteria.segment {
  width: 130px;
}

select.searchcriteria.category {
  width: 130px;
}

select.searchcriteria.direction {
  width: 140px;
}

select.searchcriteria.bdm {
  width: 110px;
}

select.searchcriteria.custserv {
  width: 185px;
}

select.searchcriteria.eventtype {
  width: 165px;
}

select.searchcriteria.expensetype {
  width: 165px;
}

select.searchcriteria.position {
  width: 110px;
}

select.searchcriteria.following {
  margin-left: 10px;
  width: 135px;
}

select.searchcriteria.numyears{
  width: 220px;
}

select.searchcriteria.gdprtier {
  width: 135px;
}

select.searchcriteria.type {
  width: 110px;
}

select.searchcriteria.ordertype {
  width: 150px;
}

select.searchcriteria.stage {
  width: 100px;
}

select.searchcriteria.user {
  width: 110px;
}

select.searchcriteria.rtype {
  width: 100px;
}

.jobadvert {
  width: 290px;
  height: 300px;
}

span.filtertooltip {
  font-weight: bold;
}

.viewselector {
  float: right;
}

.clusterselector {
  float: right;
}

#searchhelp {
  margin-top: 6px;
  margin-right: 10px;
}

.btnAddNote {
  margin-top: -10px;
}

#btnWasteReport {
  margin-left: 10px;
}

img.navbut {
  cursor: pointer;
}

img.rowimage {
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 6px;
}

img.orgchartimage {
  margin-right: 6px;
  margin-top: 6px;
}

br.listsubname {
  line-height: 5px;
}

.chk {
  float: left;
}

.someclientsoff {

}

ul.tagMenu li span.greyed {
  color: #FFFFFF;
}

#filter_pjo_id {
  float: right;
  margin-top: 2px;
}

.filteredit {
	box-shadow: inset 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px outset #73CD4B;
	background-color: #73CD4B;
	width:70px;
	padding:10px;
	margin-left:10px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
  float:left;
}

.filteron {
	box-shadow: inset 0px 1px 2px rgba(255,255,255,0.5), 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px outset #73CD4B;
	background-color: #73CD4B;
	width:70px;
	padding:10px;
	margin-left:10px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
  float:left;
}



table.Calendar {
  border-collapse:collapse;
  border-color: #CCCCCC;
}

span.userName {
  font-size: 20px;
  font-weight: bold;
  line-height: 36px;
}

a.sitepopup{
  margin-left: 14px;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}
a.sitepopup: {text-decoration:none;}
a.sitepopup:visited {text-decoration:none;}
a.sitepopup:link {text-decoration:none;}
a.sitepopup:hover {text-decoration:none;}

a.clientpopup{
  margin-left: 14px;
  color: #000000;
  font-size: 16px;
}
a.clientpopup: {text-decoration:none;}
a.clientpopup:visited {text-decoration:none;}
a.clientpopup:link {text-decoration:none;}
a.clientpopup:hover {text-decoration:none;}

textarea.siteemail {
  height: 100px;
}

textarea.clientwords {
  width: 162px;
}

textarea.testing {
  width: 272px;
}

.mandatory,
input.styled.mandatory,
.selectedOption.mandatory {
    background-color: rgb(255,255,200);
}

.mandatory.disabled,
input.styled.mandatory.disabled,
.selectedOption.mandatory.disabled {
	background-color: #F6F6F6;
}

input[type=text]:disabled {
    background: #dddddd;
}

span.expired {
  color : #EB3D3D;
  font-weight: bold;
}

span.inactive {
  color : #EB3D3D;
  font-weight: bold;
}

.bold {
  font-weight: bold;
}

#ui-dialog-title-dlgGetWSProducts, #ui-dialog-title-dlgMapCode {
  font-size: 18px;
}


/***** ADDED  BY AMANI  ********/
.staticHeader {
  position: relative;
}
.container {
  position: relative;
}
.divDropDownMenu {
  display: none;
}
.divDropDownMenu {
  width: 106px;
  float: right;
  margin-right: 20px;
  margin-top: 23px;
}
.menuIcon {
  background-image: url(images/menu_icon.png);
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 118px;
  height: 54px;
  cursor: pointer;
}
.menuIcon.on {background-image: url(images/menu_icon_on.png);}
.menuIconText {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  margin-left: 52px;
  line-height: 50px;
}
.smallscreen.ulDropdownMenu {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 2;
  box-shadow: 0 5px 1px #0066A9;
  overflow: hidden;
}
.mobileMenuSelect {
  width: 110px;
  height: 50px;
  position: absolute;
  z-index: 10;
  top: 24px;
  margin-left: 5px;
  opacity: 0;
  cursor: pointer;
}
.liDropDownMenu a {
  color: #fff;
  display: block;
  line-height: 70px;
  height: 70px;
  padding: 0 20px;
  font-size: 18px;
  background: #66B3D7;
  text-decoration: none;
  text-transform: capitalize;
  border-bottom: 1px dotted #96C5DB;
  -webkit-transition: all .1s ease;
  -moz-transition   : all .1s ease;
  -o-transition     : all .1s ease;
  -ms-transition    : all .1s ease;
  transition        : all .1s ease;
}
.liDropDownMenu a:hover {
  color:#66B3D7 ;
  background: #fff;
  text-decoration: none;
  -webkit-transition: all .1s ease;
  -moz-transition   : all .1s ease;
  -o-transition     : all .1s ease;
  -ms-transition    : all .1s ease;
  transition        : all .1s ease;
}
.mobileMenuSelect option {
text-transform: uppercase;
}
/* Smartphones (portrait and landscape) ----------- */

@media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
  .topMenuOption {
  display: none;
  }
  .divDropDownMenu {
    display: block;
  }
  .topMenu {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .divDropDownMenu {
    width: 48px;
    float: right;
    margin-right: 7px;
    margin-top: 23px;
    overflow: hidden;
    /*width: 48px;
    float: right;
    margin-right: -9px;
    margin-top: 23px;
    overflow: hidden;*/
  }
  .mobileMenuSelect {
    width: 48px;
    height: 50px;
    margin-left: 0;
  }
  .menuIcon {
  background-image: url(images/menu_icon_small.png);
  width: 46px;
  height: 54px;
  }
  .menuIcon.on {
  background-image: url(images/menu_icon_small_on.png);
  width: 46px;
  height: 54px;
  }

  p.userName {
  font-size: 14px;
  }

  #search {
   width: 56px;
   margin-left: 5px;
   margin-right: 0;
  }
  .btn.left.new {
  margin-left: 5px;
  }



}
/*** tablet and medium screens ****/
@media only screen and (max-width: 768px), only screen and (max-device-width:768px) {

  .topMenuOption {
  display: none;
  }
  .divDropDownMenu {
    display: block;
  }
.topMenu {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 20px;
  margin-left: 20px;
}


}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/*
  .topMenuOption {
  display: none;
  }
  .divDropDownMenu {
    display: block;
  }

*/
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

}
/* iPhone 4 ----------- */
@mediaonly screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {

 .topMenuOption {
  display: none;
  }
  .divDropDownMenu {
    display: block;
  }


}


/**** END ADDED BY AMANI *****/


.autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }



.passwordonly {
  background-color: yellow;
}

.search_bar {
  background-color: #FFFFFF;
}


.search_heading {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  padding-right: 6px;
}

img.btnExport {
  margin-top: 5px;
}


form.infieldlabel {
	padding: 0 20px 20px 20px;
}

form.infieldlabel, form.infieldlabel fieldset input, form.infieldlabel input, form.infieldlabel select, form.infieldlabel label {
	font-family: Helvetica, Arial;
	font-size: 12pt;
}

form.infieldlabel p { position: relative; margin: 10px 0;}

form.infieldlabel fieldset p input, form.infieldlabel p input, form.infieldlabel p select {
	display: block;
	padding: 4px;
	width: 300px;
	margin: 0;
}

form.infieldlabel fieldset p label, form.infieldlabel p label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

form.infieldlabel fieldset p input, form.infieldlabel p input, form.infieldlabel p select {
	border: solid 1px #ccc;
}

form.infieldlabel fieldset p label, form.infieldlabel p label {
	color: #777;
}

form.infieldlabel p select option.blank {
  color: #777;
}

span.ordertag {
  margin-left: 5px;
  color: #ffffff;
  padding: 3px;
  background-color: #A5A5A5;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;

}

span.newtag {
  margin-left: 5px;
  color: #000000;
  font-weight: bold;
  font-style: italic;
  padding: 3px;
  background-color: #FFFF00;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  -o-border-radius     : 3px;
  -ms-border-radius    : 3px;
  border-radius        : 3px;
}

.loaderror {
  color: #FF0000;
  font-weight: bold;
}

.loadsuccess {
  color: #00FF00;
  font-weight: bold;
}

.rdbinfo {
  font-size: 10px;
  font-style: italic;
}

span.noclientflg {
  font-weight: bold;
  color: #FF0000;
  font-size: 16px;
}

span.noaccountflg {
  vertical-align:text-top;
  font-weight: bold;
  color: #FF0000;
  font-size: 24px;
}

legend.dashboardnew {
  font-weight:bold;
  font-style:italic;
  background-color:#FFFF00;
  padding: 3px 6px;
  border-radius:6px
}

/*tweeks*/
.menubutton img {
  vertical-align: middle;
}
#reportboxes {
  max-width: unset !important;
  padding: 10px;
}
.waste-chart {
  margin-top: 20px;
}
.waste-chart-data-efw {
  top: 10px !important;
}
.reportbox {
  border-radius: 5px;
  box-shadow: 0px 3px 6px #00000029 !important;
  max-width: unset !important;
  width: calc(100% - 74px) !important;
}
.waste-chart-back {
  height: 27px !important;
  /*background-color: #f4f4f4 !important;*/
  border-radius: 5px !important;
}
.table-row.chart {
  height: 50px;
}
.color-rep {
  border-top: #DDDDDD 1px solid;
  justify-content: center;
  padding-top: 20px;
  margin: 0 -25px;
}
.color-rep, .color-label {
  display: flex;
}
.color-label {
  margin: 10px;
}
.color-box {
  border-radius: 3px;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.light-blue-box {
  background-color: #6CCCDF;
}
.dark-blue-box {
  background-color: #0E2751;
}
.grey-box {
  background-color: #B4B4B4;
}
.waste-chart-back div.recyc {
  top: -27px !important;
}
.waste-chart-back div {
  height: 27px !important;
}
.table-row.chart .column-data .waste-chart-back {
  margin-top: -5px;
}
.site-visit-title {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.request-visit-btn {
  background-color: #6CCCDF;
  padding: 6px 20px;
  color: #ffffff;
  text-decoration: none;
  border-radius: 5px;
  margin-left: 25px;
}
.request-visit-btn span {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
.site-visit-table thead{
  text-align: left;
}
.site-visit-table thead th {
  padding: 15px 0;
  font-weight: normal;
}
.site-visit-table tbody td {
  padding: 10px 0;
  font-weight: bold;
}
.site-visit-table .green-box {
  background-color: #77E294;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.targetclient {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: bold;
  color: #000000;
}

.no-close .ui-dialog-titlebar-close {
  display: none
}

.ui-widget-header {
  background: #0066AA;
}

.sybg_status {
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

.sybg_status_down {
  background-color: #FF0000;
}

.sybg_status_up {
  background-color: #00FF00;
}

span.logbold {
  font-weight: bold;
  font-size: 14px;
}

table.processlog {
  font-family: "Courier New", Courier, monospace;
}

div.exportoption {
  font-size: 14px;
  padding: 10px;
}

.viewselector {
  margin-right: 10px;
}


@media screen and ( min-width: 1280px ) {
  .reportbox {
     width: calc(50% - 74px) !important;
  }
}

/*mobile menu scroll*/
@media screen and ( max-width: 768px ) {
.mobile-nav {
   position: absolute;
   width: 100%;
   background: #ffffff;
   bottom: 0;
   left: 0;
   overflow: scroll;
 }
 .mobile-nav .headernav {
  display: block !important;
  float: none;
 }
 .mobile-nav .headernav-inner {
  display: flex;
 }
 .mobile-nav .headernav-inner .menubutton {
  flex: 1;
 }
 .mobile-nav .headernav-inner .menubutton p{
  white-space: nowrap;
 }
}