
  

.l-site-header {
    border-bottom: 4px solid #ef3e42 !important;
    }

    .brand-image {
    background-image: url(/Centre/brandingimages/1517354Site.JPG);;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-indent: 100%;
    white-space: nowrap;
    width: 650px;
    height: 80px;
    }

    .nav-main-wrapper .nav-main-lvl2:hover .nav-main-sub-link,.nav-main-wrapper .nav-main-lvl2:focus .nav-main-sub-link {
    background-color: #ef3e42  !important;
    color: White !important;
    }

    .nav-main-wrapper .nav-main-lvl1 .current.nav-main-link {
    background-color:#ef3e42  !important;
    border-color: #ef3e42  !important;
    color: White !important;
    }

    .header-button-count{
    background-color: #ef3e42;
    }

    p { color: #666666 }
    a, header a,footer a { color: #3798b9; }
    input[type="submit"] { color: #11568c; }
    div[role="main"]  h1, h2, h3, h4, h5, h6 { color: #11568c; }
    div[role="main"]  .button, button.action, button { color: #11568c; }
    div[role="main"]  a:hover,.action:hover { color: #6acbec; }
    div[role="main"]  td { color: #666666; }
    div[role="main"]  a, header a,footer a { color: #3798b9; }
    div[role="main"]  th { color: #3798b9; }
    div[role="main"]  label { color: #666666 }
    div[role="main"]  .label-color { color: #666666 }
    div[role="main"]  .text-align-left { color: #666666 }
    div[role="main"] .notice-success { background-color: #000000; color: White }
    div[role="main"] .notice-error { background-color: #c63812; color: White }
    div[role="main"] .text-on { background: #ef3e42 }
    div[role="main"] li.current { background: #000000 }
    div[role="main"]  input[type="submit"].action:hover { color: #11568c; }
    div[role="main"]  .button-list a:hover { color: #11568c; }
    div[role="tablist"], button { color: #3798b9; }
    div[role="tablist"]  button:hover,button:focus { color: #3798b9; }

    div[role="dialog"] .text-on { background: #ef3e42 }
    div[role="dialog"]  .button, button.action, button { color: #11568c; }
    div[role="dialog"]  input[type="submit"].action:hover { color: #11568c; }
    button.action:hover { color: #11568c; }
    .form input[type="text"].error, .form input[type="text"].input-validation-error, input[type=tel].input-validation-error, .form textarea.input-validation-error { border-color: #c63812 }
    .form input[type="password"].error, .form input[type="password"].input-validation-error { border-color: #c63812 }
    .error.selectboxit-container .select-box, .input-validation-error.selectboxit-container .select-box { border-color: #c63812 }

    .validation-summary-errors {
    background-color: inherit;
    color: #c63812;
    }

    .link-color { color: #3798b9 !important }

    a.js-attach-receipt.input-validation-error img{
    padding: 2px;
    border: 1px solid #c63812;
    }

    .reports-section-glance:hover {
    background-color: #ef3e42 !important;
    color: White!important;
    }

    div[role="main"] tr.tr--row-error {
    background-color: #c63812;
    border-color: #c63812;
    color: White;
    font-weight: bold;
    }
    div[role="main"] tr.tr--row-error td {
    color: White;
    }

    tr.tr--row-error td .button-simple {
    background-color: white;
    }

    tr.tr--row-error td .button-simple:focus, tr.tr--row-error td .button-simple:hover {
    background-color: #e5e5e5;
    }

    .tr--header { background-color: #ef3e42 }
    .checker span.checked {
    background-color: #ef3e42;
    }
    .radio span.checked {
    background-color:  #ef3e42;
    }
    .errorText { color: #c63812 }
    .button-smaller:hover {
    color: #11568c;
    }

    .dashboard-wrapper {
    background-color: #ef3e42  !important;
    color: White !important;
    }

    .dashboard-wrapper a:hover {
    color: White !important;
    }

    div[role="main"] .dashboard-wrapper .text-align-left , div[role="main"] .dashboard-wrapper label,  div[role="main"] .dashboard-wrapper h2 {
    color:White !important;
    }

    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .brand-image {
    background-image: url(/Centre/brandingimages/1517354Site.JPG);
    width:380px;
    height:47px;
    }
    }
    @media only screen and (max-width: 1024px) {
    .brand-image {
    background-image: url(/Centre/brandingimages/1517354Site.JPG);
    background-size: contain;
    width:380px;
    height: 47px;
    }
    }
    