/* Modo oscuro para el portal de clientes de osTicket 1.17.x (hecho a medida,
   paleta alineada con osticket-dark-scp.css: fondo #222526, inputs #3e4346). */
body { background: #1a1c1d url('/images/fondo-portal.jpeg?v=2') center center / cover no-repeat fixed !important; color: #d6d6d6; }
#container { background: #222526 !important; color: #d6d6d6; }
body, input, select, textarea { color: #d6d6d6; }
input, select, textarea { background: #3e4346 !important; border-color: rgb(72,78,81) !important; color: #e4e4e4 !important; }
input[type="submit"], input[type="button"], input[type="reset"], button, .button { background: #2d3a46; border: 1px solid rgb(72,78,81); color: #e4e4e4; }
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover { background: rgb(31,63,94); }
.blue.button, .blue.button:visited, .green.button, .green.button:visited, #landing_page .button, #landing_page .button:visited { background: #2A2E30 !important; border: 1px solid rgb(72,78,81); color: #e4e4e4 !important; }
.blue.button:hover, .green.button:hover, #landing_page .button:hover { background: rgb(31,63,94) !important; }
a, a:link, a:visited { color: #5fb3ec; }
a:hover { color: #8fd0ff; }
h1, h2, h3, h4, h5, strong, label, th { color: #e8e8e8; }
hr { border-top-color: rgb(72,78,81); }
#header { background: transparent; color: #d6d6d6; }
#header p, #header a { color: #d6d6d6; }
#nav { background: #2a2e30 !important; border-top: 1px solid rgb(72,78,81); }
#nav li a { color: #d6d6d6; background-color: transparent; }
#nav li a:hover { background-color: rgb(31,63,94); color: #fff; }
#nav li a.active { background-color: #2A2E30; color: #fff; border: 1px solid rgb(72,78,81); line-height: 18px; height: 18px; }
#content { background: transparent; color: #d6d6d6; }
#footer, #footer a, #footer p { color: #9a9a9a; }
#msg_notice, #msg_warning, #msg_error, #msg_info { color: #e4e4e4; }
#msg_notice { background-color: #17361a; border-color: #2e7d32; }
#msg_warning { background-color: #3a3a12; border-color: #b8860b; }
#msg_error { background-color: #3f0f0f; border-color: #a33; }
#msg_info { background-color: #2d2d00; }
.error, .error:hover { color: #ff7b7b; }
table, td, th { border-color: rgb(72,78,81) !important; }
table.list thead th, table th { background: #2d3336 !important; color: #e8e8e8; }
table td { background: transparent; }
table tr:nth-child(even) td { background: rgba(255,255,255,0.03); }
table.list tbody tr:hover td { background: rgba(95,179,236,0.1); }
.infoTable th, .infoTable td { background: #2a2e30 !important; }
#ticketInfo, #ticketThread, .thread-entry, .thread-body, .thread-event { background: #2a2e30 !important; color: #d6d6d6; border-color: rgb(72,78,81) !important; }
.thread-entry.response .header { background: #20374f !important; }
.thread-entry.message .header { background: #2d3336 !important; }
.thread-entry .header, .thread-event { color: #d6d6d6; border-color: rgb(72,78,81) !important; }
.thread-body, .thread-body * { color: #d6d6d6; }
.thread-body a { color: #5fb3ec; }
.faq-content, .faq-category, .article-title, .kb-category { background: transparent; color: #d6d6d6; }
#kb li, #kb li:hover, .faq-list li { background: transparent; border-color: rgb(72,78,81); }
.search-form, .search-form input { background: #3e4346 !important; }
.pull-right, .manage, .staff-only { color: #9a9a9a; }
.redactor-box, .redactor-toolbar, .redactor-editor, .redactor-in { background: #3e4346 !important; color: #e4e4e4 !important; border-color: rgb(72,78,81) !important; }
.redactor-toolbar li a { color: #d6d6d6 !important; }
.select2-container .select2-selection, .select2-dropdown, .select2-results__option { background: #3e4346 !important; color: #e4e4e4 !important; border-color: rgb(72,78,81) !important; }
.select2-results__option--highlighted { background: rgb(31,63,94) !important; }
.ui-widget-content, .ui-datepicker, .ui-dialog { background: #2a2e30 !important; color: #d6d6d6 !important; border-color: rgb(72,78,81) !important; }
.ui-widget-header { background: #2d3336 !important; color: #e8e8e8 !important; border-color: rgb(72,78,81) !important; }
.dialog, .popup, #popup, .modal { background: #2a2e30 !important; color: #d6d6d6; border-color: rgb(72,78,81) !important; }
.dialog h3, #popup h3 { color: #e8e8e8; }
.dialog hr { border-color: rgb(72,78,81); }
.login-box, #clientLogin, .pwreset, .main-content { background: #2a2e30 !important; border-color: rgb(72,78,81) !important; }
.banner, .banner-header { color: #e8e8e8; }
::placeholder { color: #8a8f92 !important; }
::selection { background: rgb(31,63,94); color: #fff; }