/* -------------------------
GLOBAL
------------------------- */

body {
    background-color: #0f1117 !important;
    background-image: url('/include/img/dark-bg.png') !important;
    color: #e6edf3 !important;
    font-family: "Segoe UI", Roboto, sans-serif;
}

/* links */

a {
    color: #58a6ff !important;
}

a:hover {
    color: #79c0ff !important;
}

/* -------------------------
TOP NAVIGATION
------------------------- */

.navbar,
.navbar-default {
    background: #161b22 !important;
    border-bottom: 1px solid #30363d !important;
}

.navbar a {
    color: #c9d1d9 !important;
}

/* -------------------------
SIDEBAR
------------------------- */

#nav {
    background: #161b22 !important;
    border-top: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#nav li a {
    color: #c9d1d9 !important;
}

#nav li a:hover,
#nav li.active a,
#nav li.active a:hover,
#nav li.active a:focus,
#nav li a.active, #nav li a:hover {
    background: #21262d !important;
}

/* -------------------------
PANELS / CARDS
------------------------- */

.panel,
.card,
#container,
#clientLogin,
.container-fluid,
.modal-content {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 8px !important;
}

.thread-body{
    background-color: #1f242b;
    border: 1px solid #30363d !important;
    border-radius: 8px !important;
}

.main-content,
.thread-body,
.thread-body a,
.thread-body h1,
.faded
{
    color: #c9d1d9 !important;
    background-color: #1f242b;
}

#reply h2{
    background-color: #0f1117 !important;
    color: #c9d1d9 !important;
}

/* headers */

.panel-heading, {
    background: #1f242b !important;
    border-bottom: 1px solid #30363d !important;
}

/* sidebar panels */
.sidebar .content {
    background: #1f242b !important;
    border: 1px solid #30363d !important;
    border-radius: 8px;
}

/* -------------------------
TABLES
------------------------- */

#ticketTable {
    background: #0f1117 !important;
    color: #c9d1d9 !important;
}

#ticketTable thead {
    background: #161b22 !important;
}

#ticketTable thead th {
    border-bottom: 1px solid #30363d !important;
}

#ticketTable tr:nth-child(even) {
    background: #161b22 !important;
}

#ticketTable tr:hover {
    background: #21262d !important;
}

.infoTable {
    background: #0f1117 !important;
    color: #c9d1d9 !important;
    border: 1px solid #30363d !important;
    border-radius: 6px;
}

.headline {
    background: #161b22 !important;
    border-bottom: 1px solid #30363d !important;
}   

/* -------------------------
INPUTS
------------------------- */

input,
textarea,
select {
    background: #0f1117 !important;
    border: 1px solid #30363d !important;
    color: #e6edf3 !important;
    border-radius: 6px;
}

input:focus,
textarea:focus {
    border-color: #58a6ff !important;
    box-shadow: 0 0 0 1px #58a6ff40;
}

.-redactor-container,
#reply{
    background: #0f1117 !important;
    border-radius: 6px !important;
    border-color: #30363d !important;
}


/* -------------------------
BUTTONS
------------------------- */

.btn {
    border-radius: 6px !important;
}

.btn-primary {
    background: #238636 !important;
    border-color: #238636 !important;
}

.btn-primary:hover {
    background: #2ea043 !important;
}

.blue.button {
    background: #1f6feb !important;
    border-color: #1f6feb !important;
}

.blue.button a {
    color: #000000 !important;
}
.green.button {
    background: #238636 !important;
    border-color: #238636 !important;

}

.green.button a {
    color: #000000 !important;
}

.external-auth{
    background: #ffa600 !important;
    border-radius: 6px !important;
    border-color: #000000 !important;
    color: #FFF !important;
}
.external-auth-icon {
    border-right: 1px solid #000000 !important;
}

.external-auth-box {
    background: #ffa600 !important;
    border-radius: 6px !important;
    border-color: rgb(0, 0, 0) !important;
}
/* -------------------------
TICKET THREAD
------------------------- */

.thread-entry {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 12px;
}

.thread-entry.staff {
    border-left: 4px solid #58a6ff;
}

.thread-entry.client {
    border-left: 4px solid #3fb950;
}

.thread-entry.message .header {
    background: #1f242b !important;
    border-bottom: 1px solid #30363d !important;
}
/* -------------------------
STATUS BADGES
------------------------- */

.label-success {
    background: #238636 !important;
}

.label-danger {
    background: #da3633 !important;
}

.label-warning {
    background: #d29922 !important;
}

.label-info {
    background: #1f6feb !important;
}

/* -------------------------
SCROLLBAR
------------------------- */

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0f1117;
}

::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #484f58;
}

/* -------------------------
MODALS
------------------------- */

.modal-content {
    background: #161b22 !important;
    border: 1px solid #30363d !important;
}

.modal-header {
    border-bottom: 1px solid #30363d !important;
}

/* -------------------------
CODE BLOCKS / LOGS
------------------------- */

pre,
code {
    background: #0d1117 !important;
    border: 1px solid #30363d !important;
    color: #c9d1d9 !important;
    border-radius: 6px;
    padding: 6px;
}

/* -------------------------
ALERTS / MESSAGES
------------------------- */
.ticket-alert {
    background: #da3633;
    color: white;
    border-radius: 20px;
    padding: 2px 8px;
    font-size: 11px;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {box-shadow: 0 0 0 0 rgba(218,54,51,0.7);}
    70% {box-shadow: 0 0 0 10px rgba(218,54,51,0);}
    100% {box-shadow: 0 0 0 0 rgba(218,54,51,0);}
}


/* -------------------------
POWERED BY OS TICKET
I've hidden the "Powered by osTicket" text in the footer to better fit with the dark theme. If you want to show it, you can remove this section.
This may be against osTicket's terms of service, so please check before making this change. 
It is a great idea to give credit to osTicket for their software, and you can do so by keeping the text visible or by adding a link to their website in your footer.
------------------------- */

#poweredBy {
    visibility: hidden;
    color: #c9d1d9 !important;
}