:root{
    --drosping-primary: #2550EB;

    --drosping-primary-light-25: #5B7BF0;
    --drosping-primary-light-50: #91A7F5;
    --drosping-primary-light-75: #C8D3FA;
    --drosping-primary-light-00: #FFFFFF;

    --drosping-primary-dark-25: #1136B9;
    --drosping-primary-dark-50: #0B247C;
    --drosping-primary-dark-75: #06123E;
    --drosping-primary-dark-00: #000000;

    --drosping-secondary: #10F2D7;

    --drosping-secondary-light-25: #4DF6E2;
    --drosping-secondary-light-50: #88F9EC;
    --drosping-secondary-light-75: #C4FCF5;
    --drosping-secondary-light-00: #FFFFFF;

    --drosping-secondary-dark-25: #0AB9A5;
    --drosping-secondary-dark-50: #077C6E;
    --drosping-secondary-dark-75: #033E37;
    --drosping-secondary-dark-00: #000000;
}

#main_menu{
	width: 280px;
	border-right:1px solid;
}

#main_menu .logo-compact{
    display: none;
}

#main_menu.compact{
	width: 90px;
}

#main_menu.compact .logo{
    display: none;
}

#main_menu.compact .logo-compact{
    display: block;
}

#main_menu.compact .navbar-nav{
	display:none;
}

.beauty-collapse-op::after {
	display:inline-block;
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: 0.5em 50%;
}

.beauty-collapse-op[aria-expanded="true"]::after {
    transform: rotate(90deg);
}