.dashboard-dark-card .card-header {
    background-color: #505b72;
}
.dashboard-dark-card .card-header h4 {
    color: #fff;
}
.bg-theme-dark {
    background-color: #464f63;
}
.cw-tabs .nav {
    background-color: #3b4354;
}
.cw-tabs .nav-pills .nav-link {
    border-radius: 0;
    padding: 12px 25px;
    color: #fff;
}
.cw-tabs .nav-pills .ls-pad {
    display: flex;
}
.cw-tabs .nav-pills .ls-pad .nav-link {
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}
.cw-tabs .nav-pills .nav-link.active,
.cw-tabs .nav-pills .show > .nav-link {
    background-color: #259dab;
}
.bg-gray-e {
    background-color: #eee;
}
.active > .page-link, .page-link.active {
    background-color: #259dab;
    border-color: #259dab;
}
.spinner-border.small {
    --vz-spinner-width: 1rem;
    --vz-spinner-height: 1rem;
}
.ui-menu .ui-menu-item-wrapper {
    padding: 5px 1em 5px 0.4em;
    display: block;
}
.ui-state-active, .ui-widget-content .ui-state-active {
    border: 1px solid #0e6d78;
    background: #259dab;
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
[data-aos="spin"] {
    animation: spin 1s linear infinite;
}
div.dataTables_wrapper div.dataTables_processing {
    background-color: #f2f2f2;
}
.btn-select-add {
    font-size: 22px;
    padding: 0 0.7rem;
}

/*
 * Dropzone CSS
*/
.cs-dropzone-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 36rem;
    width: 100%;
}
.cs-dropzone-box h2 {
    font-size: 1.4rem;
    margin: 0.25rem 0;
    color: #333;
    text-align: center;
}
.cs-dropzone-box p {
    font-size: 1rem;
    color: #333;
    text-align: center;
    margin-bottom: 0;
}
.cs-dropzone-area {
    padding: 1rem;
    position: relative;
    margin-top: 1.5rem;
    min-height: 12rem;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 1px dashed #a3a3a3;
    border-radius: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
}
.cs-dropzone-area .file-info {
    font-size: 1.1rem;
}
.cs-dropzone-area [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.cs-dropzone-area .file-upload-icon svg {
    height: 4.5rem;
    max-width: 4.5rem;
    width: 100%;
    margin-bottom: 0.5rem;
    stroke: #333;
}
.cs-dropzone-area:hover {
    background: #eee;
}
.cs-dropzone--over {
    border: 2px solid #8800ff;
    background: #262626;
}
.cs-dropzone-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    gap: 1rem;
    flex-wrap: wrap;
}
.cs-dropzone-actions button {
    flex-grow: 1;
    min-height: 3rem;
    font-size: 1.2rem;
    border: none;
    transition: background 0.3s ease;
}
.cs-dropzone-actions button[type='reset'] {
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    color: #FFF;
    background: #262626;
    cursor: pointer;
    border: 1px solid #333333;
}
.cs-dropzone-actions button[type='reset']:hover {
    background: #383838;
}
.cs-dropzone-actions button[type='submit'] {
    background: #8800ff;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    color: #F2F7FE;
    border: none;
    cursor: pointer;
}
.cs-dropzone-actions button[type='submit']:hover {
    background: #6c00ca;
}

/*
 * Tagify
*/
.tags-look .tagify__dropdown__item{
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    padding: .3em .5em;
    border: 1px solid #CCC;
    background: #F3F3F3;
    margin: .2em;
    font-size: .85em;
    color: black;
    transition: 0s;
}
.tags-look .tagify__dropdown__item--active{
    border-color: black;
}
.tags-look .tagify__dropdown__item:hover{
    background: lightyellow;
    border-color: gold;
}
.tags-look .tagify__dropdown__item--hidden {
    max-width: 0;
    max-height: initial;
    padding: .3em 0;
    margin: .2em 0;
    white-space: nowrap;
    text-indent: -20px;
    border: 0;
}
.card-sop-type .autoComplete_wrapper {
    display: block;
}