@import url("../../CleanSilver/theme/custom.css");

:root {
    --blue-light: #8ABAF0;
    --blue-light-darker: #87a2ca;
    --blue-dark: #1b517a;
    --blue-dark-2: #1C2029;
    --blue-dark-3: #13161e;
    --red: #cf335a;
}

* {
    text-decoration-color: white;
}


html, body{
    background: url("./images/background_dark.png");
    background-color: rgb(0,0,0);
}

.headerbar{
    background-color: rgb(7,7,7)
}

.wrap,
div.copyright,
.inputbox,
.phpbb_alert,
.sidenav li:hover, .sidenav li:active,
.dropdown-contents li:hover,
.cp-main .pm{
    background-color: #17191E;
}

ul.forums,
li.row:hover,
#WhoIs,
.bg1, .bg2, .bg3,
.panel,
table.table1 tbody tr:hover, table.table1 tbody tr.hover,
.sidenav,
.panel-container .panel,
.stat-block,
.notification_list li,
table.zebra-list tr:nth-child(odd) td,
table.zebra-list tr:nth-child(even) td,
#postform .contactpanel,
#page-body.page-body > .forumbg > .inner > .main-content{
    background-color: var(--blue-dark-2);
}

.navbar{
    background-color: inherit;
}

blockquote,
.codebox{
    background-color: rgba(0,0,0,0.2);
}

.tabs .tab > a{
    background-color: rgb(31,31,31); /* original color: #e0e0e0 224,224,224*/
}

.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger,
.button:hover, .button:focus,
.dropdown .dropdown-contents{
    background-color: rgb(40,40,40);
}

@media only screen and (max-width: 900px), only screen and (max-device-width: 900px){
    #navigation a, .rtl #navigation a{
        background-color: rgb(40,40,40);
    }
}

.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger,
.button:hover, .button:focus{
    border-color: rgb(40,40,40);
}

a,
dt label,
html, body,
.sidenav a,
.panel h2,
.button .icon, .button-secondary,
.current{
    color: var(--blue-light); /* light blue, original color: #105289*/
}

a:hover,
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger,
.button-secondary:focus, .button-secondary:hover, .button:focus .icon, .button:hover .icon,
.tabs .tab > a:hover,
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover,
.sidenav a:hover,
.navigation .active-subsection a:hover,
.navigation a:hover{
    color: #cf335a; /* original color: #D31141 */
}

.info a[style*="color: #AA0000"],
a.username-coloured[style*="color: #AA0000"],
span.username-coloured[style*="color: #AA0000"],
#WhoIs em a[style*="color:#AA0000"],
#viewprofile .details.profile-details span[style*="color: #AA0000"]{
    color: #e01414 !important;
}

.info a[style*="color: #009900"],
a.username-coloured[style*="color: #009900"],
span.username-coloured[style*="color: #009900"],
#WhoIs em a[style*="color:#009900"],
#viewprofile .details.profile-details span[style*="color: #009900"]{
    color: #009f00 !important;
}

/* modbreak */
/*>>>>>>>*/
.content div[style*="background:#efefef"]{
    background-color: rgb(30,30,30) !important;
}
.content div[style*="background:#efefef"],
.content div[style*="background:#efefef"] strong{
    color: rgb(200,200,200) !important;
}
/*<<<<<<<*/

ul.topiclist li{
    color: var(--blue-light-darker); /* darker blue, original color: #4C5D77 */
}

.tabs .tab > a,
.navigation a,
.codebox a{
    color: #3494c5; /* original color: #045d8a */
}

.tabs .activetab > a, .tabs .activetab > a:hover{
    color: rgb(202,202,202); /* original color: ##353535 53,53,53 */
}

.pagination li a,
.dropdown .dropdown-contents,
.dropdown-contents a,
.button,
.searchresults-title,
h2{
    color: #98b6d4; /* original color: #0076b1 */
}

label,
h3{
    color: #98b6d4; /* original color: #425067 */
}

.panel{
    color: #758ca3; /* original color: #28313F */
}

.bg3 .big-column{
    background-color: #202f3d !important; /* original color: #CADCEB */
}

.postprofile,
dl.file dd,
fieldset.polls dl{
    color: rgb(150,150,150);
}

::placeholder{
    color: rgb(150,150,150) !important;
}

::-ms-input-placeholder{
    color: rgb(150,150,150) !important;
}

::-webkit-input-placeholder{
    color: rgb(150,150,150) !important;
}

::-moz-placeholder{
    color: rgb(150,150,150) !important;
}

.message-box textarea,
dl.details dd{
    color: rgb(180,180,180);
}

.postprofile strong,
select,
.post:target .content,
.wrap, div.copyright, .inputbox,
dd label,
.content,
table.table1 tbody td,
.panel-container h2,
dl.details dt,
.navigation .active-subsection a,
.panel-container table.table1 thead th,
.postbody,
dl.faq dt,
.post h3 a.first-unread, .post:target h3 a,
cite a,
fieldset.polls dl.voted{
    color: rgb(200,200,200); /* original oa. #333333 */
}

li.row strong,
a.button1, input.button1, input.button3, a.button2, input.button2,
fieldset dl:hover dt label,
div.rules a:hover,
.codebox code{
    color: white;
}

.profile-rank img:not([alt='Administrator']):not([alt='Moderator']):not([alt='Newsposter']):not([alt='Content Editor']):not([alt='Erelid']):not([alt='ISP Staff']):not([alt='Godlike']):not([alt='userbase crew']):not([alt='El Robre']):not([alt='Crew support']),
.rank-img img:not([alt='Administrator']):not([alt='Moderator']):not([alt='Newsposter']):not([alt='Content Editor']):not([alt='Erelid']):not([alt='ISP Staff']):not([alt='Godlike']):not([alt='userbase crew']):not([alt='El Robre']):not([alt='Crew support']){
    filter: invert(100%) grayscale(100%) contrast(70%) brightness(120%);
}

span[style*="color:"]:not(.username-coloured){
    filter: invert(1);
}

.profile-details span[style*="color:"]:not(.username-coloured){
    filter: invert(0);
}

blockquote blockquote{
    background-color: rgba(0,0,0,0.2);
}

blockquote blockquote blockquote{
    background-color: rgba(0,0,0,0.2);
}

li.row{
    border-top-color: #454851;
    border-bottom-color: #454851;
}

.postprofile{
    border-right-color: #454851;
}

/*
@media (min-width: 701px) {
    .signature{
        filter: brightness(0.5);
    }
    .signature:hover{
        filter: brightness(1);
    }
}
*/

@media (max-width: 700px) {
    .signature{
        border-top-color:  #454851;
    }
}

@media (max-width: 700px){
    .profile-contact .button{
        background-color: rgb(40,40,40);
    }
}

.postlink:hover{
    background-color: inherit;
    color: var(--red);
}

.icon.icon-black, a:hover .icon.icon-black{
    color: rgb(200,200,200);
}

dl.mini dt{
    color: #728aa4;
}

.header{
    background-color: var(--blue-dark);
}

div.rules{
    background-color: #6b0e1a;
}

.tabs,
.tabs .tab a,
.attachbox,
html.alternating_color #wrap #page-body .post:nth-of-type(odd){
    background-color: var(--blue-dark-3); /* original color: #dedede 222,222,222*/
}

.row-item .pagination li a,
.row-item .button,
.navigation .active-subsection a, .navigation a,
.cp-mini{
    background-color: #161923;
}

.row-item .pagination li a,
.row-item .button:before{
    border-color: #161923;
}

.pagination li a,
.button,
.tablink,
h2.forum-title,
a.button1, input.button1, input.button3, a.button2, input.button2, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover, .navigation a:hover,
.tabs .tab > a:hover{
    background-color: #202739;
}

.pagination li a, .row-item .pagination li a:hover,
.button:before,
.search-box .inputbox, .search-box .inputbox:hover, .search-box .inputbox:focus{
    border-color: #202739;
}

h2.topic-title,
.topbar,
.navbar2,
.dropdown .dropdown-contents,
.searchresults-title,
select,
input{
    background-color: var(--blue-dark-2);
}

/* scrollbar */
::-webkit-scrollbar-track{
    background-color: rgb(50,50,50);
}
::-webkit-scrollbar-button {
    background-color: rgb(23,23,23);
}
::-webkit-scrollbar-thumb{
    background-color: #0076b1 !important;
}

#color_palette_placeholder .colour-palette{
    filter: invert(100%);
}

.sidenav .dropdown-btn{
    color: var(--blue-light);
}

p.post-notice{
    background-color: var(--red);
}

.post-notice.unapproved .icon.icon-red{
    color: white;
}

.notification_list li:hover{
    background-color: inherit;
}

.minitabs .tab > a{
    border-top-color: #454c68;
}

.minitabs .tab > a:hover,
.minitabs .tab.activetab > a{
    border-top-color: #0076b1;
}

.minitabs .tab > a,
.minitabs .activetab > a,
.minitabs .activetab > a, .minitabs .activetab > a:hover{
    background-color: var(--blue-dark-3);
}

.minitabs .activetab > a, .minitabs .activetab > a:hover{
    color: var(--blue-light);
}

.jumpbox-sub-link{
    background-color: var(--blue-dark-3); 
}
.jumpbox-sub-link:hover{
    background-color: var(--blue-dark-2); 
}
.jumpbox-cat-link{
    background-color: var(--blue-dark); 
}

/* sponsor logos */
#footer_fusiontek_logo,
#page-body > .content > a[href="https://fusiontek.be"]{
    filter: invert(1) hue-rotate(185deg)
}
#footer_edpnet_logo,
#page-body > .content > a[href="https://www.edpnet.be"]{
	filter: invert(1) hue-rotate(178deg) brightness(1.3) saturate(2.3);
}

/* Quote popup */
a.button.button-icon-only.floatquote{
    border-color: #0e0e0e;
    box-shadow: 2px 3px #0e0e0e;
}
html .multiquote-wrap{
    background-color:rgb(24,25,30)
}

/* ============== */
/* social buttons */
/* ============== */
#social .global-button{
    background: #222738;
    color: #96b8ee;
}

/* Quote popup */
.multiquote-wrap{
   background-color: #14161e;
}

/* ====== */
/* Flairs */
/* ====== */
.flair-icon[title='Mobile Vikings']{
    filter: invert(0.9);
}
.flair-icon[title="Digi"],
.flair-icon[title="Neibo"]{
    filter: brightness(3);
}
.flair-icon[title="Proximus"]{
    filter: brightness(1.5);
}
.flair-icon[title="Yoin"]{
    filter: hue-rotate(130deg) brightness(15) contrast(0.7);
}
.flair-icon[title="Undo"]{
    filter: invert(0.9);
}
.flair-icon[title="Tadaam"]{
    filter: invert(1);
}
.flair-icon[title='Starlink'] {
    filter: invert(1);
}

/* === */
/* 2FA */
/* === */

/* user control panel */
label[for="otp"] ~ input[name="register"]{
    background: #6b6b6bcc;
    color: white;
}


/* ========= */
/* AIMODHELP */
/* ========= */

html #ai-modal-overlay #ai-modal{
    background-color: #171b24;
}
html #ai-modal-overlay #ai-modal input,
html #ai-modal-overlay #ai-modal select {
   background-color: #363c4d !important;
}

html #ai-modal-overlay .input-group {
    background-color: #212631;
}
html #ai-modal-overlay h1,
html #ai-modal-overlay h2,
html #ai-modal-overlay h3,
html #ai-modal-overlay h4,
html #ai-modal-overlay label,
html #ai-modal-overlay #ai-modal input {
    color: rgb(200,200,200);
}

html #ai-modal-overlay .input-group,
html #ai-modal-overlay *,
html #ai-modal-overlay textarea,
html #ai-modal-overlay input[type="text"],
html #ai-modal-overlay input[type="number"],
html #ai-modal-overlay select,
html #ai-modal-overlay #evaluationMessage{
    border-color: #47516d;
}


html #ai-modal-overlay pre {
   background-color: #363c4d; 
   color: rgb(200,200,200);
}