/* Copyright 2014 Owen Versteeg; MIT licensed */
body,textarea,input,select {
    background-color: #0a0d14;
    border-radius:0;
    font:16px sans-serif;
    margin:0;
    color:#fff;
}

.smooth{transition:all .2s}
.btn,.nav a{text-decoration:none}
.container{margin:0 20px;width:auto}
/* label>*{display:inline}
form>*{display:block;margin-bottom:10px} */

.btn {
    background:#999;
    border-radius:6px;
    border:0;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    margin:2px 0;
    padding:12px 30px 14px;
}
.btn:hover{background:#888}
.btn:active,.btn:focus{background:#777}
.btn-a{background:#0ae}
.btn-a:hover{background:#09d}
.btn-a:active,.btn-a:focus{background:#08b}
.btn-b{background:#3c5}
.btn-b:hover{background:#2b4}
.btn-b:active,.btn-b:focus{background:#2a4}
.btn-c{background:#d33}.btn-c:hover{background:#c22}
.btn-c:active,.btn-c:focus{background:#b22}
.btn-sm{border-radius:4px;padding:10px 14px 11px}

.row{margin:1% 0;overflow:auto}
.col{float:left}
.table,.c12{width:100%}
.c11{width:91.66%}
.c10{width:83.33%}
.c9{width:75%}
.c8{width:66.66%}
.c7{width:58.33%}
.c6{width:50%}
.c5{width:41.66%}
.c4{width:33.33%}
.c3{width:25%}
.c2{width:16.66%}
.c1{width:8.33%}

h1{font-size:3em}
.btn,h2{font-size:2em}
.ico{font:33px Arial Unicode MS,Lucida Sans Unicode}

.addon,.btn-sm,.nav,textarea,input,select{outline:0;font-size:14px}

textarea,input,select{padding:8px;width: 100%;border:1px solid #ccc}
textarea:focus,input:focus,select:focus{border-color:#5ab}
textarea,input[type=text],input[type=password]{-webkit-appearance:none;width: calc(100% - 1.5em)}

.addon {padding:8px 12px;box-shadow:0 0 0 1px #ccc}
.nav,.nav .current,.nav a:hover {background:#0005;color:#fff}
.nav {
	z-index:10;
    height:24px;
    padding:11px 0 15px;
    position: fixed;
    width: 100%;
    top: 0;
}
.nav a {
    color:#aaa;
    padding-right:1em;
    position:relative;
    top:-1px
}
.nav .pagename{font-size:22px;top:1px}
.btn.btn-close{background:#000;float:right;font-size:25px;margin:-54px 7px;display:none}

@media(min-width:1310px){.container{margin:auto;width:1270px}}
@media(max-width:870px){.row .col {width:100%}}

/* @media(max-width:500px){
.btn.btn-close{display:block}

.nav{overflow:hidden}
.pagename{margin-top:-11px}
.nav:active,.nav:focus{height:auto}
.nav div:before{
    background:#000;
    border-bottom:10px double;
    border-top:3px solid;
    content:'';
    float:right;
    height:4px;
    position:relative;
    right:3px;
    top:14px;
    width:20px;
}
.nav a {
    padding:.5em 0;
    display:block;
    width:50%;
}
} */
/* .table th,.table td{padding:.5em;text-align:left}
.table tbody>:nth-child(2n-1){background:#ddd} */

.msg {
    padding:.5em;
    background:#02060f;
    border-left:5px solid #0d192a;
    margin-top: 5px;
    list-style: none;
    display: block;
}

a {color: #27e8a7;}
a:focus {color:#42675a;}

.card {
    padding: 1em;
    margin: .5em;
    background-color: #000d;
}
.modal {
	position:fixed;
	background-color: #0a0d14;
	width:100%;
	height:100%;
	top:0;
	z-index:21;
    overflow-y: auto;
}
.close {
	background: transparent;
	font-size: 25px;
	margin: 5px 5px;
	position:fixed;
	top: 0px;
	right: 0px;
	border: none;
	padding:.5em;
	color:#fff;

}