/* Base Fonts & Colors */
html { background:#212b83; }

body { padding:0; font:16.33px 'OpenSansRegular', Helvetica, Arial, sans-serif; color:rgba(255,255,255,1); }

/* Headings */
h1,h2,h3,h4,h5 { font-family:'OpenSansSemiBold', Helvetica, Arial, sans-serif; color:rgba(255,255,255,1); }

/* Bullets */
li::before { color:#0155bd; }

/* Body Selection Highlight Color */
::-moz-selection { background-color: rgba(0,0,0,.8); }
::selection { background-color: rgba(0,0,0,.8); }

/* Button Styles */
input[type=submit],	input[type=reset], input[type=button], button, .btn { 
	font: 1em 'OpenSansRegular', Helvetica, Arial, sans-serif; background:#0155bd; border-radius:0.2em; color:white; border:1px solid #0155bd;
}
/* Button Hover & Focus */
input[type=submit]:hover, input[type=submit]:focus,
input[type=reset]:hover, input[type=reset]:focus, 
input[type=button]:hover, input[type=button]:focus,
button:hover, button:focus, 
.btn:hover, .btn:focus { 
	background:#003980; color:white; border:1px solid #003980;
}

/* Disabled Input */
input:disabled { background:#d4d4d4 !important; color:#878787 !important; cursor:default !important; border:1px solid #878787 !important; }

/* Reset Button */
input[type=reset] { background:#5f5f5f; border:1px solid #5f5f5f; }
input[type=reset]:hover, input[type=reset]:focus { background:#3a3a3a; border:1px solid #3a3a3a; }

/* Input Styles */
select, textarea, input[type=text], input[type=number], input[type=password] { font: 1em 'OpenSansRegular', Helvetica, Arial, sans-serif; background: white; border:1px solid rgba(120,120,120,1); border-radius:0.2em; width:18em; }

/* Input Hover & Focus */
select:hover, select:focus, 
textarea:hover, textarea:focus, 
input[type=text]:hover, input[type=text]:focus, 
input[type=number]:hover, input[type=number]:focus, 
input[type=password]:hover, input[type=password]:focus { 
	border-color:rgba(0,0,0,1);
	background-color:white;
}

/* Restyle the Chrome autofill */
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 2em white inset; }

/* Tables */
table { background:white; }
table, th, td { border: 1px solid rgba(120,120,120,1); }
th { background:#0155bd; color:white; }
th, td { padding:8px 12px; }
td { color:black; }
.tbl-top tr:nth-child(even), .tbl-left td:nth-child(even) { background-color:#F2F2F2; }
 
/* Hyperlinks */
a { color:#0155bd;  }
a:active, a:focus, a:hover { color:#003980; }

/* Horizontal Line */
hr { border-top:1px solid rgba(0,0,0,.15); }

/* Custom Checkbox & Radio */
.radio, .checkbox, input[type=radio], input[type=checkbox] { margin:0.8em 0 !important; }
/* Hide Input & Checkbox */
.radio input[type=radio], .checkbox input[type=checkbox] { opacity:0; position:absolute; }
/* Checkbox & Radio Label */
.radio label, .checkbox label { padding:0 1em 0 1.8em !important; }
/* Checkbox mark */
.checkbox label::before { border-radius:0.2em; border:1px solid rgba(120,120,120,1); background:white; transition: background-color 0.2s ease, border-color 0.2s ease;  }
/* Checkbox Hover & Focus */
input[type=checkbox]:focus + label::before, .checkbox:hover > label::before { border:1px solid rgba(0,0,0,1) !important; background-color:white; }
/* Radio */
.radio label::before { border:1px solid rgba(120,120,120,1); background:white; transition: background-color 0.2s ease, border-color 0.2s ease;  }
/* Radio Hover & Focus */
input[type=radio]:focus + label::before, .radio:hover > label::before { border:1px solid rgba(0,0,0,1) !important; background-color:white; }
/* Radio mark */
.radio label::after { background:#0155bd; }
/* Checkmark */
.checkbox label::after { border-left:0.15em solid #0155bd; border-bottom:0.15em solid #0155bd; }

/* Color Input */
input[type=color] { border-radius:0.2em; overflow:hidden; border:1px solid rgba(120,120,120,1) !important; transition: border-color 0.2s ease;  }
input[type=color]:hover, input[type=color]:focus { border:1px solid rgba(0,0,0,1) !important; }
input[type=color] { -webkit-appearance:none; appearance:none; padding:0; border:none; width:1.9em; height:1.9em; margin:0.6em 0; outline:none; }
input[type=color]::-webkit-color-swatch-wrapper { padding:0; }
input[type=color]::-webkit-color-swatch { border:none; }


/* Custom Range Input */
input[type=range] { -webkit-appearance:none; appearance:none; background:transparent; width:11em; margin:1em 0; outline:none; }

/* Range Runnable Track */
input[type=range]::-webkit-slider-runnable-track { background:white; border-radius:0.2em; width:11em; height:0.9em; cursor:pointer; }
input[type=range]::-moz-range-track { background:white; border-radius:0.2em; width:11em; height:0.9em; cursor:pointer; }
input[type=range]::-ms-track { width:11em; height:0.9em; cursor:pointer; background:transparent; border:0; color:transparent; }
input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper  { background:white; border-radius:0.2em; }
input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper { border:1px solid rgba(120,120,120,1); }

/* Range Track */
input[type=range]::-webkit-slider-runnable-track { border:1px solid rgba(120,120,120,1); }
input[type=range]::-moz-range-track { border:1px solid rgba(120,120,120,1); }
input[type=range]::-ms-track { border-color:rgba(120,120,120,1); }

/* Range Thumb */
input[type=range]::-webkit-slider-thumb { -webkit-appearance:none; margin-top:-0.6em; }
input[type=range]::-webkit-slider-thumb { height:1.8em; width:0.6em; border:0; cursor:pointer; border-radius:0.8em; }
input[type=range]::-moz-range-thumb { height:1.8em; width:0.6em; border:0; cursor:pointer; border-radius:0.2em; }
input[type=range]::-ms-thumb { height:1.8em; width:0.6em; border:0; cursor:pointer; margin-top:0; }

/* Range Thumb */
input[type=range]::-webkit-slider-thumb { background:#0155bd; }
input[type=range]::-moz-range-thumb { background:#0155bd; }
input[type=range]::-ms-thumb { background:#0155bd; }