@import "tailwind.css";

#site-nav {
  /* background-color: #fafafa; */
}

.site-nav > li,
.site-nav > li > a,
.site-nav > li > span > a {
  color: #46494f;
}

.site-nav .font-icon > i,
.site-nav .font-icon > a > i {
  color: #767b85;
}

.site-nav .rightside.dropdown-visible > a,
.site-nav .rightside > a:hover {
  background-color: #e7e7e7;
}

#site-header {
  background-color: white;
}

#site-menu > li > a {
  color: grey;
}

#site-menu > li.dropdown-visible > a,
#site-menu > li > a:hover {
  background-color: #fafafa;
  color: #222;
}

#site-search {
  border-color: rgba(0, 0, 0, 0.075);
}

#site-search input,
#site-search button {
  background-color: transparent;
  color: #4c4c4c;
}

#site-search input:hover,
#site-search input:focus,
#site-search input:hover + button,
#site-search input:focus + button,
#site-search button:hover {
  background-color: rgba(0, 0, 0, 0.025);
}

#wrap-subhead {
  background-color: #f0f0f0;
  border-color: #e6e6e6;
  margin-bottom: 30px;
}

#wrap-subhead h2,
#wrap-subhead h2 a {
  color: #777;
}

#subhead-tabs a {
  background-color: transparent;
  border-color: #e6e6e6;
  color: #767b85;
}

#subhead-tabs a:hover {
  background-color: #fafafa;
  color: #767b85;
}

#subhead-tabs .activetab a {
  background-color: #fafafa;
  border-color: #e6e6e6 #e6e6e6 #fafafa;
  color: #767b85;
}

.nav-mid,
.nav-mid a {
  color: #4c4c4c;
}

.forum-mods,
.forum-mods a {
  color: #a5a5a5;
}

.breadcrumbs a {
  color: white;
}

.breadcrumbs a:hover {
  color: white;
}

.breadcrumbs {
  padding: 35px 0;
  color: white;
}

.breadcrumbs .crumb:before {
  color: white;
}

#site-footer-nav,
#site-footer {
  background-color: #46494f;
}

#site-footer-area {
  background-color: #fff;
  border-top-color: #f0f0f0;
}

#site-footer-area,
#site-footer-area a {
  color: #46494f;
}

#site-footer-area h3,
#site-footer-area h5,
#site-footer-area h3 a,
#site-footer-area h5 a {
  color: #8d939e;
}

.cfooter-social a:hover {
  background-color: rgba(0, 0, 0, 0.25);
  color: #bebebe !important;
}

#site-footer-nav,
#site-footer-nav a {
  color: #fafafa;
}

#site-footer,
#site-footer a {
  color: #767b85;
}

.statistics-list {
  color: #acafb5;
}

.statistics-list span {
  background-color: #fafafa;
  border-color: #f0f0f0;
}

.statistics-list strong {
  color: #46494f;
}

#foot-left,
#foot-center,
#foot-right,
#foot-left a,
#foot-center a,
#foot-right a {
  color: #d2d2d2;
}

#foot-left a:hover,
#foot-center a:hover,
#foot-right a:hover {
  color: #fff;
}

/*
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */
body {
  color: #46494f;
  background-color: #fafafa;
}

h1 {
  color: #ffffff;
}

h2 {
  color: #28313f;
}

h3 {
  color: #1f5795;
}

hr {
  border-color: rgba(0, 0, 0, 0.05);
}

.side-block {
  background-color: #ffffff;
  border-color: #ebebeb;
}

.side-block-head,
.side-block-head > a {
  color: #767b85;
}

.side-block-head > a:hover {
  color: #3d4045;
}

/* Search box
--------------------------------------------- */
.search-box .inputbox,
.search-box .button {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.05);
  color: #46494f;
}

.search-box .inputbox:hover,
.search-box .inputbox:hover + .button {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
  color: #46494f;
}

.search-box .button:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.02);
  color: #46494f;
}

.search-box .inputbox:focus,
.search-box .inputbox:focus + .button,
.search-box .button:active {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.075);
  color: #46494f;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
#wrap {
  background-color: transparent;
}

.headerbar {
  background-color: #f0f0f0;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.075);
  color: #46494f;
}

#page-footer {
  background-color: #46494f;
}

.forabg .header,
.forumbg .header {
  background-color: #46494f;
}

.forabg .row,
.forumbg .row {
  background-color: #fff;
  border-left-color: #f0f0f0;
  border-right-color: #f0f0f0;
}

.forabg .row:last-child,
.forumbg .row:last-child {
  border-bottom-color: #f0f0f0;
}

.panel {
  background-color: #fff;
  border-color: #ebebeb;
  color: #46494f;
}

.panel:nth-child(2n) {
  background-color: #fafafa;
}

#qr_postform > .panel {
  background-color: #46494f;
}

.post {
  background-color: #fff;
  border-color: #ebebeb;
}

.post:target {
  animation-duration: 3s;
  animation-name: TargetGlow;
  animation-timing-function: ease-in-out;
}

@keyframes TargetGlow {
  from {
    border-color: rgba(69, 117, 180, 0.25);
  }

  75% {
    border-color: rgba(69, 117, 180, 0.25);
  }

  to {
    border-color: #ebebeb;
  }
}

#main-menu > li > a {
  color: #2c2c2c;
}

#main-menu > li > a:hover {
  box-shadow: 0 1px 0 rgba(69, 117, 180, 0.75);
}

.bg1 {
  background-color: #fff;
}

table.zebra-list tr:nth-child(odd) td,
ul.zebra-list li:nth-child(odd) {
  background-color: #ecf3f7;
}

.bg2 {
  background-color: #fff;
}

table.zebra-list tr:nth-child(even) td,
ul.zebra-list li:nth-child(even) {
  background-color: #e1ebf2;
}

.bg3 {
  background-color: #fff;
}

.ucprowbg {
  background-color: #dcdee2;
}

.fieldsbg {
  background-color: #e7e8ea;
}

/* Horizontal lists
----------------------------------------*/
ul.navlinks {
  background: transparent;
}

/* Table styles
----------------------------------------*/
table.table1 thead th {
  background-color: #46494f;
  color: #e7e7e7;
}

table.table1 thead a {
  color: #dcdcdc;
}

table.table1 thead a:hover {
  color: #8d939e;
}

table.table1 tbody tr {
  background-color: #fff;
}

table.table1 tbody tr td {
  background-color: transparent;
  border-color: transparent;
}

table.table1 tbody tr td:first-child {
  border-color: transparent transparent transparent #f0f0f0;
}

table.table1 tbody tr td:last-child {
  border-color: transparent #f0f0f0 transparent transparent;
}

table.table1 tbody tr:last-child td {
  border-color: transparent transparent #f0f0f0;
}

table.table1 tbody tr:last-child td:first-child {
  border-color: transparent transparent #f0f0f0 #f0f0f0;
}

table.table1 tbody tr:last-child td:last-child {
  border-color: transparent #f0f0f0 #f0f0f0 transparent;
}

table.table1 td {
  color: #46494f;
}

table.table1 tbody th {
  color: #46494f;
  background-color: #ffffff;
}

table.info tbody th {
  color: #46494f;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
  color: #46494f;
}

dl.details dd {
  color: #46494f;
}

.sep {
  color: #1198d9;
}

/* Pagination
---------------------------------------- */
.pagination li a,
.pagination li span {
  background-color: transparent;
  border-color: #e7e7e7;
  color: #46494f;
}

.pagination li.active span,
.pagination li.ellipsis span {
  background-color: #f5f5f5;
  border-color: #e7e7e7;
  color: #acafb5;
}

.pagination li a:hover,
.pagination .dropdown-visible a.dropdown-trigger,
.nojs .pagination .dropdown-container:hover a.dropdown-trigger {
  background-color: rgba(0, 0, 0, 0.04);
  border-color: #e7e7e7;
  color: #46494f;
}

.pagination li a:active,
.pagination li span:focus {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: #46494f;
}

.row .pagination li a {
  background-color: rgba(0, 0, 0, 0.025);
  color: #46494f;
}

.row:hover .pagination li a {
  background-color: rgba(0, 0, 0, 0.025);
  color: #46494f;
}

.row:hover .pagination li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #46494f;
}

.row:hover .pagination li a:active {
  background-color: #e7e7e7;
  color: #46494f;
}

/* Miscellaneous styles
---------------------------------------- */
.copyright {
  color: #555555;
}

.copyright a {
  color: #777777;
}

.copyright a:hover {
  color: #666666;
}

.error {
  color: #bc2a4d;
}

li.reported dt {
  box-shadow: -1px 0 0 #f3674a;
}

.sticky,
.announce {
  /* you can add a background for stickies and announcements*/
}

div.rules {
  background-color: #c94949;
  color: #fafafa;
}

#information {
  background-color: transparent;
  color: #46494f;
}

p.post-notice {
  background-color: #f3674a;
  color: #fafafa;
}

p.post-notice:before {
  color: rgba(0, 0, 0, 0.25);
}

p.post-notice a {
  color: #fafafa;
}

.stat-block {
  background-color: #46494f;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}

.stat-block > h3,
.stat-block > h3 > a {
  color: #ffffff;
}

.stat-block > h3 > a:hover {
  color: #e7e7e7;
}

.stat-block > p {
  background-color: #fafafa;
}

#online-list-stat {
  background-color: #f0f0f0;
  border-top-color: #e6e6e6;
}

/*
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */
a {
  color: #46494f;
}

a:hover {
  color: #1f5795;
}

/* Links on gradient backgrounds */
.forumbg .header a,
.forabg .header a,
th a {
  color: #dcdcdc;
  font-weight: 600;
}

.forumbg .header a:hover,
.forabg .header a:hover,
th a:hover {
  color: #8d939e;
}

/* Notification mark read link */
.dropdown-extended a.mark_read {
  background-color: #2569b5;
  color: #fafafa;
}

.dropdown-extended a.mark_read:hover {
  background-color: #46494f;
  color: #fafafa;
}

a.forumtitle,
a.topictitle,
a.lastsubject {
  color: #46494f;
}

/* Post body links */
.postlink,
.postlink:visited {
  color: #2569b5;
}

.postlink:hover {
  color: #1f5795;
}

.author > a {
  color: #aaa;
}

.signature a,
.signature a:hover {
  background-color: transparent;
}

/* Back to top of page */
a.top {
  background-image: url("images/icon_back_top.gif");
}

a.top2 {
  background-image: url("images/icon_back_top.gif");
}

/* Arrow links  */
a.arrow-up:hover {
  background-color: transparent;
}

a.arrow-left:hover {
  color: #368ad2;
}

a.arrow-right:hover {
  color: #368ad2;
}

/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.forums {
  background-color: #white;
}

ul.topiclist li {
  color: #9d9999;
}

li.row strong {
  color: #9c9c9c;
}

li.header dt,
li.header dd {
  border-color: #ebebeb;
  color: #ffffff;
}

.posts-approve {
  color: #f3674a;
}

/* Post body styles
----------------------------------------*/
.postbody {
  border-color: #ebebeb;
  color: #333333;
}

.postbody h3,
.postbody h3 a {
  color: #46494f;
}

.posts-buttons a {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.25);
}

.posts-buttons a:hover {
  background-color: #5c5c5c;
  color: #ebebeb;
}

.posts-buttons span {
  background-color: #4c4c4c;
  color: #ebebeb;
}

/* Content container styles
----------------------------------------*/
#topicreview {
  background-color: #f0f0f0;
}

.content {
  color: #555;
}

.content h2,
.panel h2 {
  color: #1f5795;
}

dl.faq dt {
  color: #333333;
}

.posthilit {
  background-color: #f3bfcc;
  color: #bc2a4d;
}

.announce,
.unreadpost {
  /* Highlight the announcements & unread posts box */
}

/* Post signature */
.signature {
  border-top-color: #e6e6e6;
  color: #9c9c9c;
}

/* Post noticies */
.notice {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.025);
  color: #c7c7c7;
}

.notice:hover {
  color: #767b85;
}

.notice:not(:hover) > .username-coloured,
.notice:not(:hover) > .username {
  color: #c7c7c7 !important;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
blockquote {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

blockquote blockquote {
  /* Nested quotes */
}

blockquote blockquote blockquote {
  /* Nested quotes */
}

/* Code block */
.codebox {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.05);
}

.codebox p {
  border-color: rgba(0, 0, 0, 0.05);
}

.codebox code {
  color: #2e8b57;
}

.syntaxbg {
  color: #ffffff;
}

.syntaxcomment {
  color: #ff8000;
}

.syntaxdefault {
  color: #0000bb;
}

.syntaxhtml {
  color: #000000;
}

.syntaxkeyword {
  color: #007700;
}

.syntaxstring {
  color: #dd0000;
}

/* Attachments
----------------------------------------*/
.attachbox {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.05);
}

.pm-message .attachbox {
  background-color: #f2f3f3;
}

.attachbox p {
  color: #666666;
}

.attachbox p.stats {
  color: #666666;
}

/* Inline image thumbnails */
dl.file dd {
  color: #666666;
}

dl.thumbnail img {
  border-color: #666666;
  background-color: #ffffff;
}

dl.thumbnail dd {
  color: #666666;
}

dl.thumbnail dt a:hover {
  background-color: #eeeeee;
}

dl.thumbnail dt a:hover img {
  border-color: #368ad2;
}

/* Post poll styles
----------------------------------------*/
.poll_panel {
  border-color: #e6e6e6 !important;
}

fieldset.polls dl {
  color: #46494f;
}

fieldset.polls dd.resultbar {
  background-color: #f0f0f0;
}

fieldset.polls dl.voted {
  color: #000000;
}

fieldset.polls dd div {
  color: #f0f0f0;
}

fieldset.polls dd div[style="width:0%;"] {
  background-color: transparent;
}

.pollbar1 {
  background-color: #1f5390;
}

.pollbar2 {
  background-color: #3367a4;
}

.pollbar3 {
  background-color: #477bb8;
}

.pollbar4 {
  background-color: #5b8fcc;
}

.pollbar5 {
  background-color: #6fa3e0;
}

/* Poster profile block
----------------------------------------*/
.postprofile {
  border-color: #ebebeb;
  color: #7c7c7c;
}

.online:before {
  background-color: #75b445;
}

dd.profile-warnings {
  color: #bc2a4d;
}

dd.profile-rank {
  margin-bottom: 20px;
}

dd.profile-custom-field,
dd.profile-posts {
  text-align: left;
}

/*
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */
.button {
  border-color: #2569b5;
  background-color: #2569b5;
  color: #fafafa;
  transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out;
}

.dropdown-select {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(0, 0, 0, 0.1);
  color: #4c4c4c;
}

.button:hover,
.nojs .dropdown-container:hover .dropdown-select {
  background-color: #1f5795;
  border-color: #1f5795;
  color: #ffffff;
}

.button:active,
.dropdown-visible .dropdown-select,
.nojs .dropdown-container:active .dropdown-select {
  background-color: #46494f;
  border-color: #46494f;
  color: #e7e7e7;
}

.dropdown-select:after {
  border-color: rgba(0, 0, 0, 0.075);
}

.dropdown-select:hover {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.05);
  color: #4c4c4c;
}

.dropdown-select:active {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
  color: #4c4c4c;
}

.dropdown-visible .dropdown-select,
.dropdown-visible .dropdown-select:hover,
.nojs .dropdown-container:hover .dropdown-select {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
  color: #4c4c4c;
}

.contact-icon {
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0.25);
}

.contact-icon:hover {
  color: #2569b5;
}

.buttons > .button > i {
  background-color: rgba(0, 0, 0, 0.15);
}

.chosen-container-single .chosen-single {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.075);
  color: #46494f;
}

.chosen-container-single .chosen-single:hover {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.05);
  color: #4c4c4c;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single:after {
  border-left-color: rgba(0, 0, 0, 0.075);
}

.chosen-container-single .chosen-search input[type="text"] {
  border-color: #aaa;
}

.chosen-container .chosen-drop {
  background-color: #fff;
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}

.chosen-container .chosen-results {
  color: #46494f;
}

.chosen-container .chosen-results li.disabled-result {
  color: #ccc;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #fafafa;
  color: #46494f;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  background: #f4f4f4;
}

.chosen-container-multi .chosen-choices {
  border-color: #aaa;
  background-color: #fff;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  background: transparent !important;
  box-shadow: none;
  color: #999;
}

.chosen-container-multi .chosen-choices li.search-choice {
  border-color: 1px solid #aaa;
  background-color: #eee;
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  border-color: #ccc;
  background-color: #e4e4e4;
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-drop .result-selected {
  color: #ccc;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
  color: #4c4c4c;
}

.chosen-container-active .chosen-choices {
  border-color: #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/*
--------------------------------------------------------------
Colours and backgrounds for cp.css
-------------------------------------------------------------- */
/* Main CP box
----------------------------------------*/
.panel-container .panel li.row {
  border-bottom-color: #b5c1cb;
  border-top-color: #f9f9f9;
}

ul.cplist {
  border-top-color: #b5c1cb;
}

.panel-container .panel li.header dd,
.panel-container .panel li.header dt,
.panel-container .panel li.header dd a,
.panel-container .panel li.header dt a {
  background-color: #fafafa;
  color: #46494f;
}

.panel-container table.table1 thead th {
  background-color: #ebebeb;
  color: #46494f;
}

#cp-main .pm-message {
  border-color: #dbdee2;
  background-color: #ffffff;
}

#cp-main .panel {
  background-color: #fff;
  border-color: #ebebeb;
  color: #46494f;
}

/* CP tabbed menu
----------------------------------------*/
#tabs .tab > a {
  background-color: #f5f5f5;
  border-color: #ebebeb;
  color: #767b85;
}

#tabs .tab > a:hover {
  background: #fff;
  color: #767b85;
}

#tabs .activetab > a,
#tabs .activetab > a:hover {
  background-color: #fff;
  border-color: #ebebeb #ebebeb #fff;
  color: #767b85;
}

#tabs .activetab > a:hover {
  color: #767b85;
}

#tabs-posting {
  background-color: #fafafa;
  border-color: #ebebeb;
}

#options-panel,
#attach-panel,
#poll-panel {
  background-color: #fff;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
#minitabs .tab > a {
  background-color: #e1ebf2;
}

#minitabs .activetab > a,
#minitabs .activetab > a:hover {
  background-color: #f9f9f9;
  color: #333333;
}

/* Responsive tabs
----------------------------------------*/
.responsive-tab .responsive-tab-link:before {
  border-color: #536482;
}

.responsive-tab .responsive-tab-link:hover:before {
  border-color: #d31141;
}

/* UCP navigation menu
----------------------------------------*/
#navigation {
  background-color: #f0f0f0;
  border-color: #e6e6e6;
}

#navigation a {
  border-color: transparent;
  color: #46494f;
}

#navigation a:hover {
  background-color: #fafafa;
  color: #46494f;
  border-color: #e6e6e6;
}

#navigation #active-subsection a {
  background-color: #fafafa;
  color: #46494f;
  border-color: #e6e6e6;
}

#navigation #active-subsection a:hover {
  background-color: #fafafa;
  color: #46494f;
}

/* Preferences pane layout
----------------------------------------*/
.panel-container h2 {
  color: #333333;
}

#cp-main .pm {
  background-color: #ffffff;
}

/* Friends list */
.cp-mini {
  background-color: transparent;
}

dl.mini dt {
  color: #425067;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
.current {
  color: #000000 !important;
}

/* PM marking colours */
.pmlist li.pm_marked_colour dt {
  box-shadow: -1px 0 0 #477bb8;
}

dd.pm_marked_colour {
  box-shadow: 17px 0 0 #477bb8 inset;
}

.pmlist li.pm_replied_colour dt {
  box-shadow: -1px 0 0 #3c3c3c;
}

dd.pm_replied_colour {
  box-shadow: 17px 0 0 #3c3c3c inset;
}

.pmlist li.pm_friend_colour dt {
  box-shadow: -1px 0 0 #75b445;
}

dd.pm_friend_colour {
  box-shadow: 17px 0 0 #75b445 inset;
}

.pmlist li.pm_foe_colour dt {
  box-shadow: -1px 0 0 #f3674a;
}

dd.pm_foe_colour {
  box-shadow: 17px 0 0 #f3674a inset;
}

/* Avatar gallery */
#gallery label {
  background: #ffffff;
  border-color: #ccc;
}

#gallery label:hover {
  background-color: #eee;
}

/*
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */
/* General form styles
----------------------------------------*/
select {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.05);
  color: #46494f;
}

select:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.075);
}

select:focus {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.075);
}

label {
  color: #46494f;
}

.display-options label {
  color: #767b85;
}

option.disabled-option {
  color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dt span {
  color: #767b85;
}

dd label {
  color: #333;
}

fieldset.fields1 {
  background-color: transparent;
}

/* Hover effects */
fieldset dl:hover dt label {
  color: #1f5795;
}

fieldset.fields2 dl:hover dt label {
  color: #1f5795;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
  background-color: #f2f3f3;
}

/* Posting page styles
----------------------------------------*/
#format-buttons {
  background-color: #fafafa;
  border-color: #e7e7e7;
}

#format-buttons input,
#format-buttons select {
  background-color: transparent;
  border: none;
}

#format-buttons input:hover,
#format-buttons select:hover {
  background-color: #e7e7e7;
}

#message-box textarea {
  color: #333333;
}

/* Input field styles
---------------------------------------- */
.inputbox {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.05);
  color: #46494f;
}

.inputbox:invalid {
  border-color: #f3674a;
  box-shadow: none;
}

.inputbox:-moz-placeholder {
  color: #333333;
}

.inputbox::-webkit-input-placeholder {
  color: #333333;
}

.inputbox:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.075);
}

.inputbox:focus {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.075);
}

.inputbox:focus:-moz-placeholder {
  color: transparent;
}

.inputbox:focus::-webkit-input-placeholder {
  color: transparent;
}

/* Form button styles
---------------------------------------- */
a.button1,
input.button1 {
  background-color: #2569b5;
  border-color: #2569b5;
  color: #fafafa;
}

a.button2,
input.button2 {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.075);
  color: #46494f;
}

a.button3,
input.button3 {
  background-color: #46494f;
  border-color: #46494f;
  color: #fafafa;
}

/* Hover states */
a.button1:hover,
input.button1:hover {
  background-color: #1f5795;
  border-color: #1f5795;
  color: #ffffff;
}

a.button2:hover,
input.button2:hover {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: rgba(0, 0, 0, 0.05);
  color: #46494f;
}

a.button3:hover,
input.button3:hover {
  color: #fafafa;
}

/* Focus and active states */
a.button1:active,
input.button1:focus {
  background-color: #46494f;
  border-color: #46494f;
  color: #e7e7e7;
}

a.button2:active,
input.button2:focus {
  background-color: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.05);
  color: #46494f;
}

a.button3:active,
input.button3:focus {
  color: #fafafa;
}

input.disabled {
  color: #e7e7e7;
}

.button-ar {
  background-color: transparent;
  color: #f3674a;
}

.button-ra {
  background-color: transparent;
  color: #75b445;
}

.button-ar:hover,
.button-ra:hover {
  color: #46494f;
}

/* jQuery popups
---------------------------------------- */
.phpbb_alert {
  background-color: #fafafa;
}

.phpbb_alert .alert_close:after {
  background-color: rgba(0, 0, 0, 0.025);
  border-color: #d5d5d5;
  color: #46494f;
}

#darken {
  background-color: #46494f;
}

#loading_indicator {
  background-color: #46494f;
  box-shadow: 0 0 50px #46494f;
  color: #fafafa;
}

.dropdown a,
.dropdown .font-icon > i,
.dropdown .font-icon > a > i {
  color: #46494f;
}

.dropdown a:hover,
.dropdown .font-icon:hover > i,
.dropdown .font-icon > a:hover > i {
  background-color: #fafafa;
  color: #46494f;
}

.dropdown-extended ul li:hover {
  color: #000000;
}

.dropdown-extended .header .header_settings a {
  background-color: transparent;
  color: #46494f;
}

.dropdown-extended .header .header_settings a:hover {
  background-color: #e7e7e7;
  color: #46494f;
}

.dropdown-extended .header,
.dropdown-extended .footer {
  background-color: #f5f5f5;
  border-color: #ebebeb;
  color: #46494f;
}

.dropdown-extended .footer > a:hover {
  background-color: #e7e7e7;
}

.dropdown .pointer {
  border-color: #4575b4 transparent;
}

.dropdown .pointer-inner {
  border-color: #4575b4 transparent;
}

.dropdown-extended .pointer-inner {
  border-color: #f1f8ff transparent;
}

ul.linklist li.responsive-menu a.responsive-menu-link:before {
  border-color: #105289;
}

ul.linklist li.responsive-menu a.responsive-menu-link:hover:before,
ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
  border-color: #d31141;
}

.dropdown .dropdown-contents {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
}

.dropdown-up .dropdown-contents {
  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
}

.dropdown li,
.dropdown li li {
  border-color: #dcdcdc;
  color: #46494f;
}

.dropdown li.separator {
  border-color: #dcdcdc;
}

/* Notifications
---------------------------------------- */
.notification_list p.notification-time {
  color: #767b85;
}

li.notification-reported strong,
li.notification-disapproved strong {
  color: #f3674a;
}

.file-progress {
  background-color: #cccccc;
}

.file-progress-bar,
#file-total-progress-bar {
  background-color: green;
}

#qr_postform input,
#qr_postform textarea {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(0, 0, 0, 0.15);
  color: #c7c7c7;
}

#qr_postform input:hover,
#qr_postform textarea:hover,
#qr_postform input:focus,
#qr_postform textarea:focus {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
  color: #c7c7c7;
}

#qr_postform .button1 {
  background-color: #2569b5;
  border-color: #2569b5;
  color: #e7e7e7;
}

#qr_postform .button2 {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.15);
}

#qr_postform .button1:hover {
  background-color: #1f5795;
  border-color: #1f5795;
  color: #e7e7e7;
}

#qr_postform .button2:hover {
  background-color: rgba(0, 0, 0, 0.15);
  border-color: rgba(0, 0, 0, 0.15);
}

#qr_postform .button1:focus,
#qr_postform .button2:focus {
  background-color: #37393e;
  border-color: #37393e;
  color: #c7c7c7;
}

#global_notification {
  background: #fa6900;
  border-bottom: 1px solid #e15e00;
  border-top: 1px solid #e15e00;
  padding: 5px 0;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  color: white;
  font-size: 13px;
}

#global_notification strong {
  font-weight: 700;
}

#global_notification a.button {
  background: white;
  color: @orangecol;
  padding: 3px 9px;
  background: #fff;
  color: #fa6900;
  padding: 3px 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color 150ms ease-out;
  -moz-transition: background-color 150ms ease-out;
  -o-transition: background-color 150ms ease-out;
  transition: background-color 150ms ease-out;

  border: 0;

  height: auto;
  line-height: normal !important;
}

#global_notification .content {
  width: 1180px;
  max-width: 95%;
  margin: 0 auto;
  min-height: 0;
  color: white;
  padding: 4px 0;
}

li.header dd {
  font-size: 1.35em;
}

.forabg {
  box-shadow: 0 3px 5px #0000001c;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}

li.header dl.icon dt .list-inner {
  font-size: 1.15em;
}

.rank-wrapper {
  margin: 5px auto;
}

.rank-wrapper img {
  display: inline-block;
}

h2.topic-title a {
  font-size: 1.2em;
}
