:root{
    /*new colors following BD flag*/
--bd-green: green;
--bd-red: red;
--bd-green-light: #00815c;
--bd-green-mid:#00422d;
--bd-green-dark: #001f10;
--bd-red-light: #f52b43;
--bd-red-mid: #e8283e;
--bd-red-dark: #ba0105;

/*new colors*/
--new-color-primary:#42b883;

--new-white: #E9F0F5;
--formal-blue: #B7D1F6;



}

.body-color{
    background-color: var(--new-white) !important;
}
.bd-green{
    background: var(--bd-green-light) !important;
}

.green-bg{
    background-color: var(--new-color-primary);
}
.green-bg-fade{
    background-color: rgba(66, 184, 131, 0.5);
}



.sidenav-header{
    height: 76px ;
}

.green-btn{
    background-color: var(--bd-green-light) !important;
    
}
.red-btn{
    background-color: var(--bd-red-light) !important;
}

.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link.active{
    color: #fff;
    background-color: var(--bd-green-light);
}

.comment-box{
    height: 40vh !important;
    overflow-y: scroll !important;
}
.scroll-y{
    height: 50vh;
    overflow-y: scroll;
}