:root {
    --primary-color: #684691;
    --primary-text-color: #fff;
    --secondary-color: #767676;
}

.patient_search {
    border: 1px solid var(--primary-color) !important;
}

button.teal {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.ui.horizontal.segments.searchheader {
    border: 1px solid var(--primary-color) !important;
}

.teal.icon {
    color: var(--primary-color) !important;
}

.teal.icon.button {
    color: var(--primary-text-color) !important;
    background-color: var(--primary-color) !important;
}

.myButton.teal {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.ui.tabular.menu.menu-assessment>a.item:not(.active) {
    background-color: var(--secondary-color) !important;
}

table:not(.table-condensed) thead tr th {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.ui.ui.ui.menu .teal.active.item,
.ui.ui.teal.menu .active.item:hover,
.ui.ui.teal.menu .active.item {
    background-color: var(--primary-text-color) !important;
    color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
}

.ui.vertical.menu.leftMenu .ui.dropdown.item {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.ui.vertical.menu.leftMenu .ui.dropdown.teal.item {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.stellarnav ul li a:hover {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.stellarnav.dark {
    background: var(--primary-color) !important;
}

.stellarnav.dark ul li a:hover {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color) !important;
}

.stellarnav.dark ul>li>ul>li a:hover {
    color: var(--primary-text-color) !important;
    background: var(--primary-color) !important;
}

.stellarnav.dark.mobile>ul>li>a {
    color: var(--primary-text-color);
    background: var(--primary-color) !important;
}

.progressBar .bar {
    background-color: var(--primary-color) !important;
}

.tblheaderbackcolor {
    background-color: var(--primary-color) !important;
    color: var(--primary-text-color);
}


/* .ui.form .required {
    font-weight: bolder !important;
} */

.ui.form:not(.inverted) .field.required>label:not(.button) {
    color: var(--primary-color) !important;
    font-size: 10.5pt;
}

.ui.form .required.fields:not(.grouped):not(.inline)>.field>label::after,
.ui.form .required.fields.inline>label::after,
.ui.form .required.fields.grouped>label::after,
.ui.form .required.field>label::after,
.ui.form .required.fields:not(.grouped):not(.inline)>.field>.checkbox::after,
.ui.form .required.field>.checkbox::after,
.ui.form label.required::after {
    margin: -0.1em 0 0 0.1em !important;
    content: "*" !important;
    font-size: 17pt;
    color: #db2828;
    font-weight: bolder !important;
}

div.billViewGridContainer table tbody tr:first-child  td{
    background-color: var(--secondary-color) !important;
}