/* Variable defining */

:root {
    --brand-main: #35158d;
    --brand-main-dark: #271066;
}

/* btn success */
.btn-success {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.btn-success:hover {
    background-color: var(--brand-main-dark) !important;
    border-color: var(--brand-main-dark) !important;
}

/* btn primary */
.btn-primary {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.btn-primary:hover {
    background-color: var(--brand-main-dark) !important;
    border-color: var(--brand-main-dark) !important;
}

.customize-button.btn-primary {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
    color: white !important;
}

.customize-button.btn-primary:hover {
    background-color: var(--brand-main-dark) !important;
    border-color: var(--brand-main-dark) !important;
    color: white !important;
}


/* Panel */
.panel-success>.panel-heading {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.panel-primary>.panel-heading {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.panel {
    border-radius: 0px 0px 5px 5px !important;
}

.panel .panel-heading {
    border-radius: 5px 5px 0px 0px !important;
}



/* Table */
.pagination>.active>span {
    background-color: var(--brand-main) !important;
}

.btn-default {
    background-color: var(--brand-main) !important;
    border-color: var(--brand-main) !important;
}

.sidebar {
    background-color: var(--brand-main) !important;
}


.modal-header {
    background-color: var(--brand-main) !important;
}

.table>thead>tr>th {
    background-color: var(--brand-main) !important;
}

.stat-box {
    border-radius: 5px !important;
    box-shadow: 2px 2px 5px #be109526 !important;
}

.btn-danger {
    background: #be1095 !important;
    border-color: #be1095 !important;

}