@import "../../base-styles.scss";

.bg-metta {
    background: white;
    border-bottom: 1px solid #e9e9e9;
    height: 54px;
}

.bg-metta-sidebar{
    background: #4776E6;
}

span.brand-text{
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    
    vertical-align: middle;    
    color: #5f5f5f;
    
}

.logo-dimens{
    height: 40px;
    width: 70px;
}

.bell-dot{
    &::after{

        content: "";
        width: 10px;
        height: 10px;
        background: #fe3a00;
        border-radius: 50%;
        display: inline-block;
        left: -20px;
        top: -20px;
        position: relative;
    }
    
}

div.dropdown{
    div.dropdown-menu{
        
            right: 0;
            left: auto;        
        a.dropdown-item{
            div[class *= "icon"]{
                display: inline-block;
                margin-right: 10px;
            }
        }
    }
}

div.no-dropdown-toggle-icon{
    a.dropdown-toggle{
        &::after{
            display: none; 
        }
    }
}

@include media-breakpoint-down(lg) {
    div.bg-metta-sidebar
    {
        display: none;
    }

    span.resp-username {
        display: none;
    }
}

@include media-breakpoint-up(lg){

    div.hamburger{
        display: none;
    }

    div.bg-metta-sidebar
    {
        display: block;
    }
    
}

a.push-sidebar{
    font-size: 18px;
    text-decoration: none;
    color: #5f5f5f;
}