/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */
img
{
    max-width: 100%;
}

/* Normal, standard links. */
a:link, a:visited, a.new_win:link, a.new_win:visited
{
    color: #2a2a2a;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
    cursor: pointer;
}

/* Links that open in a new window. */
a.new_win:hover
{
    text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
    empty-cells: show;
}

/* Set a fontsize that will look the same in all browsers.
   Override Bootstrap's default font to fall back to sans-serif.
*/
body
{
    margin: 0 auto;
    padding: 0;
    background-color: #ebebeb;
    font-family: 'Open Sans', sans-serif;
}

/* Help popups require a different styling of the body element. */
body#help_popup
{
    padding: 1em;
}

/* use dark grey for the text, leaving #000 for headers etc */
body, td, th, tr
{
    color: #444;
}

/* This division wraps the entire forum when a forum width is set. */
div#wrapper
{
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

/* lets give all forms zero padding/margins */
form
{
    padding: 0;
    margin: 0;
}

/* We can style the different types of input buttons to be uniform throughout different browsers and their color themes.
   .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers
   .button_reset  - covers input[type=reset] and button[type=reset] throughout all browsers
   .input_check   - covers input[type=checkbox] throughout all browsers
   .input_radio   - covers input[type=radio] throughout all browsers
   .input_text    - covers input[type=text] throughout all browsers
   .input_file    - covers input[type=file] throughout all browsers
*/

input, button, select, textarea
{
    color: #000;
    background: #fff;
    border: 1px solid #7f9db9;
    padding: 2px;
}

/* Select elements look horrible with the extra padding, so leave them unpadded. */
select
{
    padding-right: 5px;
}

/* Add some padding to the options instead. */
select option
{
    padding: 1px;
}

/* The font size of textareas should be just a little bit larger. */
textarea
{
    font: 100%/130% verdana, Helvetica, sans-serif;
}

/* Buttons should be styled a bit differently, in order to make them look more button'ish. */
.button_submit, .button_reset
{
    background: #cde7ff url(../images/theme/submit_bg.png) no-repeat;
    border: 1px solid #aaa;
    cursor: pointer;
    font-weight: normal;
}

input:hover, textarea:hover, button:hover, select:hover
{
    border: 1px solid #454545;
}

.button_submit:hover, .button_reset:hover
{
    border: 1px solid #aaa;
    background: url(../images/theme/submit_bg.png) no-repeat 0 -140px #cde7ff;
}

input:focus, textarea:focus, button:focus, select:focus
{
    border: 1px solid #454545;
}

/* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */
input.input_check, input.input_radio
{
    border: none;
    background: none;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

#check_all
{
    position: relative;
    top: 0px;
}

h3.catbg input.input_check
{
    margin: 9px 7px 0 7px;
}

/* Give disabled text input elements a different background color. */
input[disabled].input_text
{
    background-color: #eee;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
    height: 1px;
    border: 0;
    color: #ccc;
    background-color: #ccc;
}

/* By default set the color on these tags as #000. */
h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
}

/* Fieldsets are used to group elements. */
fieldset
{
    border: 1px solid #c4c4c4;
    padding: 1em;
    margin: 0 0 0.5em 0;
}

fieldset legend
{
    font-weight: bold;
    color: #444;
}

/* No image should have a border when linked. */
a img
{
    border: 0;
}

/* Define strong as bold, and em as italics */
strong
{
    font-weight: 700;
}

em
{
    font-style: italic;
}

/* Alternative for u tag */
.underline
{
    text-decoration: underline;
}

/* iframes should not overflow from the post area */
iframe, video, audio
{
    max-width: 100%;
}

/* Keep YouTube iframes in aspect ratio */
iframe.youtube_iframe
{
    width: 642px;
    height: 392px;
    max-width: 80vw;
    max-height: 45vw;
}

/* Common classes to easy styling.
------------------------------------------------------- */

.floatright
{
    float: right;
}

.floatleft
{
    float: left;
}

.flow_auto
{
    overflow: auto;
}

.flow_hidden
{
    overflow: hidden;
}

.flow_hidden .windowbg, .flow_hidden .windowbg2
{
    margin-top: 2px;
}

.clear
{
    clear: both;
}

.clear_left
{
    clear: left;
}

.clear_right
{
    clear: right;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext, tr.smalltext th
{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.middletext
{
    font-size: 0.9em;
    line-height: 1em;
    font-family: verdana, sans-serif;
}

.normaltext
{
    font-size: 1em;
    line-height: 1.2em;
}

.largetext
{
    font-size: 1.4em;
}

.centertext
{
    margin: 0 auto;
    text-align: center;
}

.righttext
{
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}

.lefttext
{
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

.double_height
{
    line-height: 2em;
}

/* some common padding styles */
.padding
{
    padding: 0.7em;
}

.main_section, .lower_padding
{
    padding-bottom: 0.5em;
}

/* a quick reset list class. */
ul.reset, ul.reset li
{
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Some BBC related styles.
------------------------------------------------------- */

/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
    font-size: 11px;
    color: #444;
    line-height: 1.4em;
    border: 1px solid #ccc;
    padding: 1.1em 1.4em;
    margin: 0.1em 0 0.3em 0;
    overflow: auto;
}

/* Alterate blockquote stylings */
blockquote.bbc_standard_quote
{
    background-color: #f8f8f8;
}

blockquote.bbc_alternate_quote
{
    background-color: #fcfcfc;
}

/* A code block - maybe PHP ;). */
code.bbc_code
{
    display: block;
    font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
    font-size: 12px;
    background-color: #f8f8f8;
    color: #444;
    border: 1px solid #ccc;
    line-height: 1.5em;
    padding: 3px 1em;
    overflow: auto;
    white-space: nowrap;
    /* Show a scrollbar after about 24 lines. */
    max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
    font-size: x-small;
    padding: 0 0.3em;
}

.codeheader, .codeheader a, .quoteheader, .quoteheader a
{
    color: #444;
    font-weight: 600;
}

/* For links to change the code stuff... */
.codeoperation
{
    font-weight: normal;
}

/* Styling for BBC tags */
.bbc_link:link, .bbc_link:visited
{
    border-bottom: 1px solid #A8B6CF;
}

.bbc_link:hover
{
    text-decoration: none;
    border-bottom: 1px solid #346;
}

.bbc_size
{
    line-height: 1.4em;
}

.bbc_color a
{
    color: inherit;
}

.bbc_img
{
    border: 0;
}

.bbc_table
{
    font: inherit;
    color: inherit;
}

.bbc_table td
{
    padding: 0px 3px 0px 3px;
    font: inherit;
    color: inherit;
    vertical-align: top;
}

.bbc_u
{
    text-decoration: underline;
}

.bbc_list
{
    text-align: left;
}

.bbc_tt
{
    font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
}

img.bbc_img
{
    vertical-align: baseline !important;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
    cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
    color: red;
}

/* Highlighted text - such as search results. */
.highlight
{
    font-weight: bold;
    color: #ff7200 !important;
    font-size: 1.1em;
}

/* A more discreet highlight color, for selected membergroups etc. */
.highlight2
{
    background-color: #D1E1EF;
    color: #000 !important;
}

/* Generic, mostly color-related, classes.
------------------------------------------------------- */
.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td,
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th
{
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    background: #6590a5;
}

/* adjust the table versions of headers */
tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2
{
    padding: 0 6px;
}

tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited
{
    color: #fff;
}

tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited
{
    color: #fff;
}

.catbg select
{
    /*height: 1.5em;*/
    font-size: 0.85em;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, .windowbg span,
.windowbg2, .windowbg2 span,
.windowbg3, .windowbg3 span,
#preview_body
{
    background-color: #fcfcfc;
    border-radius: 4px;
    margin: 0.2em 0;
}
.windowbg4
{
    background-color: #ebebeb;
}

/* the page navigation area */
.pagesection
{
    font-size: 0.9em;
    padding: 0;
    overflow: hidden;
    margin-bottom: 1px;
}

div.pagesection div.floatright input
{
    margin-top: 3px;
}

.pagelinks
{
    padding: 0.6em 0 0.4em 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 15px;
}

.pagelinks strong
{
    font-weight: 300;
}

@media (max-width: 767px) {
    .pagelinks {
        background-color: #6590A5;
        color: #fff;
        border-radius: 4px;
        width: 100%;
        margin-top: 5px;
        text-align: center;
        padding: 10px 0px 10px 0px;
    }
    .pagelinks a {
        color: #fff;
    }
    div.pagesection ul.nav.nav-pills {
        margin-top: 10px;
    }
}

/* Colors for background of posts requiring approval */
.approvebg
{
    color: #000;
    background-color: #ffeaea;
}

.approvebg2
{
    color: #000;
    background-color: #fff2f2;
}

/* Color for background of *topics* requiring approval */
.approvetbg
{
    color: #000;
    background-color: #e4a17c;
}

.approvetbg2
{
    color: #000;
    background-color: #f3bd9f;
}

/* Locked posts get a different shade, too! */
.lockedbg
{
    font-style: italic;
}

.lockedbg2
{
    font-style: italic;
}

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
    overflow: auto;
    line-height: 1.4em;
    padding: 0.1em 0;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments
{
    width: 100%;
    overflow: auto;
    clear: right;
    padding: 1em 0 3px 0;
    border-top: 1px dotted #aaa;
    line-height: 1.4em;
    font-size: 0.85em;
    word-wrap: break-word;
}
.custom_fields_above_signature
{
    width: 98%;
    clear: right;
    padding: 1em 0 3px 0;
    border-top: 1px solid #aaa;
    line-height: 1.4em;
    font-size: 0.85em;
}

/* Sometimes there will be an error when you post */
.error
{
    color: red;
}

/* Messages that somehow need to attract the attention. */
.alert
{
    color: red;
}

/* Calendar colors for birthdays, events and holidays */
.birthday
{
    color: #920ac4;
}

.event
{
    color: #078907;
}

.holiday
{
    color: #000080;
}

/* Colors for warnings */
.warn_mute
{
    color: red;
}

.warn_moderate
{
    color: #ffa500;
}

.warn_watch, .success
{
    color: green;
}

a.moderation_link, a.moderation_link:visited
{
    color: red;
    font-weight: bold;
}

.openid_login
{
    background: white url(../images/openid.gif) no-repeat;
    padding-left: 18px;
}

/* a descriptive style */
.description, .plainbox
{
    padding: 0.5em 1em;
    font-size: 0.9em;
    line-height: 1.4em;
    border: none;
    background: none;
    margin: 0.2em 1px 1em 1px;
}

#main_admsection .description, #admin_content .description, .description_board
{
    padding: 10px 15px;
    font-size: 0.9em;
    line-height: 1.4em;
    border: none;
    background: #fcfcfc;
    margin: 4px 0;
}

.description_board
{
    margin: 0 0 20px 0;
    border-radius: 4px;
    border-bottom: 2px solid #d3d3d3;
}

/* an informative style */
.information
{
    padding: 0.5em 1em;
    font-size: 0.9em;
    line-height: 1.3em;
    border: 1px solid #bbb;
    background: #f0f6f0;
    margin: 0.2em 1px 1em 1px;
}

.information p
{
    padding: 1em;
    margin: 0;
}

p.para2
{
    padding: 1em 0 3.5em 0;
    margin: 0;
}
/* AJAX notification bar
------------------------------------------------------- */
#ajax_in_progress
{
    background: url(../images/theme/loadingbar.png) repeat-x;
    color: #f96f00;
    text-align: center;
    font-size: 16pt;
    padding: 8px;
    width: 100%;
    height: 66px;
    line-height: 25px;
    position: fixed;
    top: 0;
    left: 0;
}

#ajax_in_progress a
{
    color: orange;
    text-decoration: underline;
    font-size: smaller;
    float: right;
    margin-right: 20px;
}

/* Lists with settings use these a lot.
------------------------------------------------------- */
dl.settings
{
    clear: right;
    overflow: auto;
    margin: 0 0 10px 0;
    padding: 0;
}

dl.settings dt
{
    width: 40%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
    clear: both;
}

dl.settings dt.settings_title
{
    width: 100%;
    float: none;
    margin: 0 0 10px 0;
    padding: 5px 0 0 0;
    font-weight: bold;
    clear: both;
}

dl.settings dt.windowbg
{
    width: 98%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0 0 5px 0;
    clear: both;
}

dl.settings dd
{
    width: 56%;
    float: right;
    overflow: auto;
    margin: 0 0 3px 0;
    padding: 0;
}

dl.settings img
{
    margin: 0 10px 0 0;
}

/* help icons */
dl.settings dt a img
{
    position: relative;
    top: 2px;
}

@media (max-width: 767px) {
    dl.settings dt, dl.settings dd
    {
        width: 100%;
    }
}
/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg
{
    background-color: #6590a5;
    overflow: hidden;
    height: 38px;
    line-height: 38px;
    font-size: 12px;
    font-weight: 600;
}

h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a
{
    color: #fff;
}

h3.catbg2 a, h3.catbg2
{
    color: #feb;
}

h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover
{
    color: #bfdeed;
    text-decoration: none;
}

h3.catbg2 a:hover
{
    color: #fff;
    text-decoration: none;
}

h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a
{
    color: #fff;
}

h3.titlebg a:hover, h4.titlebg a:hover
{
    color: #fff;
    text-decoration: none;
}

h3.catbg img.icon, h4.titlebg img.icon
{
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

h4.catbg a.toggle img
{
    vertical-align: middle;
    margin: -2px 5px 0 5px;
}

h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg
{
    background: #6590a5;
    padding-right: 9px;
}

h4.titlebg, h3.titlebg
{
    background: #6590a5;
    padding-right: 9px;
}

h4.titlebg img.icon
{
    float: left;
    margin: 10px 8px 0 0;
}

div.cat_bar
{
    background: #6590a5;
    padding-left: 9px;
    height: 38px;
    overflow: hidden;
    margin-bottom: 1px;
    border-radius: 5px;
}

div.title_bar
{
    background: #6590a5;
    padding-left: 9px;
    height: 38px;
    overflow: hidden;
    margin-bottom: 1px;
    border-radius: 4px;
}

/* rounded bars needs a different background here */
div#IC div.cat_bar
{
    background: #4c798e;
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
}

div#IC div.cat_bar h3.catbg
{
    background: #4c798e;
    border-radius: 4px 4px 0 0;
}

div.title_barIC
{
    background: #F5F5F5;
    padding-left: 9px;
    height: 38px;
    overflow: hidden;
    margin-bottom: 1px;
    border: 1px solid #CCC;
    border-top: none;
}

div.title_barIC h4.titlebg
{
    background: #F5F5F5;
    color: #333;
}

.icbg
{
    background: #FFF;
    padding: 5px;
    border: 1px solid #CCC;
    border-top: none;
}

#upshrinkHeaderIC p.pminfo
{
    margin: 0;
    padding: 0.5em;
}

img#upshrink_ic, img#newsupshrink
{
    float: right;
    margin: 12px 5px 0 0;
}

img#upshrink_ic.icon
{
    display: none;
}

table.table_list a.unreadlink, table.table_list a.collapse
{
    float: right;
}

table.table_list a.collapse
{
    margin: 0 5px 0 1em;
    height: 38px;
    line-height: 38px;
    display: block;
    visibility: visible;
}

/* The half-round header bars for some tables. */
#messageindex .table_grid tr.catbg,
#recent .table_grid tr.catbg
{
    background: none;
}

#messageindex .table_grid tr.catbg th,
#recent .table_grid tr.catbg th
{
    background: #6590a5;
}

#messageindex .table_grid tr.catbg th.first_th,
#recent .table_grid tr.catbg th.first_th
{
    border-radius: 4px 0 0 4px
}

#messageindex .table_grid tr.catbg th.last_th,
#recent .table_grid tr.catbg th.last_th
{
    border-radius: 0 4px 4px 0;
}

@media (max-width: 767px) {
    #messageindex .table_grid tr.catbg th.lefttext,
    #recent .table_grid tr.catbg th.lefttext {
        border-radius: 0 4px 4px 0;
    }
}

.table_grid th.last_th input
{
    margin: 0 2px;
}

th.lefttext
{
    font-weight: 600;
    font-size: 12px;
    padding-left: 9px;
}

th.last_th.lefttext
{
    padding-left: 3px;
}

th.hidden-xs:nth-child(3)
{
    font-weight: 600;
    font-size: 12px;
    /*padding-left: 55px;*/
    text-align: center;
    width: 200px;
}

.table > thead > tr > th
{
    border-bottom: 3px solid #ebebeb !important;
}

/* GenericList */
.additional_row
{
    padding: 0.5em 0 0.5em 0;
}

/* table_grid styles for Profile > Show Permissions. */
#permissions table.table_grid td
{
    padding: 0.4em 0.8em;
    cursor: default;
}

/* Common styles used to add corners to divisions.
------------------------------------------------------- */
.windowbg span.topslice
{
    display: block;
    padding-left: 20px;
    border-radius: 4px 4px 0 0;
}

.windowbg span.topslice span
{
    display: block;
    height: 11px;
    border-radius: 4px 4px 0 0;
}

.windowbg span.botslice
{
    display: block;
    padding-left: 20px;
    font-size: 5px;
    line-height: 5px;
    margin-bottom: 0.2em;
    border-radius: 0 0 4px 4px;
}

.windowbg span.botslice span
{
    display: block;
    height: 11px;
    border-radius: 0 0 4px 4px;
}

.windowbg2 span.topslice
{
    display: block;
    padding-left: 20px;
    border-radius: 4px 4px 0 0;
}

.windowbg2 span.topslice span
{
    display: block;
    height: 11px;
    border-radius: 4px 4px 0 0;
}

.windowbg2 span.botslice
{
    display: block;
    padding-left: 20px;
    font-size: 5px;
    line-height: 5px;
    margin-bottom: 0.2em;
    border-radius: 0 0 4px 4px;
}

.windowbg2 span.botslice span
{
    display: block;
    height: 11px;
    border-radius: 0 0 4px 4px;
}

.approvebg span.topslice
{
    display: block;
    padding-left: 20px;
    background: url(../images/theme/main_block.png) 0 0 no-repeat;
}

.approvebg span.topslice span
{
    display: block;
    background: url(../images/theme/main_block.png) 100% 0 no-repeat;
    height: 11px;
}

.approvebg span.botslice
{
    display: block;
    padding-left: 20px;
    background: url(../images/theme/main_block.png) 0 -11px no-repeat;
    margin-bottom: 0.2em;
}

.approvebg span.botslice span
{
    display: block;
    background: url(../images/theme/main_block.png) 100% -11px no-repeat;
    height: 11px;
}

.postbg
{
    border-left: 1px solid #7f7f7f;
    border-right: 1px solid #7f7f7f;
}

/* Used for sections that need somewhat larger corners.
----------------------------------------------------------- */
.roundframe
{
    padding: 0 10px;
    background: #fcfcfc;
    border: none;
}

.roundframe dl, .roundframe dt, .roundframe p
{
    margin: 0;
}

.roundframe p
{
    padding: 0.5em;
}

span.upperframe
{
    padding: 0;
    display: block;
    background: #fcfcfc;
    border: none;
    padding-left: 20px;
    border-radius: 4px 4px 0 0;
    margin-top: 5px;
}

span.upperframe span
{
    padding: 0;
    height: 12px;
    display: block;
    background: #fcfcfc;
    border-radius: 4px 4px 0 0;
}

span.lowerframe
{
    padding: 0;
    display: block;
    background: #fcfcfc;
    border: none;
    padding-left: 20px;
    border-radius: 0 0 4px 4px;
    margin-bottom: 0.2em;
}

span.lowerframe span
{
    padding: 0;
    height: 12px;
    display: block;
    background: #fcfcfc;
    border-radius: 0 0 4px 4px;
}

/* The main content area.
------------------------------------------------------- */
.content
{
    padding: 0.5em 1.2em;
    margin: 0;
    border: none;
}

.content p
{
    margin: 0 0 0.5em 0;
}

/* Styles used by the auto suggest control.
------------------------------------------------------- */
.auto_suggest_div
{
    border: 1px solid #000;
    position: absolute;
    visibility: hidden;
}

.auto_suggest_item
{
    background-color: #ddd;
}

.auto_suggest_item_hover
{
    background-color: #888;
    cursor: pointer;
    color: #eee;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu
{
    padding: 0 0.5em;
    float: left;
    margin: 0;
    width: auto;
}

.dropmenu, .dropmenu ul
{
    list-style: none;
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.dropmenu
{
    padding: 0;
}

.dropmenu a
{
    display: block;
    color: #252525;
    padding: 4px;
    text-decoration: none;
}

.dropmenu a span
{
    display: block;
    padding: 0;
    font-size: 9pt;
    font-weight: 600;
    font-family: "Segoe UI", sans-serif;
    transition: color .35s ease-in-out;
    -moz-transition: color .35s ease-in-out;
    -webkit-transition: color .35s ease-in-out;
}

/* the background's first level only */
.dropmenu li a.firstlevel
{
    margin-right: 8px;
}

.dropmenu li a.firstlevel span.firstlevel
{
    display: block;
    position: relative;
    height: 22px;
    line-height: 19px;
    white-space: pre;
}

.dropmenu li
{
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
}

.dropmenu li ul
{
    z-index: 90;
    display: none;
    position: absolute;
    width: 19.2em;
    font-weight: normal;
    padding: 5px 0;
    -webkit-transition: display .25s ease .1s;
    -moz-transition: display .25s ease .1s;
    transition: display .25s ease .1s;
}

.dropmenu li li
{
    width: 19em;
    padding: 3px;
    margin: 0;
    background: #769fb3;
}

.dropmenu li li:first-child:last-child
{
    border-radius: 5px;
}

.dropmenu li li:first-child
{
    border-radius: 5px 5px 0 0;
}

.dropmenu li li:last-child
{
    border-radius: 0 0 5px 5px;
}

.dropmenu li li a
{
    color: #FFF;
    padding: 4px 2px;
    border-radius: 3px;
}

.dropmenu li li a span
{
    display: block;
    padding: 3px;
    font-weight: 400;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}

.dropmenu li ul ul
{
    margin: -1.8em 0 0 13em;
}

.dropmenu li li a span img
{
    margin-bottom: -2px;
}

/* the active button */
.dropmenu li a.active
{
    color: #FFF;
    background: #4c798e;
    border-radius: 3px;
}

.dropmenu li a.active:hover, .dropmenu li:hover a.active
{
    color: #FFF !important;
}

/* the hover effects */
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel
{
    color: #6590a5;
    cursor: pointer;
    text-decoration: none;
}

/* the hover effects on level2 and 3 */
.dropmenu li li a:hover, .dropmenu li li:hover>a
{
    background: #4c798e;
    text-decoration: none;
}

.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul
{
    top: -999em;
}

.dropmenu li li:hover ul
{
    top: auto;
}

.dropmenu li:hover ul
{
    display: block;
}

.btn-danger
{
    background-color: #4c798e;
    border: none;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus,
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger
{
    background-color: #3d697e;
    border: none;
}

/* The dropdown menu toggle image */
#menu_toggle
{
    float: right;
    margin-right: 10px;
    margin-top: 3px;
    width: 16px;
    height: 16px;
    image-rendering: -webkit-optimize-contrast;
}

#menu_toggle span
{
    position: relative;
    right: 5000px;
}

#left_admsection img
{
    margin-bottom: 2px !important;
    width: 16px;
    height: 16px;
    image-rendering: -webkit-optimize-contrast;
}

/* Styles for the standard button lists.
------------------------------------------------------- */
.buttonlist .nav
{
    padding: 0;
    margin: 0;
}

.buttonlist li a
{
    color: #fff;
    background-color: #4c798e;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    border-radius: 0 !important;
}

.buttonlist li:first-child a
{
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.buttonlist li:last-child a
{
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.buttonlist li a.active, .buttonlist li a:hover, .buttonlist li a:focus
{
    background: #6590a5;
}

.buttonlist .nav-pills li + li
{
    margin-left: 0;
}

.align_top ul li a, .align_bottom ul li a
{
    margin: 0 12px 0 0;
}

i.fa.fa-unsubscribe.fa-fw::after
{
    content: '';
}

i.fa.fa-subscribe.fa-fw::after
{
    content: '';
}

@media (max-width: 767px) {
    div.buttonlist.floatright, div.buttonlist-mobile:nth-child(1) {
        display: none;
    }
    div.buttonlist-mobile {
        position: fixed;
        z-index: 1010;
        bottom: 15px;
        right: 10px;
    }
    div.buttonlist-mobile button {
        width: 55px;
        height: 30px;
    }
    div.buttonlist-mobile .btn:focus {
        outline: none;
    }
    div.buttonlist-mobile .dropdown-menu {
        bottom: 100% !important;
        top: auto !important;
        margin-bottom: 20px;
        padding: 2px;
        min-width: 250px;
    }
    div.buttonlist-mobile.open .dropdown-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    div.buttonlist-mobile .dropdown-menu li:nth-child(1) {
        width: 100%;
    }
    div.buttonlist-mobile .dropdown-menu li {
        width: 50%;
    }
    div.buttonlist-mobile .dropdown-menu li a {
        padding: 8px 10px;
        background-color: #4c798e;
        margin: 2px;
        border-radius: 4px;
        color: #fff;
        font-family: "Oswald", sans-serif;
    }
    div.buttonlist-mobile .dropdown-menu li a:hover, div.buttonlist-mobile .dropdown-menu li:nth-child(1) a {
        background-color: #6590a5;
    }
    #moderationbuttons_strip {
        position: relative;
        bottom: 0px;
        height: 110px;
        background: none;
    }
    #moderationbuttons_strip::before {
        content: '';
        font-family: 'FontAwesome';
        color: #6590a5;
        font-size: 20px;
        margin-left: 2px;
        text-shadow: none;
        left: 0;
        opacity: 1;
    }
    footer {
        margin-bottom: 60px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    div.buttonlist-mobile {
        bottom: 10px;
    }
}

@media (min-width: 768px) {
    div.buttonlist-mobile {
        display: none;
    }
}

.fa-lg
{
    vertical-align: 0 !important;
}

/* the navigation list */
ul#navigation
{
    margin: 0;
    font-size: 0.9em;
    padding: 1em 0.4em;
}

ul#navigation li
{
    float: none;
    font-size: 0.95em;
    display: inline;
}

#adm_submenus
{
    padding-left: 2em;
    overflow: hidden;
}

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the content section */
#content_section
{
    padding: 20px 0;
}

#main_content_section
{
    width: 100%;
    min-height: 200px;
}

/* the main title, always stay at 45 pixels in height! */
h1.forumtitle
{
    line-height: 45px;
    font-size: 1.8em;
    font-family: Geneva, verdana, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
}

/* float these items to the right */
#siteslogan, img#smflogo
{
    margin: 0;
    padding: 0;
    float: right;
    line-height: 3em;
}

h3, h4
{
    padding-bottom: 3px;
}

/* the upshrink image needs some tweaking */
img#upshrink
{
    float: right;
    margin: 1em;
    display: block;
}

/* ..so does the SMF logo */
img#smflogo
{
    margin-left: 1em;
}

/* the upper_section, float the two each way */
#upper_section
{
    padding: 5px;
    margin-bottom: 1.5em;
}

#upper_section ul li.greeting
{
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.5em;
}

#upper_section div.news
{
    width: 50%;
    float: right;
    text-align: right;
}

#guest_form
{
    overflow: hidden;
}

#guest_form .info
{
    padding: 4px 0 ;
    line-height: 1.3em;
}

div#upper_section div.user
{
    width: 50%;
    float: left;
    overflow: auto;
}

div#upper_section div.user p
{
    float: left;
    margin: 0 1em 1em 0;
    padding: 0;
}

div#upper_section div.user ul
{
    margin: 0;
    padding-left: 10px;
}

div#upper_section div.user ul li
{
    margin-bottom: 2px;
}

div#upper_section div.news p
{
    display: inline;
}

div#upper_section div.news form
{
    padding-bottom: 10px;
}

/* clearing the floats */
#top_section
{
    min-height: 65px;
    overflow: hidden;
    margin-bottom: 3px;
}

#upper_section
{
    overflow: hidden;
}

/* The navigation list (i.e. linktree) */
.navigate_section
{
    padding: 0.5em;
    margin: 0 0 0 0;
}

.navigate_section ul
{
    display: block;
    margin: 0;
    font-size: 0.9em;
    padding: 1em 0 0.5em 0;
    border-top: 1px solid #ccc;
    overflow: hidden;
    list-style: none;
    clear: both;
    width: 100%;
}

.navigate_section ul li
{
    float: left;
    padding: 0 0.5em 0 0;
    font-size: 0.95em;
}

.navigate_section ul li a
{
    white-space: pre;
}

select.qaction, input.qaction
{
    font-size: 0.85em;
    padding: 0;
}

/* Styles for a typical table.
------------------------------------------------------- */
table.table_list
{
    width: 100%;
}

table.table_list p
{
    padding: 0;
    margin: 0;
}

table.table_list td, table.table_list th
{
    padding: 5px;
}

table.table_list tbody.header td
{
    padding: 0;
}

table.table_list tbody.content td.stats
{
    font-size: 90%;
    text-align: center;
    padding-right: 0px;
    width: 110px;
}

table.table_list tbody.content td.lastpost
{
    line-height: 1.3em;
    font-size: 85%;
    width: 24%;
    white-space: nowrap;
    padding-right: 10px;
}

table.table_list tbody.content td.icon
{
    text-align: center;
    width: 8%;
}

tbody.content
{
    border-radius: 5px;
}

/* Styles for the board index.
------------------------------------------------- */

/* Unread buttons for mobile */

@media (max-width: 767px) {
    #unread-buttons-mobile {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        margin-bottom: 16px;
        margin-top: -8px;
    }
    a.new-posts-mobile, a.new-replies-mobile {
        background-color: #fff;
        border-bottom: 2px solid #D3D3D3;
        padding: 8px;
        border-radius: 4px;
        width: 50%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
    }
    a.new-posts-mobile:hover, a.new-replies-mobile:hover {
        background-color: #fafafa;
        text-decoration: none;
    }
    a.new-posts-mobile {
        margin-right: 8px;
    }
    a.new-replies-mobile {
        margin-left: 8px;
    }
    #unread-buttons-mobile i {
        margin-right: 8px;
        margin-top: 3px;
        color: #888;
    }
    #unread-buttons-mobile span {
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        color: #666;
    }
}

@media (min-width: 768px) {
    #unread-buttons-mobile {
        display: none;
    }
}


/* the board title! */

.table_list tbody.content td.children
{
    color: #555;
    font-size: 85%;
}

p.moderators
{
    font-size: 0.8em;
    font-family: verdana, sans-serif;
}

/* hide the table header/footer parts - but its here for those needing to style it */
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot
{
    display: none;
}

/* the posting icons */
#posting_icons
{
    padding: 0 1em 0.5em 1em;
    margin: 0 0 1em 0;
    line-height: 1em;
}

#posting_icons ul
{
    font-size: 0.8em;
}

#posting_icons img
{
    vertical-align: middle;
    margin: 0 0 0 4ex;
}

#postbuttons_upper ul li a span
{
    line-height: 19px;
    padding: 0 0 0 6px;
}

.nextlinks
{
    text-align: right;
    margin-top: -1px;
}

.nextlinks_bottom
{
    clear: right;
    text-align: right;
}

/* the newsfader */
#newsfader
{
    margin: 0 2px;
}

#smfFadeScroller
{
    text-align: center;
    padding: 0 2em;
    overflow: auto;
    margin: 1em 0;
    color: #575757;
    /* shouldn't be shorthand style due to a JS bug in IE! */
}
/* last post for mobile */
td.lastpost_mobile
{
    position: absolute;
    width: 35px;
    height: 50px;
    right: 15px;
}

td.lastpost_mobile i
{
    position: absolute;
    right: 10px;
    top: 26px;
    font-size: 22px;
    line-height: 1px;
    color: #aaa;
    margin-left: 15px;
    text-align: center;
}

td.lastpost_mobile:hover i
{
    position: absolute;
    z-index: 51;
    color: #769FB3;
}

td.lastpost_mobile p
{
    position: absolute;
    z-index: 50;
    width: 150px;
    right: 10px;
    top: 7px;
    background-color: #fcfcfc;
    font-family: 'Oswald', sans-serif;
    color: #888;
    font-weight: 300;
    line-height: 18px;
    padding: 0 10px;
    margin-right: 20px;
    border-left: 2px solid #769FB3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

td.lastpost_mobile p strong
{
    font-weight: 300;
}

td.lastpost_mobile:hover p
{
    display: block;
}

td.lastpost_mobile a
{
    color: #000;
}

td.lastpost_mobile a:nth-child(1)
{
    max-width: 80px;
}

@media (min-width: 768px) {
    td.lastpost_mobile {
        display: none;
    }
}

/* Styles for the info center on the board index.
---------------------------------------------------- */
dl#ic_recentposts
{
    margin: 0;
    padding: 0.5em;
    line-height: 1.3em;
}

dl#ic_recentposts dt
{
    float: left;
}

dl#ic_recentposts dd
{
    text-align: right;
}

#upshrinkHeaderIC p
{
    margin: 0;
    padding: 0.5em;
}

#upshrinkHeaderIC p.last
{
    margin: 0;
    padding: 0.5em;
    border-top: 1px dotted #aaa;
}

#upshrinkHeaderIC p.inline
{
    border: none;
    margin: 0;
    padding: 0.2em 0.5em 0.2em 0.5em;
}

#upshrinkHeaderIC p.stats
{
    font-size: 1.1em;
    padding-top: 8px;
}

form#ic_login
{
    padding: 0.5em;
    height: 2em;
}

form#ic_login ul li
{
    margin: 0;
    padding: 0;
    float: left;
    width: 20%;
    text-align: center;
}

form#ic_login ul li label
{
    display: block;
}

/* the small stats */
#index_common_stats
{
    display: block;
    margin: 0 0 0.5em 0;
    text-align: right;
    font-size: 0.9em;
    position: relative;
    top: -20px;
    line-height: 1px;
}

img.new_posts
{
    padding: 0 0.1em;
}

/* Styles for the message (topic) index.
---------------------------------------------------- */
div.table_frame .table_list
{
    border-collapse: collapse;
    margin: 0;
}

#messageindex
{
    clear: both;
    padding-top: 15px;
}

/* the page navigation area */
.childboards
{
    margin-bottom: 20px;
}

#childboards h3
{
    padding-bottom: 0;
}

#childboards .table_list thead
{
    display: none;
}

#childboards .table_list
{
    margin-bottom: 1em;
}

.lastpost img
{
    float: right;
    padding: 4px;
}

/* Styles for the display template (topic view).
---------------------------------------------------- */

#postbuttons div.buttons
{
    padding: 0.5em;
    width: 40%;
    float: right;
}

#postbuttons div.middletext
{
    width: 60%;
}

#postbuttons span
{
    display: block;
    text-align: right;
}

#postbuttons span.lower
{
    clear: right;
}

#postbuttons .buttonlist
{
    float: right;
}

#postbuttons #pagelinks
{
    padding-top: 1em;
}

#moderationbuttons
{
    overflow: hidden;
    position: absolute;
    z-index: 10;
    margin-top: 15px;
    margin-left: 0px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    transition: all 0.5s ease;
}

#moderationbuttons .buttonlist::before
{
    content: '';
    font-family: 'FontAwesome';
    color: #6590a5;
    font-size: 20px;
    margin-left: 2px;
}

#moderationbuttons:hover
{
    width: auto;
    height: auto;
}

/* Events */
.linked_events
{
    padding: 1em 0;
}

.edit_event
{
    margin: 0 1em;
    vertical-align: middle;
}

/* Poll question */
#poll
{
    overflow: hidden;
    margin-bottom: 20px;
}

#poll .content
{
    padding: 0 1em;
}

h4#pollquestion
{
    padding: 0 0 0.5em 2em;
}

/* Poll vote options */
#poll_options ul.options
{
    border-top: 1px solid #9999aa;
    padding: 1em 2.5em 0 2em;
    margin: 0 0 1em 0;
}

#poll_options div.submitbutton
{
    clear: both;
    padding: 0 0 1em 2em;
    margin: 0 0 1em 0;
}

/* Poll results */
#poll_options dl.options
{
    padding: 10px 0;
    margin: 0 1em 1em 0;
    line-height: 1.1em !important;
}

#poll_options dl.options dt
{
    padding: 0.3em 0;
    width: 30%;
    float: left;
    margin: 0;
    clear: left;
}

#poll_options dl.options .voted
{
    font-weight: 600;
}

#poll_options dl.options dd
{
    margin: 0 0 0 2em;
    padding: 0.1em 0 0 0;
    width: 60%;
    max-width: 450px;
    float: left;
}

#poll_options dl.options .percentage
{
    display: block;
    float: right;
    padding: 0.2em 0 0.3em 0;
}

#poll_options label, #poll_options .middletext
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

/* Poll notices */
#poll_options p
{
    margin: 0 1.5em 0.2em 1.5em;
    padding: 0 0.5em 0.5em 0.5em;
}

div#pollmoderation
{
    margin: 15px 0;
    padding: 0;
    overflow: auto;
}

@media (max-width: 767px) {
    #pollmoderation .buttonlist {
        position: relative;
        padding-top: 10px;
    }
    #poll .statsbar div.bar {
        display: none;
    }
}

#poll .statsbar div.bar
{
    width: 60%;
}

a.button_strip_remove_poll::before
{
    content: '';
    font-family: 'FontAwesome';
    position: absolute;
    margin-left: 5px;
}

#pollmoderation i.fa.fa-results::before
{
    content: '';
}

/* onto the posts */
#forumposts
{
    clear: both;
    margin: 20px 0;
}

#forumposts hr
{
    display: none;
}

.post hr
{
    display: block !important;
}

#forumposts .cat_bar
{
    margin: 0 0 2px 0;
}

/* author and topic information */
#forumposts h3 span#author
{
    margin: 0 7.7em 0 0;
}

#forumposts h3 img
{
    float: left;
    margin: 4px 0.5em 0 0;
}

#forumposts h3.catbg
{
    margin-bottom: 3px;
}

p#whoisviewing
{
    margin: 0;
    padding: 0.5em;
}

/* poster and postarea + moderation area underneath */
.moderatorbar
{
    clear: right;
}

.body_message
{
    background-color: #fcfcfc;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    border-bottom: 2px solid #d3d3d3;
    overflow: hidden;
}

.body_content
{
    background: #none;
    border-radius: 4px;
    padding: 20px;
}

.col-md-2
{
    padding: 20px 0 10px 20px;
}

@media (min-width: 992px) {
    .body_content
    {
        margin-left: 35px;
    }
}

span.arrow-left
{
    display: none;
}

/* poster details and list of items */
.poster
{
    margin-bottom: 10px;
    text-align: center;
}

.poster h4, .poster ul
{
    padding: 0;
    margin: 0;
}

.poster h4
{
    margin: 0;
    font-size: 12px;
    width: auto;
    padding: 4px;
    border-radius: 4px 4px 0 0;
    background: #fcfcfc;
    text-align: center;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    color: #aaa;
    word-wrap: break-word;
}

.poster h4 a
{
    color: #666;
}

.poster h4 a:hover
{
    color: #000;
    text-decoration: none;
}

.poster h4 img
{
    display: none;
}

.poster ul
{
    border-radius: 0 0 4px 4px;
}

.poster ul li
{
    padding: 5px 0;
    text-align: center;
}

.poster ul li:last-child
{
    border-radius: 0 0 4px 4px;
    padding: 0;
}

.poster ul li:last-child, .poster ul li:last-child ul
{
    border-radius: 0 0 4px 4px;
}

.poster ul ul
{
    margin: 0;
    border: none;
    border-radius: 0 0 0 0;
}

.poster ul ul li
{
    display: inline;
    background: none;
}

.poster li.postcount
{
    font-weight: 300;
    font-size: 20px;
    padding-top: 6px;
}

.poster li.postcount img
{
    display: none;
}

.poster li.karma
{
    font-size: 1.6em;
}

.poster li.title, .poster li.membergroup
{
    font-weight: 600;
}

.poster li.title, .poster li.postcount,
.poster li.blurb, .poster li.profile,
.poster ul ul, .poster li.warning
{
    background-color: #fcfcfc;
}

.poster li.title, .poster li.membergroup, .poster li.postcount
{
    border-bottom: 1px solid #d3d3d3;
    padding: 5px;
}

.poster li.title
{
    font-family: 'Open Sans', sans-serif;
    line-height: 13px;
    word-wrap: break-word;
    padding: 7px 15px;
}

.poster li.blurb
{
    font-family: 'Open Sans', sans-serif;
    line-height: 13px;
    word-wrap: break-word;
    padding: 10px 20px 0 20px;
    margin-bottom: -5px;
}

.poster li.profile
{
    display: flex;
    justify-content: center;
}

.poster ul ul
{
    border: 1px solid #d3d3d3;
    width: 125px;
    margin: 15px 0 10px 0;
    padding: 5px 0;
    border-radius: 4px !important;
}

.poster li.im_icons
{
    display: none;
}

.poster li.stars
{
    background: none;
    height: 2px;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    margin-top: -10px;
}

.poster ul li:last-child, .poster ul li:last-child ul
{
    border-radius: 0;
}

.poster img.img-circle, .avatar
{
    border-radius: 0;
    margin-bottom: 10px;
    min-width: 0px;
    max-width: 125px;
    max-height: 125px;
}

.img-thumbnail
{
    background: none;
    border: none;
    padding: 0;
}

.navbar-default .navbar-nav li .avatar
{
    border-radius: 50%;
    object-fit: cover;
}

.poster li.warning
{
    line-height: 1.2em;
    padding-top: 1em;
}

.poster li.warning a img
{
    vertical-align: bottom;
    padding: 0 0.2em;
}

.messageicon
{
    float: left;
    margin: 0 0.5em 0 0;
}

.messageicon img
{
    padding: 6px 3px;
}

div.postarea .btn-group, div.postarea .btn-group-vertical
{
    margin: 0;
}

div.postarea .btn-group .dropdown-toggle
{
    border-radius: 4px;
}

div.postarea .btn-group .dropdown-toggle:nth-child(3)
{
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

#quickmodify_button
{
    float: left;
    background-color: #769fb3;
    color: #fff;
    height: 30px;
    padding: 9px 8px 0 10px;
    border-radius: 4px 0 0 4px;
}

#quickmodify_button:hover
{
    text-decoration: none;
    background-color: #6590a5;
}

@media (min-width: 992px) {
    #quickmodify_button_mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    #quickmodify_button {
        display: none;
    }
    #quickmodify_button_mobile {
        position: absolute;
        left: 15px;
        bottom: -10px;
        background: none;
        font-size: 18px;
        color: #888;
    }
    #quickmodify_button_mobile:hover {
        background: none;
        text-decoration: none;
        color: #000;
    }
    .poster ul ul, li.postcount, li.blurb, li.title, li.stars, .poster li.profile, li.warning {
        display: none;
    }
    li.membergroup {
        position: absolute;
        border: none !important;
        bottom: -7px;
        left: 50%;
        background-color: #fcfcfc;
        color: #888;
        font-size: 10px;
        border-radius: 4px;
        padding: 2px 4px !important;
        transform: translate(-50%, 0);
    }
    .buttonlist li span {
        display: none;
    }
}

@media (max-width: 767px) {
    .dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }
}

@media (max-width: 991px) {
    .poster h4 {
        display: block;
        font-size: 20px;
        border-radius: 4px 4px 0 0;
        border-bottom: 1px solid #ccc;
        background-color: #fcfcfc;
        padding: 17px 70px 16px 70px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .poster img.img-circle {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 10px;
        margin-top: 10px;
        border-radius: 50%;
        object-fit: cover;
    }
    .col-md-2 {
        margin: 0;
        padding: 0;
    }
    .col-md-10 {
        padding: 0;
    }
    div.messageicon {
        display: none;
    }
    div.keyinfo .smalltext {
        font-size: 10px;
        font-family: 'Open Sans', sans serif;
    }
    div.keyinfo h5 {
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        font-size: 15px;
    }
    div.smalltext.reportlinks {
        display: none;
    }
    a.reportlink_mobile {
        position: absolute;
        bottom: -10px;
        right: 20px;
        color: #aaa;
        font-family: 'Oswald', sans-serif;
        font-size: 13px;
    }
    div.btn-group.navbar-right {
        position: absolute;
        top: -53px;
        right: 10px;
        float: right;
    }
    .btn-primary, a.quotebutton-solitary {
        height: 42px;
        border-radius: 4px !important;
    }
    a.quotebutton-solitary {
        padding-top: 12px !important;
    }
    div.body_message .body_content {
        margin-bottom: 15px !important;
    }
}


@media (min-width: 992px) {
    .body_content {
        margin-left: 0px;
    }
    .col-md-2 {
        padding-left: 0;
        border-right: 1px solid #d3d3d3;
        margin-right: -1px;
        margin-bottom: 0;
        min-height: 180px;
    }
    .col-md-10 {
        padding-left: 10px;
        padding-right: 0px;
        border-left: 1px solid #d3d3d3;
    }
    div.keyinfo h5 {
        font-weight: 600;
        font-size: 12px;
    }
    div.keyinfo .smalltext {
        font-size: 11px;
    }
    .btn-primary, a.quotebutton-solitary {
        height: 30px;
    }
    .poster h4 {
        border-radius: 4px 0 0 0;
        border-bottom: 1px solid #d3d3d3;
        font-size: 16px;
    }
    .poster img.img-circle {
        margin-top: 0px;
    }
    div.smalltext.reportlinks::after {
        content: '';
        font-family: 'FontAwesome';
        color: #ccc;
        font-weight: normal;
        font-size: 18px;
        visibility: visible;
        padding-left: 15px;
    }
    div.smalltext.reportlinks:hover::after {
        color: #888;
    }
    div.smalltext.reportlinks {
        float: left;
        position: relative;
        background-color: #fcfcfc;
        border-radius: 4px;
        visibility: hidden;
        padding: 5px;
        bottom: 1px;
    }
    div.smalltext.reportlinks:hover {
        visibility: visible;
    }
    div.reportlinks_list {
        position: absolute;
        top: 0px;
        right: 30px;
        min-width: 150px;
        background-color: #fff;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        border-radius: 4px;
        padding: 10px;
    }
    a.reportlink_mobile {
        display: none;
    }
}

.btn-primary, a.quotebutton-solitary
{
    background-color: #6590a5;
    border: none;
    font-family: 'Oswald', sans-serif;
    border-radius: 4px;
    padding: 0;
    width: 42px;
}

a.quotebutton-solitary
{
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    padding-top: 6px;
}

.btn-primary span
{
    display: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
a.quotebutton-solitary:hover
{
    background-color: #4c798e;
    border: none;
    text-decoration: none;
}

/* The quick buttons */
div.quickbuttons_wrap
{
    padding: 0.2em 0;
    width: 100%;
    float: left;
}

ul.quickbuttons
{
    margin: 0.9em 11px 0 0;
    clear: right;
    float: right;
    text-align: right;
    font: bold 0.85em arial, sans-serif;
}

ul.quickbuttons li
{
    float: left;
    display: inline;
    margin: 0 0 0 11px;
}

ul.quickbuttons li a
{
    padding: 0 0 0 20px;
    display: block;
    height: 20px;
    line-height: 18px;
    float: left;
}

ul.quickbuttons a:hover
{
    color: #a70;
}

ul.quickbuttons li.quote_button
{
    background: url(../images/theme/quickbuttons.png) no-repeat 0 0;
}

ul.quickbuttons li.remove_button
{
    background: url(../images/theme/quickbuttons.png) no-repeat 0 -30px;
}

ul.quickbuttons li.modify_button
{
    background: url(../images/theme/quickbuttons.png) no-repeat 0 -60px;
}

ul.quickbuttons li.approve_button
{
    background: url(../images/theme/quickbuttons.png) no-repeat 0 -90px;
}

ul.quickbuttons li.restore_button
{
    background: url(../images/theme/quickbuttons.png) no-repeat 0 -120px;
}

ul.quickbuttons li.split_button
{
    background: url(../images/theme/quickbuttons.png) no-repeat 0 -150px;
}

ul.quickbuttons li.reply_button
{
    background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}

ul.quickbuttons li.reply_all_button
{
    background: url(../images/theme/quickbuttons.png) no-repeat 0 -180px;
}

ul.quickbuttons li.notify_button
{
    background: url(../images/theme/quickbuttons.png) no-repeat 0 -210px;
}

ul.quickbuttons li.inline_mod_check
{
    margin: 0 0 0 5px;
}

.post
{
    margin-top: 0.5em;
    clear: right;
    font-size: 13px;
    word-wrap: break-word;
}

.post .inner
{
    padding: 20px 0 10px 0;
    margin: 0;
}

img.smiley
{
    vertical-align: bottom;
}

#forumposts .reportlinks
{
    margin-right: 10px;
    text-align: right;
    clear: right;
}

#forumposts .signature, .post .signature
{
    margin: 1em 0 0 0;
}

#forumposts span.botslice
{
    clear: both;
}

.attachments hr
{
    clear: both;
    margin: 1em 0 1em 0;
}

.attachments
{
    padding: 1em 0 2em 0;
}

.attachments div
{
    padding: 0 0.5em;
}

div.smalltext.modified
{
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    color: #888;
}

div.smalltext.reportlinks
{
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 13px;
}

div.smalltext.reportlinks a
{
    color: #888;
}

/* Styles for the quick reply area.
---------------------------------------------------- */

#quickreplybox
{
    padding-bottom: 1px;
}

#quickReplyOptions .roundframe
{
    padding: 0 10%;
}

#quickReplyOptions form textarea
{
    height: 100px;
    width: 635px;
    max-width: 100%;
    min-width: 100%;
    margin: 0.25em 0 1em 0;
}

/* The jump to box */
#display_jump_to
{
    clear: both;
    padding: 5px;
    margin-top: 6px;
    text-align: right;
}

#display_jump_to.plainbox
{
    padding-bottom: 0px;
    padding-right: 0px;
    margin: 10px 0;
}

#display_jump_to.plainbox select
{
    padding: 4px 12px 4px 3px;
    position: relative;
    top: 2px;
    border-radius: 3px;
}

p#message_index_jump_to.floatright
{
    padding: 7px 0 0 0;
}

p#message_index_jump_to.floatright select
{
    padding: 4px 12px 4px 3px;
    position: relative;
    top: 1px;
    border-radius: 3px;
}

p#message_index_jump_to.floatright label.smalltext
{
    display: none;
}

div#display_jump_to.plainbox label.smalltext
{
    display: none;
}

/* Separator of posts. More useful in the print stylesheet. */
#forumposts .post_separator
{
    display: none;
}

/* Styles for edit post section
---------------------------------------------------- */
form#postmodify .roundframe
{
    padding: 0 20px;
}

@media (min-width: 480px) and (max-width: 767px) {
    form#postmodify .roundframe {
        padding: 0 40px;
    }
}

#post_header, .postbox
{
    padding: 0.5em;
}

#post_header dt, .postbox dt
{
    float: left;
    padding: 0;
    width: 15%;
    margin: .5em 0 0 0;
    font-weight: bold;
    font-size: 12px;
    height: 30px;
}

#post_header dd, .postbox dd
{
    float: right;
    padding: 0;
    width: 80%;
    margin: .3em 0;
}

#post_header img
{
    vertical-align: middle;
}

ul.post_options
{
    margin: 0 0 0 1em;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.post_options li
{
    margin: 0.2em 0;
    width: 49%;
    float: left;
}

#postAdditionalOptionsHeader
{
    margin-top: 1em;
}

#postMoreOptions
{
    border-bottom: 1px solid #cacdd3;
    padding: 0.5em;
}

#postAttachment, #postAttachment2
{
    overflow: hidden;
    margin: .5em 0;
    padding: 0;
    border-bottom: 1px solid #cacdd3;
    padding: 0.5em;
}

#postAttachment dd, #postAttachment2 dd
{
    margin: .3em 0 .3em 1em;
}

#postAttachment dt, #postAttachment2 dt
{
    font-weight: bold;
}

#postAttachment3
{
    margin-left: 1em;
}

#post_confirm_strip, #shortcuts
{
    padding: 1em 0 0 0;
}

.post_verification
{
    margin-top: .5em;
}

.post_verification #verification_control
{
    margin: .3em 0 .3em 1em;
}

/* The BBC buttons */
#bbcBox_message
{
    margin: 0.75em 0.5em;
}

#bbcBox_message div
{
    margin: 0.2em 0;
    vertical-align: top;
}

#bbcBox_message div img
{
    margin: 0 1px 0 0;
    vertical-align: top;
}

#bbcBox_message select
{
    margin: 0 2px;
}

/* The smiley strip */
#smileyBox_message
{
    margin: 0.5em;
}


/* Styles for edit event section
---------------------------------------------------- */
#post_event .roundframe
{
    padding: 0 12%;
}

#post_event fieldset
{
    padding: 0.5em;
    clear: both;
}

#post_event #event_main input
{
    margin: 0 0 1em 0;
    float: left;
}

#post_event #event_main div.smalltext
{
    width: 33em;
    float: right;
}

#post_event div.event_options
{
    float: right;
}

#post_event ul.event_main, ul.event_options
{
    padding: 0;
    overflow: hidden;
}

#post_event ul.event_main li
{
    list-style-type: none;
    margin: 0.2em 0;
    width: 49%;
    float: left;
}

#post_event ul.event_options
{
    margin: 0;
    padding: 0 0 .7em .7em;
}

#post_event ul.event_options li
{
    list-style-type: none;
    margin: 0;
    float: left;
}

#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check
{
    margin: 0 1em 0 0;
}

/* Styles for edit poll section.
---------------------------------------------------- */

#edit_poll
{
    overflow: hidden;
}

#edit_poll fieldset
{
    padding: 0.5em;
    clear: both;
    overflow: hidden;
}

#edit_poll fieldset input
{
    margin-left: 8.1em;
}

#edit_poll ul.poll_main li
{
    padding-left: 1em;
}

#edit_poll ul.poll_main input
{
    margin-left: 1em;
}

#edit_poll ul.poll_main, dl.poll_options
{
    overflow: hidden;
    padding: 0 0 .7em .7em;
    list-style: none;
}

#edit_poll ul.poll_main li
{
    margin: 0.2em 0;
}

#edit_poll dl.poll_options dt
{
    width: 33%;
    padding: 0 0 0 1em;
}

#edit_poll dl.poll_options dd
{
    width: 65%;
}

#edit_poll dl.poll_options dd input
{
    margin-left: 0;
}

/* Styles for the recent messages section.
---------------------------------------------------- */

#readbuttons_top .pagelinks, #readbuttons .pagelinks
{
    padding-bottom: 1em;
    width: 60%;
}

#readbuttons .pagelinks
{
    padding-top: 1em;
}

#recent
{
    clear: both;
}

#recent .pagesection
{
    margin-bottom: 15px;
}

i.fa.fa-readall.fa-fw::before
{
    content: '';
}

/* Styles for the move topic section.
---------------------------------------------------- */

#move_topic dl
{
    margin-bottom: 0;
}

#move_topic dl.settings dt
{
    width: 40%;
}

#move_topic dl.settings dd
{
    width: 59%;
}

.move_topic
{
    width: 710px;
    margin: auto;
    text-align: left;
}

div.move_topic fieldset
{
    padding: 0.5em;
}

/* Styles for the send topic section.
---------------------------------------------------- */

fieldset.send_topic
{
    border: none;
    padding: 0.5em;
}

dl.send_topic
{
    margin-bottom: 0;
}

dl.send_mail dt
{
    width: 35%;
}

dl.send_mail dd
{
    width: 64%;
}

/* Styles for the report topic section.
---------------------------------------------------- */

#report_topic dl
{
    margin-bottom: 0;
}

#report_topic dl.settings dt
{
    width: 20%;
}

#report_topic dl.settings dd
{
    width: 79%;
}

/* Styles for the split topic section.
---------------------------------------------------- */

div#selected, div#not_selected
{
    width: 49%;
}

ul.split_messages li.windowbg, ul.split_messages li.windowbg2
{
    margin: 1px;
}

ul.split_messages li a.split_icon
{
    padding: 0 0.5em;
}

ul.split_messages div.post
{
    padding: 1em 0 0 0;
    border-top: 1px solid #fff;
}

/* Styles for the merge topic section.
---------------------------------------------------- */
ul.merge_topics li
{
    list-style-type: none;
}

dl.merge_topic dt
{
    width: 25%;
}

dl.merge_topic dd
{
    width: 74%;
}

fieldset.merge_options
{
    clear: both;
}

.custom_subject
{
    margin: 0.5em 0;
}

/* Styles for the login areas.
------------------------------------------------------- */
.login
{
    width: 50%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .login
    {
        width: 100%;
    }
}

.login dl
{
    overflow: auto;
    clear: right;
}

.login dt, .login dd
{
    margin: 0 0 0.4em 0;
    width: 44%;
    padding: 0.1em;
}

.login dt
{
    float: left;
    clear: both;
    text-align: right;
    font-weight: bold;
}

.login dd
{
    width: 54%;
    float: right;
    text-align: left;
}

.login p
{
    text-align: center;
}

/* Styles for the registration section.
------------------------------------------------------- */
.register_error
{
    border: 1px dashed red;
    padding: 5px;
    margin: 0 1ex 1ex 1ex;
}

.register_error span
{
    text-decoration: underline;
}

/* Additional profile fields */
dl.register_form
{
    margin: 0;
    clear: right;
}

dl.register_form dt
{
    font-weight: normal;
    float: left;
    clear: both;
    width: 50%;
    margin: 0.5em 0 0 0;
}

dl.register_form dt strong
{
    font-weight: bold;
}

dl.register_form dt span
{
    display: block;
}

dl.register_form dd
{
    float: left;
    width: 49%;
    margin: 0.5em 0 0 0;
}

#confirm_buttons
{
    text-align: center;
    padding: 1em 0;
}

.coppa_contact
{
    padding: 4px;
    width: 32ex;
    background-color: #fff;
    color: #000;
    margin-left: 5ex;
    border: 1px solid #000;
}

.valid_input
{
    background-color: #f5fff0;
}

.invalid_input
{
    background-color: #fff0f0;
}

/* Styles for maintenance mode.
------------------------------------------------------- */
#maintenance_mode
{
    width: 75%;
    min-width: 520px;
    text-align: left;
}

#maintenance_mode img.floatleft
{
    margin-right: 1em;
}

/* common for all admin sections */
h3.titlebg img
{
    vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -1px;
}

tr.titlebg td
{
    padding-left: 0.7em;
}

#admin_menu
{
    min-height: 2em;
    padding-left: 0;
}

#admin_content
{
    clear: left;
    padding-top: 0.5em;
}

/* Custom profile fields like to play with us some times. */
#admin_content .custom_field
{
    margin-bottom: 15px;
}

#admin_login .centertext
{
    padding: 1em;
}

#admin_login .centertext .error
{
    padding: 0 0 1em 0;
}

/* Styles for sidebar menus.
------------------------------------------------------- */
.left_admmenu, .left_admmenu ul, .left_admmenu li
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#left_admsection
{
    width: 160px;
    float: left;
    padding-right: 10px;
}

.adm_section h4.titlebg
{
    font-size: 95%;
    margin-bottom: 5px;
}

#main_container
{
    position: relative;
}

.left_admmenu li
{
    padding: 3px;
}

.left_admmenu
{
    margin: 4px 0 8px 0;
    background-color: #fcfcfc;
    border-radius: 4px;
    padding: 5px;
}

#main_admsection
{
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
}

tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td
{
    padding: 0.3em 0.7em;
}

#credits p
{
    padding: 0;
    font-style: italic;
    margin: 0;
}

/* Styles for generic tables.
------------------------------------------------------- */
.topic_table table
{
    width: 100%;
}

.topic_table .stats
{
    text-align: center;
}

#topic_icons
{
    margin: 1em 0 0 0;
}

#topic_icons .description
{
    margin: 0;
    padding: 0;
}

#topic_icons p.floatleft.smalltext, #topic_icons p.smalltext
{
    display: none;
}

.topic_table table thead
{
    border-bottom: 1px solid #fff;
}

.topic_table td
{
    font-size: 1em;
}

.topic_table td.subject p, .topic_table td.stats
{
    font-size: 0.85em;
    padding: 0;
    margin: 0;
}

.topic_table td.subject p
{
    word-break: break-all;
}

@media (max-width: 768px) {
    .topic_table td.subject p {
        padding-top: 5px;
    }
    .topic_table td.subject i {
        padding-left: 10px;
        font-size: 14px;
    }
}

.topic_table td.lastpost
{
    font-size: 0.85em;
    line-height: 1.3em;
    padding: 0 7px 0 4px;
}

.topic_table td.lastpost a:nth-child(1)
{
    float: right;
    padding: 1px 5px;
    margin-right: -40px;
    color: #888;
}

.topic_table td.subject a.lastpost_link
{
    color: #888;
}

@media (min-width: 768px) {
    .topic_table td.subject a.lastpost_link {
        display: none;
    }
}

.table_grid td.subject, .table_grid td.stats, .table_grid td.lastpost
{
    vertical-align: middle !important;
}

.table_grid td.lastpost
{
    max-width: 250px;
    padding-right: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

td.subject p, td.subject small
{
    font-size: 12px;
}

td.subject span
{
    font-size: 13px;
}

td.subject.stickybg div
{
    font-weight: 600;
}

td.icon1, td.icon2
{
    width: 1px;
    vertical-align: middle !important;
    padding-top: 12px !important;
}

td.icon1 i
{
    padding-left: 17px;
}

@media (max-width: 991px) {
    td.icon1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

td.icon1.stickybg i
{
    color: #769fb3;
}

td.icon1.windowbg4 i
{
    color: #aaa;
}

td.icon2 img
{
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    th.hidden-xs:nth-child(3) {
        width: 110px;
        padding-left: 10px;
    }
    .table_grid td.stats {
        font-size: 11px;
    }
    .table_grid td.lastpost {
        max-width: 150px;
        white-space: normal;
        font-size: 10px;
    }
}

/* Styles for (fatal) errors.
------------------------------------------------- */

#fatal_error
{
    width: 80%;
    margin: auto;
}

.errorbox
{
    padding: 1em;
    border: 1px solid #cc3344;
    color: #000;
    background-color: #ffe4e9;
    margin-bottom: 1em;
}

.errorbox h3
{
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    text-decoration: underline;
}

.errorbox p
{
    margin: 1em 0 0 0;
}

.errorbox p.alert
{
    padding: 0;
    margin: 0;
    float: left;
    width: 1em;
    font-size: 1.5em;
}

/* Styles for the profile section.
------------------------------------------------- */

dl
{
    overflow: auto;
    margin: 0;
    padding: 0;
}

/* The basic user info on the left */
#basicinfo
{
    width: 20%;
    float: left;
}

#basicinfo .windowbg .content
{
    padding-left: 20px;
}


#detailedinfo
{
    width: 79.5%;
    float: right;
}

#basicinfo h4
{
    font-size: 135%;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    line-height: 105%;
    white-space: nowrap;
    overflow: hidden;
    color: #333;
}

#basicinfo h4 span.position
{
    font-size: 80%;
    font-weight: 300;
    display: block;
    color: #333;
}

#basicinfo img.avatar
{
    display: inline;
    margin: 10px 0 0 0;
}

#basicinfo ul
{
    list-style-type: none;

}

#basicinfo ul li
{
    display: block;
    float: left;
    margin-right: 5px;
    height: 20px;
}

#basicinfo span#userstatus
{
    display: block;
    clear: both;
}

#basicinfo span#userstatus img
{
    vertical-align: middle;
}

#detailedinfo div.content dl, #tracking div.content dl
{
    clear: right;
    overflow: auto;
    margin: 0 0 18px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px #ccc solid;
}

#detailedinfo div.content dt, #tracking div.content dt
{
    width: 35%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
    font-weight: bold;
    clear: both;
}

#detailedinfo div.content dd, #tracking div.content dd
{
    width: 65%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
}

#detailedinfo div.content dl.noborder
{
    border-bottom: 0;
}

#detailedinfo div.content dt.clear
{
    width: 100%;
}

@media (max-width: 970px) {
    #detailedinfo, #basicinfo {
        width: 100%;
    }
    #detailedinfo {
        padding-left: 0;
    }
    #basicinfo {
        text-align: center;
    }
    #basicinfo ul li {
        float: none !important;
    }
}

.custom_fields_above_signature
{
    border: none;
}

.signature h5
{
    font-size: 0.85em;
    margin-bottom: 10px;
}

#personal_picture
{
    display: block;
    margin-bottom: 0.3em;
}

#avatar_server_stored div
{
    float: left;
}

#avatar_upload
{
    overflow: auto;
}

#main_admsection #basicinfo, #main_admsection #detailedinfo
{
    width: 100%;
}

#main_admsection #basicinfo h4
{
    float: left;
    width: 35%;
}

#main_admsection #basicinfo img.avatar
{
    float: right;
    vertical-align: top;
}

#main_admsection #basicinfo ul
{
    clear: left;
}

#main_admsection #basicinfo span#userstatus
{
    clear: left;
}

#main_admsection #basicinfo p#infolinks
{
    display: none;
    clear: both;
}

#main_admsection #basicinfo .botslice
{
    clear: both;
}

/* Simple feedback messages */
div#profile_error, div#profile_success
{
    margin: 0 0 1em 0;
    padding: 1em 2em;
    border: 1px solid;
}

div#profile_error
{
    border-color: red;
    color: red;
    background: #fee;
}

div#profile_error span
{
    text-decoration: underline;
}

div#profile_success
{
    border-color: green;
    color: green;
    background: #efe;
}

/* Profile statistics */
#generalstats div.content dt
{
    width: 50%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
    font-weight: bold;
    clear: both;
}

#generalstats div.content dd
{
    width: 50%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
}

/* Activity by time */
#activitytime
{
    margin: 6px 0;
}

.activity_stats
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.activity_stats li
{
    margin: 0;
    padding: 0;
    width: 4.16%;
    float: left;
}

.activity_stats li span
{
    display: block;
    border: solid #000;
    border-width: 1px 1px 0 0;
    text-align: center;
}

.activity_stats li.last span
{
    border-right: none;
}

.activity_stats li div.bar
{
    margin: 0 auto;
    width: 15px;
}

.activity_stats li div.bar div
{
    background: #6294CE;
}

.activity_stats li div.bar span
{
    position: absolute;
    top: -1000em;
    left: -1000em;
}

/* Most popular boards by posts and activity */
#popularposts
{
    width: 49.5%;
    float: left;
}

#popularactivity
{
    width: 49.5%;
    float: right;
}

#popularposts div.content dt, #popularactivity div.content dt
{
    width: 65%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
    font-weight: bold;
    clear: both;
}

#popularposts div.content dd, #popularactivity div.content dd
{
    width: 35%;
    float: left;
    margin: 0 0 3px 0;
    padding: 0;
}

.profile_pie
{
    background-image: url(../images/stats_pie.png);
    float: left;
    height: 20px;
    width: 20px;
    margin: 0 1em 0 0;
    padding: 0;
    text-indent: -1000em;
}

/* View posts */
.topic .time
{
    float: right;
}

.counter
{
    margin: 0 0 0 0;
    padding: 0.2em 0.5em 0.1em 0.2em;
    font-size: 2.2em;
    font-weight: bold;
    color: #3f3f3f;
    float: left;
}

.list_posts
{
    border-top: 1px solid #aaa;
    padding-top: 12px;
    margin-top: 6px;
    overflow: auto;
}

.core_posts
{
    margin-bottom: 3px;
}

.topic h4
{
    margin: 3px 0;
}

.topic .post
{
    margin: 0 1em;
    min-height: 80px;
    height: auto !important;
    height: 80px;
}

.topic .mod_icons
{
    text-align: right;
    margin-right: 1em;
}

#tracking div.content dl
{
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

#creator dl
{
    margin: 0;
}

#creator dt
{
    width: 40%;
    float: left;
    clear: both;
    margin: 0 0 10px 0;
}

#creator dd
{
    float: right;
    width: 55%;
    margin: 0 0 10px 2px;
    overflow: auto;
}

@media (max-width: 767px) {
    #creator dd, #creator dt
    {
        width: 100%;
    }
}

.ignoreboards
{
    margin: 0 2%;
    padding: 0;
    width: 45%;
}

.ignoreboards a
{
    font-weight: bold;
    border-bottom: 1px solid #c4c4c4;
    padding: 0.1em 0;
}

.ignoreboards a:hover
{
    text-decoration: none;
    border-bottom: 1px solid #334466;
}

.ignoreboards ul
{
    margin: 0;
    padding: 0;
}

.ignoreboards li
{
    list-style: none;
    float: left;
    clear: both;
}

.ignoreboards li.category
{
    margin: 0.7em 0 0 0;
    width: 100%;
}

.ignoreboards li ul
{
    margin: 0.2em 0 0 0;
}

.ignoreboards li.category ul li.board
{
    width: 93%;
}

#theme_settings
{
    overflow: auto;
    margin: 0;
    padding: 0;
}

#theme_settings li
{
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

/* Paid Subscriptions */
#paid_subscription
{
    width: 100%;
}

#paid_subscription dl.settings
{
    margin-bottom: 0;
}

#paid_subscription dl.settings dd, #paid_subscription dl.settings dt
{
    margin-bottom: 4px;
}

/* Pick theme */
#pick_theme
{
    width: 100%;
    float: left;
}

/*Issue a warning*/
#warn_body {
    width: 80%;
    font-size: 0.9em;
}

/* Styles for the statistics center.
------------------------------------------------- */
#statistics
{
    padding: 0.5em 0;
}

#statistics div.title_bar
{
    margin: 4px 0;
}

#statistics h3.catbg
{
    text-align: center;
}

#statistics div.content
{
    min-height: 210px;
}

#statistics div.top_row
{
    min-height: 150px;
}

#stats_left, #top_posters, #top_topics_replies, #top_topics_starter
{
    float: left;
    width: 49.5%;
}

#stats_right, #top_boards, #top_topics_views, #most_online
{
    float: right;
    width: 49.5%;
}

@media (max-width: 970px) {
    #stats_right, #top_boards, #top_topics_views, #most_online,
    #stats_left, #top_posters, #top_topics_replies, #top_topics_starter {
        width: 100%;
    }
}

dl.stats
{
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

dl.stats dt
{
    width: 49%;
    float: left;
    margin: 0 0 4px 0;
    line-height: 16px;
    padding: 0;
    clear: both;
    font-size: 1em;
}

dl.stats dd
{
    text-align: right;
    width: 50%;
    font-size: 1em;
    float: right;
    margin: 0 0 4px 0;
    line-height: 16px;
    padding: 0;
}

.statsbar div.bar
{
    float: left;
    background-color: #ddd;
    display: block;
    margin: 0 4px;
    height: 16px;
    border-radius: 4px;
}

.statsbar div.bar div
{
    position: relative;
    right: -4px;
    padding: 0 4px 0 0;
    background: #ddd;
    height: 16px;
    border-radius: 0 4px 4px 0;
}

tr.windowbg2 th.stats_month
{
    width: 25%;
    padding: 0 2em;
    text-align: left;
}

tr.windowbg2 td.stats_day
{
    padding: 0 3.5em;
    text-align: left;
}

/* Styles for the personal messages section.
------------------------------------------------- */

#personal_messages .body_message
{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

#personal_messages h3 span#author, #personal_messages h3 span#topic_title
{
    float: left;
}

#personal_messages h3 span#author
{
    margin: 0 0 0 0.5em;
}

#personal_messages h3 span#topic_title
{
    margin: 0 0 0 9em;
}

#personal_messages div.labels
{
    padding: 0 1em 0 0;
}

#personal_messages .capacity_bar
{
    background: #f0f4f7;
    display: block;
    margin: 0.5em 0 0 1em;
    height: 1em;
    border: 1px solid #adadad;
    width: 10em;
}

#personal_messages .capacity_bar span
{
    border-right: 1px solid #adadad;
    display: block;
    height: 1em;
}

#personal_messages .capacity_bar span.empty
{
    background: #a6d69d;
}

#personal_messages .capacity_bar span.filled
{
    background: #eea800;
}

#personal_messages .capacity_bar span.full
{
    background: #f10909;
}

#personal_messages .reportlinks
{
    display: none;
}

#personal_messages hr
{
    display: none;
}

#searchLabelsExpand li
{
    padding: 0.3em 0.5em;
}

#manrules div.righttext
{
    padding: 0.3em 0.1em;
}

dl.addrules dt.floatleft
{
    width: 15em;
    color: #333;
    padding: 0 1.25em 0.5em 1.25em;
}

#addrule fieldset
{
    clear: both;
}

/* Styles for the calendar section.
------------------------------------------------- */
.calendar_table
{
    margin-bottom: 0.7em;
}

/* Used to indicate the current day in the grid. */
.calendar_today
{
    background-color: #fff;
}

#month_grid
{
    width: 200px;
    text-align: center;
    float: left;
}

#month_grid div.cat_bar
{
    height: 25px;
}

#month_grid h3.catbg
{
    height: 25px;
    line-height: 27px;
}

#month_grid table
{
    width: 200px;
}

#main_grid table
{
    width: 100%;
    padding-bottom: 4px;
}

#main_grid table h3.catbg
{
    text-align: center;
    height: 29px;
    border-top: 2px solid #fff;
    border-bottom: none;
}

#main_grid table.weeklist td.windowbg
{
    text-align: center;
    height: 49px;
    width: 25px;
    font-size: large;
    padding: 0 7px;
    border-bottom: 2px solid #fff;
}

#main_grid table.weeklist td.weekdays
{
    height: 49px;
    width: 100%;
    padding: 4px;
    text-align: left;
    vertical-align: middle;
    border-bottom: 2px solid #fff;
}

#main_grid h3.weekly
{
    text-align: center;
    padding-left: 0;
    font-size: large;
    height: 29px;
}

#main_grid h3 span.floatleft, #main_grid h3 span.floatright
{
    display: block;
    font-weight: bold;
}

#main_grid table th.days
{
    width: 14%;
    padding: 4px 0;
}

#main_grid table.weeklist h4.titlebg
{
    margin: 0 0 0 0;
    height: 23px;
    line-height: 27px;
}

#main_grid table td.weeks
{
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: large;
}

#main_grid table td.days
{
    vertical-align: top;
    text-align: center;
}

@media (max-width: 767px)
{
    #month_grid, #main_grid
    {
        width: 100%;
    }
    #main_grid
    {
        display: none;
    }
}

a.modify_event
{
    color: red;
}

span.hidelink
{
    font-style: italic;
}

#calendar_navigation
{
    text-align: center;
}

/* Styles for the memberlist section.
------------------------------------------------- */
#mlist_search
{
    margin: auto;
    width: 500px;
}

.button_strip_view_all_members::before
{
    content: '';
    font-family: 'FontAwesome';
    font-weight: normal;
    position: absolute;
}

.button_strip_mlist_search::before
{
    content: '';
    font-family: 'FontAwesome';
    font-weight: normal;
    position: absolute;
}

@media (min-width: 768px) {
    .button_strip_view_all_members, .button_strip_mlist_search {
        margin: 5px 0;
    }
}

@media (max-width: 991px) {
    #mlist.tborder.topic_table {
        width: 100%;
        overflow-x: scroll;
    }
}

@media (max-width: 767px) {
    #mlist.tborder.topic_table {
        margin-top: 20px;
    }
    #whos_online div.pagesection {
        height: 90px;
    }
}

#mlist td
{
    border-radius: 0;
}

#mlist table tbody td.windowbg2
{
    text-align: center;
}

#mlist div.pagesection
{
    margin: 10px 0;
}

/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p
{
    padding: 0;
    margin: 0;
}

#simple_search, #simple_search p, #advanced_search
{
    text-align: center !important;
    margin: 0;
}

#search_error
{
    font-style: italic;
    padding: 0.3em 1em;
}

#search_term_input
{
    font-size: 115%;
    margin: 0 0 1em;
}

/* quicksearch */
#desktop_quicksearch::-webkit-input-placeholder {
    color: #FFF;
}

#desktop_quicksearch:-moz-placeholder { /* Firefox 18- */
    color: #FFF;
}

#desktop_quicksearch::-moz-placeholder {  /* Firefox 19+ */
    color: #FFF;
}

#desktop_quicksearch:-ms-input-placeholder {
    color: #FFF;
}

#desktop_quicksearch {
    font-family: "Oswald", sans-serif;
    font-size: 13px;
}

#mobile_quicksearch {
    margin-top: 0px;
    font-size: 13px;
    font-family: "Oswald", sans-serif;
    height: 30px;
}

i.fa.fa-search {
    background: #6590A5;
}

i.fa.fa-search.mobile {
    border-radius: 100px;
    background: #eee;
}

@media (min-width: 480px) and (max-width: 767px) {
    i.fa.fa-search.mobile {
        background: #6590A5;
        color: #fff;
    }
    #mobile_quicksearch {
        height: 36px;
    }
    #mobile_quicksearch::-webkit-input-placeholder {
        color: #fff;
    }
    #mobile_quicksearch:-moz-placeholder {
        color: #fff;
    }
    #mobile_quicksearch::-moz-placeholder {
        color: #fff;
    }
    #mobile_quicksearch:-ms-input-placeholder {
        color: #fff;
    }
}

/* Styles for the advanced search section.
------------------------------------------------- */
#searchform fieldset
{
    text-align: left;
    padding: 0;
    border: none;
}

#searchform fieldset .btn
{
    float: right;
}

#advanced_search dl#search_options
{
    margin: 0 auto;
    width: 100%;
    padding-top: 1em;
    overflow: hidden;
}

#advanced_search dt
{
    clear: both;
    float: left;
    padding: 0.2em;
    text-align: right;
    width: 20%;
}

#advanced_search dd
{
    width: 75%;
    float: left;
    padding: 0.2em;
    margin: 0 0 0 0.5em;
    text-align: left;
}

#advanced_search select, #advanced_search input
{
    /* margin-top: 10px; */
}

#searchform p.clear
{
    clear: both;
}

@media (max-width: 991px) {
    #advanced_search dd, #advanced_search dt {
        width: 100%;
    }
    #advanced_search dt {
        text-align: left;
    }
}

/* Styles for the search results page.
------------------------------------------------- */
.topic_table td blockquote, .topic_table td .quoteheader
{
    margin: 0.5em;
}

.search_results_posts
{
    overflow: hidden;
}

.search_results_posts .buttons
{
    padding: 5px 1em 0 0;
}

/* Styles for the help section.
------------------------------------------------- */

#help_container
{
    margin: 4px 0 0 0;
    padding: 0 0 8px 0;
}

#helpmain
{
    padding: 0 1em;
}

#helpmain p
{
    margin: 0 0 1.5em 0;
    line-height: 1.5em;
}

#helpmain ul
{
    line-height: 1.5em;
}

/* Styles for print media.
------------------------------------------------------- */
@media print
{
    #headerarea
    {
        display: none;
    }

    .tborder
    {
        border: none;
    }
}

/* Nav */
.navbar
{
    height: 60px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #4c798e;
    background-image: url("../images/headerbg.png");
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .navbar {
        background-image: none;
    }
}

.navbar-default .navbar-nav li .avatar
{
    width: 36px;
    height: 36px;
    margin: -8px 5px 0px 0px;
}

.navbar-toggle
{
    background-color: #6590a5;
    padding: 11px 11px;
    margin-top: 7px;
    margin-bottom: 7px;
}

@media (min-width: 768px) {
    .navbar-toggle {
        margin-right: 0px;
    }
}

.navbar-toggle:hover
{
    background-color: #769fb3;
}

.navbar-right a.dropdown-toggle
{
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.navbar-right li.dropdown span
{
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 15px;
    position: relative;
    bottom: 2px;
}

.collapsemenu
{
    display: block;
    margin-left: 25px;
}

header
{
    visibility: hidden;
    margin: 0;
    padding: 0;
}

header .container
{
    padding: 0;
}

header h2
{
    display: none;
}

@media (min-width: 768px) {
    .breadcrumb {
        margin: 20px 15px 15px 15px;
    }
}

@media (max-width: 767px) {
    .breadcrumb {
        margin: 5px 15px 0px 15px;
    }
}

.breadcrumb li
{
    visibility: visible;
    margin: 0 0 5px 0;
    position: relative;
    top: 10px;
    background-color: #fcfcfc;
    padding: 10px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 4px;
    border-bottom: 2px solid #d3d3d3;
}

.breadcrumb li a
{
    color: #666;
    max-width: 300px;
}

@media (max-width: 767px) {
    .breadcrumb li {
        display: none;
    }
    .breadcrumb li:last-child, .breadcrumb li:nth-last-child(2) {
        display: inline-block;
    }
}

.breadcrumb li:first-child, .breadcrumb li::before
{
    display: none;
}

.breadcrumb li:nth-last-child(2)
{
    display: inline-block;
}

footer
{
    padding: 20px 0;
    font-size: 12px;
    border-top: 1px dotted #aaa;
    background: none;
    color: #888;
}

footer .smalltext
{
    font-size: 12px;
}

footer a
{
    color: #888 !important;
}

@media (max-width: 991px) {
    footer ul
    {
        float: left !important;
        width: 100%;
    }
    footer ul.reset
    {
        margin-top: 5px;
    }
}

.table_list td.icon, .table_list td.stats, .table_list td.lastpost, .table_list td.info
{
    border-top: 3px solid #ebebeb;
    background-color: #fcfcfc;
    padding: 0;
    color: #555;
}

@media (max-width: 767px) {
    #boardindex_table td.info {
        border-radius: 0 5px 5px 0;
    }
}

.table_list td.lastpost
{
    border-radius: 0 5px 5px 0;
    padding-left: 25px;
    min-width: 225px;
}

.table_list td.lastpost p
{
    color: #555;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table_list td.stats p
{
    padding-right: 0px;
}

.table_list td.info a.subject
{
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    line-height: 23px;
    font-weight: 300;
    color: #666;
    margin-left: 60px;
    padding-right: 20px;
    position: relative;
    vertical-align: middle;
}

#board_22 td.info a.subject
{
    padding-left: 10px;
}

.table_list td.info a.subject:hover
{
    text-decoration: none;
    color: #000;
}

@media (max-width: 767px) {
    .table_list td.info a.subject {
        font-size: 16px;
        margin-left: 5px;
    }
    .board_description {
        display: none;
    }
}

.board_description
{
    position: absolute;
    margin-top: -22px;
    margin-left: 23px;
    font-size: 22px;
    line-height: 1px;
    color: #ccc;
}

.board_description p
{
    display: none;
    position: absolute;
    z-index: 1000;
    padding: 5px 9px !important;
    vertical-align: middle;
    color: #fff;
    font-weight: 600;
    font-size: 12px !important;
    background-color: #769fb3;
    border-radius: 7px;
    width: 500px;
    min-height: 40px;
    left: 30px;
    top: -9px;
}

.board_description:hover p
{
    display: block;
}

.board_description:hover i
{
    color: #769fb3;
}

@media (min-width: 768px) and (max-width: 991px) {
    .board_description {
        margin-left: 22px;
    }
}

.table_list td.info p.children, .table_list td.info p.moderators, #board_22 td.info p
{
    display: none;
}

.table_list td.stats p
{
    font-size: 12px;
}

.table_list td.lastpost p
{
    font-size: 11px;
    line-height: 12px;
}

.table_list td.icon
{
    height: 50px;
    padding-left: 15px;
    padding-right: 10px;
    border-radius: 5px 0 0 5px;
}

@media (max-width: 768px) {
    .table_list td.icon {
        padding-left: 10px;
    }
}

.table_list td.icon img
{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    image-rendering: -webkit-optimize-contrast;
}

.table_list p
{
    font-size: 13px;
    line-height: 14px;
}

.table_grid td.icon1, .table_grid td.icon2, .table_grid td, .table_grid td.subject
{
    background-color: #fcfcfc;
    border-bottom: 1px solid #d3d3d3;
    border-left: none;
    border-right: none;
    border-top: none;
    color: #555;
}

#menu
{
    background-color: #fff;
    position: relative;
    z-index: 999;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.125);
}

#menu .nav li a
{
    color: #888;
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    font-size: 13px;
}

#menu .nav li a:hover, #menu .nav li a:focus,
#menu .nav li.active a:hover, #menu .nav .open a
{
    background-color: #fff;
}

#menu .nav li a:hover
{
    color: #222;
}

#menu .nav li.active a
{
    background-color: #fff;
    color: #222;
}

@media (max-width: 767px) {
    #menu li {
        border-bottom: 1px solid #eee;
    }
    #menu li li, #menu .dropdown-menu, #menu span.caret {
        display: none !important;
    }
}

.dropdown-menu
{
    border: none !important;
}

.navbar-nav li .dropdown-menu
{
    margin-top: -7px !important;
    border-radius: 4px !important;
}

nav .nav-notification {
    list-style: none;
    padding: 0;
    margin: 0 10px 0 0 !important;
}

nav .nav-notification>li {
    position: relative;
    float: left;
}

nav .nav-notification>li>a {
    display: block;
    font-size: 13px;
    padding: 17px;
    color: #FFF;
    outline: 0;
}

nav .nav-notification>li .search-input-wrapper {
    padding: 7px 0 0;
}

@media (min-width: 768px) {
    div.action-bar-mobile {
        display: none;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    div.action-bar-mobile {
        display: block;
        position: absolute;
        top: 12px;
        z-index: 1010;
        right: 80px;
    }
    .search-input input:focus, .search-input input:hover,
    .search-input:focus input, .search-input:hover input {
        width: 160px !important;
    }
}

@media (max-width: 479px) {
    div.action-bar-mobile {
        display: block;
        position: fixed;
        z-index: 1000;
        bottom: 0px;
        width: 100%;
        min-width: 300px;
        overflow-x: hidden;
        height: 55px;
        background-color: #fff;
        background-image: url(../images/headerborder.png);
        background-repeat: repeat-x;
        background-position: bottom left;
        box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.125);
    }
    .search-input-wrapper .search-input {
        position: absolute;
        bottom: 15px;
        width: calc(100% - 160px);
        margin: 0 80px;
        background-color: #eee;
        border-radius: 4px;
    }
    .search-input-wrapper .search-input input {
        background-color: rgba(0,0,0,0);
        width: 100%;
    }
    .search-input-wrapper .search-input:hover input#mobile_quicksearch,
    .search-input-wrapper .search-input input#mobile_quicksearch:focus {
        opacity: 1;
    }
    .search-input-wrapper .search-input input, .search-input-wrapper .search-input input:focus {
        height: 21px;
        border-radius: 0 !important;
    }
    .search-input-wrapper .search-input:hover input,
    .search-input-wrapper .search-input input:focus {
        background-color: #eee;
        color: #666;
    }
    .search-input-wrapper .search-input, .search-input-wrapper .search-input:focus,
    .search-input-wrapper .search-input i {
        color: #666;
    }
    .search-input input:focus, .search-input input:hover,
    .search-input:focus input, .search-input:hover input {
        width: 100% !important;
    }
    .search-input .input-icon {
        font-size: 17px !important;
        line-height: 1px;
        margin-top: 5px;
    }
}

.search-input {
    position: relative;
    display: inline-block;
}

.search-input a {
    color: #FFF !important;
}

.search-input input {
    width: 30px;
    border-radius: 50em!important;
    -moz-border-radius: 50em!important;
    -webkit-border-radius: 50em!important;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.search-input input, .search-input input:focus {
    background-color: #6590a5;
    border: none;
    height: 36px;
    min-width: 36px;
    box-shadow: none;
    color: #FFF;
}

.search-input input:focus, .search-input input:hover {
    width: 200px;
    padding-right: 40px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.search-input input:focus+.input-icon, .search-input input:hover+.input-icon {
    right: 8px;
}

.search-input:focus input, .search-input:hover input {
    width: 200px;
    padding-right: 40px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.search-input:focus input+.input-icon, .search-input:hover input+.input-icon {
    right: 8px;
}

.search-input .input-icon {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 8px;
    padding-right: 1px;
    font-size: 21px;
}

ul.social
{
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.social li
{
    float: left;
    margin-left: 5px;
}

ul.social li .fa
{
    border: 1px solid white;
    padding: 7px;
    border-radius: 100%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    width: 40px;
    text-align: center;
}

ul.social li .fa-twitter:hover
{
    border: 1px solid #2FC2EF;
    background: #2FC2EF;
}

ul.social li .fa-facebook:hover
{
    border: 1px solid #3a5795;
    background: #3a5795;
}

ul.social li .fa-youtube:hover
{
    border: 1px solid #cc181e;
    background: #cc181e;
}

ul.social li .fa-rss:hover
{
    border: 1px solid #FF6600;
    background: #FF6600;
}

.navbar-brand .logo
{
    height: 60px;
    margin-top: -20px;
    image-rendering: -webkit-optimize-contrast;
}

.fa-fw
{
    margin-right: 5px;
}

.scroll-to-top {
    position: fixed;
    display: block;
    right: -100px;
    bottom: 10px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #6590a5;
    color: #fff !important;
    text-align: center;
    z-index: 10;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    box-shadow: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

@media (min-width: 480px) and (max-width: 767px) {
    .scroll-to-top {
        bottom: 70px;
    }
}

.scroll-to-top.active {
    right: 10px;
}

@media (max-width: 479px) {
    .scroll-to-top {
        width: 30px;
        height: 30px;
        line-height: 1px;
        bottom: 15px;
        left: 5px;
        z-index: 1006;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: none;
        transition: none;
    }
    .scroll-to-top .fa-chevron-up {
        margin-top: 9px;
        font-size: 17px;
        color: #666;
    }
}

.link-to-home
{
    position: fixed;
    right: -100px;
    bottom: 55px;
    background-color: #769fb3;
    font-size: 20px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    transition: all 0.5s ease;
}

.link-to-home.active
{
    right: 10px;
}

a.link-to-home
{
    color: #fff;
}

@media (max-width: 479px) {
    .link-to-home {
        width: 30px;
        height: 30px;
        bottom: 15px;
        left: 40px;
        line-height: 1px;
        z-index: 1006;
        background-color: #fff;
        border-radius: 4px;
        transition: none;
    }
    .link-to-home .fa.fa-home {
        margin-top: 7px;
        font-size: 17px;
        color: #666;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .scroll-to-top {
        bottom: 10px;
        left: -100px;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        line-height: 30px;
    }
    .scroll-to-top.active {
        left: 10px;
    }
    .link-to-home {
        bottom: 50px;
        left: -100px;
        width: 30px;
        height: 30px;
        border-radius: 4px;
        line-height: 30px;
    }
    .link-to-home.active {
        left: 10px;
    }
}

@media (max-width: 767px) {
    .show-menu {
        display: block !important;
        visibility: visible !important;
    }
    #button_logout, #button_profile {
        display: block;
    }
}

@media (min-width: 768px) {
    #button_logout, #button_profile {
        display: none;
    }
}

@media (max-width: 970px) {
    #live_news, #supportVersionsTable, #quick_tasks li, .modblock_right, .modblock_left {
        width: 100% !important;
    }
    #quick_tasks li {
        height: auto !important;
    }
    td.icon a img {
        max-width: none;
    }
}

#IC .nav
{
    margin: 0;
}

#IC ul.nav.nav-tabs
{
    background: #fcfcfc;
    border: none;
    border-radius: 0 0 4px 4px;
    margin-bottom: 5px;
    padding: 5px;
}

#IC .nav-tabs > li:first-child > a
{
    margin-left: 4px;
}

#IC .nav-tabs > li > a
{
    border-radius: 0 0 0 0;
    border-top: none
}

#IC .nav-tabs li a:hover
{
    background-color: #fcfcfc;
    border-color: #fcfcfc;
    color: #000;
}

#IC .nav-tabs li.active a, #IC .nav-tabs li.active a:hover
{
    background-color: #eee;
    border-radius: 4px;
    border: none;
}

#IC .tab-content
{
    background: #fcfcfc;
    border-radius: 4px;
    padding: 10px;
    border: none;
}

@media (max-width: 767px) {
    #IC .nav-tabs li span
    {
        display: none;
    }
}

.label-warning
{
    background-color: #a6c6a6;
}

.label
{
    padding: 0 3px 0 3px;
    margin-left: 5px;
}

#whos_online .selectbox
{
    position: relative;
    top: 10px;
}

#unread, #unreadreplies
{
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 20px;
}

#unread table, #unreadreplies table
{
    max-width: 100%;
    margin-bottom: 0;
}

/*#unread .label.label-warning, #unreadreplies .label.label-warning
{
    display: none;
}*/

/*#unread th, #unreadreplies th
{
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}*/

#post_subject
{
    width: 100%;
    max-width: 100%;
}

@media (max-width: 767px) {
    #recent li.quote_button a span {
        display: none;
    }
}

/* Quick login */
input.userpass {
    padding: 3px 2px 3px 2px;
    margin: 0px 5px 3px 5px;
    height: 21px;
    min-width: 25px;
    border-style: none;
    border-left: 2px solid #6590A5;
    font-size: 85%;
}

label {
    margin-bottom: 0px;
    font-weight: initial;
}

#always_logged_in {
    margin-left: 5px;
    vertical-align: middle;
    font-size: 11px;
}

input#stayloggedin {
    height: 12px;
}

li#quick_login_button {
    margin-top: 5px;
    text-align: center;
}

i#usericon {
    position: absolute;
    top: 8px;
    right: 2px;
    display: inline-block;
}

i#passicon {
    position: absolute;
    top: 32px;
    right: 2px;
    display: inline-block;
}

/* BBC buttons */
.bbc_button {
    width: 22px;
    height: 22px;
    background-color: #6590a5;
    padding: 0;
    margin-bottom: 2px;
}

.bbc_glyph {
    vertical-align: bottom;
}

.sel_face, .sel_size, .sel_color {
    width: 120px;
}

.mobile_only {
    display: none;
}

@media (max-width: 767px) {
    .bbc_divider
        {
        display: none;
    }

    .sel_face, .sel_size, .sel_color {
        max-width: 30%;
    }

    .sel_face_br {
        display: initial;
    }
}