BODY
{
font-family:Roboto,Arial,sans-serif;
font-size:16px;
}

H1,H2,H3,H4,H5,H6
{
font-family:"Roboto-Condensed",Arial,sans-serif;
font-weight:bold;
}

.btn
{
min-width: 200px;
}

.btn
{
margin-right: 5px;
}

.static
{
position:static;
}

.form-control
{
outline:none !important;
box-shadow:none !important;
}

INPUT.err,
TEXTAREA.err
SELECT.err
{
border:1px solid #C99 !important;
border-right:5px solid #C99 !important;
}

DIV.err
{
font-size:13px;
color:#C99;
}

DIV.err-placeholder
{
height:19.5px;
}

.col-snake
{
column-count: 2; 
}

.col-snake LI
{
break-inside: avoid;
display: block;
}

#home UL
{
font-size:15px;
}

#home [class^="ri-"]
{
margin-left: -19px;
filter: grayscale(1) contrast(0.5);
}

#home [class^="iconoir-"]
{
margin-left: -19px;
filter: grayscale(1) contrast(1.2);
position: relative;
top: 2px;
}

#home LI
{
margin-bottom:10px;
}

FORM.toggled INPUT,
FORM.toggled SELECT,
FORM.toggled TEXTAREA,
FORM.toggled LABEL,
FORM.toggled BUTTON
{
pointer-events:none;
opacity:0.5;
}

FORM #btnSubmit,
FORM #btnLogin
{
position:relative;
top:0;
left:0;
width:200px;
text-align:center;
}

FORM #btnSubmit::before,
FORM #btnLogin::before
{
content:"Submit";
display:inline-block;
text-align:center;
color:#FFF;
font-weight:bold;
}

FORM #btnLogin::before
{
content:"Login";
}

FORM.toggled #btnSubmit::before,
FORM.toggled #btnLogin::before
{
content:"Submitting...";
}

FORM #btnSend SPAN::before
{
content:"Send Email";
display:inline-block;
text-align:center;
color:#FFF;
font-weight:bold;
}

FORM.toggled #btnSend SPAN::before
{
content:"Sending...";
}

FORM::before
{
content: " ";
position: absolute;
top: 0;
left: -9000px;
width: 0%;
background: #408ad9;
height: 6px;
transition: width 500ms;
display:inline-block;
}

FORM.toggled::before
{
left:0;
width: 100%;
}

#sharedmem #discussion
{
outline: none;
pointer-events: none;
overflow-y: scroll;
resize: none;
}

#sharedmem #typed
{
outline:none;
box-shadow:none !important;
text-align:right;
}

#sql
{
background:#f3f3f3;
height: 200px;
overflow-y: scroll;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
font-size: 11px;
padding: 0;
line-height: 13px;
}

#sql-content
{
padding-top:0;
margin-top: -30px;
}

TABLE.table-hover
{
cursor:pointer;
}

#email TEXTAREA
{
resize:none;
overflow-y: scroll;
overflow-x: hidden;
}


#email DIV.err,
#email DIV.err-placeholder
{
margin-bottom:-12px;
}