/*
darkMode colors
#404448
#222529
#d79400 USE #e0d9aa instead!

*/


html, body {
    color: rgba(255,255,255,.9);
     background: #333
        
}

h1, h2, h3 {
    color: #eee;
}

.small {color: #aaa}

 header, #content {
    background: #404448
}

header img {
    filter: invert(1);
    opacity: 0.8;
  
}

#login {
        background: white;
}

.data td:first-child a.btn {    opacity: 0.95;}

textarea, input, select, .boxSelect, .tabbox textarea, .tabbox input, .tabbox select, .tabbox .boxSelect   {
    border: 1.5px solid #d79400;
    background: rgba(240, 235, 225, .9);
}



#popup .inner {
    background: rgba(0,0,0,.8);
}

#tabnavi li.active, .tabbox {color: white;    background: #222529; }

#tabnavi li {color: silver;  background-color: #111519; border-top: none}




.data th {   background: #e0d9aa;}
.data td {  border: none!important; box-shadow: none!important}

.data tr:nth-child(even) td {background-color: rgba(255,255,255, .1)}
.data tr:nth-child(odd) td {background: rgba(0,0,0,.25)!important }

.sug {  
    top: 33px;
    border: none;
    box-shadow: none;
    background: #778; }
.sug div {    color: black; }

.boxExtend.active {
    background: #111519;
    border: none
}

.box2 {    background: #222529; }

tr.customerComplaint td {color: #633}

#usermenu  li.parent {
    background: #00253e;
    border-top: 1px solid black;
}

#usermenu a { 
    color: white;     
}


#usermenu ul.nav-child {
    background: black;
}


#usermenu li.parent li {
    background: #001320; 
    border-bottom: 0.5px solid #000
}