/* =========================================================
   MANAGE TAGS
   ========================================================= */

/* Main tag widgets */
#tagcreate,
#tagcreate .widget-body,
#tagcreate .widget-main,
#tagcreate .form-container,
#tagcreate .table-responsive {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
}

/* Widget header */
#tagcreate .widget-header {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text-bright) !important;
    border-color: var(--mantis-border) !important;
}

/* Main form table */
#tagcreate table {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
    border-color: var(--mantis-border) !important;
}

/* Label cells */
#tagcreate td.category {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text) !important;
    border-color: var(--mantis-border) !important;
}

/* Remove the pale background behind Name / Description */
#tagcreate td.category label,
#tagcreate td.category label span {
    background: transparent !important;
}

/* Label text */
#tagcreate td.category label {
    color: var(--mantis-text) !important;
    font-weight: 600 !important;
}

/* Required star */
#tagcreate .required {
    color: var(--mantis-error) !important;
}

/* Normal value cells */
#tagcreate td:not(.category) {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
    border-color: var(--mantis-border) !important;
}

/* Name input */
#tagcreate input[type="text"] {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text) !important;
    border: 1px solid var(--mantis-border-light) !important;
}

/* Description */
#tagcreate textarea {
    background: var(--mantis-surface-alt) !important;
    color: var(--mantis-text) !important;
    border: 1px solid var(--mantis-border-light) !important;
}

/* Helper text */
#tagcreate small {
    color: var(--mantis-text-secondary) !important;
}

/* Focus */
#tagcreate input[type="text"]:focus,
#tagcreate textarea:focus {
    background: #2a2a2a !important;
    color: #ffffff !important;
    border-color: var(--mantis-primary) !important;
    outline: none !important;
}

/* ---------------------------------------------------------
   CREATE TAG FOOTER
   --------------------------------------------------------- */

#tagcreate .widget-toolbox {
    background: var(--mantis-surface) !important;
    color: var(--mantis-text) !important;
    border-top: 1px solid var(--mantis-border) !important;
}

/* Required text on right */
#tagcreate .widget-toolbox .required {
    background: transparent !important;
    color: var(--mantis-error) !important;
}

/* Create Tag button */
#tagcreate .widget-toolbox .btn-primary,
#tagcreate .widget-toolbox .btn-white {
    background: var(--mantis-primary) !important;
    border-color: var(--mantis-primary) !important;
    color: #ffffff !important;
}

#tagcreate .widget-toolbox .btn-primary:hover,
#tagcreate .widget-toolbox .btn-white:hover {
    background: var(--mantis-primary-hover) !important;
    border-color: var(--mantis-primary-hover) !important;
}