.

main-sidebar{
left: inherit;
margin-top: calc(calc(2.93725rem + 1px) / -1);
margin-top: calc(2.93725rem + 1px);
transition: width 0.3s ease-in-out;
width: 250px;
bottom: inherit;
height: inherit;
}
.sidebar-light-maroon{
background-color: #e35260;
color: #fff;
border-color: #d81b60;

}
.elevation-4 {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22) !
important;
}
.sidebar-no-expand{
margin-left: 1.45rem;
max-height: min-content;
animation-name: fadeIn;
animation-duration: 0.3s;
animation-fill-mode: both;
width: 4.6rem;
visibility: visible;

}
.brand-link{
width: 250px;
background-color: #e35260 !important;
color: white !important;
margin-top: calc(2.93725rem + 1px);
margin-bottom: calc(2.93725rem + 1px);
layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link {
height: calc(3.5rem + 1px);
width: 4.6rem;
overflow: hidden;
position: fixed;
top: 0;
transition: width 0.3s ease-in-out;
width: 250px;
z-index: 1035;
}

.text-sm{
font-size: 1.5rem;
line-height: 1.5rem;

}
.brand-image{
margin-top: -0.5rem;
margin-right: 0.2rem;
height: 33px;
float: left;
line-height: 0.8;
margin-left: 0.8rem;
 margin-right: 0.5rem;
margin-top: -3px;
max-height: 33px;
width: auto;
}

.img-circle {
border-radius: 50%;
}

.elevation-3 {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !
important;
}
.font-weight-light {
font-weight: 300 !important;
}

.sidebar{
margin-top: calc(2.93725rem + 1px);
margin-bottom: calc(2.93725rem + 1px);
height: calc(3.5rem + 1px);
width: 4.6rem;
}

.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.nav-pills .nav-link {
border-radius: 0.25rem;
color: #fff;

.nav-sidebar .nav-item > .nav-link {

margin-bottom: .2rem;
}
.nav-sidebar .nav-item > .nav-link .right {
transition: transform ease-in-out 0.3s;
}

.nav-sidebar .nav-link > .right,

.nav-sidebar .nav-link > p > .right {
position: absolute;
right: 1rem;
top: .7rem;
}

.nav-sidebar .nav-link > .right i,

.nav-sidebar .nav-link > .right span,
.nav-sidebar .nav-link > p > .right i,
.nav-sidebar .nav-link > p > .right span {
margin-left: .5rem;
}
 .nav-sidebar .nav-link > .right:nth-child(2),
.nav-sidebar .nav-link > p > .right:nth-child(2) {
right: 2.2rem;
}

.nav-sidebar .menu-open > .nav-treeview {

display: block;
}

.nav-sidebar .menu-open > .nav-link i.right,

.nav-sidebar .menu-is-opening > .nav-link i.right {
transform: rotate(-90deg);
}

.nav-sidebar > .nav-item {

margin-bottom: 0;
}

.nav-sidebar > .nav-item .nav-icon {

margin-left: .05rem;
font-size: 1.2rem;
margin-right: .2rem;
text-align: center;
width: 1.6rem;
}

.nav-sidebar > .nav-item .nav-icon.fa, .nav-sidebar > .nav-item .nav-

icon.fas, .nav-sidebar > .nav-item .nav-icon.far, .nav-sidebar > .nav-item .nav-
icon.fab, .nav-sidebar > .nav-item .nav-icon.fal, .nav-sidebar > .nav-item .nav-
icon.fad, .nav-sidebar > .nav-item .nav-icon.svg-inline--fa, .nav-sidebar > .nav-
item .nav-icon.ion {
font-size: 1.1rem;
}

.nav-sidebar > .nav-item .float-right {

margin-top: 3px;
}

.nav-sidebar .nav-treeview {
display: none;
list-style: none;
padding: 0;
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon {

width: 1.6rem;
}

.nav-sidebar.nav-child-indent .nav-treeview {
transition: padding 0.3s ease-in-out;
padding-left: 1rem;
}

[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,

[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
background-color: rgba(0, 0, 0, 0.1);
color: #212529;
}
 [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active {
color: #000;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview {

background-color: transparent;
}

.nav-tabs.flex-column {
border-bottom: 0;
border-right: 1px solid #dee2e6;
}

.nav-tabs.flex-column .nav-link {
border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0;
margin-right: -1px;
}

.nav-tabs.flex-column .nav-link:hover, .nav-tabs.flex-column .nav-link:focus {

border-color: #e9ecef transparent #e9ecef #e9ecef;
}

.nav-tabs.flex-column .nav-link.active,
.nav-tabs.flex-column .nav-item.show .nav-link {
border-color: #dee2e6 transparent #dee2e6 #dee2e6;
}

.nav-tabs.flex-column.nav-tabs-right {
border-left: 1px solid #dee2e6;
border-right: 0;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0.25rem;
border-top-left-radius: 0;
border-top-right-radius: 0.25rem;
margin-left: -1px;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link:hover, .nav-tabs.flex-column.nav-

tabs-right .nav-link:focus {
border-color: #e9ecef #e9ecef #e9ecef transparent;
}

.nav-tabs.flex-column.nav-tabs-right .nav-link.active,
.nav-tabs.flex-column.nav-tabs-right .nav-item.show .nav-link {
border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
flex-direction: column !important;

.nav-compact{
padding-left: 1rem;
margin-left: -.5rem;}
.nav-collapse-hide-child .menu-open > .nav-treeview {
max-height: -webkit-min-content;
max-height: -moz-min-content;
max-height: min-content;

animation-name: fadeIn;

animation-duration: 0.3s;

animation-fill-mode: both;
}
.main-header{
z-index: 9999;
position: relative;
margin-left: 4.6rem !important;

.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 0.5rem;
}

.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 0.5rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}

.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
 }

.navbar-nav .dropdown-menu {
position: static;
float: none;
}

.navbar-text {
display: inline-block;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}

.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}

.shadow {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.nav-item{
color: #ffffff !important;
margin-bottom: .2rem;

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-sidebar .nav-item > .nav-link {
margin-bottom: .2rem;
}

.nav-sidebar > .nav-item .nav-icon {

margin-left: .05rem;
font-size: 1.2rem;
margin-right: .2rem;
text-align: center;
width: 1.6rem;
}
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link {
background-color: rgba(0, 0, 0, 0.1);
color: #212529;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
text-decoration: none;
 }
.ml-auto,
.mx-auto {
margin-left: auto !important;
}

.btn-group,
.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}

.btn-group > .btn,

.btn-group-vertical > .btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}

.btn-group > .btn:hover,

.btn-group-vertical > .btn:hover {
z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,

.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
z-index: 1;
}

.elevation-2 {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !
important;
}

.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.capitalize{
transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
display: inline-block;
margin: 0;
font-size: 0.875rem !important;
text-transform: capitalize;
}