.content-top, .content-top input {
    background-color: #7030A0!important;
    color: #fff!important;
}

.content-top input::placeholder, .content-top i{
    color: #fff!important;
}

.user-menu-wrapper span.user-avatar .user-avatar-icon-foreground{
color: #7030A0!important;
}

.content-top .content-search .content-search-icon{
color: #fff!important;
}


.table tr {
    height: 50px!important;
}

.sidebar{
    background-color: #eee!important;
    box-shadow: 0px!important;
    padding: 0;
}

.main-header{
    background-color: #4c206d!important;
    height: 56px!important;
    color: #fff!important;
}

.main-header span{
    color: #fff!important;
}

#main-menu li{
    padding: 20px 20px!important;
}

.navbar{
    padding-left: 20px!important;
}

#main-menu .menu .menu-item.active:not(.expanded) .menu-icon, #main-menu .menu .menu-item.active:not(.expanded) a{
    color: #7030A0!important;
}

#main-menu .menu .menu-item.active {
    background-color: #ddd!important;
}

:root {
    --button-primary-bg: #7030A0!important;
    --link-color: #7030A0!important;
    --pagination-active-bg: #7030A0!important;
    --pagination-active-bg: #7030A0!important;
    --pagination-active-color: #fff!important;
    --table-thead-sorted-marker-color: #7030A0!important;
    --color-primary: #7030A0!important;
    --responsive-header-bg: #7030A0!important;
    --responsive-header-border-color: #7030A0!important;
    --responsive-header-logo-color: #fff!important;
    --text-color-dark: #fff!important;
    --dropdown-settings-icon-color: #fff!important;    
    --user-avatar-icon-bg: #fff!important;
    --button-secondary-bg: #7030A0!important;
    --button-secondary-color: #fff!important;
    --highlight-bg: #7030A0!important;
    --highlight-color: #fff!important;
    --button-hover-color: #eee!important;
    --button-active-color: #eee!important;
}

@media (min-width: 1900px) {
    .content{
        width: 84.5vw;
    }
}

@media (max-width: 767px) {
    table.datagrid:not(.datagrid-empty) tbody, table.datagrid:not(.datagrid-empty) tr {
        height: fit-content !important;
    }
}

#sidebar-resizer-handler
{
    display: none!important;
}


.skill{
    background-color: #7030A0!important;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    line-height: 16px;
}

.btn-action{
    border: 0px;
    padding: 8px;
    border-radius: 4px;
}

.candidate-btn{
    background-color:#4c206d;
    color: #fff;
}

.uncandidate-btn{
    background-color:#ddd;
    color: #333;
}