@font-face {
    font-family: "Loci";
    src: url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Regular.eot");
    src: url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Regular.woff2") format("woff2"), url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Regular.woff") format("woff"), url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Regular.ttf") format("truetype"), url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Regular.svg#glyphicons_halflingsregular") format("svg");
    font-weight: 400;
}

@font-face {
    font-family: "Loci";
    src: url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Bold.eot");
    src: url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Bold.woff2") format("woff2"), url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Bold.woff") format("woff"), url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Bold.ttf") format("truetype"), url("/assets/layouts/companies/fonts/Loci/RocGrotesk-Bold.svg#glyphicons_halflingsSemiBold") format("svg");
    font-weight: 600;
}

/* Variables LOCI */
:root {
    --font-family-primary: 'Loci';
    --font-family-secondary: 'Loci';

    --generic-font: 15px;
    --generic-line-height: 21px;
    --generic-font-two: 13px;
    --generic-line-height-two: 19px;

    --main-color: rgba(0, 0, 0, 1);
    --dark-color: rgba(0, 0, 0, 1);
    --light-color: rgba(246, 246, 246, 1);
    --light-color-two: rgba(255, 255, 255, 1);
}

.microsoftDiv {
    display: none;
}

.administrtorsCMS .orSpanLogin{
    display: none;
}

.signUpLinkContainer,
#signInWithMagicLinkContainer{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 100px;
    height: 53px;
    cursor: pointer;
    width: fit-content;
    padding: 0 8%;
}

.signUpLinkContainer{
    border: 1px solid rgba(237, 239, 240, 1);
    background-color: #F3F1ED;
}

#signInWithMagicLinkContainer{
    margin-top: 20px;
    border: 1px solid var(--main-color);
    background-color: var(--main-color);
}

#signInWithMagicLink{
    color: var(--light-color);
}

footer{
    background-color: var(--main-color)
}

#brands, #bannerWelcome-2, #featured-1{
    display: none;
}

.button-one{
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
}

.button-one:hover{
    background-color: transparent;
    color: var(--main-color);
}

.headerMenuItem{
    text-transform: capitalize;
}

#sliderStoryFolders, .featured-1{
    display: block;
}

/* Slider Story Folders */
#sliderStoryFolders {
    background: var(--light-color);
    padding: 25px 0;
}

.buttonStoryFolder {
    background-color: var(--light-color-two);
    color: var(--dark-color);
    font-weight: 600;
    font-size: var(--generic-font);
    border-radius: 100px;
    border: 1px solid rgba(208, 208, 208, 1);
    padding: 20px;
    cursor: pointer;
    transition: .5s all ease-in-out;
    width: fit-content;
    text-align: center;
    margin: 0 5px;
    white-space: nowrap;
    text-wrap: nowrap;
}

.buttonStoryFolder span{
    font-weight: 200;
}

#driveCreateCompanyFileButton:hover,
#driveCreateCompanyFolderButton:hover,
#driveCreateCompanyFolder:hover {
    background-color: white;
    border: 1px solid var(--main-color);
}

#driveCreateCompanyFileButton:hover .driveButtonText,
#driveCreateCompanyFolderButton:hover .driveButtonText,
#driveCreateCompanyFolder:hover .driveButtonText{
    color: var(--main-color) !important;
}

.buttonStoryFolder:hover{
    background-color: var(--main-color);
    color: var(--light-color-two);
}

.buttonStoryFolder:hover span{
      color: var(--light-color-two);  
}

.driveButton.driveBackgroundColorMain .driveButtonText,
#dropdownUser a,
.myAccounButtonsContainer .driveButton.selected,
.btn-one,
#rightDataSendLink,
#driveMessagePopupButtonText 
#myAccountButton .driveButtonText,
.driveCompanyAdministratorsStepCardButton a,
.myAccountContainerInformationUpdate,
#signUpDataRegister,
#driveMessagePopupButtonText,
.selectedFilesActionContainer p,
#selectedFilesPopupAmountText,
.downloadBoxFilter.selected,
.downloadBoxFilter.selected span,
.downloadBoxButton:hover .downloadBoxButtonText,
.LUNA-Lens-Tab-Item.selected,
.LUNA-Lens-Tab-Item:hover{
    color: var(--light-color) !important;
}

.btn-one:hover {
    background-color: var(--light-color) !important;
    border: 1px solid var(--light-color) !important;
    color: var(--dark-color) !important;
}

#selectedFilesPopupCloseButton,
.selectedFilesActionContainer .selectedFilesActionIcon img,
.downloadBoxButton:hover img{
    filter: invert(1);
}

#signUpDataRegisterContainer:hover #signUpDataRegister,
#driveMessagePopupButton:hover #driveMessagePopupButtonText{
    color: var(--main-color) !important;
}



#myAccountButton .driveButtonText svg {
    filter: unset;
}

/* #myAccountButton:hover .driveButtonText svg {
    filter: invert();
} */

#myAccountHeaderTitle {
    margin-top: 50px;
}

#visitHubBtn img,
#nav-toggle-burger {
    filter: invert(1);
}

.driveOnOffButton.on .driveOnOffButtonText {
    color: var(--light-color-two);
}

.driveButton.drivePopupRightButton .driveButtonText,
.drivePopupLeftButton:hover .driveButtonText{
    color: var(--light-color-two);
}

.driveButton.drivePopupRightButton:hover .driveButtonText{
    color: var(--dark-color);
}

.driveCompanyAdministratorsMarket{
    color: var(--light-color-two);
}

.driveCompanyAdministratorsAdministratorCard {
    background: var(--light-color);
}

.driveButtonText.dnaLink{
    color: var(--light-color);
    border-bottom: none;
}

.driveCompanyAdministratorsStepCardButton:hover{
    background-color: darkgrey;
}

.driveCompanyAdministratorsIssueContainerDNA{
    background-color: var(--light-color);
}

#rightDataSendLinkContainer:hover #rightDataSendLink{
    color: var(--main-color) !important
}

.driveSearchPopupSearchResultTypeSelected .driveSearchPopupSearchResultTypeText {
    color: var(--light-color) !important
}
.driveSearchPopupSearchFilter.selected{
    color: var(--light-color) !important
}

/* .driveSearchPopupSearchResultElements::-webkit-scrollbar-thumb {
    background: var(--main-color) !important
} */