body {padding: 0px; margin: 0px; border: 0; min-width: 100%; position: relative; height: 100%; }
.mag-navbarmenu { --mag-nav-text-hover-color: var(--mag-nav-text-color); }

.siteContentWrapper { display: block; }
.siteBodyWrapper { background-color: var(--mag-page-bg-color); }
.mag-site-main-menu, .siteBody, .site-footer, .content-width {position: relative; }
.site-page-header { display: block; position: relative; min-height: 120px; }
html:not(.public) .site-page-header { border-bottom: 2px solid var(--mag-element-border-color); }

.top-ribbon-items-container { color: var(--mag-nav-text-color); min-height: 40px; padding: 15px 15px 0 15px; }
.disabled-emails .glyphicon-ban { background: linear-gradient(145deg, var(--mag-primary-color), 20%, var(--mag-nav-bg-color) 100%);}

.sys-instace-type {max-width: 260px; white-space: nowrap; font-size:smaller;padding:4px 7px; border:1px solid; border-radius:var(--mag-border-radius);}

@media (min-width: 768px) { 
    .mag-site-main-menu .nav > li > a { font-weight: 500; white-space: nowrap; }
    .mag-site-main-menu .nav > li > a, .mag-site-main-menu .nav > li.open > a:focus { letter-spacing: 1px;}

    .mag-site-main-menu .dropdown-menu li a {  background-color: transparent; border: 0; text-align: left; white-space: nowrap; opacity: 0.8 }

    .mag-site-main-menu .nav > li > .alltabsCustomStyle { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.mag-navbarmenu { background-color: transparent; }
.mag-site-main-menu .nav > li a { text-shadow: none; opacity: 0.8 }
.mag-site-main-menu .navbar-nav li.active > a, .mag-site-main-menu .navbar-nav li > a:hover, .mag-site-main-menu .navbar-nav li > a:focus { opacity: 1; }
.site-page-header, .mag-site-main-menu .dropdown-menu, .siteFooter { background: var(--mag-nav-bg-color); 
                                                                     background: linear-gradient(90deg, var(--mag-primary-color), 50%, var(--mag-nav-bg-color) 100%); }
body { background: var(--mag-page-bg-color); background: linear-gradient(90deg, var(--mag-primary-color), 50%, var(--mag-nav-bg-color) 100%); }

/* basic settings */
.clear { border-style: none; border-width: 0px; float: inherit; }
.relatedListHeader { line-height: 20px; margin-bottom: 2px; }

/*content*/
.public .content .login-title { margin: 0; }
.public .siteBodyWrapper { background-color: transparent; }
.public .site-page-header { display:flex; align-items:center;}
.public #loginPanel .login-line-sep:before { background: var(--mag-page-bg-300);}
.public .site-logo-img { position: relative; left: auto; display: inline-block; }
.public:not(.public) .site-logo-img { top: 22px; }
.public .siteBody .content .actionLink, .public .siteBody .content a:not(.btn) { color: var(--mag-page-text-color) !important; }
.public .site-page-header.navbar-fixed ~ .siteContentWrapper { padding-top: 150px; }

.verticalSpacer { border-left: 1px solid var(--mag-element-border-color); border-right: 1px solid var(--mag-element-border-color); display: inline-block; height: 26px; margin: 6px 3px 1px; }
.siteBody { height: 100%; min-height: 550px; }
.bs3 .siteBody { padding: 15px; }
.bs5 .siteBody { padding: .75rem; }
.site-page-header.navbar-fixed ~ .siteContentWrapper { padding-top: 123px; }
.siteHeader { height: 80px; width: 100%; }

.bs5 .site-header-items-right-aligned { right: 12px; }

.site-header-items-right-aligned .sys-instace-type { margin-right: 15px; }
.site-page-header .appLink, 
.btn-mag-lang-picker .dropdown-toggle, 
.mag-search-container .glyphicon-search { color: var(--mag-nav-text-color) !important; position: relative; }

.site-page-header .userinfo-popover-link { text-decoration: none; color: var(--mag-nav-text-color) !important; }
.site-page-header .userinfo-popover-link img { box-shadow: 0 4px 8px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.08); border: 0; }
.site-page-header .signin-link, .site-page-header .signup-link { color: var(--mag-nav-text-color) !important; opacity:0.8; }
.site-page-header .signin-link:hover, .site-page-header .signup-link:hover,
.site-page-header .signin-link:focus, .site-page-header .signup-link:focus { opacity: 1; text-decoration: none; }

@media (min-width:992px) {
    .siteFooter .social-media-links { text-align: right; }
}

@media (max-width:1024px) {
    .siteFooter .flexbox-container { flex-direction: column; }
    .siteFooter .site-footer-social-links { order: 1; }
    .siteFooter .site-footer-links { order: 2; }
}

@media (max-width: 767px) {
    .site-page-header .mag-site-main-menu { border: none; }
    .bs5 .mag-site-main-menu .navbar-toggler { margin: 22px 0; }

    .mag-site-main-menu .navbar-nav > li > a { color: var(--mag-nav-text-color); padding: .5rem 1rem; opacity: 0.8; }
    .site-header-items-right-aligned .sys-instace-type,
    .site-header-items-right-aligned .txt-user-name { display: none; }
    .sys-instace-type { display: none; }
}

.siteFooter .footerTabs { display: none; }
.siteFooter { border-top: 2px solid var(--mag-element-border-color); color: var(--mag-nav-text-color); background-color: transparent; }
.siteFooter .flexbox-container { gap: 1.25rem; }
.siteFooter .site-footer a { color: var(--mag-nav-text-color); text-decoration: none; opacity: 0.8; }
.siteFooter .site-footer a:hover { color: var(--mag-nav-text-color); text-decoration: underline; opacity: 1; }
.sitefooter-link-item + .sitefooter-link-item:before { color: var(--mag-nav-text-color); opacity: 0.6; }
.siteFooter .social-media-links li.social-media-links-list-item a { color: var(--mag-nav-text-color); background: var(--mag-nav-hover-bg-color); opacity: 0.7; }
.siteFooter .social-media-links li.social-media-links-list-item a:hover { opacity: 1; border-color: transparent; }
.site-footer { text-align: left; }

.siteHeader-items .top-ribbon-items .mag-search-container .glyphicon-search { color: var(--mag-nav-text-color); }
.siteHeader-items .top-ribbon-items .mag-search-container .mag-global-search.form-control { background-color: var(--mag-nav-hover-bg-color); border-color: var(--mag-nav-active-bg-color); color: var(--mag-nav-text-color); }
.siteHeader-items .top-ribbon-items .mag-search-container .mag-global-search.form-control:focus { box-shadow: 0 0 0 0.1rem var(--mag-nav-active-bg-color); }
.siteHeader-items .top-ribbon-items .mag-search-container .dropdown-menu { background-color: var(--mag-nav-hover-bg-color); border-color: var(--mag-nav-bg-color); color: var(--mag-nav-text-color); }
.siteHeader-items .top-ribbon-items .mag-search-container .dropdown-menu > li > a { color: var(--mag-nav-text-color); }
.siteHeader-items .top-ribbon-items .mag-search-container .dropdown-menu > li > a:hover,
.siteHeader-items .top-ribbon-items .mag-search-container .dropdown-menu > li > a:focus { background-color: var(--mag-nav-bg-color); }
.siteHeader-items .top-ribbon-items .mag-search-container .mag-global-search::placeholder { color: var(--mag-nav-text-color); opacity: 0.7; }
.siteHeader-items .top-ribbon-items .mag-search-icon { color: var(--mag-nav-text-color); }
.siteHeader-items .top-ribbon-items .mag-search-icon:hover,
.siteHeader-items .top-ribbon-items .mag-search-icon:focus { color: var(--mag-nav-text-color); }