* {word-wrap:break-word}
/* reset css */
:focus {outline: 0;}
label {-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none}
img {max-width: 100%; height: auto;}
textarea {resize: vertical}
.hide {display:none}
.btn + .btn {margin-left: 10px;}
/* main css */
body {margin-top:70px}
#footer {background-color: #212121;color: #999999; padding: 1rem; margin-top: 1rem}
#footer a {color: #fff;}
/* recent topic */
.recent-topic {table-layout: fixed;}
.recent-topic td, .recent-topic th {padding:0 0.25rem;display:none}
.recent-topic td:first-child {display:table-cell}
@media (min-width: 768px) {
    .recent-topic td, .recent-topic th{display:table-cell}
}
.recent-topic td:first-child {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* fix bootstrap */
p:last-child, .form-group:last-child, .alert:last-child, .table:last-child {margin-bottom: 0}
.top-menu {margin-top: 1rem; margin-bottom: 1rem; text-align: right;}
.card-header > .nav-tabs {margin-right: -.625rem; margin-bottom: -.75rem;margin-left: -.625rem;border-bottom: 0}
.card > .list-group {}

#chat-box .list-group-item {padding: .25rem 1.25rem}

/* BBCode */
.spoilerhead {background: #E8E8F2; color: #211F67; padding: 3px; border: 1px solid #9898AD}
.spoilerbody {background: #FAFAFC; border: 1px solid #AFAFC4; border-top: none; padding: 4px; color: #333; border-radius: 0px 0px 3px 3px}
.bblist {color: #4A5663; background: transparent url('../images/dot.gif') no-repeat left; padding: 0px 0px 0px 10px}
.phpcode {background-color: #E0E6E9; border: 1px dotted #9FAEBB; margin-top: 4px; padding: 0 2px 0 2px; /*overflow: auto;*/}
.phpcode ol {padding-left: 40px}
.quote {border-left: 4px solid #c0c0c0; color: #878787; font-size: x-small; margin-left: 2px; padding: 2px 0 2px 4px}
.quote_container {border: 1px solid #ccc;margin-top: 6px;margin-bottom: 6px}
.quote_header {font-weight: 700;color: #444;background-color: #E8F4FD;padding: 3px 8px;border-bottom: 1px solid #ccc}
.quote_body {font-style: italic;background-color: #fff6d4;padding: 5px 10px}

.status {color: #CD853F; font-size: x-small; font-weight: bold; padding-left: 0}
.sub {border-top: 1px dotted #ccc; font-size: x-small; margin-top: 4px}

/* helper */
.center {text-align: center}
.icon {padding: 3px 6px 3px 1px; vertical-align: middle}
.icon-inline {padding-right: 6px; vertical-align: middle}
.left {float: left}
.gray {color: #586776}
.user .gray {color: #2E2E31}
.green, .green a {color: #008000}
.red, .red a {color: #FF0000}
/* library */
table.desc {border-top: 1px dotted #c6c17f; width: 100%; overflow: auto; font-size: x-small; margin-top: 4px}
table.desc td {font-size: x-small}
table.desc td.caption {width: 1%; text-align: right; color: #6f6f6f; white-space: nowrap}
.avatar {display: table-cell; vertical-align: top}
.avatar img {height: 32px; margin-right: 5px; margin-bottom: 5px; width: 32px}
.righttable {display: table-cell; vertical-align: top}
/* bbcode editor */
.bb_input {margin-bottom: 10px; background-color: #fff}
.bb_toolbar {line-height: 24px}
.bb_group {display: inline-block; background-color: #F0F7FC; border: 1px solid #D7EDFC; margin: 0 4px; border-radius: 3px}
.bb_group:first-child{margin-left: 0}
.bb_group a {display:inline-block; height: 24px;margin: 0 2px;}
.bbpopup {margin-top: 3px}
.bbpopup a {border: 1px solid #a7a7a7; height: 10px; display: inline-block; margin: 1px; vertical-align: middle; width: 10px}
.codepopup {margin-top: 3px;}
.codepopup a {border: 1px solid #a7a7a7; border-radius: 3px; background-color: #dddddd; color: black; font-weight: bold; padding: 2px 6px 2px 6px; display: inline-block; margin-right: 6px; margin-bottom: 3px; text-decoration: none}
/* forum vote */
.vote_result .result_label {margin-top: 3px}
.vote_result .result_bar {vertical-align: bottom;}
.vote_result .result_bar_container {display: inline-block; vertical-align: bottom; width: 102px; height: 12px; border: 1px solid #999; background-color: #ccc8c8}
.vote_result .bar {height: 10px}
.vote_result .bar.bg1 {background-color: #ff6666}
.vote_result .bar.bg2 {background-color: #ffc83c}
.vote_result .bar.bg3 {background-color: #b4e63c}
.vote_result .bar.bg4 {background-color: #64e600}
/* forum */
.forum-post .fa-avatar {width: 40px; padding-right: 4px}
.forum-post .fa-gender-icon {}
.forum-post .post-content {margin:4px -4px; padding: 4px; border-top: 1px solid #ccc;}
/* user level */
.user-7 {font-weight: bold; color: #BA027A}
.user-9 {font-weight: bold; color: #f00}
/* cb */
.chat-time {font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: smaller}