:root {
    /************** Main colors ******************************/
    --maOrange: #E8A901;

    /************** General definitions ******************************/
    --generalBackupFontFamily: initial;
    --generalFontFamily: sans-serif;
    --generalFontSize: 14px;
    --generalFontColor: rgba(255, 255, 255, 0.79);
    --generalHeadLineFontColor: var(--generalFontColor);
    --generalLinkColor: white;
    --generalBorderRadius: 6px;
    --generalDivBorderRadius: 0px;
    --generalBorder: 1px solid var(--maOrange);
    --generalBorderThick: 2px solid var(--maOrange);
    --generalBackgroundColor: #191919;
    --generalLabelColor: initial;

    /************** Body,Footer,Headlines ******************************/
    --bodyBackgroundColor: #1A1A1A;

    --footerHeight: 30px;
    --footerColor: white;
    --footerBackgroundColor: #1A1A1A;

    --headlineColor: white;
    --headline2Color: var(--maOrange);

    /************** Inputs,Buttons,Textarea, Selects ******************************/
    --inputHeight: 32px;
    --inputColor: white;
    --inputBackgroundColor: #004000;
    --inputBackgroundColorHover: #004000;
    --inputBorder: 2px solid #0A310A;
    --inputBorderWidth: initial;
    --inputBorderRadius: 6px;
    --inputFontSize: 1em;

    --placeHolderColorWebkit: gray;
    --placeHolderColorFirefox: gray;
    --placeHolderColorMS: gray;

    --inputButtonSpacing: 2px;
    --inputLikeButtonHeight: 35px;
    --borderRoundingLeft: var(--generalBorderRadius);
    --borderRoundingRight: var(--generalBorderRadius);
    --borderRoundingBottom: var(--generalBorderRadius);

    --clearInputImgSize: 30px;
    --clearInputImgOffset: 4px;
    --clearInputImgOffsetOutside: 2px;

    --buttonColor: var(--generalFontColor);
    --buttonHoverColor: var(--generalFontColor);
    --buttonBackground: black;
    --buttonHoverBackgroundColor: #989898;
    --buttonBorder: 2px solid #E8A901;
    --buttonBorderRadius: var(--generalBorderRadius);
    --buttonBigBorderRadius: var(--generalBorderRadius);
    --buttonTransition: none;

    --textAreaColor: #FDFDFD;
    --textAreaBackgroundColor: #989898;
    --textAreaBorder: 1px solid #989898;
    --textAreaBorderWidth: 1px;
    --textAreaBorderRadius: var(--generalBorderRadius);
    --textAreaPlaceHolderColor: var(--placeHolderColorWebkit);

    --selectBackground: var(--selectImage) no-repeat right bottom 30%/1.3em, #393939;
    --selectBorder: 1px solid #989898;
    --selectBorderWidth: 1px;
    --selectImage: url("/images/down.png");
    --optionColor: var(--generalFontColor);
    --optionBackground: var(--selectBackground);

    --checkBoxBorderColor: #E8A901;
    --checkBoxCheckMarkColor: #E8A901;
    --checkBoxHoverBackgroundColor: #818181;
    --checkBoxCheckedBackgroundColor: #115600;
    --checkBoxDisabledBackgroundColor: #575757;
    --checkBoxBorderRadius: 3px;

    /************** Share Main view items ******************************/
    --headlineBackgroundColor: #000082;
    --headlineBorder: none;
    --headlineBorderRadius: 0px;
    --headlineHeight: 40px;
    --headlineFontSize: 1.5em;
    --headlineIconSize: 32px;
    --headlineIconOffset: 0px;
    --currentUserFontSize: 1.5em;

    --menuContainerBackgroundColor: transparent;
    --menuContainerBorder: none;
    --mainViewSpacing: 2px;
    --closeIframeIconFilter: none;

    --lastUploadedFixtureTitleColor: var(--headlineColor);
    --lastUploadedFixtureEntryMargin: 4px;
    --lastUploadedFixtureEntryBorder: 2px solid white;
    --lastUploadedFixtureEntryBackground: #393939;
    --lastUploadedFixtureEntryHoverBackground: #989898;
    --lastUploadedFixtureTransition: none;

    /************** Search and filter items ******************************/
    --customBarBorder: none;
    --customBarBackgroundColor: var(--generalBackgroundColor);
    --customBarResultBorderWidth: 1px;
    --filterInputBorderRadius: var(--inputBorderRadius);
    --searchBarBackgroundColor: #393939;
    --searchInputMarginBottom: 0px;
    --searchResultBackgroundColor: #393939;
    --searchResultHoverBackgroundColor: #989898;

    --globalFiltersBackgroundColor: #1A1A1A;
    --globalFiltersBorderBottom: none;
    --globalFiltersResetImageOffset: 6px;
    --globalFiltersSelectFontSize: 1em;

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

    /************** Main menu items ******************************/
    --mainMenuBorderLeft: 1px solid #E8A901;
    --mainMenuBorderRight: none;

    --mainMenuListsBackgroundColor: transparent;

    --mainMenuLevelBackgroundColor: #393939;
    --mainMenuLevelCollapsedBackgroundColor: #393939;
    --mainMenuLevelCollapsedTransition: none;
    --mainMenuLevelCollapsedHoverBackgroundColor: #989898;
    --mainMenuLevel2HoverBackgroundColor: var(--mainMenuLevelBackgroundColor);

    --mainMenuHeadlineBackgroundColor: #000082;

    --mainMenuInputContainerBackgroundColor: #004200;
    --mainMenuInputContainerMargin: 2px;
    --mainMenuInputContainerBorderRadius: 6px;
    --mainMenuInputContainerBorder: 2px solid #0A310A;

    --mainMenuFilterSectionMargin: 0px;
    --mainMenuFilterSectionBackgroundColor: transparent;
    --mainMenuFilterInputBorderRadius: var(--generalBorderRadius);
    --mainMenuFilterInputBorder: var(--inputBorder);

    --mainMenuListsContainerBorderColor: none;
    --mainMenuListContainerBackgroundColor: transparent;
    --mainMenuListContainerHoverBackgroundColor: #989898;
    --mainMenuListContainerHoverTextShadow: none;
    --mainMenuListContainerBorderColor: #191919;
    --mainMenuListContainerColor: initial;

    --mainMenuSelectedListContainerBoxShadow: 0 0 3px 3px white inset;
    --mainMenuSelectedListContainerColor: inherit;
    --mainMenuSelectedListContainerBackgroundColor: #585858;
    --mainMenuSelectedListContainerFontWeight: normal;

    /************** File list items ******************************/
    --fileListBackgroundColor: transparent;
    --fileListBorderCollapse: initial;
    --fileListHeadBackgroundColor: #393939;
    --fileListBackgroundColorOdd: #7d7d7d;
    --fileListBackgroundColorEven: #646464;
    --fileListBackgroundColorHover: #8c8c8c;
    --fileListTextShadowHover: none;
    --fileListTransition: none;
    --fileListDefaultColor: var(--generalFontColor);
    --fileListSelectedColor: var(--generalFontColor);
    --fileListSelectedBackgroundColor: initial;
    --fileListDefaultImageFilter: none;
    --fileListRateStarsFilter: var(--fileListDefaultImageFilter);
    --selectedRevisionLineBorder: inset 0px 3px 3px 0px white, inset 0px -3px 3px 0px white;
    --selectedRevisionLineColor: initial;
    --revisionNameOffset: 0px;

    --revisionContainerBorderRadius: 0px;
    /************** Revision detail items ******************************/
    --revisionDetailsBorderTop: 1px solid #393939;
    --revisionDetailsOffsetTop: 0px;
    --revisionDetailsBorderLeft: 2px solid #191919;
    --revisionDetailsHeadlineOffsetTop: 10px;
    --revisionDetailHeadlineBackgroundColor: var(--headlineBackgroundColor);
    --revisionDetailBackgroundColor: transparent;
    --footprintAreaBackgroundColor: var(--searchBarBackgroundColor);
    --commentDivBackgroundColor: var(--searchBarBackgroundColor);
    --commentTextAreaBorderRadius: 0px;
    --commentTextAreaBorder: 1px solid #989898;
    --commentTextAreaBorderWidth: 1px;
    --commentTextAreaHoverBorder: 1px solid black;
    --commentTextAreaHoverBorderWidth: 1px;
    --commentTextAreaColor: var(--generalFontColor);
    --commentAreaColor: var(--generalFontColor);
    --infoDotBackgroundColor: var(--generalFontColor);

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

    --speechBubbleBackgroundColor: #0000ff;
    --speechBubbleBorder: none;

    /************** Message,Popup vars ******************************/
    --feedbackContainerBackgroundColor: #282828;
    --feedbackContainerColor: var(--generalFontColor);
    --feedbackContainerBorder: 2px solid #b48d00;
    --feedbackContainerBorderRadius: 5px;

    --messageHeadlineBackgroundColor: blue;
    --messageErrorHeadlineBackgroundColor: darkred;
    --messageWarningHeadlineBackgroundColor: darkgoldenrod;
    --messageInfoHeadlineBackgroundColor: cadetblue;

    --messageWarningAndErrorHeadlineLetterSpacing: initial;
    --messageWarningAndErrorHeadlineTextTransform: initial;

    --waitImageBorder: .6em solid gray;
    --waitImageBorderTopColor: #E8A901;

    --progressBarBackgroundColor: #E8A901;

    /************** Context menu vars ******************************/
    --contextMenuBackgroundColor: #646464;
    --contextMenuItemHoverBackgroundColor: #8C8C8C;
    --contextMenuItemActiveBackgroundColor: #8C8C8C;

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

    /************** Login vars ******************************/
    --loginBackgroundColorFallback: black;
    --loginBackground: url("/images/background.png") no-repeat center center fixed;
    --loginTopBannerBackgroundColor: rgba(0, 0, 0, .5);
    --loginTopBannerBorderRadius: 0px 0px 20px 20px;
    --loginTopBannerSignColor: #E8A901;
    --loginContentBackgroundColor: transparent;
    --loginContentMarginTop: 30px;
    --loginContentBorderTop: none;
    --loginContentRightBorderLeft: none;
    --loginContentRightPadding: 0;
    --loginVideoBackgroundColor: rgba(0, 0, 0, 0.6);
    --loginVideoBorderRadius: 20px;
    --loginSubmitButtonMarginTop: initial;
    --loginDescriptionBackgroundColor: rgba(0, 0, 0, 0.7);
    --loginDescriptionBorderRadius: 20px;
    --loginDescriptionPadding: 1em;

    --videoControlImageFilter: none;
    --videoControlPlayImage: url("/images/play.png");
    --videoControlPauseImage: url("/images/pause.png");
    --videoControlMuteImage: url("/images/mute.png");
    --videoControlUnMuteImage: url("/images/speaker.png");
    --videoControlFullScreenImage: url("/images/fullscreen.png");

    --videoControlDurationThumbHeight: 1.5em;
    --videoControlDurationThumbWidth: 1.5em;
    --videoControlDurationSliderTrackHeight: 0.25em;
    --videoControlDurationThumbBackgroundColor: var(--maOrange);
    --videoControlDurationSliderTrackBackgroundColor: gray;

    --cookieBannerBorderRadius: 20px 20px 0px 0px;

    /************** Set password vars ******************************/
    --setPasswordFlexRowWith: 28em;

    /************** Upload vars ******************************/
    --prepareUploadBigButtonColor: initial;
    --prepareUploadBigButtonBackground: #393939;
    --prepareUploadBigButtonHoverBackground: #545454;

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

    --performUploadHeadlineAlign: initial;
    --performUploadHelpDivBorder: 2px outset #E8A901;
    --performUploadHelpDivWarnBorder: 2px outset #ff3b00;
    --performUploadControlButtonFontSize: 14px;
    --performUploadSimilarsListBackgroundColor: #393939;

    /************** Multi download vars ******************************/
    --multiDownloadFilterBackgroundColor: var(--searchResultBackgroundColor);
    --multiDownloadFilterBorder: 1px solid;
    --multiDownloadMarginBottom: 8px;

    /************** Multi Upload vars ******************************/
    --multiUploadErrorBoxBackgroundColor: #282828;
    --multiUploadErrorBoxBorderColor: #b48d00;

    /************** Update user vars ******************************/
    --updateUserOptionListBackground: #393939;
    --updateUserOptionListHoverBackground: #989898;
    --updateUserOptionListBorderColor: #989898;
    --updateUserOptionListBorderWidth: 1px;
    --updateUserOptionListMarginBottom: .2em;

    /************** Images ******************************/
    --closeImage: url('/images/close.png');
    --closeImageHover: url('/images/close_glow.png');
    --clearInputImage: url('/images/close.png');
    --nextImage: url('/images/next.png');
    --filterImage: url('/images/filter.png');
    --descImage: url('/images/sort_desc.png');
    --ascImage: url('/images/sort_asc.png');
    --menuImage: url('/images/menu_orange.png');
    --unFavoriteImage: url('/images/favorite_unselect.png');
    --rateImg: url('/images/star_empty.png');
    --trashImage: url('/images/trash.png');
    --tipImage: url('/images/tip.png');
    --okImage: url('/images/ok.png');
    --warnImage: url('/images/attention.png');
    --errorImage: url('/images/restriction_red.png');
    --refreshImage: url('/images/refresh.png');
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.headlineLeftMenu.share {
    background-image: url('/images/MA_cent.png');
    margin-top: 4px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/************** Menu responsive with modes in gma2 ******************************/
/* desktop version (only gma2 due to modes)*/
@media screen and (min-width: 1000px) {

    /* See menuDesktopVersionWidth*/
    #menuContainer.collapsed {
        width: 20% !important;
    }
}

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

    /* See menuDesktopVersionWidth*/
    #pageContainer {
        width: 80% !important;
    }
}

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

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #b7b7b7;
    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(207, 195, 19, 0.658);
    -webkit-box-shadow: inset 0 0 25px rgba(207, 195, 19, 0.658);
}

::-webkit-scrollbar-track:hover {
    background: rgba(207, 195, 19, 0.658);
}