/* Space out content a bit */
body {
    padding-top: 70px;
    padding-bottom: 20px;
    font-size: 14px;
}
blockquote { font-size: 14px }
.top-navbar {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 10px;
}
/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
    padding-right: 15px;
    padding-left: 15px;
}
/* Custom page header */
.header { border-bottom: 1px solid #e5e5e5 }
/* Make the masthead heading the same height as the navigation */
.header h3 {
    padding-bottom: 19px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
}
/* Custom page footer */
.footer {
    margin-top: 10px;
    padding-top: 19px;
    color: #777;
    border-top: 1px solid #e5e5e5;
}
/* Customize container */
@media (min-width: 860px) { 
    body {
        background: #E0F8F1;
        /*background: #f9f9f9 url(../images/clouds-rain.jpg) no-repeat fixed 100% 100%;*/
    }
    .container { max-width: 860px }
    .navbar-right { padding-right: 15px }
    .main-content {
        background: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        box-shadow: 0px 0px 10px #ddd;
        border-radius: 5px;
    }
}
.container-narrow > hr { margin: 30px 0 }
/* Main marketing message and sign up button */
.jumbotron {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
    padding: 14px 24px;
    font-size: 21px;
}
/* Supporting marketing content */
.marketing { margin: 40px 0 }
.marketing p + h4 { margin-top: 28px }
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) { 
    /* Remove the padding we set earlier */
    .header,
    .marketing,
    .footer {
        padding-right: 0;
        padding-left: 0;
    }
    /* Space out the masthead */
    .header { margin-bottom: 30px }
    /* Remove the bottom border on the jumbotron for visual effect */
    .jumbotron { border-bottom: 0 }
}
div.page-header,
h1.page-header,
h2.page-header,
h3.page-header,
h4.page-header {
    margin-top: 0px;
    padding-bottom: 5px;
}
div.page-header h1 { margin: 0px }
.list1 {
    background-color: #f9f9f9;
    padding: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.topmenu { padding-bottom: 10px; }
.list2 { padding: 5px }
.online,
.offline { border-radius: 50% }

.panel-default>.panel-heading+.panel-collapse .panel-body { border-top-color: #6CDFEA }
.panel-default>.panel-footer+.panel-collapse .panel-body { border-bottom-color: #6CDFEA }
/* .navbar-inverse */
.navbar-inverse {
    background-color: #6CDFEA;
    border-color: #9AE4E8;
}
.navbar-inverse .navbar-brand { color: #f1f1f1 }
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-text { color: #f9f9f9 }
.navbar-inverse .navbar-nav>li>a { color: #f1f1f1 }
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #9AE4E8;
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}
.navbar-inverse .navbar-toggle { border-color: #6CDFEA }
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { background-color: #9AE4E8 }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-color: #9AE4E8 }
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #9AE4E8;
    color: #fff;
}
@media (max-width:767px) { 
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #9AE4E8 }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #9AE4E8 }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #f1f1f1 }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #FFF;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #9AE4E8;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}
.navbar-inverse .navbar-link { color: #999 }
.navbar-inverse .navbar-link:hover { color: #fff }

.btn-group .btn {
  overflow: hidden;
}
h6 { font-size: 12px;}
h5 { font-size: 14px;}
h4 { font-size: 16px;}
h3 { font-size: 18px;}
h2 { font-size: 20px;}
h1 { font-size: 22px;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
.nav-tabs {
  margin-bottom:5px;
}
.btn-group-container .btn-group {
  margin-right: 5px;
  margin-bottom: 5px;
}
.bbpopup {
  margin-top: 3px;
}

.bbpopup a {
  border: 1px solid #a7a7a7;
  height: 10px;
  display: inline-block;
  margin: 1px;
  vertical-align: middle;
  width: 10px;
}
.quick-login .form-control {
  margin-bottom: 10px;
}
.spoilerhead {
    background: #e0e6e9;
    border: 1px solid #9fa9b8;
    font-weight: bold;
    margin-top: 2px;
    padding: 2px;
}

.spoilerbody {
    border: 1px solid #c1c1c1;
    border-top: 0px;
    color: #586776;
    background-color: rgba(255, 255, 255, 0.3);
    margin-bottom: 2px;
    padding: 6px;
}
.sub {
    border-top: 1px dotted #c6c17f;
    font-size: small;
    margin-top: 4px;
    padding-top:2px;
}
.green, .green a:link, .green a:visited {
    color: #008000;
}
.gray {
    color: #586776;
}

.red, .red a:link, .red a:visited {
    color: #ff0000;
}
.help-block {
  font-size: small;
}
.label-help {
  font-size: small;
  font-weight: normal;
}
.dis-block {
  display: block;
}
.form-table {
    display: inline;
    width: auto;
}
p a.link-back, div a.link-back {
    margin: 5px 0;
}
a.link-back {
    display: inline-block;
    text-decoration: none;
    padding: 5px 7px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.pager {
    margin: 10px 0;
}
.quote {
    border-left: 4px solid #c0c0c0;
    color: #878787;
    font-size: x-small;
    margin-left: 2px;
    padding: 2px 0 2px 4px;
}

.reply {
    border-left: 4px solid #ee0000;
    color: #ee0000;
    padding: 2px 0 2px 4px;
}
.scrollspy {
    max-height:100px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 15px;
}
.scrollspy .list-group {
    margin-bottom: 0px;
}
.panel-group .list-group {
	margin-bottom: 0;
}

.panel-group .list-group .list-group-item {
	border-radius: 0;
	border-left: none;
	border-right: none;
}

.panel-group .list-group .list-group-item:last-child {
	border-bottom: none;
}
.panel-group .panel-heading a.accordion-toggle {
    padding: 10px 15px;
    margin: -10px -15px;
    display:block;
    border-radius: 5px;
    text-decoration: none;
}
.list-counter {
    padding: 5px;
    font-weight: bold;
    display: block;
}
.progress {
    margin-bottom: 5px;
}
.sidebar-user-info {
    background: #6CDFEA;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
    text-align: center;
}
.sidebar-user-info-top {
    padding: 10px 5px;
}

.sidebar-user-info a {
    color: #fff;
}
.pager-sm li>a,.pager-sm li>span {
  padding: 3px 10px;
}
.func>li>a {
    padding: 5px 10px;
}
@media (max-width: 320px) {
    .func>li {
        float: none;
    }
    .func>li+li {
        margin-top: 2px;
        margin-left: 0;
    }
}
.msgs {
    max-height: 230px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.msgs-xs {
    max-height: 100px;
}
.msg {
    margin-bottom: 5px;
    display: block;
}