#main {
    max-width: 1300px;
}

footer.holder {

}

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

#companiesToClaimPickRadioHolder::-webkit-scrollbar {
    width: 7px;
}

#companiesToClaimPickRadioHolder::-webkit-scrollbar {
    height: 7px;
}

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

#companiesToClaimPickRadioHolder::-webkit-scrollbar-thumb {
    background-color: var(--c-brand-k);
}

#companiesToClaimPickRadioHolder {
scrollbar-color: var(--c-brand-j);
scrollbar-width: thin;
}

.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;
}

#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;
}

.overlayContent .inputHolder input {
    color: var(--c-brand-d);
}

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

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

.overlay button:hover, .overlay input[type="submit"]:hover {
    background: var(--c-brand-b) !important;
    color: var(--c-brand-a) !important;
}

#homeContainer {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.homeContent {
    vertical-align: top;
    margin: 1em;
    display: inline-block;
    width: 700px;
}

.overlay .overlayBox {
    min-width: 600px;
}

.homeContent .banner {
    padding: 0.4em 1.45em;
    background-color: var(--c-brand-a);
}

.homeContent .banner h3 {
    font-family: 'Raleway-Regular', 'Open Sans';
    font-size: 17px;
    text-align: left;
    line-height: 32px;
    font-weight: 600;
    color: var(--c-brand-b);
}

.homeContent:nth-child(odd) {
    margin-left: 0;
}

.homeContent:nth-child(even) {
    margin-right: 0;
}

.homeContent.small {
    width: 400px;
}

.homeContent .homeContentMain {
    padding: 1.45em;
    background-color: var(--c-brand-c);
}

.homeContent.small .homeContentMain:not(:first-child),
.homeContent .large:not(:first-child),
.homeContent .large:not(:first-child) {
    margin-top: 2.4em;
}

.homeContent .homeContentMain p {
    font-size: 14px;
    margin: 1.2em 0;
}


.homeContent.small .homeContentMain {
    padding: 0.9em 1.45em 0.4em 1.45em;
}

.purple {
    color: var(--c-brand-a) !important;
}

.disqusHolder p {
    margin-top: 0 !important;
}

.versionInformation .version {
    vertical-align: middle;
    display: inline-block;
    font-style: normal;
    font-size: 32px;
    color: var(--c-brand-b);
    font-weight: bold;
    background: var(--c-brand-b);
    width: 80px;
    line-height: 80px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 0.5em;
}

.versionInformation .version .versionNumber {
    position: relative;
}

.versionInformation .version .versionNumber .versionBeta {
    color: var(--c-brand-a);
    font-size: 13px;
    background-color: var(--c-brand-b);
    text-transform: uppercase;
    position: absolute;
    top: 92%;
    left: 59%;
    line-height: normal;
    padding: 0.2em 0.6em;
    border-radius: 0.25em;
}

.versionInformation .versionList {
    margin-top: 1em;
    margin-left: 0.5em;
    display: inline-block;
    font-size: 14px;
    list-style: initial;
    list-style-image: url('../images/tick-green.svg');
    vertical-align: middle;
}

.versionInformation .versionList li {
    margin-bottom: 0.8em;
    font-style: italic;
}

.homeContent .homeContentMain h2 {
    font-family: 'Raleway-Bold-Regular', 'Raleway-Bold';
}

.homeContent .homeContentMain h2 a.ML_button {
    float: right;
    background: var(--c-brand-a);
    width: auto;
    cursor: pointer;
    height: 40px;
    color: var(--c-brand-b);
    border: none;
    border-radius: 0;
    letter-spacing: 0.2em;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-size: 13px;
    padding-left: 1.7em;
    padding-right: 1.7em;
    display: inline-block;
    min-width: 135px;
    line-height: 40px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none;
}

.topBarHolder h1 {
    display: inline-block;
}

.topBarHolder .versionDetails {
    float: right;
}

.topBarHolder .versionDetails span {
    font-size: 15px;
    margin-right: 0.8em;
}

.topBarHolder .versionDetails a,
.homeContentMain.explore a {
    background: var(--c-brand-a);
    cursor: pointer;
    height: 40px;
    color: white;
    border: none;
    border-radius: 20px;
    letter-spacing: 0.2em;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    font-family: 'Raleway-Regular', 'Open Sans';
    font-size: 13px;
    padding-left: 1.7em;
    padding-right: 1.7em;
    display: inline-block;
    min-width: 135px;
    text-align: center;
    line-height: 40px;
}

.homeContentMain.explore a {
    margin-bottom: 1.2em;
}

.homeContentMain.findCompany button {
    background: var(--c-brand-a);
}

.topBarHolder .versionDetails a:focus,
.homeContentMain.explore a:focus {
    outline: 0;
    box-shadow: 0 0 0 1px white;
}

.homeContent .homeContentMain h2 a.ML_button:focus,
input[type=submit]:focus {
    box-shadow: 0 0 0 1px var(--c-brand-b);
    outline: 0 !important;
}

.homeContentMain h2.underline {
    border-bottom: 1px solid var(--c-brand-k);
    padding-bottom: 0.3em;
}

#recentListsHolder, #recentRticsHolder, #recentExploreListsHolder {
    margin: 1em 0;
}

#findCompanyForm {
    padding-bottom: 1.2em;
}

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

.existingList {
    position: relative;
    font-weight: 400;
    font-size: 13px;
    text-align: left;
    line-height: 15px;
    color: var(--c-brand-b);
    border-bottom: 1px solid var(--c-brand-k);
    padding: 1em 0;
}

.existingList .actionsHolder {
    float: right;
}

.existingList .actionsHolder .action:hover {
    border-color: white;
}

.existingList .actionsHolder .action {
    border-bottom: 1px solid var(--c-brand-b);
    margin: 0 0.6em;
    cursor: pointer;
}

.existingList .actionsHolder svg {
    width: 17px;
    height: 17px;
    padding-bottom: 2px;
}

.existingList a {
    white-space: nowrap;
    margin-left: 0.4em;
}

a.folderLink {
    margin-left: 0;
    color: var(--c-brand-b);
}

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

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

.existingListName a {
    vertical-align: middle;
}

.existingListName svg,
.existingListName span:not(.formattedVersion) {
    vertical-align: middle;
}

.existingListName svg {
    margin-right: 0.4em;
}

.existingList .actionsHolder .action:hover svg path {
    fill: white !important;
}

.existingListsHolder[favourite="true"] .action:hover svg * {
    fill: white !important;
}

.existingList .actionsHolder svg * {
    fill: var(--c-brand-b);
}

.existingListName:hover {
    text-decoration: underline;
    text-decoration-color: var(--c-brand-a);
    font-weight: bold;
}

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

button.extraDetailsButton {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    border-radius: 0;
    width: 1.1em;
    background-size: 9px 15px;
    background-image: url(../images/arrow-right-yellow.svg);
    vertical-align: middle;
    transition: transform 0.5s;
    transform-origin: center;
    -webkit-transform-origin: center;
    -webkit-transition: transform 0.5s;
}

button.extraDetailsButton:hover {
    background-image: url(../images/arrow-right-black.svg);
}

.existingList.extraDetailsVisible button.extraDetailsButton {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

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

.extraDetailsHolder a {
    margin-left:  0;
    text-decoration: underline;
    cursor: pointer;
}

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


.existingList .extraDetailsHolder li:nth-child(1) {
    margin-top: 1em;
}

.existingList .extraDetailsHolder li {
    margin-bottom: 1em;
}

.existingList .extraDetailsHolder li .label {
    color: var(--c-brand-b);
}

.existingList .extraDetailsHolder li .field {
    color: var(--c-brand-k);
}

.existingList.extraDetailsVisible .extraDetailsHolder {
    max-height: 1000px;
    transition: max-height 0.5s ease-in;
}

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

.action.actionControl {
    width: 1.4em;
    background-size: 1.4em 1.4em;
    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.new-folder {
    background-image: url(../images/add-folder-blue.svg);
    background-size: 18px 18px;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 22px;
    margin-left: 1em;
}

.actionControl.new-folder:hover {
    background-image: url(../images/add-folder-white.svg);
}

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

.actionControl.move-list:hover {
    background-image: url(../images/move-list-white_underline.svg);
    border-color: #ffffff;
}

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

.actionControl.copy-list:hover {
    background-image: url(../images/duplicate-white_underline.svg);
    border-color: #ffffff;
}

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

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

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

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

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

.actionControl.filled-star:hover {
    background-image: url(../images/star-filled-white.svg);
    border-color: #ffffff;
}

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

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

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

.actionControl.list-insights:hover {
    background-image: url(../images/linechart-white-underline.svg);
    border-color: #ffffff;
}

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

.actionControl.outline-star:hover {
    background-image: url(../images/star-outline-white.svg);
    border-color: #ffffff;
}

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

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 .controls {
    visibility: visible;
}

/*
input.listActionsControl:checked + label .controlsToggle {
    border: 1px solid var(--c-brand-k);
    padding: 0 0.4em;
    margin: 0;
}
*/

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;
    border-bottom-color: var(--c-brand-b);
    cursor: pointer;
    margin: 0 0.4em;
    padding: 0;
}

.listActionsControlLabel .controlsToggle:hover {
    color: var(--c-brand-b);
    border-bottom-color: var(--c-brand-b);
}*/

.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);
}

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

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

.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,
.listActionsControlLabel .controls a {
    border-bottom: 1px solid var(--c-brand-k);
    color: var(--c-brand-a);
    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,
.listActionsControlLabel .controls a:hover {
    border-bottom-color: var(--c-brand-k) !important;
    color: var(--c-brand-d) !important;
}

.listActionsControlLabel .controls button span,
.listActionsControlLabel .controls a span {
    margin-left: 1.8em;
}

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

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

.navigationHolder {
    padding: 0.5em 0 1.1em 0;
}

.actionControl.view-lists {
    float: right;
    vertical-align: middle;
    background-image: url(../images/arrow-right-yellow.svg);
    background-size: 9px 15px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0;
    border-radius: 0;
    padding-left: 1.3em;
}

.actionControl.view-lists:hover {
    /* background-image: url(../images/arrow-right-white.svg); */
    color: var(--c-brand-b);
    text-decoration: underline;
    text-decoration-color: var(--c-brand-a);
    font-weight: bold;
    background-image: url(../images/arrow-right-black.svg);
}

.rticReleaseTag {
    color: var(--c-brand-a);
    vertical-align: middle;
    font-weight: bold;
    margin-left: 0.3em;
    font-size: 14px;
}

.rticReleaseTag:before {
    content: "*";
}


@media screen and (max-width: 1250px) {
    .homeContent {
        width: 55%;
    }

    .homeContent.small {
        width: 35%;
    }
}

@media screen and (max-width: 1000px) {
    .homeContent {
        width: 100%;
        margin: 1em 0 !important;
    }

    .homeContent.small {
        width: 100%;
    }

    #findCompanyForm .inputHolder {
        display: inline-block;
        width: 440px;
        margin-right: 2em;
    }

}

button.processing,
#shareListButton.processing,
input[type="submit"].processing {
    pointer-events: none;
    color: var(--c-brand-b);
    background-color: white;
}

.warning {
    vertical-align: text-bottom;
    margin-right: 0.2em;
}

.inputHolder select {
    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: var(--c-brand-b);
    text-align: left;
    border: 1px solid var(--c-brand-k);
    outline-style: none;
    text-indent: 1em;
}

.noRecent {
    color: var(--c-brand-i);
    margin: 1em 0;
}

.rticLocked {
    opacity: 0.7;
    pointer-events: none;
}

.rticCompaniesTotal {
    color: var(--c-brand-a);
    width: 110px;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rtic_analysis {
    cursor: pointer;
    background-image: url(../images/linechart-blue-underline.svg);
    width: 22px;
    background-size: 19px 19px;
    background-position: center center;
    background-repeat: no-repeat;
    height: 22px;
    margin-right: 0.2em;
}

.rtic_analysis:hover {
    background-image: url(../images/linechart-white-underline.svg);
}

.overlayContent button[type="submit"]:disabled {
    background: var(--c-brand-b) !important;
    color: var(--c-brand-a) !important;
    pointer-events: none;
}

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

.claimedCompaniesField:not(:first-child) {
    margin-top: 2em;
}

.claimedCompaniesField .existingList:last-child {

}

#companyClaimSearchboxHolder label {
    font-family: "Raleway-Bold";
    margin-top: 2em;
    padding-bottom: 0.3em;
    display: block;
}

.companySearchFlex {
    display: flex;
    gap: 0;
    width: 60%;
}

.companySearchFlex input {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 0;
}

.companySearchFlex button {
    display: flex;
    flex-flow: column;
    width: 50px;
    margin: 0;
    height: 42px;
    text-align: center;
    line-height: 42px;
    background-image: url(../images/search-black.svg);
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
}

.companySearchFlex button:hover {
    background-image: url(../images/search-yellow.svg);
    background-color: var(--c-brand-b);
}

#companiesToClaimSearchButton:disabled {
    background-color: var(--c-brand-b);
    cursor: not-allowed;
    background-image: none;
}

#companiesToClaimSearchButton{
    position: relative;
}

#companiesToClaimSearchButton:disabled::after {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../images/search-yellow.svg);
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    left: 0;
    -webkit-animation: spinX 3s infinite;
    animation: spinX 3s infinite;
}

#companiesToClaimPickRadioHolder {
    max-height: 30vh;
    overflow-y: auto;
    position: relative;
}

#companiesToClaimPickRadioHolder label {
    width: 100%;
    display: block;
}

#companiesToClaimPickRadioHolder label a {
    text-decoration: underline;
}

#companiesToClaimPickRadioHolder label a:hover {
    color: var(--c-brand-a);
}

#companiesToClaimPickRadioHolder 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;
    margin-bottom: 0.7em;
}

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

#companiesToClaimPickRadioHolder input[type="radio"] {
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

#companiesToClaimPickForm textarea {
    width: 100%;
    display: block;
    background-color: transparent;
    border: 1px solid var(--c-brand-j);
    color: var(--c-brand-d);
    font-family: "Raleway-Regular";
    font-size: 13px;
}

#companiesToClaimPickForm textarea:focus {
    border-color: var(--c-brand-d);
    border-radius: 0;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#companiesToClaimSubmitButton:disabled {
    color: var(--c-brand-a);
    background-color: var(--c-brand-b);
    cursor: not-allowed;
    pointer-events: all;
}

#companiesToClaimSearchResultsOverlay.noMatch #companiesToClaimPickForm, #companiesToClaimSearchResultsOverlay.noMatch .emailMatchExplanation, #companiesToClaimSearchResultsOverlay.noMatch .organisationMatchExplanation {
    display: none;
}

#companiesToClaimSearchResultsOverlay.noMatch #noCompaniesMatchingSearchButtonBar, #companiesToClaimSearchResultsOverlay.noMatch .noMatchExplanation, #noCompaniesMatchingSearchButtonBar, #companiesToClaimSearchResultsOverlay.emailMatch .emailMatchExplanation,#companiesToClaimSearchResultsOverlay.organisationMatch .organisationMatchExplanation  {
    display: block;
}

#noCompaniesMatchingSearchButtonBar {
    display: none;
}

.companiesToClaimSearchExplanation {
    display: none;
}

.companyRadioButtonHolder {
    position: relative;
}

#companiesToClaimPickForm {
    margin-top: 1.5em;
}

#claimCompanyExplanationOverlay .overlayTitle {
    margin-top: 1em;
}

.actionControl.claim-company {
    font-weight: normal;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: 0;
}

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

@-webkit-keyframes spinX
{
0%   {-webkit-transform: rotateX(0deg); -webkit-transform-origin: 0% 50% 0;}
100% {-webkit-transform: rotateX(360deg); -webkit-transform-origin: 0% 50% 0;}
}
@keyframes spinX
{
0%   {transform: rotateX(0deg); transform-origin: 0% 50% 0;}
100% {transform: rotateX(360deg); transform-origin: 0% 50% 0;}
}

@media screen and (max-width: 600px) {
    #findCompanyForm .inputHolder {
        width: 100%;
    }
}

@media screen and (min-width: 1400px) {
    #main {
        margin-left: auto;
        margin-right: auto;
    }
}

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

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

    .overlay .overlayBox {
        min-width: auto;
    }
}


#main .explanationWarning {
    color: #DC3545;
    font-family: "Raleway-Bold";
    text-transform: uppercase;
    margin: 1.5em 0;
    font-size: 15px;
    line-height: 24px;
}