.brand-crm{
    font-size: 15px;
    vertical-align: middle;
    position: relative;    
}
.mainHeader{
    height: 40px;
}
.navbar-fondo{
    background-color: var(--panel-color-white);
    border-bottom: 1px solid var(--panel-color-text-grisc);
    height: 40px;
}

.sidebar-sisinad{
    width: 90%;
    max-width: 300px;
    min-width: 200px;
    height: calc(100% - 40px);
    background: var(--panel-color-base);
    display: block;
    position: fixed;
    z-index: 1000;
}
.sidebar-sisinad-button{
    line-height: 15px;
}
.sidebar-sisinad-button{
    margin-top: 5px;
}
.sidebar-sisinad-hide{
    transform: translateX(-100%);
    transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s ;
}

.sidebar-sisinad-show{
    transform: translateX(-0%);
    box-shadow: 2px 3px 3px #343434;
}

.sidebar-sisinad-button{
    width: 350px;
    cursor: pointer;    
}
.sidebar-sisinad-button-click{
    background: var(--panel-color-base);
}

.menu-nav-nivela-ul,
.menu-nav-nivelb-ul,
.menu-nav-nivelc-ul,
.menu-nav-niveld-ul{
    list-style: none;
    margin: 0;
    padding: 0;    
    background: var(--panel-color-base);
}

.menu-nav-nivela-ul{
    overflow: hidden;
    overflow-y: auto;
    max-height: 500px;
}

.menu-nav-nivelb-ul,
.menu-nav-nivelc-ul,
.menu-nav-niveld-ul{
    display: block;
    height: 0px;
    overflow: hidden;
    overflow-y: auto;
    max-height: 400px;
    transition: all 0.4s cubic-bezier(.37,.3,.94,.11);
}


.menu-nav-nivela-ul .menu-nav-nivela-li,
.menu-nav-nivelb-ul .menu-nav-nivelb-li,
.menu-nav-nivelc-ul .menu-nav-nivelc-li,
.menu-nav-niveld-ul .menu-nav-niveld-li{
    position: relative;
    list-style: none;
    border-top: 1px solid var(--panel-color-dgray);
    transition: all 0.4s cubic-bezier(.37,.3,.94,.11);
}

.menu-nav-nivela-li:last-child{
    border-bottom: 1px solid var(--panel-color-dgray);
}

.menu-nav-nivela-ul .menu-nav-nivela-li .menu-nav-nivela-down,
.menu-nav-nivelb-ul .menu-nav-nivelb-li .menu-nav-nivelb-down,
.menu-nav-nivelc-ul .menu-nav-nivelc-li .menu-nav-nivelc-down,
.menu-nav-niveld-ul .menu-nav-niveld-li .menu-nav-niveld-down
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-nav-nivela-ul .menu-nav-nivela-li .menu-nav-nivela-a,
.menu-nav-nivelb-ul .menu-nav-nivelb-li .menu-nav-nivelb-a,
.menu-nav-nivelc-ul .menu-nav-nivelc-li .menu-nav-nivelc-a,
.menu-nav-niveld-ul .menu-nav-niveld-li .menu-nav-niveld-a
{
    text-decoration: none;
    line-height: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
    color: var(--panel-color-white);
    transition: 1.3s all;
}

.menu-nav-nivela-ul .menu-nav-nivela-li svg,
.menu-nav-nivelb-ul .menu-nav-nivelb-li svg,
.menu-nav-nivelc-ul .menu-nav-nivelc-li svg,
.menu-nav-niveld-ul .menu-nav-niveld-li svg
{
    height: 15px;
    min-width: 50px;
    text-align: center;
    line-height: 20px;
    color: var(--panel-color-white);
}

.menu-nav-nivela-ul .menu-nav-nivela-li div,
.menu-nav-nivelb-ul .menu-nav-nivelb-li div,
.menu-nav-nivelc-ul .menu-nav-nivelc-li div,
.menu-nav-niveld-ul .menu-nav-niveld-li div{
    transition: 0.5s all;
}

.menu-nav-nivela-ul .menu-nav-nivela-li div:hover,
.menu-nav-nivelb-ul .menu-nav-nivelb-li div:hover,
.menu-nav-nivelc-ul .menu-nav-nivelc-li div:hover,
.menu-nav-niveld-ul .menu-nav-niveld-li div:hover{
    background-color: var(--panel-color-baseos);
}

.menu-nav-nivelb-down,
.menu-nav-nivelc-down,
.menu-nav-niveld-down{
    padding-left: 10px;
}

.menu-nav-nivelb-link,
.menu-nav-nivelc-link,
.menu-nav-niveld-link{
    padding-left: 20px;
}

.menu-nav-nivelb-ul-show,
.menu-nav-nivelc-ul-show,
.menu-nav-niveld-ul-show{
    height: auto;
}

.menu-vertical-edit
{
	list-style: none;
	padding: 0px;
}

.menu-vertical-edit-table
{
	padding: 0px;
	background: #294059;
	color: #e6f1f2;
	transition: all .3s
}

.menu-vertical-edit-table:hover
{
	color: #294059;
	background: #e6f1f2;
}


.menu-vertical-edit .menu-vertical-li-edit
{
	border-top: 1px solid #cfced2;
	background: #f2f9f7;
}

.menu-vertical-edit .menu-vertical-li-edit a
{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #000;
}

.menu-vertical-li-edit:last-child
{
	border-bottom: none;
}

.menu-vertical-li-edit:first-child
{
	border-bottom: none;
}


@media screen and (max-width: 500px){
    .sidebar-sisinad-button{
        width: 200px;
    }

}