/**
 * COLOR OVERRIDE
 * This stylesheet is for overriding default Bootstrap colors.
 * When creating new themes, this is the file to edit.
 */

/**
 * OBJECTS
 */
hr {
  background-color: #3f648b;
}

/**
 * BASE PAGE
 */
body {
  background-color: #1a324b;
  color: white;
}
[id="site-panel"] {
  background-color: #1a324b;
  background-image: repeating-linear-gradient(
    -45deg,
    #1c3652,
    #1c3652 15px,
    #1a334e 15px,
    #1a334e 30px
  );
}
.navbar-default {
  background-color: #0e181d;
  border-color: #21404f;
  color: white;
}
.navbar-default .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.65);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: rgba(255, 255, 255, 0.75);
}
.page-header {
  border-color: #3f648b;
}
.header-userinfo {
  background: #2d4c6c;
  border: 2px solid #3f648b;
}
.header-userinfo-avatar {
  border-color: #3f648b;
}
.header-userinfo-count {
  background-color: #ffb300;
  border-color: #fdd835;
}
.slideout-menu {
  background-color: #0e181d;
  border-color: #21404f;
  color: white;
}

/**
 * BACKGROUNDS
 */
.bg-primary {
  background-color: #132934;
}

/**
 * TEXT
 */
.text-muted {
  color: rgba(255, 255, 255, 0.5);
}
.text-primary {
  color: #527ca8;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #f8e088;
}
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  color: rgba(255, 255, 255, 0.5);
}

/**
 * LINKS
 */
a {
  color: #f8e088;
}
a:hover,
a:focus {
  color: #f8ecc2;
}

/**
 * BUTTONS
 */
.btn,
.btn:hover,
.btn:focus,
.btn:active {
  color: white;
}
.btn-default,
.jqibutton {
  background-color: #3f648b;
  border-color: #6c99c4;
}
.btn-default:hover,
.btn-default:focus,
.jqibutton:hover,
.jqibutton:focus {
  background-color: #4a76a4;
  border-color: #85abce;
}
.btn-default:active,
.btn-default:active:hover,
.jqibutton:active,
.jqibutton:active:hover {
  background-color: #1e3d5e;
  border-color: #3f648b;
  color: white;
}
.btn-default .btn-opts > li > a:hover,
.btn-default .btn-opts > li > a:focus {
  background-color: #4a76a4;
}
.btn-default .btn-opts:hover > li > a:not(:hover),
.btn-default .btn-opts:focus > li > a:not(:focus) {
  background-color: #3f648b;
}
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active:active {
  background-color: #1e3d5e;
  border-color: #3f648b;
  color: white;
}

.btn-primary,
.jqidefaultbutton {
  background-color: #ffb300;
  border-color: #fdd835;
}
.btn-primary:hover,
.btn-primary:focus,
.jqidefaultbutton:hover,
.jqidefaultbutton:focus {
  background-color: #edc721;
  border-color: #ffe83b;
}
.btn-primary:active,
.btn-primary:active:hover,
.jqidefaultbutton:active,
.jqidefaultbutton:active:hover {
  background-color: #c38900;
  border-color: #f4b800;
}
.btn-primary .btn-opts > li > a:hover,
.btn-primary .btn-opts > li > a:focus {
  background-color: #edc721;
}
.btn-primary .btn-opts:hover > li > a:not(:hover),
.btn-primary .btn-opts:focus > li > a:not(:focus) {
  background-color: #ffb300;
}
.btn-danger {
  background-color: #d13633;
  border-color: #fa6865;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #ff4f4a;
  border-color: #ff9893;
}
.btn-danger:active,
.btn-danger:active:hover {
  background-color: #9a1614;
  border-color: #bd413e;
}
.btn-danger .btn-opts > li > a:hover,
.btn-danger .btn-opts > li > a:focus {
  background-color: #ff4f4a;
}
.btn-danger .btn-opts:hover > li > a:not(:hover),
.btn-danger .btn-opts:focus > li > a:not(:focus) {
  background-color: #d13633;
}
.btn-warning {
  background-color: #fbc02d;
  border-color: #ffeb3b;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #fdd835;
  border-color: #ffeb3b;
}
.btn-magic {
  background-color: #9a43a9;
  border-color: #c97bd6;
}
.btn-magic:hover,
.btn-magic:focus {
  background-color: #b457c3;
  border-color: #de78ef;
}
.btn-magic:active,
.btn-magic:active:hover {
  background-color: #6b1779;
  border-color: #9f46ae;
}

/**
 * META
 */
.spell-modal .modal-content {
  background-color: #732d80;
  border-color: #9a43a9;
}
.spell-modal .modal-header,
.spell-modal .modal-footer {
  border-color: #9a43a9;
}
.spell-modal .list-group-item {
  background: transparent;
  border-color: #9a43a9;
}

/**
 * PANELS
 */
.panel-primary,
.panel-default {
  background-color: #2d4c6c;
  border-color: #3f648b;
}
.panel-primary > .panel-heading,
.panel-default > .panel-heading {
  background-color: #3f648b;
  border-color: inherit;
  border-bottom: 0;
  color: white;
  box-shadow: inset 0 3px 0 #6a97c6, inset 0 23px 0 #527ca8;
}
.panel-info {
  background-color: #3f648b;
  border-color: #527ca8;
}
.panel-info > .panel-heading {
  background-color: #527ca8;
  border-color: inherit;
  border-bottom: 0;
  color: white;
  box-shadow: inset 0 3px 0 #7bace0, inset 0 23px 0 #6a97c6;
}
.panel-danger {
  background-color: #f44336;
  border-color: #e57373;
}
.panel-danger > .panel-heading {
  background-color: #e57373;
  border-color: #e57373;
  box-shadow: inset 0 3px 0 #fbb2b2, inset 0 23px 0 #f89090;
  color: white !important;
}
.panel-row-heading {
  background-color: #284563;
}
.panel-footer {
  background-color: #2d4c6c;
  border-color: inherit;
}

/**
 * LISTS
 */
.list-group-item,
.list-group .alert {
  border-color: #3f648b;
  background-color: #2d4c6c;
}
.list-group-item-success {
  /*background-color: #4CAF50;
	border-color: #9CCC65;*/
  color: rgba(255, 255, 255, 0.5);
}
a.list-group-item {
  color: white !important;
}
a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #3a5f85;
}
.trow_selected {
  background-color: #3f648b !important;
}

/**
 * POSTS
 */
.post_media > .media-left {
  background-color: #284563;
}
.post_media > .media-body {
  background-color: #2d4c6c;
}
.post:nth-child(even) .post_media > .media-left {
  background-color: #223c57;
}
.post:nth-child(even) .post_media > .media-body {
  background-color: #284563;
}
#quickreply.affix {
  background: transparent;
  border-top: 0;
}
#quickreply_multiquote {
  background: #2d4c6c;
}
#posts .unapproved_post {
  background-color: #c62828 !important;
}
#posts .unapproved_post .post-body-wrap {
  background-color: #b71c1c;
}
#posts .deleted_post {
  opacity: 0.5;
}
blockquote {
  background-color: rgba(30, 57, 83, 0.5);
  border-color: #3f648b;
}
.sceditor-container.sceditor-container {
  background-color: #fff;
  border-color: #3f648b;
}
.sceditor-container.sceditor-container iframe {
}

.reactions-list > li > a {
  background-color: transparent !important;
}
.reactions-area [disabled],
.reactions-area .disabled {
  background: transparent;
  border-color: transparent;
}
.codeblock {
  background: #393c46;
  border-color: #3f648b;
}
.codeblock .title {
  border-color: #666;
}
.codeblock code {
  background: transparent;
  color: white;
}

/**
 * FORMS
 */
.form-control {
  background-color: #1e3953;
  border-color: #3f648b;
  color: white;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: transparent;
  border-color: #3f648b;
  color: rgba(255, 255, 255, 0.5);
}
.form-control:focus {
  background-color: #1e3953;
  border-color: #85abce;
}
.panel-heading .form-control {
  border-color: #6c99c4;
}
.input-group-addon {
  background-color: transparent;
  border-color: #3f648b;
  color: rgba(255, 255, 255, 0.5);
}
legend {
  border-color: #3f648b;
  color: inherit;
}
.form-check + label:before {
  border-color: #3f648b;
}
.form-check + label:hover:before,
.form-check + label:focus:before {
  border-color: #6c99c4;
}
.select2-drop.select2-drop,
.select2-container .select2-choice.select2-choice,
.select2-dropdown-open.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-dropdown-open.select2-drop-above
  .select2-choices {
  background: #1e3953;
  border-color: #3f648b;
  color: white;
}
.select2-search.select2-search input {
  border-color: #3f648b;
  background: #132934;
}
.select2-active {
  background: #132934 !important;
}
.select2-results .select2-highlighted.select2-highlighted {
  background: #3f648b;
  border-radius: 2px;
}
.select2-container-multi.select2-container-multi .select2-choices,
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background-color: transparent;
  background-image: none;
  border-color: #3f648b;
}
.select2-container-multi.select2-container-multi .select2-choices,
.select2-container-multi.select2-container-multi.select2-container-active .select2-choices {
  border-color: #2d4c6c;
}
.select2-container-multi
  .select2-choices.select2-choices
  .select2-search-choice {
  border-color: #2d4c6c;
}

/**
 * BREADCRUMB NAV
 */
.breadcrumb {
  background-color: #2d4c6c;
  box-shadow: inset 0 2px 0 #3f648b;
}
.breadcrumb > .active {
  color: rgba(255, 255, 255, 0.5);
}

/**
 * NAVIGATION
 */
.nav > li > a {
  color: rgba(255, 255, 255, 0.75);
}
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: white !important;
}
.nav .open > a {
  background-color: #3f648b !important;
  border-color: #6c99c4 !important;
  border-bottom-color: transparent !important;
  color: white !important;
}

/**
 * NAV TABS
 */
.nav-tabs {
  border-color: #2d4c6c;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #2d4c6c;
  background-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #2d4c6c;
  border-color: #2d4c6c;
  color: white;
  box-shadow: inset 0 2px 0 #3f648b;
}
.panel-body .nav-tabs > li.active > a {
  border-color: #3f648b;
  border-bottom-color: #2d4c6c;
  box-shadow: none;
}
.panel-body .tab-content {
  border: 2px solid #3f648b;
}

/**
 * ALERTS
 */
.alert {
  color: white;
}
.alert a {
  color: rgba(255, 255, 255, 0.7);
}
.alert .close {
  color: white;
  opacity: 1;
}
.alert a:hover,
.alert a:focus,
.alert .close:hover,
.alert .close:focus {
  color: rgba(255, 255, 255, 0.85);
}
.alert-success {
  background-color: #4caf50;
  border-color: #9ccc65;
}
.alert-info {
  background-color: #1565c0;
  border-color: #1e88e5;
}
.alert-warning {
  background-color: #ffb300;
  border-color: #fdd835;
  color: rgba(0, 0, 0, 0.75);
}
.alert-warning a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: underline;
}
.alert-danger {
  background-color: #f44336;
  border-color: #e57373;
  color: white;
}
.alert-danger .alert-link {
  color: white;
}
.atwho-view.atwho-view {
  background-color: #3f648b;
  border-color: #6c99c4 !important;
  color: white;
}
.atwho-view.atwho-view ul li {
  border-color: #6c99c4 !important;
}
.atwho-view.atwho-view .cur {
  background-color: #4a76a4;
}
.atwho-view.atwho-view strong {
  color: #f8e088;
}
.atwho-view.atwho-view li:last-child {
  border-bottom: 0;
}

.list-group .alert--unread {
  background-color: #3f648b;
  border-color: #6c99c4;
}
.list-group .alert--unread .img-circle {
  border-color: #6c99c4;
}

/**
 * MODAL
 */
.modal-content {
  background-color: #2d4c6c;
  border-color: #3f648b;
}
.modal-header {
  border-bottom: 2px solid #3f648b;
}
.modal-footer {
  border-top: 2px solid #3f648b;
}
.close,
.close:hover,
.close:focus,
.close:active {
  color: white;
  text-shadow: none;
}

/**
 * FOOTER
 */
#site-panel > footer {
  border-color: #3f648b;
  background-color: #132934;
}
#site-panel > footer a {
  color: rgba(255, 255, 255, 0.85);
}
#site-panel > footer a:hover,
#site-panel > footer a:focus {
  color: white;
}

/**
 * DROPDOWN
 */
.dropdown-menu {
  background-color: #3f648b;
  border-color: #6c99c4;
}
.dropdown-menu > li > a {
  color: white !important;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: #4a76a4 !important;
}
.dropdown .divider {
  background-color: #6c99c4;
}
.popover {
  background-color: #3f648b;
  border-color: #6c99c4;
}
.popover-title {
  background-color: #284563;
  border-bottom-color: transparent;
}
.popover.bottom > .arrow:before {
  border-bottom-color: #6c99c4;
}
.popover.bottom > .arrow:after {
  border-bottom-color: #3f648b;
}
.popover.right > .arrow:before {
  border-right-color: #6c99c4;
}
.popover.right > .arrow:after {
  border-right-color: #3f648b;
}
.popover.left > .arrow:before {
  border-left-color: #6c99c4;
}
.popover.left > .arrow:after {
  border-left-color: #3f648b;
}
.popover.top > .arrow:before {
  border-top-color: #6c99c4;
}
.popover.top > .arrow:after {
  border-top-color: #3f648b;
}

/**
 * PAGINATION
 */
.pagination {
  border: 2px solid #6c99c4;
}
.pagination > li > a,
.pagination > li > span {
  background-color: #3f648b;
  border-color: #6c99c4;
  color: white;
}
.pagination > li > a:hover,
.pagination > li > a:focus {
  background-color: #4a76a4;
  border-color: #6c99c4;
  color: white;
}
.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span {
  background-color: #284563;
  border-color: #6c99c4;
}

/**
 * TABLES
 */
.table-striped > tbody > tr:nth-of-type(2n + 1) {
  background-color: #284563;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #2d4c6c;
}
.calendar .trow1,
.calendar .trow2,
.calendar .trow_sep {
  border-color: #3f648b;
}
.calendar .trow_sep {
  background-color: #3f648b !important;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  border-color: #3f648b;
}
.table-hover > tbody > tr:hover {
  background-color: #3f648b;
}

/**
 * DEFINITION LISTS
 */
.dl-horizontal dd {
  border-color: #3f648b;
}

/**
 * PROGRESS
 */
.progress {
  background-color: #65315f;
  box-shadow: 0 0 0 2px #f478ef;
}
.progress-bar {
  background-color: #c243b5;
  background-image: repeating-linear-gradient(
    90deg,
    #c243b5,
    #c243b5 5px,
    #a72694 5px,
    #a72694 6px
  );
}

/**
 * MEMBER LIST
 */
.card {
  border-color: #6c99c4;
  background-color: #3f648b;
}
.card .img-circle {
  border-color: #6c99c4;
}

/**
 * USER PROFILE
 */
.userprofile-cover .media-body.background--light a:not(.btn) {
  color: #ab6d00;
}
.userprofile-cover .media-body.background--light a:not(.btn):hover,
.userprofile-cover .media-body.background--light a:not(.btn):focus {
  color: #000;
}
.showcase_feat {
  background-color: #1a324b;
  border-color: #3f648b;
}

/**
 * MISC
 */
.forum_status {
  background: #6a97c6;
  color: #2d4c6c !important;
}
.avatar {
  background-color: #284563;
}
.help-block {
  color: rgba(255, 255, 255, 0.65);
}
.jumbotron {
  background-color: #132934;
  border-top: 2px solid #3f648b;
  border-bottom: 2px solid #3f648b;
}
.well {
  background-color: transparent;
  border-color: #3f648b;
}
div.jqi {
  background-color: #2d4c6c;
  border-color: #3f648b;
}
.jqifade {
  background-color: black !important;
  opacity: 0.5 !important;
}
div.jqi .jqimessage {
  color: white;
}
.img-circle {
  background-color: #284563;
  border-color: #3f648b;
}
.badge {
  background-color: #ffb300;
  color: white;
}
.badge a {
  display: block;
  color: white;
}

/**
 * THREAD STATUSES
 */

/* Avatars */
.dot_folder {
}
.dot_hotfolder {
  border-color: #e47b39;
}
[class*="lock"][class*="folder"],
[class*="close"][class*="folder"] {
  -webkit-filter: grayscale(100%) contrast(0.75);
  filter: grayscale(100%) contrast(0.75);
}

/* Icons */
.thread-status:after {
  color: #527ca8;
}
.thread-status[class*="hot"]:after {
  color: #527ca8;
}
.thread-status[class*="close"]:after,
.thread-status[class*="lock"]:after {
  color: #aaa;
}
.thread-status[class*="move"]:after {
  color: #c97bd6;
}
.thread-status[class*="new"]:after {
  color: #8fbcea;
}

/**
 * CONVERSATIONS
 */

.bubblemsg_bubble {
  background-color: #3f648b;
  border-color: #6c99c4;
}
.bubblemsg_bubble:before {
  border-right-color: #6c99c4;
}
.bubblemsg_bubble:after {
  border-right-color: #3f648b;
}

.jscroll-added {
  border-color: #3f648b;
}