/* tagBox - default skin */

html {
overflow-y:no !important;
}

body {
    margin:0;
    background-color:#000;
    background: 
        linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)),
        url("https://mjsweb.nl/bg.png") center center / cover no-repeat;
    background-attachment: fixed;
}
body,td,th,div {
font-family:Verdana;
font-size:13px;
color:#ff7300;
vertical-align:top;
text-align:left;
cursor:default
}

#h, #i, #a {
color:#090;
}

div {
overflow:hidden;
word-wrap:break-word /* IE ONLY */
}

a {
color:#0f0;
text-decoration:underline
}

a:hover {
color:#0f0;
text-decoration:none;
cursor: pointer
}

li {
font-size:8px;
color:#0f0
}

.poweredby{
font-size:85%
}

.admin_online{
color:#0f0
}

.admin_offline{
color:#fff
}

.ip{
color:#f00
}

.online{
color:#f00
}

.taga {
border-bottom:1px dotted #090;
background-color:transparent;
padding:1px
  display:inline-block;
  vertical-align:middle;

}

.taga a {
color:#0f0;
font-size:14px
}

.tagb {
border-bottom:1px dotted #090;
background-color:transparent;
padding:1px
  display:inline-block;
  vertical-align:middle;

}

.tagb a {
color:#0f0;
font-size:14px
}

img{max-width:150px}

.tagcount{
text-align:center;
margin-top:0;
font-size:10px;
}

.formarea {
text-align:center;
background-color:transparent;
padding-bottom:0;/* IE ONLY */
color:#fff;
margin:0 auto;
width:100%;
}

form{
max-width:250px;
margin: 0 auto;
}

input {
border:1px solid #090;
background-color:#000;
font-weight:bold;
text-align:center;
margin-bottom:1px;
cursor:default;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 14px;
color:#fff

}
/* ===== NAAM & BERICHT INPUT ===== */
input.inputname,
input.inputmsg {
    width:100%;
    padding:6px;
    border:1px solid #0f0;
    background-color:#000;
    color:#fff;
    border-radius:6px;
    transition:0.2s;
}

/* hover */
input.inputname:hover,
input.inputmsg:hover {
    border-color:#00ff88;
}

/* focus (wanneer je typt) */
input.inputname:focus,
input.inputmsg:focus {
    border-color:#00ff00;
    box-shadow:0 0 6px #00ff00;
}


/* ===== VERSTUUR BUTTON ===== */
input.inputbutton {
    width:50%;
    background-color:#090;
    color:#fff;
    border:none;
    border-radius:6px;
    padding:6px;
    cursor:pointer;
    transition:0.2s;
}

/* hover */
input.inputbutton:hover {
    background-color:#0f0;
    box-shadow:0 0 8px #00ff00;
}

/* klik effect */
input.inputbutton:active {
    background-color:#00cc00;
}

.footer {
text-align:center;
color:#2e8b57;
font-size:10px;
text-decoration:underline;
}
/* ===== Chrome, Edge, Safari ===== */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #000; /* achtergrond */
}

::-webkit-scrollbar-thumb {
    background: #00ff66; /* groen */
    border-radius: 10px;

    /* glow effect */
    box-shadow:
        0 0 5px #00ff66,
        0 0 10px #00ff66,
        0 0 20px #00ff66;
}

/* hover nog meer glow */
::-webkit-scrollbar-thumb:hover {
    background: #00ff88;
    box-shadow:
        0 0 10px #00ff88,
        0 0 20px #00ff88,
        0 0 40px #00ff88;
}


/* ===== Firefox ===== */
* {
    scrollbar-width: thin;
    scrollbar-color: #00ff66 #000;
}