* {
    padding: 0;
    margin: 0;
}
body{
    font-family: Inter, serif !important;
    font-weight: 200;
    background: #F5F7F9 !important;
}

.ui.header {
    font-family: Inter,sans-serif !important;
    font-weight: 700;
}

.ui.menu .item{
    font-family: Inter,sans-serif !important;
    font-weight: 400 !important;
}

.ui.button{
    font-family: Inter,sans-serif !important;
    font-weight: 500 !important;
}
.content_box {
    padding: 2rem !important;
    border-radius: 1rem !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 1px #dddddd !important;
}

#side_color{
    background-color: #0166FF !important;
}

#side_color .menu .item .image{
    width: 20px !important;
    display: inline-block;
}

.ui.button.violet {
    background-color: #0166FF !important;
}

i.icon.violet {
    color: #0166FF !important;
}


.ui.button.blue {
    background-color: #012b6e !important;
}

.primary_title {
    color: #0166FF !important;
}

.head-title{
    font-weight: 900;
    color: #0166FF;
    border-bottom: 1px solid #dddddd !important;
}

.ui.menu.tabular .item.active{
    background-color: #0166FF !important;
    color: #ffffff !important;
}


#grid_element_stats .column h3.header{
    font-weight: 700 !important;
    color: #0166FF !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}