.main-header .logo {
    height: 50px;
}
.logo-mini img,
.logo-lg img {
    vertical-align: top;
}

.skin-red .main-header .logo {
    background-color: #222d32;
}

.skin-red .main-header .logo:hover {
    background-color: #1a2226;
}

.skin-red .main-header .navbar {
    background-color: #f36f23;
}

.skin-red .sidebar-menu>li:hover>a, .skin-red .sidebar-menu>li.active>a {
    border-left-color: #f36f23;
}

.shop-menu .dropdown-menu>li>a {
    padding: 3px 10px;
}

.firefoxbutton, .chromebutton {
    padding: 8px 16px 12px;
    box-shadow: 0 3px rgba(0, 0, 0, 0.1), 0 -4px rgba(0, 0, 0, 0.1) inset;
    background: #489615 linear-gradient(#84C63C, #489615) repeat scroll 0 0;
    display: inline-block;
    position: relative;
    font: 700 16px/1em "Trebuchet MS",sans-serif;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    border: 0 none;
}

.chromebutton {
    background: #4d7bd6 linear-gradient(to bottom, #5689db, #4d7bd6);
}

.content-header > div.breadcrumb {
    float: none;
    position: static;
}

.sidebar-menu {
    white-space: normal;
}

.sidebar-menu>li>a>.fa-solid, .sidebar-menu>li>a>.fa-brands {
    width:20px;
}

.main-header .sidebar-toggle {
    font-family: "Font Awesome 6 Free" !important;
}

.main-sidebar .sidebar-menu-header {
    color:          white;
    text-align:     left;
    font-weight:    bold;
    padding-bottom:5px;
    padding-left:18px;
    border-bottom:  1px solid #f36f23;
    font-size:      16px;
    margin-top: 20px;
}

.sidebar-collapse .main-sidebar .sidebar-menu-header span {
    display:none;
}

body:not(.sidebar-collapse) .main-sidebar .sidebar-menu-header i {
    display:none;
}