.navbar-toggler {
background-color: rgba(255, 255, 255, 0.1);
}
.top-row {
height: 3.5rem;
background-color: rgba(0,0,0,0.4);
}
/*
.navbar-brand {
font-size: 1.1rem;
}*/
.sidebar header {
position: relative;
}
/*
.oi {
width: 2rem;
font-size: 1.1rem;
vertical-align: text-top;
top: -2px;
}
.nav-item {
font-size: 0.9rem;
padding-bottom: 0.5rem;
}
.nav-item:first-of-type {
padding-top: 1rem;
}
.nav-item:last-of-type {
padding-bottom: 1rem;
}
.nav-item ::deep a {
color: #d7d7d7;
border-radius: 4px;
height: 3rem;
display: flex;
align-items: center;
line-height: 3rem;
border-left: 5px solid transparent;
}
.nav-item ::deep a.active {
color: cyan;
border-left-color: cyan;
background-color: #1e1e1e ;
border-radius: cyan;
}
.nav-item ::deep a:hover {
color: cyan;
background-color: #2b2828;
border-left-color: cyan;
}
@media (min-width: 641px) {
.navbar-toggler {
display: none;
}
.collapse {
/* Never collapse the sidebar for wide screens
display: block;
}
}
/*.sidebar header .toggle{
position: absolute;
right: 50%;
left: -25%;
transform: translateY(-50%);
height: 25px;
width: 25px;
}
*/
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 500,
'GRAD' 0,
'opsz' 48;
font-size: 18px;
color:white;
border-color:black;
}
::deep .material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 16px;
width: 15px !important;
line-height: 1;
height: 15px !important;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
/*
.navbar-toggler {
background-color: rgba(255, 255, 255, 0.1);
}*/
.top-row {
height: 8rem;
background-color: rgba(0,0,0,0.4);
}
.bottom-row {
color: white;
cursor: pointer;
margin: 15px 0;
position: absolute;
top: 5%;
right: -15px;
transform: translateY(-50%);
height: 30px;
width: 30px;
align-content:center;
background-color: rgba(120, 190, 68, 1);
border-width: 15px;
border: 4px solid #000 !important;
border-color: #1E1E1E;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
color: var(--sidebar-color);
font-size: 22px;
}
.icon-menu-arrow {
text-align: right;
}
.navbar-brand {
font-size: 1.1rem;
}
.oi {
width: 2rem;
font-size: 1.1rem;
vertical-align: text-top;
top: -2px;
}
.nav-item {
font-size: 0.9rem;
padding-bottom: 0.5rem;
}
.nav-item:first-of-type {
padding-top: 1rem;
}
.nav-item:last-of-type {
padding-bottom: 1rem;
}
.nav-item ::deep a {
color: #FEFEFE;
font:bold;
height: 3rem;
font-size:16px;
display: flex;
align-items: center;
line-height: 3rem;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
font-family: Roboto,bold;
}
.nav-item ::deep a.active {
color: rgba(120, 190, 68, 1);
border-left-color: rgba(120, 190, 68, 1);
background-color: rgba(250, 252, 248, 1);
border-radius: crgba(120, 190, 68, 1);
}
.nav-item ::deep a:hover {
color: rgba(120, 190, 68, 1);
background-color: rgba(254, 254, 254, 1);
border-left-color: rgba(120, 190, 68, 1);
}
@media (min-width: 641px) {
.navbar-toggler {
display: none;
border-width: 47px;
border-color: black;
}
.collapse {
/* Never collapse the sidebar for wide screens */
display: block;
}
}
@media (max-width: 640px) {
.bottom-row {
display: block;
}
}
.dash-icon{
margin:5px;
}
.down-arrow{
margin:30px;
}
.img1{
top: 32px;
left: 32px;
width: 74px;
height: 63px;
/* UI Properties */
background: transparent url('img/Logo.png') 0% 0% no-repeat padding-box;
opacity: 1;
}
/*#subn {
background-color: rgba(245, 254, 254, 1) !important;
border-right-color: rgba(120, 190, 68, 1) !important;
color: rgba(120, 190, 68, 1);
}*/
#subn{
padding-left:20px;
border-bottom-color:red;
div > li{
background-color: red;
}