:root {
    /************** GDTF colors ******************************/
    --gdtfOrange: #fb9f73;
    --gdtfBlue: #2b79f6;
    --gdtfDarkBlue: #0D4AAC;
    --gdtfDarkerBlue: #15054B;
    --gdtfDarkerGray: #9e9e9e;
    --gdtfLightGray: #f0f0f0;
    --gdtfPink: #ff5bdd;

    /************** General definitions ******************************/
    --generalBackupFontFamily: monospace;
    --generalFontFamily: manrope;
    --generalFontSize: initial;
    --generalFontColor: white;
    --generalBorderRadius: 10px;
    --generalDivBorderRadius: 10px;
    --generalBorder: 0px solid white;
    --generalBorderThick: 1px solid white;
    --generalBackgroundColor: var(--gdtfLightGray);
    --generalLabelColor: black;

    /************** Body,Footer,Headlines ******************************/
    --bodyBackgroundColor: var(--gdtfDarkerBlue);

    --footerHeight: 30px;
    --footerBackgroundColor: #121212;

    --headlineColor: white;
    --headline2Color: black;

    /************** Inputs,Buttons,Textarea, Selects ******************************/
    --inputHeight: 40px;
    --inputColor: white;
    --inputBackgroundColor: transparent;
    --inputBackgroundColorHover: transparent;
    --inputBorder: 0px solid white;
    --inputBorderWidth: 0px 0px 2px 0px;
    --inputBorderRadius: 0px;
    --inputFontSize: 1.3em;

    --placeHolderColorWebkit: var(--gdtfLightGray);
    --placeHolderColorFirefox: var(--gdtfLightGray);
    --placeHolderColorMS: var(--gdtfLightGray);

    --inputButtonSpacing: 5px;
    --inputLikeButtonHeight: 30px;
    --borderRoundingLeft: initial;
    --borderRoundingRight: 4em;
    --borderRoundingBottom: initial;

    --clearInputImgSize: 30px;
    --clearInputImgOffset: 6px;
    --clearInputImgOffsetOutside: 0px;

    --buttonColor: black;
    --buttonHoverColor: white;
    --buttonBackgroundColor: #3DB5E6;
    --buttonHoverBackgroundColor: #40809a;
    --buttonBorder: none;
    --buttonBorderRadius: var(--generalBorderRadius);
    --buttonBigBorderRadius: 4em;
    --buttonTransition: none;

    --textAreaColor: black;
    --textAreaBackgroundColor: white;
    --textAreaBorder: 2px solid #DADADA;
    --textAreaBorderWidth: 2px;
    --textAreaBorderRadius: 15px;
    --textAreaPlaceHolderColor: #AAAAAA;

    --selectBackgroundColor: transparent;
    --selectBorder: 0px solid white;
    --selectBorderWidth: 0px 0px 2px 0px;
    --selectImage: url("/images/gma3/down.png");
    --optionColor: black;
    --optionBackgroundColor: white;

    --checkBoxBorderColor: black;
    --checkBoxCheckMarkColor: black;
    --checkBoxHoverBackgroundColor: #818181;
    --checkBoxCheckedBackgroundColor: transparent;

    /************** Share Main view items ******************************/
    --headlineBackgroundColor: black;
    --headlineBorder: none;
    --headlineBorderRadius: 0px;
    --headlineHeight: 30px;
    --headlineFontSize: 1.3em;
    --headlineIconSize: 25px;
    --headlineIconOffset: 2px;
    --currentUserFontSize: 1em;

    --menuContainerBackgroundColor: var(--gdtfLightGray);
    --menuContainerBorder: none;
    --mainViewSpacing: 4px;

    --lastUploadedFixtureTitleColor: var(--gdtfDarkerGray);
    --lastUploadedFixtureEntryMargin: 3px;
    --lastUploadedFixtureEntryBorder: none;
    --lastUploadedFixtureEntryBackgroundColor: white;
    --lastUploadedFixtureEntryHoverBackgroundColor: var(--gdtfDarkerGray);
    --lastUploadedFixtureTransition: .3s all;

    /************** Search and filter items ******************************/
    --customBarBorder: 1px solid white;
    --customBarBackgroundColor: transparent;
    --customBarResultBorderWidth: 1px;
    --filterInputBorderRadius: var(--inputBorderRadius);
    --searchBarBackgroundColor: var(--gdtfBlue);
    --searchInputMarginBottom: 10px;
    --searchResultBackgroundColor: #2a3256;
    --searchResultHoverBackgroundColor: #40809a;

    --globalFiltersBackgroundColor: var(--gdtfDarkerBlue);
    --globalFiltersBorderBottom: none;
    --globalFiltersResetImageOffset: 11px;
    --globalFiltersSelectFontSize: medium;

    --globalFiltersHeight: 2.4em;
    --globalFiltersHeightOffset: 10em;

    /************** Main menu items ******************************/
    --mainMenuBorderLeft: none;
    --mainMenuBorderRight: none;
    --mainMenuListsBackgroundColor: var(--gdtfLightGray);
    --mainMenuLevelBackgroundColor: transparent;
    --mainMenuLevelCollapsedBackgroundColor: var(--gdtfBlue);
    --mainMenuLevelCollapsedTransition: background-color 0.3s ease;
    --mainMenuLevelCollapsedHoverBackgroundColor: rgba(152, 152, 152, 0.25);
    --mainMenuInputContainerBackgroundColor: var(--gdtfBlue);
    --mainMenuInputContainerMargin: 0px;
    --mainMenuInputContainerBorderRadius: 0px;
    --mainMenuInputContainerBorder: none;
    --mainMenuHeadlineBackgroundColor: var(--gdtfBlue);
    --mainMenuInputContainerSidePaneBackgroundColor: transparent;
    --mainMenuInputContainerSidePaneBackgroundColor2: transparent;
    --mainMenuInputContainerSidePaneHoverBackgroundColor: transparent;
    --mainMenuListsContainerBorderColor: none;
    --mainMenuListContainerBackgroundColor: white;
    --mainMenuListContainerBorderColor: var(--gdtfDarkerGray);
    --mainMenuListContainerHoverBackgroundColor: var(--gdtfDarkerGray);
    --mainMenuListContainerHoverTextShadow: 0px 0px 10px #fff;
    --mainMenuListContainerColor: black;
    --mainMenuFilterInputContainerMargin: 6px 4px;
    --mainMenuSelectedListContainerBoxShadow: none;
    --mainMenuSelectedListContainerColor: unset;
    --mainMenuSelectedListContainerBackgroundColor: var(--fileListSelectedBackgroundColor);
    --mainMenuSelectedListContainerFontWeight: bold;

    /************** File list items ******************************/
    --fileListBackgroundColor: var(--gdtfLightGray);
    --fileListBorderCollapse: collapse;
    --fileListHeadBackgroundColor: var(--gdtfBlue);
    --fileListBackgroundColorOdd: white;
    --fileListBackgroundColorEven: white;
    --fileListBackgroundColorHover: var(--gdtfDarkerGray);
    --fileListTextShadowHover: 0px 0px 10px white;
    --fileListTransition: .3s all;
    --fileListDefaultColor: black;
    --fileListSelectedColor: var(--generalFontColor);
    --fileListSelectedBackgroundColor: black;
    --fileListDefaultImageFilter: invert(100%);
    --selectedRevisionLineBorder: inset 0px 3px 0px 0px lightgray, inset 0px -3px 0px 0px lightgray;
    --selectedRevisionLineColor: initial;
    --revisionNameOffset: 0px;

    --revisionContainerBorderRadius: 10px;
    /************** Revision detail items ******************************/
    --revisionDetailsBorderTop: none;
    --revisionDetailsOffsetTop: 5px;
    --revisionDetailsBorderLeft: none;
    --revisionDetailsHeadlineOffsetTop: 0px;
    --revisionDetailHeadlineBackgroundColor: var(--gdtfBlue);
    --revisionDetailBackgroundColor: var(--gdtfLightGray);
    --footprintAreaBackgroundColor: white;
    --commentDivBackgroundColor: white;
    --commentTextAreaBorderRadius: 0px;
    --commentTextAreaBorder: var(--textAreaBorder);
    --commentTextAreaBorderWidth: var(--textAreaBorderWidth);
    --commentTextAreaHoverBorder: 2px solid black;
    --commentTextAreaHoverBorderWidth: var(--textAreaBorderWidth);
    --infoDotBackgroundColor: black;

    /************** Speech bubbles ******************************/
    --reportSelectColor: white;

    --speechBubbleBackgroundColor: #2a3256;
    --speechBubbleBorder: 1px solid lightgray;

    /************** Message,Popup vars ******************************/
    --feedbackContainerBackgroundColor: #293156;
    --feedbackContainerBorder: 2px solid #3DB5E6;

    --messageHeadlineBackgroundColor: #3a4267;

    --waitImageBorder: .6em solid #3DB5E6;
    --waitImageBorderTopColor: white;

    --progressBarBackgroundColor: lightgray;

    /************** Context menu vars ******************************/
    --contextMenuBackgroundColor: var(--gdtfDarkBlue);
    --contextMenuItemHoverBackgroundColor: #4393e6;
    --contextMenuItemActiveBackgroundColor: #1d79d9;

    /************** Tutorial vars ******************************/
    --tutorialNextImageFilter: none;
    --tutorialUnicodeNextBackgroundColor: #FF22AE;
    --tutorialUnicodeNextBorder: 1px solid #FF22AE;

    /************** Login vars ******************************/
    --loginBackgroundColorFallback: var(--gdtfDarkBlue);
    --loginBackground: var(--loginBackgroundColorFallback);
    --loginTopBannerBackgroundColor: transparent;
    --loginTopBannerSignColor: initial;
    --loginSubmitButtonMarginTop: 3px;
    --loginDescriptionBackgroundColor: rgba(0, 0, 0, 0.2);

    /************** Upload vars ******************************/
    --prepareUploadBigButtonColor: black;
    --prepareUploadBigButtonBackgroundColor: #3DB5E6;
    --prepareUploadBigButtonHoverBackgroundColor: #40809a;

    --prepareUploadDropZoneBackgroundColor: rgba(64, 129, 154, 0.467);
    --prepareUploadDropZoneBorderColor: #40819a;

    --performUploadHeadlineAlign: center;
    --performUploadHelpDivBorder: 2px solid white;
    --performUploadHelpDivWarnBorder: 2px solid #ff9100;
    --performUploadControlButtonFontSize: unset;
    --performUploadSimilarsListBackgroundColor: transparent;

    /************** Multi download vars ******************************/
    --multiDownloadFilterBackgroundColor:#393939;
    --multiDownloadFilterBorder:1px solid transparent;
    --multiDownloadMarginBottom:2px;

    /************** Multi Upload vars ******************************/
    --multiUploadErrorBoxBackgroundColor: #293156;
    --multiUploadErrorBoxBorderColor: #40819a;

    /************** Update user vars ******************************/
    --updateUserOptionListBackgroundColor: #393939;
    --updateUserOptionListHoverBackgroundColor: #40809a;
    --updateUserOptionListBorderColor: #191919;
    --updateUserOptionListBorderWidth: 0px 0px 1px 0px;
    --updateUserOptionListMarginBottom: 0px;

    /************** Images ******************************/
    --closeImage: url('/images/gdtf/close.png');
    --closeImageHover: url('/images/gdtf/close_glow.png');
    --clearInputImage: url('/images/gma3/close.png');
    --nextImage: url('/images/gdtf/next.png');
    --filterImage: url('/images/gma3/filter.png');
    --menuImage: url('/images/gma3/menu.png');
    --unFavoriteImage: url('/images/gma3/favorite_unselect.png');
    --rateImg: url('/images/gma3/star_empty.png');
    --trashImage: url('/images/gma3/trash.png');
    --tipImage: url('/images/gma3/tip.png');
    --warnImage: url('/images/gma3/attention.png');
}

/************** Fonts ******************************/
@font-face {
    font-family: "manrope";
    src: url("/fonts/manrope-light.woff") format('woff');
}

@font-face {
    font-family: "headline";
    src: url("/fonts/manrope-medium.woff") format('woff');
}

/************** Icons ******************************/
#upload-file {
    background-image: url('/images/gma3/upload.png');
}

#upload-file:hover,
#upload-file.selected {
    background-image: url('/images/gma3/upload_glow.png');
}

#download-file {
    background-image: url('/images/gma3/download.png');
}

#download-file:hover,
#download-file.selected {
    background-image: url('/images/gma3/download_glow.png');
}

#download-files {
    background-image: url('/images/gma3/save.png');
}

#download-files:hover,
#download-files.selected {
    background-image: url('/images/gma3/save_glow.png');
}

#edit-profile {
    background-image: url('/images/gma3/user.png');
}

#edit-profile:hover,
#edit-profile.selected {
    background-image: url('/images/gma3/user_glow.png');
}

#favorite-files {
    background-image: url('/images/gma3/favorites.png');
}

#favorite-files:hover,
#favorite-files.selected {
    background-image: url('/images/gma3/favorites_glow.png');
}

#search-file {
    background-image: url('/images/gma3/footprint.png');
}

#search-file:hover,
#search-file.selected {
    background-image: url('/images/gma3/footprint_glow.png');
}

.headlineLeftMenu.help {
    background-image: url('/images/gma3/help.png');
}

.headlineLeftMenu.help:hover {
    background-image: url('/images/gma3/help_glow.png');
}

.headlineLeftMenu.tips {
    background-image: url('/images/gma3/bulb.png');
}

.headlineLeftMenu.tips:hover {
    background-image: url('/images/gma3/bulb_glow.png');
}

.headlineLeftMenu.logout {
    background-image: url('/images/gma3/logout.png');
}

.headlineLeftMenu.logout:hover {
    background-image: url('/images/gma3/logout_glow.png');
}

.headlineLeftMenu.admin {
    background-image: url('/images/gma3/admin.png');
}

.headlineLeftMenu.admin:hover {
    background-image: url('/images/gma3/admin_glow.png');
}

.headlineLeftMenu.home {
    background-image: url('/images/gma3/home.png');
}

.headlineLeftMenu.prev {
    background-image: url('/images/gma3/prev.png');
}

.headlineLeftMenu.share {
    background-image: url('/images/logo_gdtf.png');
}

.revIcon.ellipsis {
    background-image: url('/images/gma3/ellipsis.png');
}

.revIcon.edit-file {
    background-image: url('/images/gma3/edit.png');
}

.revIcon.delete-file {
    background-image: url('/images/gma3/trash.png');
}

.revIcon.download-file {
    background-image: url('/images/gma3/download.png');
}

.revIcon.repair-file {
    background-image: url('/images/gma3/wrench.png');
}

.revIcon.move-file {
    background-image: url('/images/gma3/move.png');
}

.revIcon.favorite-file {
    background-image: url('/images/gma3/favorite_unselected.png');
}

.revIcon.upgrade-file {
    background-image: url('/images/gma3/upgrade.png');
}

.revIcon.downgrade-file {
    background-image: url('/images/gma3/downgrade.png');
}

.revIcon.favorite-file.unselected {
    background-image: url('/images/gma3/favorite_unselected.png');
}

.revIcon.favorite-file.selected {
    background-image: url('/images/gma3/favorite_selected.png');
}

.revIcon.favorite-file.selected:hover {
    background-image: url('/images/gma3/favorite_unselect.png');
}

.revIcon.report-file {
    background-image: url('/images/gma3/restriction.png');
}

.revIcon.report-file.true {
    right: 5px;
    background-image: url('/images/restriction_red.png');
}

.revIcon.merge-category {
    background-image: url('/images/gma3/merge.png');
}

.revIcon.reset {
    background-image: url('/images/gma3/refresh.png');
}

.fileListBodyLineTested.tested {
    background-image: url('/images/gma3/irl_gray.png');
}

.fileListBodyLineTested.tested.true {
    background-image: url('/images/gma3/irl.png');
}

.fileListBodyLineTested.tested.true.user,
.fileListBodyLineTested.tested.user {
    background-image: url('/images/gma3/irl_glow.png');
}

.fileListBodyLineTested.d3 {
    background-image: url('/images/gma3/3D_gray.png');
}

.fileListBodyLineTested.d3:hover {
    background-image: url('/images/3D_53440.gif');
}

.fileListBodyLineTested.d3.true {
    background-image: url('/images/gma3/3D.png');
}

.fileListBodyLineTested.d3.true:hover {
    background-image: url('/images/3D_53440.gif');
    filter: brightness(100);
}

.fileListBodyLineTested.d3.true:hover {
    background-image: url('/images/3D_54567.gif');
}

.fileListBodyLineTested.d3.true.user,
.fileListBodyLineTested.d3.user {
    background-image: url('/images/gma3/3D_glow.png');
}

.fileListBodyLineTested.d3.true.user:hover,
.fileListBodyLineTested.d3.user:hover {
    background-image: url('/images/3D_53440.gif');
    filter: brightness(100);
}

.fileListBodyLineTested.man {
    background-image: url('/images/gma3/manufacturer_gray.png');
    cursor: default;
}

.fileListBodyLineTested.man.true {
    background-image: url('/images/gma3/manufacturer.png');
}

.fileListBodyLineTested.ma {
    background-image: url('/images/gma3/MA_gray.png');
}

.fileListBodyLineTested.ma.true {
    background-image: url('/images/gma3/MA.png');
}

.fileListBodyLineTested.orig {
    width: 25px;
    background-image: url('/images/gma3/robot_gray.png');
}

.fileListBodyLineTested.orig.true {
    background-image: url('/images/gma3/robot.png');
}

.fileListBodyLineTested.release {
    background-image: url('/images/gma3/release.png');
    cursor: default;
}

.fileListBodyLineTested.wip {
    background-image: url('/images/gma3/wip.png');
    cursor: default;
}

/************** Big buttons ******************************/
.button-full {
    align-items: center;
    border: 2px solid #000;
    border-radius: 4em;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 700;
    height: 54px;
    justify-content: center;
    max-width: 100%;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 10px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    background-color: #000;
    transition: all .3s, color .3s;
}

.button-full:active {
    outline: 0;
}

.button-full.button-white {
    color: black;
    border: 2px solid white;
    background-color: white;
}

.button-full.button-blue {
    color: white;
    border: 2px solid var(--gdtfBlue);
    background-color: var(--gdtfBlue);
}

.button-full span {
    font-weight: 400;
    font-family: inherit;
}

.hover-blue:hover {
    background-color: var(--gdtfBlue);
    color: white;
    border: 2px solid var(--gdtfBlue);
}

.hover-orange:hover {
    background-color: var(--gdtfOrange);
    color: white;
    border: 2px solid var(--gdtfOrange);
}

.hover-dark-blue:hover {
    background-color: var(--gdtfDarkBlue);
    color: white;
    border: 2px solid var(--gdtfDarkBlue);
}

.button-outline {
    align-items: center;
    border: 2px solid #000;
    border-radius: 4em;
    box-sizing: border-box;
    color: #000;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    height: 54px;
    justify-content: center;
    max-width: 100%;
    min-width: 145px;
    padding-left: 22px;
    padding-right: 22px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    transition: background-color .3s, color .3s;
}

.button-outline span {
    font-family: inherit;
}

.button-outline:hover {
    background-color: black;
    color: white;
}

.button-outline.button-white {
    color: white;
    border: 2px solid white;
}

.button-outline.button-white:hover {
    background-color: white;
    color: black;
}

/************** Custom checkboxes ******************************/
.list-link-container.selected .checkboxContainer .checkMark,
.list-link-container.selected .checkboxContainer .checkMark:after {
    border-color: white;
}

#globalFilters .checkboxContainer .checkMark,
#globalFilters .checkboxContainer .checkMark:after,
#searchFilters .checkboxContainer .checkMark,
#searchFilters .checkboxContainer .checkMark:after {
    border-color: white;
}

#downloadFilterContainer .checkboxContainer .checkMark,
#downloadFilterContainer .checkboxContainer .checkMark:after {
    border-color: white;
}

#updateInfo .checkboxContainer .checkMark,
#updateInfo .checkboxContainer .checkMark:after {
    border-color: white;
}

#reportTable .checkboxContainer .checkMark,
#reportTable .checkboxContainer .checkMark:after {
    border-color: white;
}

/************** Scroll bars ******************************/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background: var(--gdtfDarkerGray);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--gdtfBlue);
    border-radius: 10px;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.7);
}

::-webkit-scrollbar-track:hover {
    background: #8f8f8f;
}