body { width: 100%; height: 100%; background-color: var(--mag-header-bg-color); }
body, div { padding: 0; margin: 0; }

nav.mag-site-main-menu { max-width: var(--mag-page-width); margin: 0 auto; }
.siteHeaderWrapper { background-color: var(--mag-header-bg-color); }
.siteBodyWrapper { background-color: var(--mag-page-bg-color); }
.siteHeader { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap:15px;}
.site-logo-img img { max-height: 50px; }
.bs5 .siteHeader { padding: .75rem; }
.mag-navbarmenu { box-shadow: 0 0 5px rgb(0 0 0 / 18%); --mag-nav-text-hover-color: var(--mag-nav-text-color); }
.siteBody { padding-top: 20px; padding-bottom: 40px; min-height: 550px; }
.appLink, .userinfo, .appLink:hover, .userinfo:hover, .appLink:focus, .userinfo:focus,
.btn-mag-lang-picker .dropdown-toggle, .btn-mag-lang-picker .dropdown-toggle:hover,
.btn-mag-lang-picker .dropdown-toggle:focus,
.mag-search-container, .mag-search-icon { color: var(--mag-header-text-color); }
.detailBlock .relatedLists .gridPager { border: 0; }
.bs3 .siteBody { padding-left: 15px; padding-right: 15px; }
.bs5 .siteBody { padding-left: .75rem; padding-right: .75rem; }
.site-page-header.navbar-fixed ~ .siteBodyWrapper { padding-top: 132px; }
.site-page-header .userBox > a { opacity: 0.8; }
.site-page-header .userBox > a:hover, .site-page-top-row .userBox > a:focus { opacity: 1; text-decoration: none; }
.siteHeader-items .signin-link, .siteHeader-items .signup-link { text-decoration: none; color: var(--mag-header-text-color); }
.siteFooter .site-footer a { color: var(--mag-header-text-color); opacity: 0.8; }
.siteFooter .site-footer a:hover, .siteFooter .site-footer a:focus { color: var(--mag-header-text-color); opacity: 1; }
.sitefooter-link-item + .sitefooter-link-item:before { color: var(--mag-header-text-color); opacity: 0.6; }

.sys-instace-type { padding: 3px 8px; background-color: #e02424; color: #fff; 
                    border-radius: var(--mag-border-radius); max-width: 250px; 
                    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 
                    font-size: smaller; position: relative; display: inline-flex; align-items:center; margin-bottom:15px;}
.sys-instance-name { overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; max-width: 100%; flex-grow: 1; }
.appLink { position: relative; }

.siteFooter { background: var(--mag-header-bg-color); color: var(--mag-header-text-color); border-top: 1px solid var(--mag-element-border-color); }
.siteFooter .siteFooter-flexBox { gap:5rem;}
.site-footer { text-align: left; }
.siteFooter .copyright, .siteFooter .footerLinks-actions, .siteFooter .poweredby { opacity: 0.8; }
.site-top-ribbon { background-color: var(--mag-page-bg-color);padding:5px 15px;}
#loginPanel .btnLogin, #loginPanel .btnRegister { text-transform: uppercase; }

.social-media-links li.social-media-links-list-item a { background: var(--mag-header-bg-color); color: var(--mag-header-text-color); border-color: var(--mag-header-text-color); opacity: 0.8; }
.social-media-links li.social-media-links-list-item a:hover { border-color: var(--mag-header-text-color); color: var(--mag-header-text-color); opacity: 1; }

.site-main-nav nav.mag-site-main-menu li a { text-shadow: none; opacity: 0.8; font-size: 16px; }
.site-main-nav .nav a:hover, .site-main-nav .nav a:focus, .site-main-nav nav.mag-site-main-menu .active a:hover { opacity: 1; }

a.link-muted { color: var(--mag-base-400) !important; }

@media (max-width: 992px) {
    .siteHeader-items .txt-user-name { display: none; }
    .siteFooter .siteFooter-flexBox { gap: 1.25rem; flex-direction: column; }
}

@media (max-width: 767px) {
    .sys-instace-type { display: none; }
    .site-logo-img img {max-width:120px; }
}

@media (max-width: 576px) {
    .bs5 .siteHeader .order-sm-1 { text-align: center; padding-top: 1rem; }
}

@media (max-width: 420px) {
    .admin-panel-tab-button { display: none; }
    .top-links { right: auto; left: 10px; }
}

@media (max-width: 320px) {
    a.appLink, .siteHeader-items .btn-mag-lang-picker .btn, .btn-user-menu-n { font-size: 11px; }
}

/*SitePlusSideBar Master*/
.mag-page-plus-sidebar .siteBody { min-height: 600px; }
.mag-page-plus-sidebar #page_wrapper { position: relative; overflow-x: hidden; }
.mag-page-plus-sidebar .layout-content { padding-left: 262px; transition: all 0.01s ease 0s; overflow-x: hidden; position: relative; }
.mag-page-plus-sidebar .layout-sidebar { width: 250px; border: 1px solid var(--mag-element-border-color); position: absolute;
                                          background-color: var(--mag-page-bg-color); height: 95%; max-height: 100%; overflow-y: auto; 
                                         z-index: 900; top: 0; left: 0; right: 0; }
.mag-page-plus-sidebar #menu-toggle { position: relative; left: 0px; margin-bottom: 2px; }

@media (max-width:767px) {
    .mag-page-plus-sidebar .layout-content { padding-left:0; }
    .mag-page-plus-sidebar .layout-sidebar { left: -255px; top: 22px; }
    .mag-page-plus-sidebar #page_wrapper.activated .layout-sidebar { left: 0px; width: 250px; transition: all 0.4s ease 0s; }
}