/* GOT TICKETS DASHBOARD DESIGN SYSTEM */

body,
#app {
    color:#fff !important;
}

.dashboard,
main,
.content,
.card,
.card-body,
.tab-content {
    color:#fff !important;
}

h1,h2,h3,h4,h5,h6,
label,
.form-label,
.nav-link,
.nav-tabs .nav-link {
    color:#fff !important;
}

p,
small,
.text-muted,
.help-text {
    color:#bfc5d2 !important;
}

.form-control,
.form-select,
select,
textarea,
input {
    background:#0f1118 !important;
    color:#fff !important;
    border:1px solid #2d3748 !important;
    border-radius:12px !important;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
    color:#7b8494 !important;
}

.card,
.list-group-item {
    background:#171923 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:18px !important;
}

.btn-primary,
.btn-success {
    background:#ff295f !important;
    border-color:#ff295f !important;
    color:#fff !important;
    font-weight:800 !important;
    border-radius:12px !important;
}

.btn-dark,
.btn-secondary {
    background:#1f2937 !important;
    color:#fff !important;
    border-color:#374151 !important;
    border-radius:12px !important;
}

.nav-tabs {
    border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.nav-tabs .nav-link.active {
    color:#fff !important;
    background:#111827 !important;
    border-color:#ff295f !important;
}

.nav-tabs .nav-link {
    color:#cbd5e1 !important;
}

.alert-danger {
    background:#3b1218 !important;
    color:#fff !important;
    border-color:#ff295f !important;
}

/* Dashboard Sidebar Fix */
.o-dashboard-sidebar,
.sidebar,
.offcanvas,
.left-sidebar {
    background:#0b0d13 !important;
    border-right:1px solid rgba(255,255,255,.10) !important;
}

.o-dashboard-sidebar a,
.sidebar a,
.left-sidebar a,
.o-dashboard-sidebar .nav-link,
.sidebar .nav-link,
.left-sidebar .nav-link {
    color:#d9deea !important;
    font-weight:700 !important;
}

.o-dashboard-sidebar a:hover,
.sidebar a:hover,
.left-sidebar a:hover,
.o-dashboard-sidebar .nav-link:hover,
.sidebar .nav-link:hover,
.left-sidebar .nav-link:hover {
    color:#fff !important;
    background:#171923 !important;
}

.o-dashboard-sidebar .active,
.sidebar .active,
.left-sidebar .active,
.o-dashboard-sidebar .nav-link.active,
.sidebar .nav-link.active,
.left-sidebar .nav-link.active {
    background:#ff295f !important;
    color:#fff !important;
    border-radius:14px !important;
}