@charset "utf-8";
.sizehelper {
    position: fixed;
    top: 0;
    left: 0;
    background: red;
    width: 25px;
    height: 20px;
    color: white;
    text-align: center;
    z-index: 1999;
}

.sizehelper:before {
    content: "XS";
}

.clear {
    clear: both;
}

 :root {
    --colour1: black;
    --colour2: white;
    --colour3: #fdbf4b;
    --colour4: #212d44;
    --colour5: #f0f0f1;
    --colour6: #4a5362;
    --colour7: #fcfcfc;
    --headlinefont: 'Montserrat', sans-serif;
    --subtitlefont: 'Montserrat', sans-serif;
    --copyfont: 'Open Sans', sans-serif;
    --regularweight: 400;
    --boldweight: 700;
}

.red {
    color: red;
}

body {
    font-family: var(--copyfont);
    font-weight: var(--regularweight);
    color: var(--colour4);
    font-size: 16px;
    line-height: 1.6;
}

a {
    color: var(--colour3);
    font-weight: var(--regularweight);
    text-decoration: underline;
}

a:hover, a.active {
    color: var(--colour3);
}

a:focus {
    outline: none;
}

h1 {
    font-family: var(--headlinefont);
    font-size: 2.5em;
    color: var(--colour4);
    font-weight: var(--boldweight);
    line-height: 1.3333;
    margin-bottom: 22px;
    text-transform: uppercase;
}

h2 {
    font-family: var(--subtitlefont);
    font-size: 1.5em;
    color: var(--colour4);
    font-weight: var(--boldweight);
    line-height: 1.6;
    margin-bottom: 22px;
}

h3 {
    font-family: var(--subtitlefont);
    font-size: 1.266em;
    color: var(--colour4);
    font-weight: var(--boldweight);
    line-height: 1.4736;
    margin-bottom: 22px;
}

h4 {
    font-family: var(--subtitlefont);
    font-size: 0.875em;
    color: var(--colour4);
    font-weight: var(--boldweight);
}

p {
    margin-bottom: 25px;
}

div.field {
    margin-bottom: 10px;
}

form .Actions {
    text-align: right;
}

textarea.textarea,
input.text,
select.dropdown,
select.listbox {
    width: 100%;
    border: 1px solid #ddd6d6;
    padding: 5px;
    background: var(--colour2);
}

.narrowfields textarea.textarea,
.narrowfields input.text,
.narrowfields select.dropdown,
.narrowfields select.listbox {
    max-width: 200px;
}

.expensetable .ss-uploadfield-item-edit,
.expensetable .ss-uploadfield-item-editform {
    display: none!important;
}

div.addcurrency .middleColumn {
    position: relative;
}
div.addcurrency .middleColumn:before {
    content: "£";
    position: absolute;
    top: 6px;
    left: 6px;

}
div.addcurrency .middleColumn input {
    padding-left: 15px;
}

.field.ss-upload {
    margin-bottom: 10px;
}

.chzn-container {
    font-size: 1em;
    display: block;
}

.chzn-container-single .chzn-single,
.chzn-container-multi .chzn-choices {
    background: var(--colour2);
    border: 1px solid #ddd6d6;
    padding: 5px;
    border-radius: 0;
    box-sizing: content-box;
    height: 25.6px!important;
    box-shadow: none;
    overflow: visible;
}

.chzn-container-single .chzn-single div b {
    background-position-y: 5px;
}

.defaultSkin table.mceLayout {
    width: 100%!important;
}

#ForgotPassword {
    text-align: left;
}

.btn,
#MemberLoginForm_LoginForm_action_dologin,
#MemberLoginForm_LostPasswordForm_action_forgotPassword,
#ChangePasswordForm_ChangePasswordForm_action_doChangePassword,
#ForgotPassword a {
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    padding: 0.75em 1em;
    font-size: 0.95em;
}

.header .btn {
    padding: 0.5em 2em;
}

.btn.btn-primary,
#MemberLoginForm_LoginForm_action_dologin,
#MemberLoginForm_LostPasswordForm_action_forgotPassword,
#ChangePasswordForm_ChangePasswordForm_action_doChangePassword,
#ForgotPassword a {
    background-color: var(--colour3);
    color: var(--colour4);
    text-decoration: none;
}

.btn.btn-primary:hover,
#MemberLoginForm_LoginForm_action_dologin:hover,
#MemberLoginForm_LostPasswordForm_action_forgotPassword:hover,
#ChangePasswordForm_ChangePasswordForm_action_doChangePassword:hover,
#ForgotPassword a:hover {
    background-color: var(--colour4);
    color: var(--colour3);
}

.btn.btn-secondary {
    background-color: var(--colour4);
    color: var(--colour3);
}

.btn.btn-secondary:hover {
    background-color: var(--colour3);
    color: var(--colour4);
}

.btn:disabled {
    background-color: var(--colour6);
    color: var(--colour2);
}

.text-secondary {
    color: var(--colour3)!important;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler:focus {
    box-shadow: none;
}

.withborder {
    border-bottom: 1px solid var(--colour6);
}

.header {
    font-size: 0.95em;
    background: url('../images/header.jpg') no-repeat center center;
    background-size: cover;
}

table.dataTable {
    margin-left: 0;
    margin-right: 0;
}

div.dt-buttons {
    float: none;
    margin-bottom: 2em;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
    color: var(--colour4);
    margin-bottom: 3em;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input,
.dataTable select {
    border-radius: 0;
    background-color: #fafafa;
    color: var(--colour4);
    border: 1px solid #dddddd;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    padding: 10px;
}

table.dataTable thead th,
table.dataTable thead td {
    border: none;
    padding-top: 0;
}

.dataTables_wrapper .dataTables_scroll {
    border-top: 1px solid #ddd6d6;
    padding-top: 2em;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-color: #ddd6d6;
    padding-bottom: 2em;
}

table.dataTable thead th, 
table.dataTable tfoot th,
table.table th {
    font-weight: var(--regularweight);
}

table.dataTable tbody tr {
    background-color: var(--colour5);
}

table.dataTable tbody tr.even,
.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    background-color: var(--colour2);
}

table.dataTable thead th, 
table.dataTable tfoot th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
    white-space: nowrap;
}

table.dataTable tbody td {
    padding: 15px 18px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: none;
    border: none;
    color: var(--colour3) !important;
    box-shadow: none;
}

.accordion-item:first-of-type > .accordion-header .accordion-button,
.accordion-item:first-of-type,
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed,
.accordion-item:last-of-type {
    border-radius: 0;
}

.accordion-button:not(.collapsed),
.accordion-button.collapsed {
    background-color: var(--colour4);
    color: var(--colour2);
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed):after,
.accordion-button.collapsed:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.table > :not(caption) > * > * {
    border: none;
}

.wofchart {
    position: relative;
    width: 206px;
    height: 206px;
    overflow: hidden;
    background: url("../images/wof0.gif") no-repeat left top;
    margin: auto;
}

.wof1,
.wof2,
.wof3,
.wof4,
.wof5,
.wof6,
.wof7,
.wof8,
.wof9 {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: top left;
    width: 206px;
    height: 206px;
}

.wof1 {
    background-image: url("../images/wof1.gif");
}

.wof2 {
    background-image: url("../images/wof2.gif");
}

.wof3 {
    background-image: url("../images/wof3.gif");
}

.wof4 {
    background-image: url("../images/wof4.gif");
}

.wof5 {
    background-image: url("../images/wof5.gif");
}

.wof6 {
    background-image: url("../images/wof6.gif");
}

.wof7 {
    background-image: url("../images/wof7.gif");
}

.wof8 {
    background-image: url("../images/wof8.gif");
}

.wof9 {
    background-image: url("../images/wof9.gif");
}

.ss-uploadfield-item-delete {
    display: none!important;
}

.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone {
    font-size: 12px;
}

.JobManagerPage .ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel button {
    text-indent: 0;
    width: auto;
    height: auto;
    padding: 5px;
    box-shadow: none;
    border: revert;
}

.JobManagerPage .ss-uploadfield .ss-uploadfield-item.ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-name {
    width: 60%;
}
.JobManagerPage .ss-uploadfield .ss-uploadfield-item.ui-state-error .ss-uploadfield-item-info .ss-uploadfield-item-actions {
    width: 24%;
}

.ss-uploadfield-item-overwrite.hide {
    display: none;
}