* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.side-navbar {
    width: 250px;
    height: 100%;
    position: fixed;
    margin-left: -300px;
    background: #a8c0ff; /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3f2b96, #a8c0ff); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3f2b96, #a8c0ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    z-index: 1070;
    transition: 0.5s;
}

.nav-link {
    color: #ffffff;
}

 

.nav-link:active,
.nav-link:focus,
.nav-link:hover {
    background-color: #a8c0ff;
}

.my-container {
    transition: 0.4s;
}

.active-nav {
    margin-left: 0;
}

/* for main section */
.active-cont {
    margin-left: 250px;
}
.deactive-nav {
    margin-left: 0;
}
#menu-btn {
    background-color: #3f2b96;
    color: #fff;
    margin-left: -62px;
}

.my-container input {
    border-radius: 2rem;
    padding: 2px 20px;
}

/* Dropdown menu styling */
.dropdown-menu {
    /*background-color: #808080;*/
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
    background-blend-mode: multiply,multiply;
    color: #ffffff;
    min-width: 100%;
    /*border-radius: 10px;*/
}

.dropdown-item {
    color: #ffffff;
    font-size: small;
    min-width: 100%;
}

    .dropdown-item:hover {
        background-color: #3f2b96;
        color: #ffffff;
    }