.menu-box{
    background-color: aliceblue;
    height: 100%;
}
.content-box{
    height: auto;
}

a{
    text-decoration: none!important;
}
.btn-primary{
    background-color: black;
    color: white;
    border:none;
}
.fa-edit{
    background-color: black;
}
.submenu{
    font-size: 17px;
    cursor: pointer;
    text-align: center;
    border-radius: 18px;
    color: black!important;
    background-color: white;
    box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.2), 0 16px 20px 0 rgba(0, 0, 0, 0.19);
}

.submenu a{
    color: black;
}
.submenu:hover{
    background-color:#868cff;
    transition-duration: .2s;
}
.submenu i {
    font-size: 20px;
}

.blog-info{
    color: white;
}

.content-box{
    padding: 20px;
    
}
.blogbox{
    padding: 10px;
    color:black;
    cursor: pointer;
    border-bottom: 2px solid blue;
    background-color: white;
    box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.2), 0 16px 20px 0 rgba(0, 0, 0, 0.19);
}
.activedb{
    background-color: #121eff;
    color: rgb(255, 255, 255)!important;
}
.activedb a{

    color: rgb(255, 255, 255)!important;
}

.formBox{
    background-color: white;
    box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.2), 0 16px 20px 0 rgba(0, 0, 0, 0.19);
}
.django-ckeditor-widget{
    width: 100%!important;
}

.blogMenu i{
    background-color: black;
    border-radius: 50px;
    color: white;
    font-size: 20px;
}
.blogMenu i:hover{
    background-color: rgb(157, 157, 157);
    border-radius: 50px;
}
.profileBox{
    height: auto;
    width: 100%;
    background-color: white;
    box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.2), 0 16px 20px 0 rgba(0, 0, 0, 0.19);
}

.form-control {
    width: 100%;
}
.errorlist{
    color: red;
    font-size: 13px;
    margin:0px;
    padding: 2px;
}
ul,li {
    list-style-type: none;
}
.loginBox{
    background-color: white;
    box-shadow: 0 10px 18px 0 rgba(0, 0, 0, 0.2), 0 16px 20px 0 rgba(0, 0, 0, 0.19);
    margin: 0 auto;
}