
/* LanguagesControl rules */
.LanguagesControl {
    float: left;
}

.LanguagesControl .HyperLinkFlag .svg-footer-flag {
    opacity: 0.5;
    height: 16px;
    padding-right: 10px;
}

.LanguagesControl .HyperLinkFlag .svg-footer-flag:hover {
    opacity: 0.8;
}

.LanguagesControl .HyperLinkFlag.current-selected .svg-footer-flag,
.LanguagesControl .HyperLinkFlag.current-selected .svg-footer-flag:hover {
    opacity: 1;
}


.LanguagesControl .HyperLinkFlag .LabelLanguage {
    text-transform: uppercase;
}

.LanguagesControl .HyperLinkFlag .LabelLanguage:hover {
    opacity: 0.8;
}


/* MainHeader rules */
.MainHeader {
    height: 100px;
    display: none;
}

.MainContent {
    display: none;
}

/* MainMenu rules */
.MainMenu {
    margin-top: 50px;
    height: 40px;
    margin: auto;
}
   
.MainMenu .Separator {
    line-height: 28px;
}

.MainMenu .ImageUser {
    float:left;
    max-height: 25px;
    margin-top: 7px;   
    vertical-align: baseline;
}

.MainMenu .FontIconUser {
    float: left;
}

.MainMenu .fas, 
.MainMenu .far {
    padding-top: 1px;
    font-size: 1.2em;
}

.MainMenu .MenuSearch:hover,
.MainMenu a img:hover,
.MainMenu input[type="image"]:hover {
    opacity: 1;
}

.MainMenu .navbar-header .LinkButtonBrand {
    margin-bottom: 0;
}

.MainMenu .navbar-header .LinkButtonBrand .SvgObject, 
.MainMenu .navbar-header .LinkButtonBrand .SvgObject img {
    height: 21px;
    width: 170px;
}

.MainMenu .dropdown-menu > li,
.MainMenu .dropdown-menu > li > a {
    height: auto;
}

.MainMenu .dropdown-menu > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0;
    margin-bottom: 0;
}

/* MainMenu rules */
.MainMenu #MainMenu_liMenuSearch .dropdown-toggle,
.MainMenu #MainMenu_liMenuSearch .dropdown-toggle:hover,
.MainMenu #MainMenu_liMenuSearch .dropdown-toggle:visited,
.MainMenu #MainMenu_liMenuSearch .dropdown-toggle:focus,
.MainMenu #MainMenu_liMenuSearch .dropdown-toggle:active {
    padding-left: 0;
}

.MainMenu .LanguagesControl {
    font-size: 0.9em;
}

.MainMenu .LanguagesControl > * {
    margin-right: 5px;
}

.MainMenu .LanguagesControl .HyperLinkFlag .svg-footer-flag {
    opacity: 1;
}
    
.MainMenu .LanguagesControl .HyperLinkFlag .svg-footer-flag:hover {
    opacity: 0.8;
}

.MainMenu .LabelSup {
    font-size: 0.6em;
    display: inline-block;
    vertical-align: super!important;
}

.MainMenu .MenuLanguages .dropdown-menu {
    min-width: 0;
}

.MainMenu .FontIcon { /* rule below with min-width sets display of icons for md screens or above */
    display: none;
}

.MainMenu .fa-user-circle {
    padding-top: 6px;
}


/*
.MainMenu .Bookmarks .dropdown-menu .HyperLinkBookmark {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
*/

.MainMenu .Bookmarks .dropdown-menu .divider {
    width: 100%;
    height: 1px;
    padding: 0;
    margin-top: 2px;
    margin-bottom: 2px;
}

.MainMenu .Bookmarks .dropdown-menu {
    padding-top: 10px;
}

.MainMenu .Bookmarks .all {
    font-size: 0.5em;
    padding-left: 20px;
    padding-right: 10px;
    display: flex;
}

.MainMenu .Bookmarks .all .left {
    width: 15px;
    font-size: 0.8em;
}

.MainMenu .Bookmarks .all .right {
    padding-left: 5px;
}

.MainMenu .Bookmarks .all .right .LabelBookmark {
    max-width: 100%;
    width: 290px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.MainMenu .Bookmarks .all .FontIcon { /* rule below with min-width sets display of icons for md screens or above */
    display: block!important;
}


/* Footer rules */
.footer .pull-right {
    margin: 0;
}

.FooterTop {
    clear: both;
    margin: auto;
}

.FooterTop .FooterHeader {
    line-height: 38px;
}

.FooterTop .FooterBody {
    padding-top: 10px;
    padding-bottom: 10px;
}

.FooterTop p {
    margin-bottom: 0.4em;
    margin-top: 0;
}

.FooterTop .FooterMail {
    text-decoration: underline;
}

.FooterFixed {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

.FooterFixed .RepeaterFlags {
    float: right;
    line-height: 40px;
    margin-right: 20px;
}

.FooterFixed .ImageButtonInstitutionLogo {
    margin-bottom: 0;
}

.FooterFixed .ImageButtonInstitutionLogo .SvgObject, 
.FooterFixed .ImageButtonInstitutionLogo .SvgObject img {
    height: 25px;
}



@media (min-width: 768px) {

    .MainMenu .LabelLanguages,
    .MainMenu .LabelBookmarks,
    .MainMenu .LabelLogin,
    .MainMenu .LabelLogout,
    .MainMenu .LabelWelcome,
    .MainMenu .LabelHelp {
        display: none;
    }

    .MainMenu .FontIcon {
        display: inline;
    }

    .MainMenu .LabelUserName {
        padding-left: 10px;
    }

}

@media (min-width: 992px) {

    .MainMenu .LanguagesControl a > *,
    .MainMenu .Bookmarks .dropdown-menu > li a > * {
        color: var(--common-theme-text-color);
    }

    .MainMenu .Bookmarks .dropdown-menu .HyperLinkBookmark {
        max-width: 300px;
    }

}

@media (max-width: 768px) {
    
    .MainMenu .Bookmarks .dropdown-menu {
        padding-left: 10px;
    }

    .MainMenu .HyperLinkBookmarkActions,
    .MainMenu .Bookmarks .all {
        padding-left: 10px;
    }

    .MainMenu .Bookmarks .all .right .LabelBookmark {
        width: 250px;
    }
}

@media (max-width: 992px) {

    .MainMenu .HyperLinkSearchDescriptionsSingle {
        width: calc(100% - 25px) !important;
    }

    .MainMenu .dropdown-toggle-search {
        width: auto !important;
    }
}

@media (max-width: 480px) {

    .MainMenu .Bookmarks .all .right .LabelBookmark {
        width: 175px;
    }
}
