#frmLogin .login#username:focus,
  #frmLogin .login#password:focus{
    box-shadow: 0px 0px 0px 2px #45B2E9;
  }
  #frmLogin .orange{
    background-color: #45B2E9;
  }
  #frmLogin .orange:hover:not(:disabled) {
    background-color: #59c6fd;
  }
  .verytop{
    background-color: #45B2E9;
  }
  #frmLogin .loginField{
    outline: none;
  }
.customSiteLogo{
  background-image: url('tenants/14/storage/theme/Signal Control Panel Logo.svg');
  background-size: contain;
}
.loginBox .standardLogo{
  max-width: 250px;
  margin: 20px auto 40px;
  display: block;
}
.verytop .standardLogo{
  max-width: 150px;
  margin-left: 20px;
  margin-top: 5px;
}
.verytop .versionNumber{
  /*margin-left: 20px;*/
  margin-top: 2px;
  text-align: center;
}
.companyLogo{
  max-width: 150px;
}

.employeeAppHeader .flex-container .brandLogo{
  background-image: url(tenants/14/storage/theme/Network_Rail_logo.svg) !important;
  max-width: 200px !important;
}
.brandLogo .flex-container .grey{
  background-image: url(tenants/14/storage/theme/Network_Rail_logo.svg) !important;
  filter: grayscale(1);
}
    .form.Login{
      background-color: #45B2E9 !important;
    }
    .login.timesheets .form.Login{
      background-color: white !important;
    }
    .login.timesheets .form.Login #loginBtn{
      background-color: #4ac661 !important;
    }
    .form.Login #loginBtn{
      background-color: #45B2E9 !important;
    }
    .form.Login .login365Btn{
      background-color: #4ac661 !important;
      width: 100%;
      height: 53px;
      margin-bottom:3px;
    }

    .payslipsLogo.verticalBox p{
      color: #45B2E9 !important;
    }
    #controlPanel{
      background-color: #45B2E9 !important;
    }
    body a:hover:not(.button){
      color: #45B2E9 !important;
    }
    tr.rowhighlighted{
      background-color: #45B2E9 !important;
    }
    tr.rowhighlighted .selectCheckbox input[type="checkbox"]:checked ~ .checkmark{
      background-image: url("images/icon_select_white.png");
      background-color: #45B2E9 !important;
      border: 2px solid white;
    }
    .selectCheckbox input[type="checkbox"]:checked ~ .checkmark{
      background-image: url("images/icon_select_white.png");
      background-color: #45B2E9;
    }
    .themeColour{
      background-color: #45B2E9;
    }
    .headline .headlineblue{
      color: #45B2E9;
    }
    input#btnSubmit{
      background-color: #45B2E9;
    }
    input[type="button"], 
    input[type="submit"].buttonCreateReport,
    .cpReport input[type="button"] {
      transition: 0.2s ease-out;
    }
    input[type="button"]:hover, 
    input[type="submit"].buttonCreateReport:hover {
      background-color: #59c6fd !important;
    }
    #controlPanel .panelTab{
      background-color: #1d8ac1;
    }
    #controlPanel .panelTab.active, #controlPanel .panelTab:hover{
      background-color: #202126;
    }
    .buttonNew,
    .buttonEdit,
    .buttonSave,
    .cpReport input[type="button"] {
      background-color: #45B2E9;
      transition: 0.3s ease-out;
    }
    .buttonNew:hover,
    .buttonEdit:hover,
    .buttonSave:hover,
    .cpReport input[type="button"]:hover {
      background-color: #59c6fd;
      transition: 0.1s ease-out;
    }

    .text label.SelectCheckboxB input:checked ~ .checkmark,
    .text label.SelectCheckboxB input:checked ~ .checkmarkBlue,
    .borderedFields input[type="checkbox"]:checked + label:before {
      background-image: url("images/icon_select_white.png");
      background-color: #45B2E9 !important;
      border: 1px solid #45B2E9 !important;
    }
    .selectRadio .radioButton:after{
      background-color: #45B2E9 !important;
    }
    button.themeColour{
      background-color: #45B2E9;
      transition: 0.3s ease-out;
    }
    button.themeColour:hover{
      background-color: #59c6fd;
      transition: 0.1s ease-out;
    }
    .blue{
      background-color: #45B2E9 !important;
    }
    .blueText{
      color: #45B2E9 !important;
    }
    .blueImage svg path {
      fill: #45B2E9 !important;
    }
    .button.blue:hover:not(:disabled),
    input.buttons[type="radio"]:not(:disabled) + label:hover{
      background-color: #59c6fd !important;
      transition: 0.1s ease-out;
    }
    .gray{
      background-color: #C9C9C9 !important;
    }
    .grayText{
      color: #C9C9C9 !important;
    }
    .button.gray:hover:not(:disabled),
    input.buttons[type="radio"]:not(:disabled) + label:hover{
      background-color: #DBDBDB !important;
      transition: 0.1s ease-out;
    }
    .sortable{
      color: #45B2E9 !important;
    }
    .employeeAppHeader.brandColour{
      background-color: #45B2E9 !important;
    }

    ul.timePoints li:before,
    ul.timePoints li:after {
      background-color: #45B2E9 !important;
    }

    .jquiSlider {
      background: #2794cb;
    }

    .jquiSlider .ui-slider-handle {
      background: #45B2E9;
    }

    .jquiSlider .ui-slider-handle:hover {
      background: #63d0ff;
      transition: background .1s linear;
    }

    table.reptable tr[bgcolor="#E0DFE3"] {
      background-color: #1d8ac1;
    }

    table.reptable tr:nth-child(even):not([bgcolor="#E0DFE3"]) {
      background-color: #d1ffff;;
    }
  .payslipsLogo.verticalBox .siteLogo{
    background-image: url('tenants/14/storage/theme/signal_logo_big_spacer.svg');
    background-position: bottom;
    height: 100px;
    background-size: contain;
  }
  .payslipsLogo.verticalBox .companyLogo{
    margin-bottom: 20px;
  }