
.form-file .form-file-input, .input-group-text, .form-control, .dual-listbox .dual-listbox__search, div.dataTables_wrapper div.dataTables_filter input, .custom-control-pro .custom-control-label, .select2-container--default .select2-selection--single {
    border: 1px solid #ffffff;
    box-shadow: 0 0 3px 0;
    color: #000;
}

.form-label {
    margin: 0;
    color: #000;
}

.g-gs, .gx-gs {
    --bs-gutter-x: 15px;
}

.g-gs, .gy-gs {
    --bs-gutter-y: 15px;
}

textarea.form-control, .dual-listbox textarea.dual-listbox__search {
    min-height: 110px;
}

.nk-header-fixed + .nk-content {
    margin-top: 45px;
}

fieldset {
    min-width: 0px;
    padding: 15px;
    margin: 7px;
    border: 2px solid #66cc99;
}

legend {
    float: none;
    background: #92ffc9cc;
    padding: 0px 10px;
    width: fit-content;
    color: #000;
    border-radius: 7px;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    margin: auto;
}

.card-bordered {
    border: 1px solid #ffffff;
}

.card{
    background-color: #ffffff;
    box-shadow: 0 0 12px -2px;
}


/* This style for messege animation*/
.message {
    background: #a2ff00;
    color: #000000;
}

.errorMessage {
    background: #ff5e00;
    color: #000000;
}

.animated {
    width: fit-content;
    margin-top: 10px;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 15px;
    margin: auto;
    line-height: 35px;
    z-index: 9999;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}


.table {
    --bs-table-color: #000000;
    --bs-table-bg: transparent;
    --bs-table-border-color: #8d8d8d;
    --bs-table-accent-bg: #fff;
    --bs-table-striped-color: #000000;
    --bs-table-striped-bg: rgba(53, 53, 53, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: #f5f6fa;
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: #f5f6fa;
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.table-bordered{
    border: 1px solid #8d8d8d;
}

.table-bordered tr{
    border-top: 1px solid #8d8d8d;
}