:root {
    --color-purple: #982ce5;
    --color-approved: rgb(87, 255, 87);
    --color-pending: rgb(230, 255, 87);
    --color-rejected: rgb(255, 36, 28);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:sans-serif;
    color: #982ce5;
}
.text-doora {
    color: #982ce5;
}
.bg-doora {
    background: #982ce5;
    color:#fff;
}
.bg-form {
    background: #fff;
    color: #982ce5;
}

.bg-header {
    background: #982ce5;
    color: #fff;
}

.btn-cancel {
    background: #f1f3f4; /*bluish white*/
    border: 1px solid #982ce5; /*purple*/
    color: #982ce5;
}

    .btn-cancel:hover {
        background: #c8c2cb;
        color: #000;
    }

.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(185 156 206 / 25%);
}
.form-control:focus, .dataTable-input:focus,.form-select:focus {
    /*color: #212529;
    background-color: #fff;*/
    border-color: #982ce5;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(185 156 206 / 25%);
}

.form-check-input:checked {
    background-color: #982ce5;
    border-color: #982ce5;
}
.form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgb(185 156 206 / 25%);
}