#doc_menu_container
{
    width : 100%;
    height : 90px;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items: center;
    justify-content: center;
}

#doc_menu_main
{
    width : 70%;
    height : 100%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : center;
    justify-content : center;

    background-color : #f7f9fa;

    border-bottom : 2px solid #dbe3e7;

}

#doc_menu_main ul
{
    width : 100%;
    height : 60%;

    margin : 0px;
    padding : 0px;

    display : flex;
    align-items : center;
    justify-content : center;

    list-style-type: none;
}

#doc_menu_main ul li
{
    /*width : calc(100% / 12);*/
    /*height : 100%;*/

    margin : 0px;
    padding : 0px;

    padding-left : 20px;
    padding-right : 20px;
    padding-top : 10px;
    padding-bottom : 10px;

    margin-left : 10px;
    margin-right : 10px;

    display : flex;
    align-items : center;
    justify-content : center;

    border-radius : 5px;
}

#doc_menu_main ul li:hover
{
    /*width : calc(calc(100% / 6) - 2px);*/
    /*height : 100%;*/

    margin : 0px;
    padding : 0px;

    padding-left : 20px;
    padding-right : 20px;
    padding-top : 10px;
    padding-bottom : 10px;

    margin-left : 10px;
    margin-right : 10px;

    display : flex;
    align-items : center;
    justify-content : center;

    border-radius : 5px;
    border : 1px solid #3c80cf;
}

#doc_menu_main ul li a
{
    width : 100%;
    height : 100%;

    color : #4a90e2;

    text-decoration : none;

    display : flex;
    align-items : center;
    justify-content: center;

    font-size: 16px;
}

.active_menu
{
    background-color : #3c80cf;
}

.active_link
{
    color : white!important;
}