#main {
    margin-left: 0;
    margin-right: 0;
    max-width: 1500px;
}

.topBarHolder {
    margin-bottom: 1em;
    padding-top: 1em;
}

#innovationScoreMinimum option[value="off"]:after {
    content: " All companies";
}

.filterControlUl::-webkit-scrollbar,
.inputHolder textarea::-webkit-scrollbar,
.filterSubheadingHolder::-webkit-scrollbar,
.trainingSetParameterControlsHolder::-webkit-scrollbar, .filterControlTable tbody::-webkit-scrollbar, #editCompanyFieldForm .inputHolder::-webkit-scrollbar {
    width: 7px;
}

.filterSubheadingHolder::-webkit-scrollbar {
    height: 7px;
}

.filterControlUl::-webkit-scrollbar-track,
.inputHolder textarea::-webkit-scrollbar-track,
.filterSubheadingHolder::-webkit-scrollbar-track,
.trainingSetParameterControlsHolder::-webkit-scrollbar-track, .filterControlTable tbody::-webkit-scrollbar-track {
    background-color: var(--c-brand-i);
}

#editCompanyFieldForm .inputHolder::-webkit-scrollbar-track {
    background-color: var(--c-brand-j);
}

.filterControlUl::-webkit-scrollbar-thumb,
.inputHolder textarea::-webkit-scrollbar-thumb,
.filterSubheadingHolder::-webkit-scrollbar-thumb,
.trainingSetParameterControlsHolder::-webkit-scrollbar-thumb, .filterControlTable tbody::-webkit-scrollbar-thumb, #editCompanyFieldForm .inputHolder::-webkit-scrollbar-thumb {
    background-color: var(--c-brand-k);
}

.filterControlUl,
.inputHolder textarea,
.filterSubheadingHolder,
.trainingSetParameterControlsHolder, .filterControlTable tbody {
    scrollbar-color: var(--c-brand-k) var(--c-brand-i);
    scrollbar-width: thin;
}

#editCompanyFieldForm .inputHolder {
    scrollbar-width: thin;
    scrollbar-color: var(--c-brand-k) var(--c-brand-j);
}


.controlHolder:hover {
    background-color: #312B5A !important;
}

.controlHolder.filterControl .total {
    color: var(--c-brand-b);
}

#companyListResultsHolder {
    margin-left: 1.5em;
    margin-right: 1.5em;
}


input.search-box:not(:valid) ~ .close-icon {
    visibility: hidden;
    pointer-events: none;
}

.search-wrapper {
    border: 1px solid var(--c-brand-j);
    margin-bottom: 1em;
    display: inline-block;
}

input.search-box {
    white-space: nowrap;
    display: inline-block;
    outline-style: none;
    padding-left: 0.5em;
    margin-left: 0.5em;
    background: inherit;
    background-color: transparent;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: normal;
    font-style: normal;
    padding: 0.8em 0;
    text-indent: 22px;
    border-width: 0;
    background-image: url(../images/search-white.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    min-width: 180px;
}

#companySearchForm input.search-box {
    background-image: none;
}

input.search-box:not(:valid) {
    background-image: url(../images/search-blue.svg);
}

input.search-box:-webkit-autofill,
input.search-box:-webkit-autofill:hover,
input.search-box:-webkit-autofill:focus {
    -webkit-appearance: none;
    -webkit-text-fill-color: #FFFFFF;
    -webkit-box-shadow: 0 0 0px 50px #242b2d inset;
    caret-color: #FFFFFF;
    background-image: url(../images/search-white.svg) !important;
}

input.search-box:not(:valid) ~ .close-icon {
    visibility: hidden;
    pointer-events: none;
}

.close-icon {
    border-width: 0;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/cross-yellow.svg);
    width: 20px;
    height: 20px;
    margin-right: 0.3em;
    border-radius: 0;
}

.close-icon:hover {
    background-image: url(../images/cross-black.svg);
}

button.close-icon:focus,
#insightsLink:focus, .topBarHolder #savePlusExplanationControl:focus, #prefilterLogoHolder a:focus {
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
}

.search-box,
.close-icon,
.search-wrapper {
    position: relative;
}


.topBarHolder h1,
h1 {
    display: inline-block;
}

.companyListsActionsBar {
    display: inline-block;
}

.inputHolder {
    margin: 1em 0 1.5em 0;
}

.inputHolder label {
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
}

.inputHolder input {
    width: 100%;
    margin-top: 0.4em;
    height: 38px;
    background-color: transparent;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: #FFFFFF;
    text-align: left;
    border: 1px solid var(--c-brand-j);
    outline-style: none;
    text-indent: 1em;
}

#topBarHolderCompanyList.companyListEditingInProgress #companyListTitleEdit {
    display: inline-block !important;
}

#topBarHolderCompanyList.companyListEditingInProgress h1 {
    display: none;
}

#topBarHolderCompanyList.companyListEditingInProgress .companyListsActionsBar {
    vertical-align: bottom;
}

.topBarHolder #companyListTitleEdit {
    display: inline-block;
    width: 220px;
    height: 32px;
    background-color: var(--c-brand-c);
    font-family: 'Raleway-Bold-Regular', 'Raleway-Bold';
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-decoration: none;
    color: #FFFFFF;
    text-align: left;
    border-color: transparent;
    outline-style: none;
    /* border: 1px solid var(--c-brand-k); */
    border-bottom: 1px solid var(--c-brand-k);
    vertical-align: top;
    text-indent: 7px;
    margin-right: 0.3em;
    display: none;
    border-left-width: 0;
    border-right-width: 0;
}

#savePlusExplanationControl {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    border-radius: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    pointer-events: none;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transform-origin: center;
    -webkit-transform-origin: center;
}

#savePlusExplanationControl.visible {
    transform: scale(1);
    -webkit-transform: scale(1);
    pointer-events: all;
}


.trainingSetHeaderBar {
    background-color: var(--c-brand-c);
    padding: 0.8em 0 0 0;
    margin-left: -1.5em !important;
    padding-left: 1.5em !important;
    margin-right: -1.5em !important;
    padding-right: 1.5em !important;
    overflow: auto;
}

#filtersHeader {
    background-color: var(--c-brand-c);
}

#trainingSetHeader {
    padding-top: 0.5em;
}

#trainingSetHeader .trainingSetParameter {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin: 0 0.3em 0.5em 0;
}

.trainingSetHeaderBar .trainingSetHeaderBarLabel {
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    display: inline-block;
    margin-right: 0.5em;
}

.trainingTypeLabel {
    display: none;
}

.trainingSetParameter {
    min-width: 130px;
    height: 40px;
    display: inline-block;
    color: white;
    font-size: 13px;
    line-height: normal;
    text-align: center;
    border: 1px solid var(--c-brand-j);
    padding: 0.7em 0;
    margin: 0 0.7em 0.8em 0;
    cursor: pointer;
    padding: 0.7em 2em;
}

.trainingSetParameterControlsHolder.parameterControlsHolderVisible {
    overflow: hidden;
    animation: 0s delay-overflow;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    max-height: 160vh;
    transition: max-height 0.5s ease-out;
}

@keyframes delay-overflow {
    to {
        overflow: auto;
    }
}

.trainingSetParameterControlsHolder {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out;
}

.trainingSetParameterControlsHolder .trainingSetParameterControl {
    margin: 0.8em 0 3em 0;
}

.trainingSetParameterControlsHolder .trainingSetParameterControl[parameter="explain-classifier"] p {
    margin-bottom: 0.7em;
    max-width: 700px;
}

.actionsHolder {
    margin-top: 0.3em;
    margin-top: 0 !important;
    margin-bottom: 1em;
}

.trainingSetParameterControl .inputHolder:not(.companyName):not(.companyNumbers) {
    position: relative;
    max-width: 200px;
    display: inline-block;
    margin: 1em 1em 1em 0;
}

.trainingSetParameterControl .inputHolder.companyName {
    max-width: 400px;
}

.trainingSetParameterControl h2.underline {
    border-bottom: 1px solid var(--c-brand-k);
    padding-bottom: 0.5em;
    margin-bottom: 1.4em;
}

.trainingSetParameterControl h2 {
    font-weight: 400;
    font-size: 22px;
    font-family: 'Raleway-Bold-Regular', 'Raleway-Bold';
}


.filterControlContent h2 {
    font-family: 'Raleway-Bold-Regular', 'Raleway-Bold';
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    color: #FFFFFF;
    text-align: left;
    border-bottom: 1px solid var(--c-brand-i);
    margin-bottom: 1em;
}

.keywordsControlHolder,
.filterControlHolder {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}

.keywordsControlHolder.keywordsControlHolderVisible,
.filterControlHolder.filterControlHolderVisible {
    overflow: hidden;
    animation: 0s delay-overflow;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
    max-height: 100vh;
    transition: max-height 0.2s ease-in;
}

.filterControlHolder.filterControlHolderVisible[filtergroup="financials"] {
    max-height: 120vh;
}

.noTransition {
    transition: none !important;
    -webkit-transition: none !important;
}

.keywordsNote {
    margin: -0.5em 0 2em 0;
}

#companyNameFilter {
    width: 400px;
}

.actionsHolder * {
    display: inline-block;
    vertical-align: middle;
}

.filterSearchHolder {
    border: 1px solid var(--c-brand-j);
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 1em;
    padding-right: 0.8em;
}

.filterSearchHolder input {
    white-space: nowrap;
    display: inline-block;
    outline-style: none;
    padding-left: 0.5em;
    margin-top: 0.2em;
    margin-left: 0;
    background: inherit;
    background-color: transparent;
    box-sizing: border-box;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: normal;
    font-style: normal;
    padding: 0.8em 0;
    text-indent: 0.8em;
    border-width: 0;
}

.goToPageHolder input {
    margin-top: 0.4em;
    background-color: transparent;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: var(--c-brand-b);
    text-align: left;
    border: 1px solid var(--c-brand-i);
    outline-style: none;
    text-indent: 0.4em;
    margin-left: 0.7em;
    width: 35px;
    padding: 3px 0 4px 0;
}

/* Chrome, Safari, Edge, Opera */
.goToPageHolder input::-webkit-outer-spin-button,
.goToPageHolder input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.goToPageHolder input[type=number] {
    -moz-appearance: textfield;
}

.filterSearchHolder .filterSearchAction {
    white-space: nowrap;
    display: inline-block;
    margin-left: 0.5em;
    color: var(--c-brand-b);
    cursor: pointer;
}

.filterSearchWrapper .actionsHolder {
    display: inline-block;
    margin-left: 0.5em;
}

.filterSearchAction svg {
    fill: var(--c-brand-b);
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin-top: 2px;
}

.filterSearchAction svg path {
    fill: var(--c-brand-b);
}


.filterSearchHolder .filterSearchAction:hover {
    color: white;
}

.filterSearchHolder .filterSearchAction:hover svg * {
    fill: white !important;
}

.filterControlTable {
    width: 50%;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    display: none;
}

.filterControlTableActive {
    display: block;
}

.filterControlTable thead tr {
    width: 100%;
    border-bottom: 1px solid var(--c-brand-j);
    border-top: 1px solid var(--c-brand-j);
}

.filterControlTable tbody {
    display: block;
    overflow: auto;
}

.filterControlTable tbody tr,
.filterControlSubgroup tr {
    border-bottom: 1px solid var(--c-brand-j);
    width: 100%;
}

#filtersControlsBar .headerFlexElement.headerFlexElementLabel {
    margin-bottom: -0.5em;
}

.headerFlexElementLabel {
    padding-bottom: 0 !important;
    margin-bottom: -0.5em;
}

table.filterControlSubgroup {
    width: 100%;
    border-collapse: collapse;
}


.filterControlTable tr td:nth-child(1),
.filterControlTable tr th:nth-child(1) {
    width: 60px;
}

.filterControlTable tr td:nth-child(2),
.filterControlTable tr th:nth-child(2) {
    min-width: 100px;
}

.filterControlTable tr td:last-child,
.filterControlTable tr th:last-child {
    width: inherit;
}

.filterControlTable tr td:nth-child(n+2),
.filterControlTable tr th:nth-child(n+2) {
    padding-left: 0.5em;
}


.filterControlTable th {
    text-transform: uppercase;
    padding: 0.7em 0.2em;
    white-space: nowrap;
}

.filterControlTable tr td:nth-child(1),
.filterControlTable tr th:nth-child(1) {
    width: 60px;
    display: block;
}

.filterControl.inactive svg * {
    fill: var(--c-brand-n) !important;
}

.filterControlTable td {
    padding: 0.7em 0.2em;
}

.filterTotal {
    color: var(--c-brand-j) !important;
}

.filterControlTable th svg,
.filterControl th img {
    margin-right: 0.5em;
    white-space: nowrap;
}

th .filterControl img {
    margin-right: 0.5em;
    white-space: nowrap;
}

.filterControl {
    text-align: center;
}

.filterControl img {
    width: 16px;
    height: 16px;
}

.filterControl svg,
.filterControl img {
    border-bottom: 1px solid;
    margin-bottom: -4px;
    padding: 0 1px 3px 1px;
}

.filterControl.active svg * {
    fill: var(--c-brand-f) !important;
}

.filterRowHidden {
    display: none;
}


tbody.filterSubgroup td {
    padding-left: 2.5em !important;
}

tbody.filterSubgroup {
    display: block;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out;
    -webkit-transition: max-height 0.5s ease-out;
}

tbody.filterSubgroup.filterSubgroupVisible {
    max-height: 1000px;
    transition: max-height 0.5s ease-out;
    -webkit-transition: max-height 0.5s ease-out;
}


.rowHidden {
    display: none !important;
}

.trainingSetParameter:hover,
.trainingSetParameter.active {
    background-color: #312B5A !important;
}

.trainingSetHeaderBar .rebuildButton {
    float: right;
    height: 30px;
}

#updateFiltersButton {
    /* float: right; */
}

#updateFiltersButton span {
    background-image: url("../images/filter_white.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    padding-left: 20px;
}

#updateFiltersButton:hover span {
    background-image: url("../images/filter_pink.svg");
}

.rebuildButton.filterProcessing {
    opacity: 0.2;
    pointer-events: none;
}

.similarCompaniesRightHolder {
    position: absolute;
    right: 8em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.similarCompaniesRightHolder .similarCompaniesRightElement {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #FFFFFF;
    width: 90px;
}

#similarCompaniesHolder {
    position: relative;
    margin-top: 1em;
    background-color: var(--c-brand-c);
    padding: 1em 1.2em 1em 1.2em;
}

.similarCompaniesButtonBar {
    overflow: auto;
    margin-bottom: 1em;
}

#similarCompaniesStatusBarHolder {
    padding-bottom: 0.6em;
    margin-bottom: 0;
    border-bottom: 1px solid white;
}

.similarCompaniesTopBar {
    position: relative;
    margin-bottom: 0.6em;
}

#debugProgressDetails {
    display: inline-block;
    visibility: hidden;
}

#similarCompaniesStatusBarHolder .similarCompaniesListStatus {
    display: inline-block;
    font-size: 13px;
}

#companiesExamined,
#totalCompaniesToExamine,
.companiesExamined,
.totalCompaniesToExamine {
    font-weight: bold;
}

#similarCompaniesListStatus *,
.similarCompaniesListStatus * {
    display: inline-block;
    white-space: nowrap;
}

#similarCompaniesList {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#similarCompaniesList .pageTestWrapper {
    position: absolute;
    width: 220px;
    position: absolute;
    top: 0;
    left: -240px;
    top: 0;
}

#similarCompaniesList .pageTest {
    position: fixed;
    width: 220px;
    background-color: #242b2d;
}

#similarCompaniesStatusBarHolder .similarCompaniesLoadingBarHolder {
    display: inline-block;
    font-size: 13px;
}

.similarCompaniesLoadingBarHolder {
    display: inline-block;
    position: relative;
    width: 180px;
    border: 1px solid var(--c-brand-f);
}

.similarCompaniesLoadingBarHolder .similarCompaniesLoadingBar {
    width: 0;
    background-color: var(--c-brand-f);
    display: inline-block;
    transition: width 0.2s;
    -webkkit-transition: width 0.2s;
}

#backToLoadingPage {
    color: var(--c-brand-b);
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: 0.2em;
    text-decoration: underline;
    display: inline-block;
}

.pageSelection {
    margin: auto;
    text-align: center;
    margin-bottom: 1em;
    margin-top: 2em;
}

.arrow {
    cursor: pointer;
    margin: 0 1.5em;
}

.pageSelection svg {
    vertical-align: middle;
}

.pageSelection svg:hover * {
    fill: white !important;
}

.pageLink:hover {
    color: var(--c-brand-b) !important;
    text-decoration: underline;
    text-decoration-color: var(--c-brand-b) !important;
}

.pageLink.selected {
    text-decoration: underline;
    text-decoration-color: var(--c-brand-a) !important;
}

.pageLink {
    text-align: center;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: var(--c-brand-b);
    cursor: pointer;
    margin: 0 0.7em;
    font-variant-numeric: lining-nums;
}

.similarCompany:nth-child(1) {
    /* border-top: 1px solid white; */
}

.similarCompany {
    position: relative;
    padding: 1.2em 0 1.2em 0;
    padding: 0.2em 0 1.2em 0;
    border-bottom: 1px solid var(--c-brand-j);
}

.similarCompany h3 {
    font-family: 'Raleway-Bold';
}

.similarCompaniesTopBar {
    position: relative;
    margin-bottom: 0.6em;
}

.similarCompany .topCompanyDetails {
    color: #FFFFFF;
}

.similarCompany .companyNumber a {
    color: var(--c-brand-b);
    text-decoration: underline;
}

.similarCompany .companyNumber a:hover {
    text-decoration-color: var(--c-brand-a);
}

.similarCompaniesRightHolder {
    position: absolute;
    right: 8em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.similarCompaniesRightHolder .similarCompaniesRightElement {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #FFFFFF;
    width: 160px;
}

.addToTrainingSetAction {}

input.addToTrainingSetAction + label {
    background-size: 1em;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1em;
    border-bottom: 1px solid #797979;
    cursor: pointer;
    margin: 0 0.8em;
}

input[trainingtype="include"].addToTrainingSetAction + label {
    background-image: url("../images/plus-gray.svg");

}

input[trainingtype="include"]:checked.addToTrainingSetAction + label {
    background-image: url("../images/plus-green.svg");
    border-bottom-color: var(--c-brand-f);
}

input[trainingtype="include"]:not(:checked).addToTrainingSetAction:hover + label {
    background-image: url("../images/plus-white.svg");
    border-bottom-color: #FFFFFF;
}

input[trainingtype="exclude"].addToTrainingSetAction + label {
    background-image: url("../images/cross-gray.svg");
}

input[trainingtype="exclude"]:checked.addToTrainingSetAction + label {
    background-image: url("../images/cross-red.svg");
    border-bottom-color: var(--c-brand-n);
}

input[trainingtype="exclude"]:not(:checked).addToTrainingSetAction:hover + label {
    background-image: url("../images/cross-white-v2.svg");
    border-bottom-color: #FFFFFF;
}

#signaturePadOverlay .buttonBar button:hover {
    color: var(--c-brand-a);
    background-color: var(--c-brand-b);
}

#signaturePadOverlay .inputHolder {
    position: relative;
}

#signaturePadOverlay .inputHolder input[type="checkbox"] {
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
}

.similarCompany .fieldHolder {
    color: var(--c-brand-i);
    font-size: 13px;
    margin: 1.4em 0 0 0;
    max-width: 720px;
}

.fieldHolder .fieldIcon {
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.ML_free {
    color: var(--c-brand-a);
}

.fieldIcon svg,
.fieldIcon img {
    width: 20px;
    height: 20px;
}

.fieldIcon svg * {
    fill: white !important;
}

.fieldHolder .fieldContentWrapper {
    display: inline-block;
    max-width: 600px;
}

.fieldHolder[data-name="Homepage_description"] .fieldContentWrapper {
    max-width: 450px;
    vertical-align: top;
}

.fieldHolder .screenshotHolder {
    display: inline-block;
    width: 230px;
    margin-right: 1em;
}

.fieldHolder .screenshotHolder img {
    width: 100%;
    height: auto;
}

.fieldHolder .screenshotHolder.screenshotAvailable + div {
    margin-top: 1em;
}

.fieldHolder h4 {
    font-size: 13px;
    font-weight: bold;
    color: white;
}

.fieldHolder a {
    color: var(--c-brand-b);
}

.fieldHolderFlexContainer {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}


.fieldHolderFlexContainer .fieldHolder {
    flex: 0 0 33%;
}

.fieldHolderFlexContainer .fieldHolder .fieldContentWrapper {
    margin-right: 1em;

}

.fieldHolderFlexContainer .fieldHolder .fieldContentWrapper {
    display: block;
    border-right: 1px solid var(--c-brand-j);

}

.fieldHolderFlexContainer .fieldHolder:nth-child(3n) .fieldContentWrapper {
    border-right-width: 0;
}

a {
    text-decoration: none;
    color: white;
}

.extraFieldsHolder {
    max-height: 0;
    /* transition: max-height 0.5s ease-out; */
    overflow: hidden;
    transition-property: max-height;
	transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.extraFieldsHolder.extraFieldsVisible {
    max-height: 2000px;
    transition: max-height 0.5s ease-in;
}

.actionControl.extra-fields {
    float: right;
    margin-right: 1.2em;
    position: relative;
    margin-top: -2em;
}

.financialDetailsTable .actionControl.extra-fields {
    margin-top: 0;
}

.actionControl.extra-fields .iconRotate {
    position: relative;
    border-bottom: 1px solid var(--c-brand-a);
    width: 1.2em;
    display: inline-block;
    margin-right: 0.4em;
}

.actionControl.extra-fields .iconRotate::before {
    content: "";
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    top: 0;
    left: 0;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    background-size: 1.1em 1.1em;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/arrow-down-black.svg);
}

.actionControl.extra-fields:hover, .actionControl.chevron-right:hover {
    color: var(--c-brand-b) !important;
    text-decoration: underline;
    text-decoration-color: var(--c-brand-a);
}

.actionControl.extra-fields:hover .iconRotate {
    border-color: var(--c-brand-a);
}

.actionControl.extra-fields:hover .iconRotate::before {
    background-image: url(../images/arrow-down-yellow.svg);
}

.actionControl.extra-fields.extraFieldsVisible .iconRotate::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.actionControl.chevron-right {
    background-image: url(../images/chevron-right-black.svg);
}

.actionControl.chevron-right:hover {
    background-image: url(../images/chevron-right-yellow.svg);
}
.financialTitle {
    color: var(--c-brand-j) !important;
    font-size: larger !important;
    border-bottom: 1px solid rgba(74, 82, 86, 1);
    margin-bottom: 10px;
    width: 50rem;
    padding-bottom: 10px;
}

.similarCompany .fieldDataHolder a:hover {
    color: white;
}

.fieldDataHolder .estimate {

}

.redflagExplanation {
    font-weight: normal;
    color: #AEAFB1;
    margin-left: 0.4em;
    font-size: 12px;
    font-family: "Raleway-Regular";
}

#similarCompaniesList .redflagExplanation {
    margin-left: 0.1em;
    margin-top: 0.3em;
    font-size: 13px;
}

.redflagExplanation a {
    text-decoration: underline;
    color: inherit;
}

.redflag {
    color: #AEAFB1 !important;
}

.redflag img {
    height: 15px;
    vertical-align: middle;
    margin-left: 0.5em;
    margin-right: 0.1em;
}

#similarCompaniesHolder.listhidden #similarCompaniesList,
#similarCompaniesHolder.listhidden .pageSelection,
#similarCompaniesHolder.listhidden .similarCompaniesRightHolder,
#similarCompaniesHolder.listhidden button,
#similarCompaniesHolder.listhidden .similarCompaniesButtonBar,
#similarCompaniesHolder.listhidden .pageLinksHolder,
#similarCompaniesHolder.listhidden #similarCompaniesStatusBarHolder {
    display: none;
    position: relative;
}

#similarCompaniesHolder.listhidden #restartButton {
    display: inline-block;
}

#similarCompaniesHolder.listhidden #restartButton.hidden {
    display: none;
}


#similarCompaniesFilterWarning {
    font-size: 13px;
    margin-top: 1em;
    line-height: 15px;
}

#similarCompaniesFilterWarning svg {
    margin-right: 0.3em;
    height: 15px;
    width: 15px;
}

#companyListPageLoadingHolder.active {
    display: block;
}

#companyListPageLoadingHolder {
    display: none;
    position: absolute;
    width: 100vw;
    max-width: 100%;
    min-height: 100vh;
    height: 100%;
    background-color: rgba(36, 43, 45, 0.8);
    opacity: 1;
    z-index: 1000;
    text-align: center;
    padding-bottom: 3em;
}

#closeLoadingOverlay {
    position: absolute;
    top: 0;
    right: 0;
    margin: 1em;
    cursor: pointer;
}

#closeLoadingOverlay svg {
    fill: var(--c-brand-b);
    width: 25px;
    height: 25px;
}

#closeLoadingOverlay:hover svg * {
    fill: white !important;
}

#companyListPageLoadingHolder .companyListPageLoadingContent {
    margin: 0 1em;
}

#companyListPageLoadingHolder h1 {
    display: block;
    margin-bottom: 1em;
    margin-top: 2em;
    text-align: center;
}

#companyListPageLoadingHolder p {
    text-align: center;
    margin: auto;
    max-width: 700px;
    margin-bottom: 1em;
}

#companyListPageLoadingHolder .loadingProgressHolder {
    position: relative;
}

#companyListPageLoadingHolder img {
    opacity: 0.2;
    max-width: 320px;
}

.loadingProgressHolder #loadingProgressHolderBarWrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
    width: 100%;
    font-size: 13px;
}

#loadingProgressHolderBarWrapper .similarCompaniesLoadingBarHolder {
    text-align: left;
}

#loadingDots {
    vertical-align: sub;
    margin-bottom: 0em;
}

#loadingDots span.invisible {
    visibility: hidden;
}

#companyListPageLoadingHolder .similarCompaniesListStatus {
    margin-bottom: 0.6em;
}

#loading {
    display: inline-block;
    margin-left: 0.5em;
    font-weight: normal;
}

#restartButton {
    text-transform: uppercase;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: var(--c-brand-b);
    text-align: left;
    cursor: pointer;
    text-align: center;
    margin-bottom: 1.5em;
}

#insightsLink {
    /* margin-left: 1em;
    white-space: nowrap;
    cursor: pointer;*/
}

#insightsLink svg {
    margin-right: 0.4em;
    padding-left: 1px;
}

#restartButton:hover {
    color: white;
}

#restartButton svg {
    margin-right: 0.3em;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

#restartButton span {
    vertical-align: middle;
    border-bottom: 1px solid;
}


#restartButton.hidden {
    display: none !important;
}

#restartButton {
    text-transform: uppercase;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: var(--c-brand-b);
    text-align: left;
    cursor: pointer;
    text-align: center;
    margin-bottom: 1.5em;
}

#companyListPageLoadingHolder button {
    display: block;
    margin: auto;
}

#downloadListOverlay.downloadInProgress button,
#downloadListOverlay.downloadInProgress .overlayClose,
#downloadListOverlay.downloadInProgress form {
    pointer-events: none;
}

#downloadListOverlay.downloadInProgress h2,
#downloadListOverlay.downloadInProgress p,
#downloadListOverlay.downloadInProgress .overlayClose,
#downloadListOverlay.downloadInProgress button:not(.downloadCompanyListButton),
#downloadListOverlay.downloadInProgress #listDownloadFormatHolder {
    opacity: 0.3;
}

#downloadListOverlay.downloadInProgress .downloadCompanyListButton {
    background-color: white !important;
    color: var(--c-brand-a) !important;
}

.trainingSetParameter.highlightBorder[parameter="companies-include"] {
    border-color: var(--c-brand-f) !important;
}

.trainingSetParameter.highlightBorder[parameter="companies-exclude"] {
    border-color: var(--c-brand-n) !important;
}


.companyPageLink {
    margin-top: 1.5em;
    display: inline-block;
}

.trainingSetParameter[parameter="return-count"] {
    cursor: default;
}

.trainingSetParameter[parameter="return-count"] select {
    cursor: pointer;
    border: none;
    color: var(--c-brand-b);
    width: auto;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    max-width: 70px;
}


/* Classifier explanation style start */
#classifierExplanationHolder {
    margin-top: 1em;
}

#classifierExplanationHolder #classifierExplanation {
    list-style: none;
}

#classifierExplanation li:hover {
    background-color: rgba(255, 255, 254, 0.1);
}

#classifierExplanation p {
    font-size: 13px;
    color: var(--c-brand-b);
}

#classifierExplanation span {
    display: inline-block;
    vertical-align: middle;
}

#classifierExplanation .term {
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    margin-top: 3px;
}

#classifierExplanation .term.right {
    margin-right: 0.5em;
    text-align: right;
}

#classifierExplanation .explanationValue {
    font-size: 13px;
    color: var(--c-brand-i);
}

#classifierExplanation .explanationBarHolder {
    width: 200px;
}

#classifierExplanation .explanationBarHolder.negative {
    text-align: right;
    margin-left: 2.5em;
}

#classifierExplanation .explanationBarHolder.positive {
    margin-right: 2.5em;
}


#classifierExplanation .explanationBar {
    position: relative;
    width: 0;
    line-height: 95%;
}


#classifierExplanation .explanationBarHolder.positive .explanationBar {
    background-color: var(--c-brand-b);
}


#classifierExplanation .explanationBarHolder.negative .explanationBar {
    background-color: var(--c-brand-n);
}

.explanationBarHolder.negative .explanationValue {
    position: absolute;
    right: 100%;
    margin-right: 0.5em;
}

.explanationBarHolder.positive .explanationValue {
    position: absolute;
    left: 100%;
    margin-left: 0.5em;
}

.trainingSetHeaderOverflow {
    overflow: auto;
}

.companyListExtraControls {
    display: inline-block;
    white-space: nowrap;
}

.numberPosition {
    color: var(--c-brand-k);
    font-size: 11px;
    margin-bottom: 0.6em;
}

#classifierExplanation .explanationBarHolder.negative .explanationBar {}

#shareListButton.processing {
    pointer-events: none;
    color: var(--c-brand-b);
    background-color: white;
}

.copyListOverlayBox,
.shareListOverlayBox,
.overlayBox {
    min-width: 600px;
}

.downloadListOverlayBox {
    min-width: 450px;
}

#shareListOverlay .inputHolder {
    margin-bottom: 1em;
}

#shareListOverlay .buttonBar {
    margin-bottom: 1.5em;
}

#listDownloadTypeHolder p {
    margin-top: 1em !important;
    margin-bottom: 0.35em;
}

#listDownloadTypeHolder label,
#financialFiltersIncludeToggleForm label, #companyClaimTermsAgreed + label,
#currentCompanyRticsHolder input + label, #companyNameAndNumberAgreed + label,
#currentCompanyRticsHolder input + label, #companyURLAgree + label {
    font-size: 13px;
}

#listDownloadTypeHolder input + label,
#financialFiltersIncludeToggleForm input + label,
.filterDisplayControl[filtergroup="urlMatchedOnly"] input + label,
#currentCompanyRticsHolder input + label, #companyClaimTermsAgreed + label,
#currentCompanyRticsHolder input + label, #companyNameAndNumberAgreed + label,
#currentCompanyRticsHolder input + label, #companyURLAgree + label {
    background-image: url("../images/checkbox-off.svg");
    background-size: 1em;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1.2em;
}

.filterDisplayControl[filtergroup="urlMatchedOnly"] input + label {
    background-position: right center;
    padding-right: 1.4em;
    padding-left: 0;
    cursor: pointer;
    vertical-align: middle;
}

#listDownloadTypeHolder input:checked + label,
#financialFiltersIncludeToggleForm input:checked + label,
.filterDisplayControl[filtergroup="urlMatchedOnly"] input:checked + label,
#currentCompanyRticsHolder input:checked + label, #companyClaimTermsAgreed:checked + label,
#currentCompanyRticsHolder input:checked + label, #companyNameAndNumberAgreed:checked + label,
#currentCompanyRticsHolder input:checked + label, #companyURLAgree:checked + label {
    background-image: url("../images/checkbox-on.svg");
}

#companyToClaimConfirmNumber a,
#companyToClaimConfirmURL a {
    text-decoration: underline;
}

input[type="radio"],
input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

#claimCompanyForm .inputHolder {
    position: relative;
}

#claimCompanyForm .inputHolder input[type="checkbox"] {
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
}

.filterControlTable .filterSubgroupToggle,
.filterControlTable .filterTertiaryGroupToggle {
    float: right;
}

.filterControlTable .filterSubgroupToggle input:checked + label,
.filterControlTable .filterTertiaryGroupToggle input:checked + label {
    background-image: url("../images/collapse-blue.svg");
    border-color: var(--c-brand-a)
}

.filterControlTable .filterSubgroupToggle input + label,
.filterControlTable .filterTertiaryGroupToggle input + label {
    background-image: url("../images/expand-blue.svg");
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px solid var(--c-brand-b);
    cursor: pointer;
}

.filterControlTable .filterSubgroupToggle input + label:hover,
.filterControlTable .filterTertiaryGroupToggle input + label:hover {
    background-image: url("../images/expand-white.svg");
    border-color: white;
}

.filterControlTable .filterSubgroupToggle input:checked + label:hover,
.filterControlTable .filterTertiaryGroupToggle input:checked + label:hover {
    background-image: url("../images/collapse-white.svg");
    border-color: white;
}

.filterControlTable input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.filterControlTable input:checked + label {
    background-image: url("../images/tick-green.svg");
}

.filterControlTable input + label {
    background-image: url("../images/cross-red-underline.svg");
    background-size: 1em;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1em;
    cursor: pointer;
}

.rticLogo {
    height: 1.2em;
    vertical-align: text-bottom;
    margin-right: 0.5em;
}

.batchFilterControl input + label {
    padding-left: 1em;
}

#listDownloadTypeHolder svg,
#financialFiltersIncludeToggleForm svg {
    width: 13px;
    height: 13px;
    padding: 1px;
    /*background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid var(--c-brand-b);*/
    background-color: transparent;
    border: 1px solid var(--c-brand-k);
    vertical-align: bottom;
    margin-bottom: 1px;
    border-radius: 0;
}

label .checked svg * {
    fill: white !important;
}

label .checked {
    color: var(--c-brand-f);
    margin-right: 0.3em;
}

.filterHeading {
    padding-bottom: 0 !important;
}


.filterHeading span {
    margin-right: 0.7em;
}

.filterSubheadingHolder {
    display: inline-block;
    white-space: nowrap;
    max-width: 100%;
    overflow: auto;
    vertical-align: bottom;
}



.filterSubheading {
    display: inline-block;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: var(--c-brand-b);
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
    padding: 0.4em 0.7em 1em 0.7em;
    background-color: transparent;
    width: auto;
    height: inherit;
    border-radius: 0;
    text-transform: none;
    border-bottom: 1px solid transparent;
}

button.filterSubheading:focus {
    outline: 0;
    border-width: 0;
    box-shadow: 0 0 0 0 white !important;
}

.filterSubheading:hover:not(.filterActive) {
    border-bottom-color: var(--c-brand-b);
}

.filterSubheading.filterActive {
    color: white;
    background-color: var(--c-brand-a);
    border-bottom-color: var(--c-brand-a);
}

.financialFiltersControlsHolder {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    margin-top: 1.5em;
}

.financialFiltersControlsHolder .financialFiltersControl {
    flex: 0 0 49%;
    overflow: hidden;
    margin-bottom: 1em;
}

.financialFiltersControl .financialFiltersContent {}

.financialFiltersControl:nth-child(odd) .financialFiltersContent {
    margin-right: 2em;
}

.financialFiltersControl:nth-child(even) .financialFiltersContent {
    margin-left: 2em;
}

.financialFiltersControl h4 {
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
    line-height: 15px;
    text-transform: uppercase;
}

.financialFiltersControl h4 span {
    margin-left: 0.5em;
}

.financialFiltersContent .financialFilterWarning {
    font-size: 13px;
    color: var(--c-brand-n);
    margin-top: 0.4em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    text-align: center;
}

.financialFiltersContent.filterInvalid .financialFilterWarning {
    opacity: 1;
}

.financialFiltersControl .financialFiltersInputsHolder {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
}

.financialFiltersInputsHolder .financialFiltersInputFlex {
    flex: 0 0 49%;
    overflow: hidden;
}

img.warning {
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
}

.financialFiltersInputFlex:nth-child(odd) .financialFiltersInputWrapper {
    margin-right: 0.8em;
}

.financialFiltersInputFlex:nth-child(even) .financialFiltersInputWrapper {
    margin-left: 0.8em;
}

.financialFiltersInput {
    border: 1px solid var(--c-brand-k);
    font-size: 13px;
    color: #FFFFFF;
    /*    padding: 0.3em 0 0.4em 0;
    margin-top: 1em;*/

    margin-top: 1em;
    display: table;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.financialFiltersInput label {
    /*  padding: 0.3em 0.7em 0.4em 0.7em;*/
    border-right: 1px solid var(--c-brand-k);

    padding: 0.35em 0.4em 0.45em 0.4em;
    border-right: 1px solid var(--c-brand-k);
    display: table-cell;
    text-align: center;
}

.financialFiltersInput input {
    color: white;
    background-color: transparent;
    border: 0;
    font-family: "Raleway-Regular";
    padding: 0.3em 0;
    /*display: table-cell;*/
    width: 100%;
    text-indent: 0.5em;
}

.financialFiltersInput input[type=number]::-webkit-inner-spin-button,
.financialFiltersInput input[type=number]::-webkit-outer-spin-button,
.trainingSetParameter input[type="number"]::-webkit-outer-spin-button,
.trainingSetParameter input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.financialFiltersInput input:focus,
.topBarContent a:focus,
.actionControl.list-download:focus,
.listActionsControlLabel .controls button:focus {
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
}

.trainingSetListItem .companyActionsHolder {
    overflow: visible;
}


.controlsBarLabel {
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    display: inline-block;
    min-width: 45px;
    margin-right: 0.5em;
}


.financialDetailsTable {
    margin: 1.4em 0 0 0;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1em;
}

.financialDetailsTable tr:not(.extraDetailsRow):hover td {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.financialDetailsTable tr.extraDetailsRow td {
    border-bottom-width: 0;
    margin-right: 0;
    padding-right: 0;
}

.extraDetailsRow .extra-fields {
    margin-right: 0;
}

.extraDetailsRow .iconMessage::after {
    content: "Show detailed financials";
}

.financialDetailsTable.extraFinancialFieldsVisible .extraDetailsRow .iconMessage::after {
    content: "Hide detailed financials";
}

.financialDetailsTable.extraFinancialFieldsVisible .extraDetailsRow .iconRotate::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.financialDetailsTable .extraFinancialsTableSection {
    display: none;
    /*    overflow: hidden;
    max-height: 0;
    width: 100%;
    transition: max-height 0.5s ease-out;
    -webkit-transition: max-height 0.5s ease-out;*/
}

.financialDetailsTable tr td:nth-child(1),
.financialDetailsTable tr th:nth-child(1) {
    width: 130px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.financialDetailsTable.extraFinancialFieldsVisible .extraFinancialsTableSection {
    display: table-row-group;
}

.dateHeadingCell * {
    vertical-align: middle;
}

.dateHeadingCell .mobileDate {
    display: none;
}

.arrowHidden {
    visibility: hidden;
}

.dateHeadingCell .yearArrow {
    display: none;
    vertical-align: middle;
    width: 1.2em;
    background-size: 1.1em 1.1em;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    border-radius: 0;
}

.dateHeadingCell .yearArrow.right {
    float: right;
    background-image: url(../images/chevron-right-blue.svg);
}

.dateHeadingCell .yearArrow.right:hover {
    background-image: url(../images/chevron-right-white.svg);
}

.dateHeadingCell .yearArrow.left {
    float: left;
    background-image: url(../images/chevron-left-blue.svg);
}

.dateHeadingCell .yearArrow.left:hover {
    background-image: url(../images/chevron-left-white.svg);
}

.financialDetailsTable tr {}

.financialDetailsTable th {
    text-align: left;
    font-size: 13px;
    color: #FFFFFF;
    line-height: normal;
    font-weight: bold;
    padding: 0 1.2em 0.7em 1.2em;
}

.financialDetailsTable td {
    color: var(--c-brand-i);
    text-align: left;
    font-size: 13px;
    line-height: normal;
    border: 1px solid var(--c-brand-j);
    border-left-color: var(--c-brand-i);
    border-left-width: 0;
    padding: 0.7em 1.2em;
}

.financialDetailsTable th:nth-child(1),
.financialDetailsTable td:nth-child(1) {
    padding-left: 0;
}

.financialDetailsTable td:last-child {
    border-right-width: 0;
}

.trainingSetParameter input[type="number"] {
    margin-top: 0.4em;
    background-color: transparent;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    text-decoration: none;
    color: var(--c-brand-b);
    text-align: left;
    text-indent: 0.4em;
    border-width: 0;
    outline-style: none;
    padding: 0;
    margin: 0;
    width: 50px;
}

.trainingSetParameter[filtergroup="score"] {
    padding-right: 0;
}

.keywordsControlHolder .keywordFilter {
    max-width: 500px;
    margin-bottom: 1.4em;
}

.keywordsControlHolder .keywordFilter label {
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
    line-height: 15px;
    text-transform: uppercase;
    width: 100%;
}

.keywordsControlHolder .keywordFilter input {
    color: white;
    background-color: transparent;
    border: 1px solid var(--c-brand-k);
    outline-style: none;
    box-sizing: border-box;
    font-family: "Raleway-Regular";
    width: 100%;
    text-indent: 0.7em;
    margin-top: 0.5em;
    padding: 0.7em 0;
}

#keywordFilterHolder {
    width: 100%;
    max-width: 800px;
    display: flex !important;
    flex-wrap: wrap;
}

#keywordFilterHolder .keywordFilter {
    flex: 0 0 49%;
    padding-bottom: 3em;
}

.keywordFilter ul.chosenKeywords {
    list-style-type: none;
    width: 100%;
    display: inline-block;
}

button.controlHolder.filterControlVisible {
    background-color: #312B5A;
}

.keywordFilter ul.chosenKeywords li:nth-child(1) {
    margin-left: 0;
}

ul.chosenKeywords[keywordtype="include"] li {
    background-color: #16801b;
}

ul.chosenKeywords[keywordtype="exclude"] li {
    background-color: #7c431b;
}

.keywordFilter ul.chosenKeywords li span {
    vertical-align: middle;
    margin-right: 20px;
}

.keywordFilter ul.chosenKeywords[keywordtype="include"] li button {
    box-shadow: 0 0 0 1px var(--c-brand-f) inset;
    background-image: url(../images/cross-green.svg);
}

.keywordFilter ul.chosenKeywords[keywordtype="exclude"] li button:hover,
.keywordFilter ul.chosenKeywords[keywordtype="include"] li button:hover {
    box-shadow: 0 0 0 1px #fff inset;
    background-image: url(../images/filter-cross-white.svg);
}

.keywordFilter ul.chosenKeywords[keywordtype="exclude"] li button {
    box-shadow: 0 0 0 1px var(--c-brand-n) inset;
    background-image: url(../images/cross-red.svg);
}

.keywordFilter ul.chosenKeywords li button {
    width: 15px;
    height: 15px;
    padding: 0;
    line-height: 100%;
    background-color: transparent;
    font-size: 1em;
    box-sizing: border-box;
    border-radius: 2px;
    vertical-align: middle;
    background-position: center;
    background-size: 8px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0.7em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.keywordFilter ul.chosenKeywords li {
    position: relative;
    float: left;
    font-size: 13px;
    margin: 0.5em 1em 0.5em 0;
    padding: 0.5em 0.7em;
    min-width: 80px;
}

#keywordFilterHolder .keywordFilter:nth-child(1) {
    border-right: 1px solid var(--c-brand-k);
}

.keywordFilter .chosenKeywords {
    margin: 0.5em 0;
}

.keywordFilter:nth-child(1) form {
    margin-right: 2em;
}

.keywordFilter:nth-child(2) form {
    margin-left: 2em;
}

.keywordFilter .keywordInputWrapper {
    display: table;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 1em;
}

.keywordFilter .keywordInputWrapper input {
    margin-top: 0;
    display: table-cell;
    width: 100%;
}

.keywordFilter .keywordInputWrapper div {
    display: table-cell;
    width: 50px;
    vertical-align: middle;
}

#companySearchForm {
    margin-left: 1.5em;
}

.keywordFilter .keywordInputWrapper div button,
#companySearchForm button[type="submit"] {
    margin-left: 1em;
    width: 38px;
    line-height: 100%;
}

#companySearchForm button[type="submit"] {
    margin-left: 0.3em;
}

#companySearchForm button[type="submit"] img {
    margin-right: 0;
}

.keywordFilter .keywordInputWrapper div button img {
    margin-right: 0;
    width: 13px;
    height: 13px;
}


.keywordsControlHolder .keywordFilter label {
    font-size: 16px;
    text-transform: none;
}

.keywordsControlHolder .keywordFilter label span {
    margin-right: 0.8em;
}

.actionControl.reset-keywords:hover, .actionControl.reset-dates:hover {
    background-image: url(../images/reset-white.svg);
}

.actionControl.reset-keywords, .actionControl.reset-dates {
    background-image: url(../images/reset-blue.svg);
    padding-left: 22px;
    background-size: 16px 18px;
    margin-left: 1em;
}


.companyInputSection input:-webkit-autofill,
.companyInputSection input:-webkit-autofill:hover,
.companyInputSection input:-webkit-autofill:focus {
    -webkit-text-fill-color: #FFFFFF;
    -webkit-box-shadow: 0 0 0px 50px #242b2d inset;
    caret-color: #FFFFFF;
}

.listActionsControlHolder * {
    display: inline-block;
}

input.listActionsControl {
    opacity: 0;
    position: fixed;
    width: 0;
}

.listActionsControlLabel .controls a {
    margin-left: 0;
    cursor: pointer;
}

.listActionsControlLabel .controls button,
.listActionsControlLabel .controls a {
    border-bottom: 1px solid var(--c-brand-k);
    width: 100%;
    text-align: left;
    padding: 0.5em 0;
    background-size: 1.4em 1.4em;
    background-position: left center;
    background-repeat: no-repeat;
}

input.listActionsControl:checked + label {
    background-color: var(--c-brand-i);
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--c-brand-k);
    -moz-box-shadow: inset 0px 0px 0px 1px var(--c-brand-k);
    box-shadow: inset 0px 0px 0px 1px var(--c-brand-k);
}

input.listActionsControl:checked + label.listActionsControlLabel .controlsToggle:hover {
    background-image: url(../images/more-menu-white.svg);
    border-bottom-color: var(--c-brand-a);
}

input.listActionsControl:checked + label .controls {
    visibility: visible;
}

input.listActionsControl:checked + label .controlsToggle {
    padding: 0 0.4em;
    border-bottom-color: transparent;
}


input.listActionsControl + label {
    position: relative;
    line-height: 19.5px;
}

.listActionsControlLabel .controlsToggle {
    border: 1px solid transparent;
    width: 22px;
    border: 1px solid transparent;
    border-bottom-color: var(--c-brand-b);
    cursor: pointer;
    margin: 0 0.4em;
    padding: 0;
    background-size: 22px 22px;
    border-bottom: 1px solid var(--c-brand-a);
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/more-menu-yellow.svg);
}

.listActionsControlLabel .controlsToggle:hover {
    background-image: url(../images/more-menu-black.svg);
    border-bottom-color: var(--c-brand-b);
}

input.listActionsControl:checked + label .controlsToggle {
    background-image: url(../images/more-menu-yellow.svg) !important;
}

input.listActionsControl:checked + label .controlsToggle:hover {
    background-image: url(../images/more-menu-white.svg) !important;
}

#updateFiltersButton span {
    background-image: url(../images/filter_black.svg);
}

#updateFiltersButton:hover span {
    background-image: url(../images/filter_yellow.svg);
}

.listActionsControlLabel .controls {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: var(--c-brand-i);
    width: 185px;
    z-index: 10;
    border: 1px solid var(--c-brand-k);
    padding: 0 0.5em 0.3em 0.5em;
    margin-top: -1px;
}

.listActionsControlLabel .controls button {
    border-bottom: 1px solid var(--c-brand-k);
    width: 100%;
    text-align: left;
    padding: 0.5em 0;
    background-size: 1.4em 1.4em;
    background-position: left center;
    background-repeat: no-repeat;
}

.listActionsControlLabel .controls button:hover {
    border-bottom-color: var(--c-brand-k) !important;
}

.listActionsControlLabel .controls button span,
.listActionsControlLabel .controls a span {
    margin-left: 1.8em;
    color: var(--c-brand-a);
}

.listActionsControlLabel .controls button:hover span,
.listActionsControlLabel .controls a:hover span, .hunter-io:hover span {
    margin-left: 1.8em;
    color: var(--c-brand-d) !important;
}

.listActionsControlLabel .controls button:last-child {
    border-bottom-width: 0;
}


.headerFlex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
}

.headerFlexElement {
    padding-bottom: 0.8em;
}

.headerMobileLabel {
    display: none;
    margin-bottom: 0.8em;
}

.headerFlexElementControls {
    white-space: nowrap;
    overflow: auto;
    overflow: overlay;
    margin-right: 0.5em;
    padding-bottom: 0.8em;
}

#trainingSetHeader .headerFlexElementControls,
#trainingSetHeader .headerFlexElement {
    padding-bottom: 0.5em;
}

#trainingSetHeader .trainingSetParameter {
    margin-bottom: 0 !important;
}

.headerFlexElementButton {
    /* flex-grow: 10; */
}

.headerFlexElementControls::-webkit-scrollbar,
.filterSubheadingHolder::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.headerFlexElementControls::-webkit-scrollbar-track,
.filterSubheadingHolder::-webkit-scrollbar-track {
    background-color: var(--c-brand-j);
}

.headerFlexElementControls::-webkit-scrollbar-thumb,
.filterSubheadingHolder::-webkit-scrollbar-thumb {
    background-color: var(--c-brand-k);
}

.headerFlexElementControls,
.filterSubheadingHolder {
    scrollbar-color: var(--c-brand-k);
    scrollbar-width: thin;
}

.headerFlexElementControls .trainingSetParameter {
    margin-bottom: 0;
}

.headerFlexElement {}

.headerMobileDisplayControl {
    background-image: url(../images/arrow-down-blue.svg);
    background-position: center center;
    width: 22px !important;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    float: right;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

.headerMobileDisplayControl:hover {
    background-image: url(../images/arrow-down-white.svg);
}

#userNotLoggedInMessage {
    display: none;
}

#main.userNotLoggedIn #userNotLoggedInMessage {
    display: block;
}

#main.userNotLoggedIn .listActionsControlHolder, #main.userNotLoggedIn #companySearchForm, #main.userNotLoggedIn .trainingSetOptionsHolder, #main.userNotLoggedIn #similarCompaniesHolder, #main.userNotLoggedIn #pageSelectionContainer {
    display: none !important;
}

#main.userNotLoggedIn #topBarHolderCompanyList {
    padding-top: 1em;
}

@media screen and (max-width: 800px) {
    #classifierExplanation .explanationBarHolder {
        width: 30%;
    }

    .headerFlex {
        display: block;
    }

    .headerMobileLabel {
        display: block;
    }

    .headerFlexElementControls {
        white-space: normal;
    }

    .headerFlexElementControls .trainingSetParameter {
        margin-bottom: 0.8em;
    }

    .headerFlexElementheaderFlexElementButton {
        padding-bottom: 0 !important;
    }

    #updateFiltersButton {
        margin-bottom: 1em;
        margin-right: 2px;
        float: right;
    }

    .actionControl.reset-filters {
        float: right;
    }

    .headerFlexElement {
        overflow: auto;
        padding: 2px;
        padding-bottom: 0.8em;
    }

    .headerFlexElement.headerFlexElementLabel {
        display: none;
    }

    .headerFlexElementControls {
        margin-right: 0;
    }

    .headerFlex {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s ease-out;
    }

    .trainingSetHeaderBar.mobileControlsVisible .headerFlex {
        max-height: 160vh;
        transition: max-height 0.5s ease-out;
    }

    .trainingSetHeaderBar.mobileControlsVisible .headerMobileDisplayControl {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .controlHolder,
    .trainingSetParameter {
        width: 100% !important;
        margin-right: 0 !important;
    }



    .fieldHolderFlexContainer .fieldHolder {
        flex: 0 0 49%;
    }

    .fieldHolderFlexContainer .fieldHolder:nth-child(3n) .fieldContentWrapper {
        border-right-width: 1px;
    }

    .fieldHolderFlexContainer .fieldHolder:nth-child(2n) .fieldContentWrapper {
        border-right-width: 0;
    }


    .dateHeadingCell {
        text-align: center;
        display: block;
        width: 100%;
    }

    .dateHeadingCell .yearArrow {
        display: block;
    }

    .financialDetailsTable th:nth-child(n+2):not(.cellMobileVisible),
    .financialDetailsTable td:nth-child(n+2):not(.cellMobileVisible) {
        display: none;
    }

}

@media screen and (max-width: 500px) {
    #classifierExplanation .explanationBarHolder {
        width: 25%;
    }

    #classifierExplanation .term {
        width: 20%;
    }

    .fieldHolderFlexContainer .fieldHolder {
        flex: 0 0 99%;
    }

    .fieldHolderFlexContainer .fieldContentWrapper {
        border-right-width: 0 !important;
    }
}


/* Classifier explanation style end */

.goToPageHolder {
    border-left: 1px solid var(--c-brand-j);
    padding-left: 1em;
    font-size: 13px;
    padding-bottom: 2px;
    color: var(--c-brand-k);
}

#spinnerHolder {
    display: none;
    position: absolute;
    width: 100vw;
    max-width: 100%;
    min-height: 100vh;
    height: 100%;
    background-color: var(--c-brand-h);
    opacity: 1;
    z-index: 1000;
    text-align: center;
    padding-bottom: 3em;
}

#spinnerHolder.active {
    display: block;
}

#spinner {
    width: 80px;
    height: 80px;
    border: 2px solid var(--c-brand-a);
    border-top: 3px solid rgba(255,228,120, 0.6);
    border-radius: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: auto;
    z-index: 10000;
    animation: spin 1s infinite linear;
    opacity: 0;
    transition: opacity 0.3s;
}

#filtersHeader.filterDisabled {
    pointer-events: none;
}

#filtersHeader.filterDisabled .trainingSetParameter input,
#filtersHeader.filterDisabled .trainingSetParameter label,
#filtersHeader.filterDisabled .trainingSetParameter span,
#filtersHeader.filterDisabled button.actionControl,
#filtersHeader.filterDisabled .controlHolder {
    opacity: 0.2;
}

#filtersHeader.filterDisabled #updateFiltersButton {
    background-color: white;
    color: var(--c-brand-a);
}

#filtersHeader.filterDisabled button img {
    display: none;
}

.actionControl.clear-signature-canvas {
    background-image: url(../images/cross-yellow.svg);
    padding-left: 18px;
    background-size: 16px 16px;
    color: var(--c-brand-a);
    background-position: left center;
    vertical-align: bottom;
    float: right;
    padding-right: 0;
}

.actionControl.clear-signature-canvas:hover {
    color: var(--c-brand-d);
    background-image: url(../images/cross-white.svg);
}

.actionControl.classifier-explanation {
    background-image: url(../images/classifier-explanation-blue.svg);
    padding-left: 22px;
    background-size: 18px 18px;
}

.actionControl.classifier-explanation:hover {
    background-image: url(../images/classifier-explanation-white.svg);
}

.actionControl.reset-filters {
    background-image: url(../images/reset-blue.svg);
    padding-left: 22px;
    background-size: 16px 18px;
    white-space: nowrap;
    margin: auto;
    margin-top: 0.7em;
    display: block;
}

.actionControl.reset-filters:hover {
    background-image: url(../images/reset-white.svg);
}

.actionControl.clear-keyword,
.actionControl.close-action,
.actionControl.clear-action {
    background-image: url(../images/cross-blue.svg);
    padding-left: 22px;
    background-size: 18px 18px;
}

.actionControl.clear-keyword:hover,
.actionControl.close-action:hover,
.actionControl.clear-action:hover {
    background-image: url(../images/cross-white.svg);
}

.actionControl.close-action {
    float: right;
    margin: 0;
}

.actionControl.search-action {
    background-image: url(../images/search-blue.svg);
    background-size: 18px 18px;
    padding-left: 10px;
}

.actionControl.search-action:hover {
    background-image: url(../images/search-white.svg);
}

.actionControl.previous-page {
    background-image: url(../images/pagearrow-left-black.svg);
    background-size: 1em;
}

.actionControl.previous-page:hover {
    background-image: url(../images/pagearrow-left-yellow.svg);
}

.actionControl.next-page {
    background-image: url(../images/pagearrow-right-black.svg);
    background-size: 1em;
}

.actionControl.next-page:hover {
    background-image: url(../images/pagearrow-right-yellow.svg);
}


.companyListsActionsBar .actionControl {
    width: 1.2em;
    background-size: 1.1em 1.1em;
    border-bottom: 1px solid var(--c-brand-b);
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    border-radius: 0;
    margin: 0 0.3em;
    padding-bottom: 2px;
}

.actionControl.list-edit {
    background-image: url(../images/edit-blue.svg);
}

.actionControl.list-edit:hover {
    background-image: url(../images/edit-white.svg);
    border-bottom-color: #FFFFFF;
}

.actionControl.list-delete {
    background-image: url(../images/trash-blue_underline.svg);
}

.actionControl.list-delete:hover {
    background-image: url(../images/trash-white_underline.svg);
}

.actionControl.list-share {
    background-image: url(../images/share-blue_underline.svg);
}

.actionControl.list-share:hover {
    background-image: url(../images/share-white_underline.svg);
}

.actionControl.list-load {
    background-image: url(../images/view-list-blue_underline.svg);
}

.actionControl.list-load:hover {
    background-image: url(../images/view-list-white_underline.svg);
    border-bottom-color: #FFFFFF;
}

#topBarHolderCompanyList.companyListEditingInProgress .actionControl.list-edit {
    background-image: url(../images/edit-white.svg);
    border-bottom-color: #ffffff !important;
}

.insights-link {
    background-image: url(../images/linechart-blue-underline.svg);
    display: inline-block;
}

.insights-link:hover {
    background-image: url(../images/linechart-white-underline.svg);
    border-bottom-color: #FFFFFF;
}

#topBarHolderCompanyList.companyListEditingInProgress .actionControl.insights-link {
    pointer-events: none;
    background-image: url(../images/linechart-gray.svg);
    border-bottom-color: var(--c-brand-k);
}

.list-download {
    background-image: url(../images/download-blue_underline.svg);
}

.list-download:hover {
    background-image: url(../images/download-white_underline.svg);
    border-bottom-color: #FFFFFF;
}

.list-edit-name {
    background-image: url(../images/edit-blue_underline.svg);
}

.list-edit-name:hover {
    background-image: url(../images/edit-white_underline.svg);
    border-bottom-color: #FFFFFF;
}

.list-save, #savePlusExplanationControl {
    background-image: url(../images/save-blue_underline.svg);
}

.list-save:hover {
    background-image: url(../images/save-white_underline.svg);
}

#savePlusExplanationControl:hover {
    background-image: url(../images/save-black_underline.svg);
}

.hunter-io {
    background-image: url(../images/hunter-io_orange.svg);
}

.hunter-io span {
    color: #FA5320 !important;
}

.hunter-io:hover {
    background-image: url(../images/hunter-io_white.svg);
}

.hunter-io:hover span {
    color: #FFFFFF;
}

.reset-page {
    background-image:  url(../images/reset-blue.svg);
}

.reset-page:hover {
    background-image:  url(../images/reset-white.svg);
}

.downloadLocked {
    opacity: 0.6;
    pointer-events: none;
    text-align: left;
    padding: 0.5em 0;
    background-size: 1.4em 1.4em;
    background-position: left center;
    background-repeat: no-repeat;
    width: auto;
}

.downloadLocked span {
    margin-left: 1.8em
}

.listActionsControlLabel .controls button.unlock {
    width: 1.4em;
    background-position: center center;
}

.actionControl.list-download.ML_free {
    pointer-events: none;
    background-image: url(../images/download-MLfree.svg);
    border-bottom-color: #7F8181;
    width: 1.6em;
    background-size: 1.5em 1.5em;
}

#topBarHolderCompanyList.companyListEditingInProgress .actionControl.list-download {
    pointer-events: none;
    background-image: url(../images/download-gray.svg);
    border-bottom-color: var(--c-brand-k);
}

#topBarHolderCompanyList.companyListEditingInProgress .actionControl.list-share {
    pointer-events: none;
    background-image: url(../images/share-gray.svg);
    border-bottom-color: var(--c-brand-k);
}

button.ML_button {
    background: -webkit-linear-gradient(270deg, rgba(204, 51, 255, 1) 0%, rgba(204, 51, 255, 1) 0%, rgba(148, 36, 185, 1) 100%, rgba(148, 36, 185, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(204, 51, 255, 1) 0%, rgba(204, 51, 255, 1) 0%, rgba(148, 36, 185, 1) 100%, rgba(148, 36, 185, 1) 100%);
    background: linear-gradient(180deg, rgba(204, 51, 255, 1) 0%, rgba(204, 51, 255, 1) 0%, rgba(148, 36, 185, 1) 100%, rgba(148, 36, 185, 1) 100%);
}

#includedParameterControl,
#excludedParameterControl {
    min-width: 50px;
    padding: 0.7em 1em;
}

.trainingSetParameterControl .keywordFilter {
    max-width: 500px;
    margin-bottom: 1.4em;
}

.trainingSetParameterControl .keywordFilter label {
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
    line-height: 15px;
    text-transform: uppercase;
    width: 100%;
}

.trainingSetParameterControl .keywordFilter input,
#companySearchForm input {
    color: var(--c-brand-b);
    background-color: transparent;
    border: 1px solid var(--c-brand-j);
    outline-style: none;
    box-sizing: border-box;
    font-family: "Raleway-Regular";
    width: 100%;
    text-indent: 0.7em;
    margin-top: 0.5em;
    padding: 0.7em 0;
}

.filterDisplayControl[filtergroup="innovationScore"] {
    padding: 0.7em 0.5em;
}

.filterDisplayControl[filtergroup="innovationScore"] select {
    height: auto;
    width: 75px;
    cursor: pointer;
    border-color: transparent;
    color: var(--c-brand-b);
}

.filterDisplayControl[filtergroup="innovationScore"] select:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0 transparent !important;
    border-color: transparent !important;
}

#companySearchForm input {
    width: 250px;
    vertical-align: bottom;
    border-width: 0;
    margin: 0;
}

#companySearchForm .close-icon {
    height: 36px;
}

#companySearchForm .companySearchInputHolder {
    border: 1px solid var(--c-brand-j);
    display: inline-block;
    vertical-align: bottom;
}

.innovationScoreStar {
    margin-right: 0.3em;
    margin-top: 0.1em;
    height: 1.2em;
    width: 1.2em;
}

.similarCompaniesRightHolder .innovationScoreStar {
    vertical-align: text-bottom;
}

.alphaDataPoint {
    font-size: 11px;
}


input[type="radio"] + label {
    background-size: 14px 14px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1.4em;
    background-image: url(../images/radio-off.svg);
    font-size: 13px;
    cursor: pointer;
}

input[type="radio"]:checked + label {
    background-image: url(../images/radio-on.svg);
}

.radioButtonHolder p {
    margin-bottom: 0;
}

.radioButtonHolder label {
    display: inline-block;
    margin: 0.4em 1em 0.8em 0;
}

.radioButtonHolder:first-of-type {
    margin-top: 1em;
}

#downloadExploreListButtonHolder {
    overflow: auto;
    padding: 2px;
}

#downloadExploreListButton {
    float: right;
}

#editCompanyFieldForm .inputHolder {
    margin: 1em 0 0.5em 0;
    max-height: 60vh;
    overflow: auto;
    padding-right: 1em;
}

#exploreSigninOverlay .overlayWrapper, #directorySigninOverlay .overlayWrapper, #directorySignupOverlay .overlayWrapper {
    backdrop-filter: blur(4px);
}


@keyframes spin {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

button.controlHolder {
    min-width: 110px;
    display: inline-block;
    color: white;
    font-size: 13px;
    line-height: normal;
    text-align: center;
    border: 1px solid var(--c-brand-j);
    padding: 0.7em 0;
    margin: 0 0.5em 0 0;
    cursor: pointer;
    padding: 0.7em 0.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    background-color: transparent;
    text-transform: none;
    width: auto;
    letter-spacing: normal;
}

.trainingSetParameter[filtergroup="urlMatchedOnly"] {
    min-width: 110px;
    padding: 0.7em 0.5em;
    margin: 0 0.5em 0 0;
    vertical-align: top;
}

button.controlHolder:focus {
    box-shadow: 0 0 0 0 white !important;
}

span.controlHolder {
    vertical-align: middle;
}

.controlHolder.active {
    background-color: #312B5A;
}

.controlHolder:not(.active):hover {
    background-color: #242b2d;
}

.filterControlUl,
.filterControlBatchUl {
    width: 70%;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #FFFFFF;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    max-height: 50vh;
    display: block;
    overflow: auto;
}

.filterControlBatchUl li:nth-child(1) {
    border-top: 1px solid var(--c-brand-k);

}

.filterControlUl li,
.filterControlBatchUl li {
    border-bottom: 1px solid var(--c-brand-k);
    width: 100%;
    padding: 0.7em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filterControlUl li {
    padding-left: 1.5em;
}

.filterControlUl li.filterSubgroupHolder {
    padding: 0;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s ease-out;
    -webkit-transition: max-height 0.5s ease-out;
    border-top-width: 0;
}

.filterControlUl li.filterSubgroupHolder.filterSubgroupVisible {
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
    -webkit-transition: max-height 0.5s ease-in;
}

.filterSubgroupHolder li:last-child {
    border-bottom-width: 0;
}

.filterSubgroupHolder li {
    padding-left: 3em;
}

.filterControlUl input[type="checkbox"],
.filterControlBatchUl input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.filterControlTable tbody {
    max-height: 50vh;
    height: 50vh;
    display: block;
    overflow: auto;
}

.filterControlUl input:checked + label,
.filterControlBatchUl input:checked + label {
    background-image: url("../images/tick-green.svg");
}

.filterControlUl input + label,
.filterControlBatchUl input + label {
    background-image: url("../images/cross-red-underline.svg");
    background-size: 0.95em;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 2em;
    cursor: pointer;
    vertical-align: middle;
}


.filterControlTable input:indeterminate + label {
    background-image: url("../images/indeterminate-gray.svg");
}

.filterControlBatchUl input + label {
    padding-left: 1.3em;
}

#topBarHolderCompanyList {

}

#topBarHolderCompanyList .topBarFlex {
    /*    flex: 0 0 100%;*/
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;

}

.topBarFlex .topBarContent:nth-child(1) {
    flex-grow: 10;
}

.topBarFlex a:focus,
.topBarFlex button:focus {
    box-shadow: 0 0 0 1px var(--c-brand-k);
}

.topBarFlex #companySearchForm button[type="submit"]:focus,
.overlayContent button[type="submit"] {
    /* box-shadow: 0 0 0 1px #FFFFFF; */
}

.topBarFlex #companySearchForm button[type="reset"]:focus {
    box-shadow: 0 0 0 0 transparent;
}

.topBarContent h1 {

}

.topBarContent p a {
    text-decoration: underline;
}

.topBarContent {}



.mlSearchBox {
    color: white;
    background: -webkit-linear-gradient(270deg, rgba(204, 51, 255, 1) 0%, rgba(204, 51, 255, 1) 0%, rgba(148, 36, 185, 1) 100%, rgba(148, 36, 185, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(204, 51, 255, 1) 0%, rgba(204, 51, 255, 1) 0%, rgba(148, 36, 185, 1) 100%, rgba(148, 36, 185, 1) 100%);
    background: linear-gradient(180deg, rgba(204, 51, 255, 1) 0%, rgba(204, 51, 255, 1) 0%, rgba(148, 36, 185, 1) 100%, rgba(148, 36, 185, 1) 100%);
}

.mlSearchBox .mlSearchContent {
    margin: 0 1.8em;
    padding: 1.2em 0 2em 0;
}

.mlSearchContent h3 {
    margin-top: 0 !important;
    text-transform: none;
    font-family: 'Raleway-Bold-Regular', 'Raleway-Bold';
    font-size: 22px;
    color: #FFFFFF;
    text-align: left;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.mlSearchContent h3 a {
    cursor: pointer;
    float: right;
    background-color: white;
    color: var(--c-brand-a);
    font-size: 16px;
    width: 22px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    font-family: "Raleway-Regular";
    white-space: nowrap;
}

.mlSearchContent button {
    float: right;
    background-color: white !important;
    color: var(--c-brand-a) !important;
    display: inline-block;
    width: auto;
    margin-left: 2em;
    min-width: 160px;
}

.mlSearchContent p {
    font-size: 13px;
    line-height: 15px;
}

.dataFieldExtraDescription {
    color: var(--c-brand-j);
}

.officersHolder {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    border-bottom: 1px solid var(--c-brand-j);
    border-top: 1px solid var(--c-brand-j);
    margin: 0.5em 0 1em 0;
}

.officersHolder .personHolder {
    border-right: 1px solid var(--c-brand-j);
    position: relative;
    flex: 0 0 16.5%;
    margin: 1em 0;
    display: block;
}

.personHolder .portraitHolder {
    /* display: inline-block; */
    display: table-cell;
    vertical-align: top;
    padding: 0 1em 0 0.5em;
}

.portraitHolder .portrait {
    width: 22px;
    height: 23px;
}

.personHolder .personDetails {
    /* display: inline-block; */
    display: table-cell;
    padding-right: 1em;
}

.personDetails .personName {
    font-weight: bold;
    text-transform: capitalize;
}

.personDetails .personPosition {
    color: var(--c-brand-i);
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.personHolder .personDetails a {
    text-transform: none !important;
    position: absolute;
    bottom: 0;
}

.personHolder:nth-child(n + 2) .portraitHolder {
    padding-left: 1.5em;
}

.fieldHolder[data-name="Directors"] {
    width: 100%;
    max-width: none;
}

.fieldHolder[data-name="Directors"] .fieldContentWrapper {
    width: 100%;
    max-width: none;
}

.officersHolder .personHolder:nth-child(6n) {
    border-right-width: 0;
}

.officersHolder .personHolder:last-child {
    border-right-width: 0;
}

.fieldHolder:not([data-name="Directors"]) .fieldDataHolder {
    position: relative;
    line-height: 15px;
    /*    max-height: 75px;*/
    /*    overflow: hidden;*/
    padding-right: 1em;
}

.fieldHolder:not([data-name="Directors"]) .fieldDataHolder::before {
    /*    position: absolute;
    content: "...";
    bottom: 0;
    right: 0;*/
}

.actionControl.report_mismatched_url,
.actionControl.reportMismatchedRticButton {
    background-image: url(../images/feedback-gray.svg);
    background-size: 16px 16px;
    margin-left: 0.4em;
    vertical-align: middle;
}

.actionControl.report_mismatched_url:hover,
.actionControl.reportMismatchedRticButton:hover {
    background-image: url(../images/feedback-orange.svg);
}

.actionControl.report_mismatched_url.reported,
.actionControl.reportMismatchedRticButton.reported {
    background-image: url(../images/feedback-orange.svg);
    pointer-events: none;
}


#reportMismatchedUrlOverlay h2 {
    font-size: 16px;
}

#reportMismatchedUrlCompanyName,
#reportMismatchedRticCompanyName {
    border-top: 1px solid var(--c-brand-k);
    border-bottom: 1px solid var(--c-brand-k);
    margin-top: 1em;
    padding: 0.1em 0 0.3em 0;
}

#reportMismatchedUrlCompanyName span,
#reportMismatchedRticCompanyName span {
    vertical-align: middle;
    margin-left: 0.5em;
}

#reportMismatchedUrlCompanyName img,
#reportMismatchedRticCompanyName img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

#trainingSetWarningOverlay img {
    width: 18px;
    height: 18px;
    margin-right: 0.25em;
    vertical-align: middle;
    margin-bottom: 3px;
}

#reportMismatchedUrlForm input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

#reportMismatchedUrlForm input:checked + label {
    background-image: url(../images/checkbox-on.svg);
}

#reportMismatchedUrlForm input + label {
    background-image: url(../images/checkbox-off.svg);
    background-size: 14px 14px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1.4em;
    font-size: 13px;
}

#reportMismatchedUrlForm .inputHolder {
    margin-bottom: 0.8em;
}

.similarCompany .fieldHolder[data-name="Homepage_description"] {
    max-width: 1000px;
    display: inline-block;
}

.inputHolder.companyNumbers {
    width: 400px;
}

.inputHolder textarea {
    background: inherit;
    background-color: transparent;
    box-sizing: border-box;
    color: white;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-size: 13px;
    width: 100%;
    padding: 1em;
    margin-top: 0.4em;
    resize: none;
}

.inputHolder textarea:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
}


.similarCompany .fieldHolder[data-name="Homepage_description"] .fieldContentWrapper {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.similarCompany .fieldHolder[data-name="Homepage_description"] .screenshotHolder {
    transition: width 0.2s;
    -webkit-transition: width 0.2s;
    width: 140px;
}

.similarCompany .fieldHolder[data-name="Homepage_description"]:hover .fieldContentWrapper {
    -webkit-line-clamp: unset;
}

.similarCompany .fieldHolder[data-name="Homepage_description"]:hover .screenshotHolder {
    width: 350px;
}

.filterSubgroupToggle {
    float: right;
}

.filterSubgroupToggle input + label {
    background-image: url(../images/expand-blue.svg);
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 1px solid var(--c-brand-b);
    cursor: pointer;
    padding-left: 1em;
    margin-right: 0.5em;
}

.filterSubgroupToggle input + label:hover {
    background-image: url("../images/expand-white.svg");
    border-color: white;
}

.filterSubgroupToggle input:checked + label:hover {
    background-image: url("../images/collapse-white.svg");
    border-color: white;
}

.filterSubgroupToggle input:checked + label {
    background-image: url("../images/collapse-blue.svg");
    border-color: var(--c-brand-b)
}

.filterSubgroup {
    border-top: 1px solid var(--c-brand-k);
}

.filterPrimary {
    border-bottom-width: 0 !important;
}

.rticSector {
    font-weight: bold;
}

.rticTaxonomySubgroup {
    font-weight: normal;
    font-size: 1em;
    vertical-align: baseline;
}

.registeredAddressOnlyHolder, .urlMatchedOnlyOnlyHolder {
    font-size: 13px;
    margin-bottom: 1em;
}

.urlMatchedOnlyOnlyHolder {
    margin-bottom: 2em;
}

.registeredAddressOnlyHolder input, .urlMatchedOnlyOnlyHolder input {
    opacity: 0;
    position: fixed;
    width: 0;
}

.registeredAddressOnlyHolder input + label, .urlMatchedOnlyOnlyHolder input + label {
    background-image: url("../images/checkbox-off.svg");
    background-size: 14px 14px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 1.4em;
    cursor: pointer;
}

.registeredAddressOnlyHolder input:disabled + label {
    opacity: 0.6;
    cursor: not-allowed;
}

.registeredAddressOnlyHolder input:checked + label, .urlMatchedOnlyOnlyHolder input:checked + label {
    background-image: url("../images/checkbox-on.svg");
}


.keywordsNote {
    margin: -1em 0 2em 0;
}

.trial {
    font-size: 13px;
    color: var(--c-brand-k);
    text-align: center;
}

.trial.exploreLimit {
    margin-top: 1.5em;
}

.rticLocked label:not(.filterSubgroupToggle input + label) {
    pointer-events: none;
    opacity: 0.6;
}


.sortByFieldHolder {
    display: inline-block;
    font-size: 13px;
}

.sortByFieldHolder .radioLabel {
    cursor: pointer;
    text-transform: uppercase;
    color: var(--c-brand-b);
    margin: 0 0.2em;
}

.sortByFieldHolder input[type="radio"]:checked + label {
    border-bottom: 1px solid var(--c-brand-b);
}

.sortByFieldHolder select {
    min-width: 260px;
}

.scoreFieldSmallWidth {
    display: none;
}

#currentCompanyRticsHolder label {
    display: block;
    margin-bottom: 0.3em;
    cursor: pointer;
}

#reportMismatchedUrlButton {
    vertical-align: top;
}

#loadListOverlay select {
    height: 38px;
    width: 100%;
    margin-top: 0.5em;
    text-indent: 0.5em;
}

#loadListOverlay select:focus {
    outline: 0;
    box-shadow: 0 0 0 0 transparent !important;
}

#loadListWarning {
    margin-bottom: 3.5em;
}

.controls.currentListUnsaved .list-edit-name {
    pointer-events: none;
    opacity: 0.6;
}

.controls.currentListUnsaved .list-share {
    pointer-events: none;
    opacity: 0.6;
}

.controls.currentListUnsaved .list-delete {
    pointer-events: none;
    opacity: 0.6;
}

.warning {
    margin-right: 0.3em;
}

input.search-box:-webkit-autofill,
input.search-box:-webkit-autofill:hover,
input.search-box:-webkit-autofill:focus {
    -webkit-appearance: none;
    -webkit-text-fill-color: #FFFFFF;
    -webkit-box-shadow: 0 0 0px 50px #242b2d inset;
    caret-color: #FFFFFF;
    background-image: url(../images/search-white.svg) !important;
}

.overlayContent input:-webkit-autofill,
.overlayContent input:-webkit-autofill:hover,
.overlayContent input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--c-brand-b);
    -webkit-box-shadow: 0 0 0px 50px var(--c-brand-d) inset;
    caret-color: #ffffff !important;
}

input[type="submit"]:disabled, button[type="submit"]:disabled, #companyClaimConfirmationSubmitButton:disabled, #addCompanyToDirectoryRequestSubmitButton:disabled {
    background: var(--c-brand-b) !important;
    color: var(--c-brand-a) !important;
    cursor: not-allowed;
}

#companiesFilterLock + label {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/lock-closed-gray.svg);
    background-size: contain;
    width: 20px;
    display: inline-block;
    cursor: pointer;
}

#companiesFilterLock + label:hover {
    background-image: url(../images/lock-closed-white.svg);
}

#companiesFilterLock:checked + label {
    background-image: url(../images/lock-closed-orange.svg);
}

.controlHolder.companiesFilterResetLocked {
    border-color: var(--c-brand-n) !important;
}

#incorporationDateControlsHolder {
    margin-top:1.5em;
}

#incorporationDateFilterValidationError {
    margin-top: 0.8em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

#incorporationDateFilterValidationError.incorporationDateInvalid {
    opacity: 1;
}

#incorporationDateControlsHolder label {
    font-size: 13px;
    margin-right: 0.3em;
    text-transform: uppercase;
}

#incorporationDateControlsHolder .incorporationDateControl {
    display: inline-block;
}

.incorporationDateControl select {
    width: 180px;
}

#incorporationDateFromSelect {
    margin-right: 2em;
}

.rticAuthorTag {
    color: var(--c-brand-a);
    font-weight: bold;
}

.rticAuthorTag img {
    height: 1.2em;
    vertical-align: text-bottom;
    margin-right: 0.3em;
}

#signaturePadCanvas {
    width: 100%;
    height: 200px;
    background-color: transparent;
    border-color: var(--c-brand-j);
    border-width: 1px;
    border-style: dashed;
    cursor: url(../images/edit-cursor.svg) 0 16, auto;

}

.signaturePadCanvasHolder {
    margin: 1em 0 2em 0;
    position: relative;
}
.signaturePadCanvasHolder input[name="signatureData"] {
    position: absolute;
    bottom: 0;
    left: 0;
}

#signaturePadError {
    float: left;
    margin-top: 0;
}

.signaturePadCanvasHolder span {
    font-size: 13px;
    padding-bottom: 0.3em;
    display: block;
    font-weight: bold;
}

p.reportMissingCompany {
    margin-top: 1em;
}

.actionControl.reportMissingCompany {
    letter-spacing: normal;
}

.actionControl.reportMissingCompany:hover {
    color: var(--c-brand-a);
}

#claimCompanyExtraDetailsOverlay input[type="text"] {
    padding: 1px 0;
}
.fileInputHolder {
    color: white;
    font-size: 13px;
    line-height: normal;
    border: 1px dashed var(--c-brand-j);
    margin: 0 0.7em 0 0;
    width: 100%;
    text-indent: 1em;
    height: 42px;
    margin-top: 0.4em;
}

.fileInputHolder input {
    opacity: 0;
    width: 0;
    height: 0;
}

.fileInputHolder label {
    color: var(--c-brand-a) !important;
    cursor: pointer;
    line-height: 42px;
}

.fileInputHolder label:hover {
    color: var(--c-brand-d) !important;
}

.fileInputHolder.fileInputHolderDragOver {
    border-color: var(--c-brand-a);
    background-color: rgba(255, 255, 255, 0.15) !important;
}

.file_input_error {
    font-size: 13px;
    color: var(--c-brand-n);
    margin-top: 0.3em;
}

.file_input_success {
    font-size: 13px;
    color: var(--c-brand-f);
    margin-top: 0.3em;
}

#claimCompanyExtraDetailsOverlay .overlayClose button.actionControl {
    color: var(--c-brand-a);
    font-size: 30px;
    font-weight: normal;
}

#claimCompanyExtraDetailsOverlay .overlayClose button.actionControl:hover {
    color:  var(--c-brand-d);
}

.explanationLink {
    display: none;
}

#prefilterLogoHolder img {
    width: 8em;
    max-width: 8em;
}

#prefilterLogoHolder .prefilterOrganisation {
    display: inline-block;
    font-size: 16px;
    font-family: 'Raleway-Bold';
    color: var(--c-brand-d);
    background-color: var(--c-brand-i);
    padding: 0.4em 0.7em;
    border-radius: 0.2em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-bottom: 0.6em;
}

#prefilterDescription {
    max-width: 800px;
    margin: 0.5em 0 0 0;
}

#prefilterDescription:empty {
    margin: 0 !important;
}

#prefilterDescription a {
    text-decoration: underline;
    color: var(--c-brand-b);
}

#prefilterDescription a:hover {
    text-decoration-color: var(--c-brand-a);
}

#prefilterDescription i {
    font-style: italic;
}

#prefilterDescription b {
    font-weight: bold;
}

@media screen and (max-width: 800px) {
    /* .trainingSetParameter {
        width: 100%;
        margin: 0.5em 0 !important;
    }

    .controlHolder {
        width: 100%;
        margin: 0.5em 0 !important;
    }*/

    .trainingTypeLabel {
        display: inline;
    }

    #goToPageHolder {
        width: 100%;
        border-left-width: 0;
        display: block;
        margin-top: 0.8em;
    }

    .controlHolder, .trainingSetParameter[filtergroup="urlMatchedOnly"]  {
        margin-bottom: 0.8em !important;
    }

    .filterControlTable {
        width: 100%;
    }

    .filterControlUl,
    .filterControlBatchUl {
        width: 100%;
    }


    #similarCompaniesHolder {
        margin-top: 1em;
    }

    .trainingSetHeaderBar .rebuildButton {
        /*  float: none;*/
        margin-top: 0.5em;
        margin-bottom: 0.8em;
    }

    .trainingSetHeaderBar {
        padding-left: 1em !important;
        margin-left: -1em !important;
        padding-right: 1em !important;
        margin-right: -1em !important;
    }
    .similarCompaniesTopBar .similarCompaniesRightHolder {
        display: none;
    }


    #similarCompaniesList .similarCompaniesTopBar .similarCompaniesRightHolder {
        display: inherit;
    }

    .similarCompaniesRightHolder {
        text-align: right;
        position: inherit;
        right: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        margin-top: 0.5em;
    }

    .scoreFieldSmallWidth {
        display: inline-block;
    }

    .similarCompaniesRightHolder .similarCompaniesRightElement {
        width: 100%;
        margin-bottom: 1em;
    }

    .similarCompaniesRightElement:nth-child(1) {
        float: left;
        text-align: left;
    }

    .similarCompany .extraFieldsControl {
        margin-top: 1em;
        margin-right: 0;
    }

    #main {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #companyListResultsHolder {
        margin-left: 1em;
        margin-right: 1em;
    }

    .similarCompany .fieldHolder[data-name="Homepage_description"] .fieldContentWrapper {
        -webkit-line-clamp: unset !important;
    }

    .similarCompany .fieldHolder[data-name="Homepage_description"] .screenshotHolder {
        width: 230px !important;
    }

    #incorporationDateControlsHolder .incorporationDateControl {
        display: block;
    }

    .incorporationDateControl label {
        width: 40px;
        text-align: right;
        display: inline-block;
    }

    .incorporationDateControl:nth-child(2) {
        margin-top: 1em;
    }

}

@media screen and (max-width: 1000px) {
    #main {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #companyListResultsHolder {
        margin-left: 1em;
        margin-right: 1em;
    }

}

@media screen and (min-width: 1400px) {

    #main {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 700px) {

    .copyListOverlayBox,
    .shareListOverlayBox,
    .downloadListOverlayBox,
    .overlayBox {
        min-width: auto;
    }

    #keywordFilterHolder .keywordFilter {
        flex: 0 0 99%;
        padding-bottom: 1em;
    }

    #keywordFilterHolder .keywordFilter:nth-child(1) {
        /*        border-bottom:  1px solid var(--c-brand-k);*/
    }

    .keywordFilter form {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #keywordFilterHolder .keywordFilter:nth-child(1) {
        border-right-width: 0;
    }

    .actionControl.extra-fields {
        margin-top: 0;
    }

    .similarCompany {
        padding-bottom: 1.2em;
    }

}

@media screen and (max-width: 750px) {
    .financialFiltersControlsHolder .financialFiltersControl {
        flex: 0 0 100%;
        overflow: hidden;
    }

    .financialFiltersControl:nth-child(odd) .financialFiltersContent {
        margin-right: 0;
    }

    .financialFiltersControl:nth-child(even) .financialFiltersContent {
        margin-left: 0;
    }


    .financialFiltersInputFlex:nth-child(odd) .financialFiltersInputWrapper {
        margin-right: 0.5em;
    }

    .financialFiltersInputFlex:nth-child(even) .financialFiltersInputWrapper {
        margin-left: 0.5em;
    }
}

@media screen and (max-width: 1000px) {

    .officersHolder .personHolder {
        flex: 0 0 20%;
    }

    .officersHolder .personHolder:nth-child(6n) {
        border-right-width: 1px;
    }

    .officersHolder .personHolder:nth-child(5n) {
        border-right-width: 0;
    }
}

@media screen and (max-width: 900px) {
    .officersHolder .personHolder {
        flex: 0 0 25%;
    }

    .officersHolder .personHolder:nth-child(5n) {
        border-right-width: 1px;
    }

    .officersHolder .personHolder:nth-child(4n) {
        border-right-width: 0;
    }

    #topBarHolderCompanyList .topBarFlex {
        flex: 0 0 100%;
    }

    .topBarFlex:nth-child(even) .topBarContent {
        margin-left: 0;
        margin-right: 0;
    }

    .topBarFlex:nth-child(odd) .topBarContent {
        margin-left: 0;
        margin-right: 0;
    }

    .topBarFlex:nth-child(n+2) {
        margin-top: 1em;
    }

    .mlSearchBox .mlSearchContent {
        margin: 0 1.2em;
    }

    #topBarHolderCompanyList .topBarFlex {
        flex-direction: column;
        align-items: flex-start;
    }

}

@media screen and (max-width: 800px) {

    .officersHolder {
        display: flex;
        flex-flow: row wrap;
    }

    .officersHolder .personHolder {
        flex: 0 0 33%;
        margin-bottom: 1em;
        display: block;
    }

    .officersHolder .personHolder:nth-child(4n) {
        border-right-width: 1px;
    }

    .officersHolder .personHolder:nth-child(3n) {
        border-right-width: 0;
    }

    .personHolder .portraitHolder {
        padding-left: 0.7em;
    }

    .personHolder:nth-child(n + 2) .portraitHolder {
        padding-left: 0.7em;
    }
}

@media screen and (max-width: 600px) {
    .officersHolder .personHolder {
        flex: 0 0 50%;
        margin-bottom: 1em;
        display: block;
    }

    .officersHolder .personHolder:nth-child(3n) {
        border-right-width: 1px;
    }

    .officersHolder .personHolder:nth-child(2n) {
        border-right-width: 0;
    }
}

@media screen and (max-width: 400px) {
    .officersHolder .personHolder {
        flex: 0 0 100%;
        margin-bottom: 1em;
        display: block;
        border-right-width: 0 !important;
        border-bottom: 1px solid var(--c-brand-j);
        padding-bottom: 1em;
    }

    .personHolder .personDetails a {
        bottom: 1em;
    }

    .personHolder .extraHolder {
        padding-left: 0;
        bottom: 1em;
    }
}

@media print {
    body {
        zoom: 60%;
        background-color: white;
    }

    body *,
    .orange {
        color: var(--c-brand-c) !important;
    }

    #main {
        background-color: white;
    }

    header,
    footer,
    .trainingSetOptionsHolder,
    .topBarContent p,
    .sortByFieldHolder,
    .companyListsActionsBar,
    .extra-fields,
    .report_mismatched_url,
    .exploreLimit,
    .pageSelection,
    .companyPageLink,
    .extra-fields,
    .personDetails a,
    .fieldHolder .fieldIcon,
    .portrait,
    #companySearchForm,
    .listActionsControlHolder {
        display: none !important;
    }

    .similarCompany {
        break-inside: avoid !important;
    }

    .financialDetailsTable {
        break-inside: avoid !important;
    }

    .financialDetailsTable td,
    .financialDetailsTable th,
    .similarCompany,
    .fieldHolderFlexContainer .fieldContentWrapper {
        border-color: var(--c-brand-c) !important;
    }

    .companyNumber a {
        text-decoration: none !important;
    }

    .fieldHolder:not([data-name="Directors"]) .fieldDataHolder::after {
        background: white;
    }



}