/* ===================================
   KleenScan Dark Mode Overrides
   =================================== */

body {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

.background-image{
    background: #161616;
}

.index-form-container{
    border: 2px dashed #767676;
    border-radius: 10px;
}


#scan_form.dropzone, index-form-container {
  background-color: #1e1e1e !important;
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  color: #a8a8a8 !important;
}

a {
  color: #858585 !important;
}

a:hover {
  color: #636363 !important;
}

/* Headers / Nav */
#header{
    background-color: #1e1e1e !important;
    box-shadow: none !important;
}

.header-list > ul > li:hover,
.header-list > ul > li > a,
.header-list > ul > li > div > button,
#hamburger_menu > ul > li > a{
  background-color: transparent !important;
  color: #a8a8a8 !important;
  box-shadow: none !important;
  transition: 0.4s !important;
}

.header-list > ul > li:hover, .header-list > ul > li > div > button:hover{
    background-color: #252525 !important;
    border-radius: 4px !important;
}

.slider:before {
    background-color: rgb(52, 52, 52);
}

input:checked + .slider {
    background-color: #8ab185;
}

/* Containers / Cards */
#index-content,
#index-container,
.index-main-content-wrapper,
#login-form-container,
#register-form-container,
.content-container,
.profile-content-container,
.pricing-content-container,
.faq-container,
.terms-of-service-container,
.send-feedback-container,
.window-section,
.prescan-section-container,
.result-section,
.scan-result-top-section,
.scan-result-bottom-section,
.scan-result-antivirus,
.periodic-scan-wrapper,
.scan-history-container,
.no-scan-history,
.news-ticker-main-container,
.news-main-container,
.post-wrapper,
.documentation-central-content,
.dropdown-toggle,
.kleenscan-accordion-panel {
  background-color: #1e1e1e !important;
  color: #cacaca !important;
  border-color: #333 !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.7) !important;
}


.kleenscan-accordion {
  background-color: #2a2a2a !important;
  color: #e0e0e0 !important;
  border: 1px solid #444 !important;
}

/* Strong override for common highlighters/wrappers */
pre[class*="language-"]{
    border: none !important;
}

pre[class*="language-"] > code {
  background: transparent !important;
}

.dropdown.open ul li a, .appearance-button{
    background-color: #404040;
    padding: 5px 10px;
}

.dropdown.open ul li a:hover, .appearance-button:hover{
    background-color: #8ab185;
    color: #404040;
}

.kleenscan-accordion:hover {
  background-color: #333 !important;
  color: #fff !important;
}

.selection-tab-active, .selection-tab-inactive {
    box-shadow: 0 0 4px #404040;
    background-color: #404040;
}

.selection-tab-active{
    background-color: #8ab185;
    color: #404040;
}

.support-tickets-container, .panel-body, .panel-heading{
    background: #1e1e1e;
}

.prescan-section-container{
    background-color: #000000 !important;
}

/* Forms & Inputs */
input,
textarea,
select,
.profile-form-input,
.form-input,
.registration-form-input,
.rounded-input {
  background-color: #2a2a2a !important;
  color: #f0f0f0 !important;
  border: 1px solid #444 !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #8ab185 !important;
  box-shadow: 0 0 6px rgba(97, 189, 99, 0.5) !important;
  outline: none !important;
}

/* Buttons */
.button,
.button-green-filled,
.button-green-outline,
.login-form-button,
.update_button,
.delete_button,
.btn-create-ticket,
#scan_button,
#browse_button,
#search_url,
#select_antivirus_program {
  background-color: #2a2a2a !important;
  color: #8ab185 !important;
  border: 1px solid #8ab185 !important;
}


.button:hover,
.update_button:hover,
#scan_button:hover,
#browse_button:hover,
#search_url:hover,
#select_antivirus_program:hover {
  background-color: #8ab185 !important;
  color: #fff !important; 
  text-decoration: none !important;
}

.button-green-outline:hover{
    box-shadow: 0 1px 12px rgba(227, 227, 227, 0.25) !important;
}

.button-green-filled, .button-green-filled:hover, .btn-create-ticket:hover{
    background-color: #8ab185 !important;
    color: #fff !important;
    border: 1px solid #8ab185 !important;
    transition: 0.4s !important;
    text-decoration: none !important;
}

.button-green-filled:active, .btn-create-ticket:active {
    opacity: 0.3 !important;
}

.delete_button{
    background-color: #804545 !important;
    color: #dedede !important;
    border: 0px solid #bd6161 !important;
}

.delete_button:hover{
    background-color: #d41a1a !important;
    color: #ffffff !important;
    cursor: pointer !important;
}


.btn.dropdown-toggle{
  border: none !important;              
  box-shadow: none !important;          
}

/* .appearance-button{
    background-color: #404040 !important;
    padding: 5px 10px !important;
} */

/* Tables */
.kleenscan-table,
.scan-history-tables-container .kleenscan-table,
#history_details_table {
  background-color: #1e1e1e !important;
  color: #ddd !important;
  border: 1px solid #333 !important;
}

.kleenscan-table > tbody tr:nth-child(odd),
.scan-history-tables-container .kleenscan-table tbody > tr:nth-child(odd) {
  background-color: #2a2a2a !important;
}

/* Modals */
.modal-content,
#alert_modal,
#timezone_modal,
#survey_modal {
  background-color: #1e1e1e !important;
  color: #eee !important;
}

.modal-header,
.modal-footer {
  background-color: #222 !important;
  border-color: #333 !important;
}

.modal-header h3 {
  color: #fff !important;
}

/* Pagination */
.ks-pagination li,
.ks-pagination span {
  background-color: #2a2a2a !important;
  color: #ddd !important;
  border: 1px solid #444 !important;
}

.ks-pagination li:hover,
.ks-pagination span:hover {
  background-color: #444 !important;
  color: #fff !important;
}

/* Misc elements */
.tag-style {
  background-color: #8ab185 !important;
  color: #fff !important;
}

.post-header {
  background-color: #000000 !important;
  color: #fff !important;
}

.documentation-toc{
    background-color: #1e1e1e;
    border-right: 1px solid #2f2e2e;
    border-top: 1px solid #2f2e2e;
}

.details-region-separator,
.horizontal-result-separator {
  border-color: #000000 !important;
}

.collapsible-wrapper {
  background-color: #1a1a1a !important;
  border-color: #333 !important;
}

.doc-column-section p,
.doc-column-section code {
  color: #ccc !important;
  background-color: #1e1e1e !important;
  border-color: #444 !important;
}

/* Footer */
.footer,
.main_footer {
  background-color: #1e1e1e !important;
  color: #aaa !important;
  border-top: 1px solid #333 !important;
}

.periodic-scan-content-container{
    background-color: #1e1e1e !important;
}

.panel-heading{
    background-color: #222222 !important;
}