/*****************************************************************

* Custom CSS Stylesheet. You can add any custom CSS selectors here after the comment line 

* They will be given the highest priority on any elements on the forum

* Customize your forum color scheme in one click: www.sitesplat.com/phpBB3/ 

* **************************************************************

*

* FLATBOOTS @SiteSplat.com - Custom CSS STYLESHEET - 

* 

* **************************************************************

*****************************************************************/

/* ===[ CSS HOOK TOP ]=== */



:root {

    --main-text-color: #0f212b;

    --main-hover-color: #708092;

    --main-font-family: 'Roboto', Helvetica, sans-serif; 

    --secondary-accent: #0e253a;

    --tertiary-accent: #172d45;

    --main-body: #ffffff;

    --main-background: #dfe5e7;

    --darkreader-bg--main-background: #151c22;

    --darkreader-bg--secondary-accent: #17191a;

}



body,

html,

.section-pre-footer,

.section-page {

    background-color: var(--tertiary-accent);

    font-family: var(--main-font-family);

    color: var(--main-text-color);

}



/* font declarations */



h1,

h1 a,

h2,

h2 a,

h3,

h3 a,

h4,

h4 a,

h5,

h5 a,

h6,

h6 a,

table .stats-col,

.forum-mods>strong,

.subforums>strong,

.panel-stats .output,

.section-pre-footer h6,

#rtbtnrow .col-md-12 a,

.newsroom-threads .panel-post,

.newsroom-threads .panel-post h6 a {

    font-family: var(--main-font-family);

    color: var(--main-text-color);

}



.section-ucp h3,

#topicreview h3,

.section-posting h3,

.section-mcp h3,

.section-ucp h3,

h3 {

    border-bottom: none;

}



b, strong {

    font-weight: 600;

}



/* header rules */



.header-one {

    background-image: url(./images/header/1.webp);

}



.header-two {

    background-image: url(./images/header/2.webp);

}



.header-three {

    background-image: url(./images/header/3.webp);

}



.header-four {

    background-image: url(./images/header/4.webp);

}



.header-five {

    background-image: url(./images/header/5.webp);

}



.header-six {

    background-image: url(./images/header/6.webp);

}



.header-seven {

    background-image: url(./images/header/7.webp);

}



.header-eight {

    background-image: url(./images/header/8.webp);

}



.header-nine {

    background-image: url(./images/header/9.webp);

}



.header-ten {

    background-image: url(./images/header/10.webp);

}



.header-eleven {

    background-image: url(./images/header/11.webp);

}



.header-twelve {

    background-image: url(./images/header/12.webp);

}



.header-thirteen {

    background-image: url(./images/header/13.webp);

}



.header-fourteen {

    background-image: url(./images/header/14.webp);

}



.header-fifteen {

    background-image: url(./images/header/15.webp);

}



.header-sixteen {

    background-image: url(./images/header/16.webp);

}



.header-seventeen {

    background-image: url(./images/header/17.webp);

}



.col-sm-5 {

    width: 100%;

}



.sm-direction {

    width: 100%;

}



.section-pre-footer .text {

    margin-left: 0;

}



.section-pre-footer {

    background: transparent;

}



.section-pre-footer h6 {

    font-size: 15px !important;

    font-weight: 800;

    letter-spacing: .75px;

    line-height: 20px;

    text-transform: uppercase;

    margin-bottom: 22px;

}



.section-pre-footer a {

    transition: all .3s ease;

    text-decoration: none;

    background-color: transparent;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: .09px;

    line-height: 24px;

}



.bottomLinks {

    display: none;

}



.copyrights {

    color: #798c96;

    font-size: 14px;

    margin-bottom: -.5em;

}



.copyrights span,

.copyrights a {

    color: #fff !important;

    cursor: pointer;

}



.copyrights a,

.copyrights span {

    transition: all .3s ease;

    text-decoration: none;

    border-bottom: none;

}



.copyrights a:hover,

.copyrights span:hover {

    color: var(--main-hover-color) !important;

    text-decoration: none;

    border-bottom: none;

}





.burned-asphalt {

    background-color: var(--tertiary-accent);

    padding: 24px 0 23px;

    font-size: 14px;

    line-height: 20px;

}



.burned-asphalt>.midnight->.container {

    padding: 0;

}



.social-network {

    display: none;

}



.dropdown-avatar img {

    display: none;

}



.mastbottom {

    display: none;

}



.panel-forum .panel-heading {

    background-color: var(--tertiary-accent);

}



.icon-wrapper {

    background-color: #00000012;

}





.table-hover>tbody>tr:hover>td .lastsubject:hover,

.table-hover>tbody>tr:hover>td .forumtitle:hover {

    color: var(--main-hover-color) !important;

}



.panel-body {

    background: var(--main-body) !important;

}



table .stats-col {

    background: var(--main-body) !important;

}



.side-segment h2:after,

.side-segment h3:after {

    display: none;

}



.panel-stats .panel-body {

    border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

}



.panel-footer {

    background-color: var(--main-body);

    border-top: 2px solid #00000012;

}



/* blog things */



.blog-meta {

    display: none;

}



#rtbtnrow .col-md-12 {

    padding-left: .85em;

}



#rtbtnrow .col-md-12 a {

    color: #e73f15;

    font-size: 16px;

    line-height: 24px;

    letter-spacing: .1px;

    text-decoration: none;

    text-transform: inherit;

    font-weight: 400;

    text-align: left;

}



#rtbtnrow .col-md-12 a:hover {

    color: #798c96;

}



.newsroom-threads .entry-header h6 {

    max-height: none;

}



.newsroom-threads .entry-header h6:hover a {

    color: #e73f15;

    transition: all .3s ease;

}



.newsroom-threads .panel-post {

    background-color: transparent;

}



.newsroom-threads .panel-post h6 a {

    transition: all .3s ease;

    color: var(--main-text-color);

    text-decoration: none;

    background-color: transparent;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: .09px;

    line-height: 24px;

    text-transform: none;

    overflow: visible;

    max-height: none;

}



.panel-post .title {

    padding-left: 0;

    margin-bottom: 2em;

}



.panel {

    margin: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.entry-header {

    max-height: 72px;

    overflow: hidden;

}



.panel-post time span {

    background-color: transparent;

    border: none;

    border-bottom: none;

    color: #5f717b;

}



.nav-tabs {

    border-bottom: 1px solid #00000012;

    background: transparent;

}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {

    background-color: transparent;

}



#rtblock .nav-tabs li {

    padding-bottom: 0;

    border: 0;

    position: relative;

    padding: 20px 0;

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 800;

    letter-spacing: .75px;

    line-height: 20px;

    color: #e73f15;

    font-family: var(--main-font-family);

}



.line {

    position: relative;

    height: 8px;

    width: 7em;

    background: #e73f15;

    left: 0;

    bottom: -2.95em;

    z-index: 1;

}



.line-bg {

    padding-left: 25px;

    background: url(./images/linkblack.svg) no-repeat left 9px;

}



.section-page {

    padding: 0;

}



.newsroom-threads>.col-12 {

    padding: 0 .5em;

}





.mana-city-text {

    font-family: Oswald, var(--main-font-family);

    font-size: 18px;

    margin-top: -.15em;

    color: white;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    position: absolute;

    top: .7em;

    left: 15px;

}



.mana-dial-numbers {

    color: white;

    font-size: 14px;

    font-family: var(--main-font-family);

    position: relative;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}



.mana-dial-numbers span {

    padding-left: .5em;

}



.mana-city-seal {

    height: 28px;

    width: 28px;

    margin-right: .25em;

    margin-bottom: 0.15em;

}



.btn-search {

    display: none;

}



.navbar {

    padding: 0;

    min-height: 0;

    height: 47px;

    padding: 1em;

}



.navbar-inverse {

    border: none;

    background-color: var(--secondary-accent);

}



.navbar-spacer {

    background-color: #ebf4f7;

    padding: 11px 0 12px;

}



.main-menu-bar {

    display: flex;

    margin-left: auto;

    margin-right: auto;

    background-color: var(--main-body);

}



.main-menu-bar ul {

    padding: 0 15px;

    margin-left: auto;

    display: flex;

    gap: 2.5em;

    list-style: none;

    padding-top: .75em;

    padding-bottom: .25em;

}



.main-menu-bar ul li a {

    background: none;

    color: var(--main-text-color);

    font-family: var(--main-font-family);

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

    padding: 1em 0;

    z-index: 2;

    list-style: none;

}



.header-wrapper {

    background-color: var(--secondary-accent);

}



.header-wrapper>header {

    margin-inline: auto;

}



.breadcrumb-line {

    margin: 0;

}



.menu-logo {

    height: 64px;

    padding: .5em 0;

    display: none;

}



.down-arrow {

    display: none;

}



.search-icon img {

    height: 13px;

    width: 13px;

    margin-left: -.5em;

}



.main-menu-bar ul li a:hover,

.main-menu-bar ul li a:focus {

    background: transparent;

    color: #e73f15;

    text-decoration: none;

}



.about_us {

    display: none;

}



.search-icon:hover,

.search-icon:focus {

    filter: brightness(0) saturate(100%);

    filter: invert(30%) sepia(54%) saturate(4077%) hue-rotate(356deg) brightness(95%) contrast(91%);

}



#flatboots-buttons {

    display: none;

}



.user-login {

    position: absolute;

    top: .7em;

    right: 0px;

}



.user-login ul li a i {

    margin-top: 0;

    color: white;

    font-size: 16px;

}



.user-login>ul>li>a:hover i,

.user-login>ul>li>a:hover span {

    color: #e73f15;

    transition: all 0.3s ease;

}



.user-login ul li a {

    margin-top: .4em;

}



@media (min-width:768px) {

    .navbar-nav {

        float: left;

        margin: 0

    }



    .navbar-nav>li {

        float: left

    }



    .navbar-nav>li>a {

        padding-top: 0;

        padding-bottom: 0;

    }

}



@media (max-width:1200px) {

    .mana-dial-numbers {

        display: none;

    }

}



.masthead {

    display: none;

}



.flat-header {

    background-color: #476884;

    height: 225px;

    margin-bottom: 0em;

}



.flat-header-img {

    height: 225px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top center;

    filter: grayscale(75%);

    mix-blend-mode: soft-light;

    z-index: 1;

    transition: opacity 1s ease-in-out;

    position: relative;

}



.hero-text {

    position: absolute;

    margin-inline: 2em;

    top: 50%;

    -ms-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.fadeEffect {

    animation-name: fade;

  }

  

  @keyframes fade {

    from {opacity: 0.6} 

    to {opacity: 1}

  }



.table>thead>tr>th {

    background: var(--main-body);

    color: var(--main-text-color);

    border-bottom: none;

}



.flat-header a {

    text-decoration: none;

}



.hero-text h2, .hero-text h1 {

    font-family: var(--main-font-family);

    color: white;

    line-height: 1em;

}



.hero-text h2 {

    font-size: 21px;

}



.hero-text h1 {

    font-size: 52px;

    font-style: italic;

}



.wrapper-head {

    display: none;

}



.breadcrumb-line {

    border-radius: 0;

    background-color: var(--tertiary-accent);

    margin-top: -1em;

    margin-inline: -1.1em;

    padding-inline: .6em;

}



.breadcrumb li:first-child a {

    background: var(--tertiary-accent);

    margin-right: -.75em;

}



.breadcrumb li a,

.breadcrumb li a span {

    color: white;

    font-weight: normal;

    transition: all 0.3s ease;



}



.breadcrumb li a:hover,

.breadcrumb li a span:hover {

    color: var(--main-hover-color);

}



.breadcrumb .icon {

    font-size: 16px;

}



.copyrights-wrapper {

    width: 33%;

    padding: 0;

}



.avatar-over {

    display: none;

}



#page-body {

    margin-bottom: 0em;

}



.subforums>.unread {

    color: currentColor;

    font-weight: 500;

}



.codebox span,

h3 {

    text-transform: none;

}



.btn-default,

.form-control {

    background-color: var(--main-body);

    border: 1px solid #b5bac0;

}



.breadcrumb>li+li:before {

    color: white;

}



.breadcrumb-buttons {

    display: none !important;

}



.form-control:hover,

.form-control:focus {

    box-shadow: none;

    border: 1px solid #dde1e7;

}



.btn-default:hover,

.btn-default:focus {

    background-color: #eee;

    color: #23527c;

    box-shadow: none;

}



.page-bottom-padding {

    padding-top: 1.5em;

}



.btn-danger,

.badge-danger {

    background-color: #e73f15 !important;

    transition: all .2s ease;

}



.btn-danger:hover {

    background-color: #ff7526 !important;

}



.subforums>strong {

    color: var(--main-text-color);

}



.panel.forum-answer {

    display: flex;

}



.panel.forum-answer .panel-heading {

    width: 30%;

    border: none;

    min-width: 200px;

    padding: 15px;

    background-color: var(--main-body);

}



.panel.forum-answer .panel-body {

    width: 100%;

}



.panel.forum-answer .panel-body h3 {

    margin-bottom: 2px;

    padding: 0;

}



.panel.forum-answer .panel-body .postbody {

    clear: both;

}



.panel.forum-answer .panel-body .postbody div.content {

    padding-top: .5em;

}



.postrow_container .panel-footer {

    border-top: 2px solid #0000000a;

}



.panel.forum-answer .hidden-xs {

    font-size: .98em;

}



.postprofile dt {

    text-align: center;

}



.postprofile .profile-rank {

    text-align: center;

}



.postprofile .profile-posts {

    padding-top: 1em;

}



.inventea-online {

    display: inline-block;

    margin-bottom: 12px;

    margin-top: .5em;

    padding: 3px 8px 1px;

    border-radius: 5px;

    background: #0ead8e;

    color: #fff;

    text-transform: uppercase;

}



@media (max-width: 580px)

{

    .panel.forum-answer {

        flex-direction: column;

    }

    .panel.forum-answer>.panel-heading {

        width: 100%;

        min-width: auto;

        align-self: center;

        border-bottom: 2px dotted #00000012;

    }



    .panel.forum-answer>.panel-heading {

        display: flex;

        justify-content: center;

    }



    .panel.forum-answer>.panel-heading>.clearfix {

        width: 80%;

        align-self: center;

    }



    .panel.forum-answer>.panel-heading>.clearfix dl>dd {

        display: none;

    }



    .panel.forum-answer>.panel-heading>.clearfix dl>dd.profile-rank {

        display: block;

    }



    dl.postprofile {

        margin-bottom: 0;

    }

}



.breadcrumb .icon, article h3 {

    font-size: 16px;

}

.spacing-left {

    padding-left: 2em;

}



.top-flat {

    background: #e73f15 no-repeat 50%;

    border-radius: 100%;

    right: 30px;

    bottom: 30px;

    width: 50px;

    height: 50px;

    z-index: 990;

    background-size: 25px;

}



.top-flat:hover,

.top-flat:focus {

    background: #ff7526 no-repeat 50%;

}



.top-flat:after {

    top: -3px;

}



@media (min-width: 992px) {

    .panel-footer .col-md-6 {

        width: 100%;

    }

}



.newsroom-threads {

    margin-top: 4px !important;

    border-radius: 3px;

    background-color: var(--main-body);

    padding-bottom: 1em;

}



.forum-answer {

    border-top: 2px solid #00000012;

}



.panel-login>.row {

    display: flex;

}



.panel-login>.row>.col-sm-6 {

    margin-left: auto;

    margin-right: auto;

    float: none;

}



.avatar-over img,

.profile-avatar img {

    border: none;

    border-radius: 0;

}



.profile-display {

    width: 100%;

}



.profile-display .panel-footer {

    background-color: transparent;

    padding: 0;

}



.profile-display .panel-footer .btn-group-justified {

    padding: 10px 10px;

    display: none;

}



.profile-display .mini-profile-contact-wrapper {

    display: none;

}



.ui-timeline {

    display: none;

}



.profile-display .panel-profile {

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.profile-display .panel-heading {

    width: 25%;

    align-self: center;

}



.profile-display .group-buttons {

    margin-top: 1em;

    display: flex;

    flex-direction: row;

}



.profile-display .panel-body {

    flex-grow: 1;

    margin-bottom: 0;

    padding: 1em 5%;

    padding-bottom: 0;

}



.profile-display .panel-body ul {

    margin-bottom: 0;

}



.profile-display-content {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.profile-display .panel-footer .padding-left {

    padding: 0 5%;

    padding-top: 1em;

}



.profile-display .panel-body ul li {

    padding-bottom: .25em;

}



.profile-display .panel-footer .signature {

    border-top: 0;

    padding-bottom: 1.5em;

    font-size: 14px;

    padding-inline: 5%;

}



.side-segment h3 {

    color: var(--main-text-color);

    font-weight: 600;

}



.text-muted {

    color: var(--main-text-color);

}



.profile-display .group-buttons .btn {

    font-weight: 600;

}



/* buttons */



.t-icon {

    font-family: FontAwesome !important;

}



.postbody .btn-toolbar {

    float: right;

}



.navbar-nav-fancy>li:before {

    background-color: transparent;

}



.navbar-inverse .navbar-nav>.active>a,

.navbar-inverse .navbar-nav>.active>a:focus,

.navbar-inverse .navbar-nav>.active>a:hover,

.navbar-inverse .navbar-nav>.open>a,

.navbar-inverse .navbar-nav>.open>a:focus,

.navbar-inverse .navbar-nav>.open>a:hover {

    background-color: transparent;

}



.user-login-drop>li:first-child {

    background-color: var(--main-body);

}



.user-login-drop .col-xs-5 {

    display: none;

}



.user-login .navbar-footer {

    background-color: transparent;

}



.user-login-drop {

    border: 4px solid #fff;

}



.navbar-nav>li>.dropdown-menu {

    margin-top: .3em;

}



.arrow-up:before {

    border-color: transparent transparent #fff;

}



.separator i {

    display: none;

}



.user-row-details {

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

}



.btn-search i {

    display: none;

}



.twitter {

    display: none;

}



.section-pre-footer .section-bg {

    display: none;

}



.navbar-user-wrapper {

    width: 200px;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

}



.navbar-user-wrapper .navbar-avatar {

    display: flex;

    align-items: center;

    justify-content: center;

}



.navbar-avatar .btn-success {

    margin-bottom: .75em;

}



.panel-forum {

    margin-bottom: 1.5em;

}



.panel-stats {

    margin-bottom: 0px;

}



.postrow_container {

    margin-bottom: 1.5em;

}



.topicreview>.panel>.postbody {

    margin-left: 0;

}



.topicreview .panel .clearfix .icheckbox_flat-aero {

    margin-top: 1em;

}



.topicreview .panel .content {

    margin-top: 0;

}



.panel-login .signin-text:before

,.login-full .signin-text span {

    background: transparent;

}



.panel-login {

    color: #222;

}



.panel-login .signin-text {

    font-family: var(--main-font-family);

    font-weight: 600;

    color: var(--main-text-color);

}



.topic-toolbar-spacing {

    margin-top: 0;

}



/*

.badge {

    background-color: var(--main-text-color);

}



*/



.postbody .content,

.content h2,

a:link,

a:visited,

.postlink:visited,

.panel-stats strong,

.panel-stats .panel-footer,

.table-primary tbody td,

.control-label,

.help-block {

    color: var(--main-text-color);

}



a.forumtitle:hover,

a.topictitle:hover,

.forum-mods>strong:hover,

.side-segment h3 a:hover,

h2 a:hover {

    color: var(--main-hover-color);

}



.dropdown-notification em.notifications,

.dropdown-avatar em.notifications-pm {

    top: 8px;

}



.dropdown-avatar em.notifications-pm {

    left: -69px;

    top: 14px;

    pointer-events: none;

    padding: 4px 6px;

}



.form-control,

.btn-link,

.btn-primary .badge,

.pagination>li>a,

.pagination>li>span,

.text-primary {

    color: var(--main-text-color);

    font-weight: 500;

}



.dropdown-menu>li>a {

    color: var(--main-text-color);

}



.dropdown-menu>li>a:hover {

    color: #0f2940;

}



#pms_list_button,

#notification_list_button {

    padding-bottom: 10px;

}



.btn {

    color: var(--main-text-color);

}



.forum-list-lock,

.forumview-lock {

    color: #798c96;

}



.form-actions {

    background: transparent;

    border: 1px solid transparent;

    padding: 0px;

}



.well {

    border: 1px solid #dde1e7;

    background-color: var(--main-body);

}



.list-group-item {

    border: 1px solid #dde1e7;

}



.control-group {

    border-bottom: 0;

}



.controls.controls-row textarea {

    margin-bottom: .5em;

}





.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {

    border-top: none;

}



.panel-poll {

    border: 1px solid var(--main-background);

}



a:hover,

.table-primary tbody td:hover {

    color: var(--main-hover-color);

}



.table-hover>tbody>tr:hover>td,

.table-hover>tbody>tr:hover>th,

.table-hover>tbody>tr:hover>td>a:visited,

.table-hover>tbody>tr:hover>td>a:link,

.table-hover>tbody>tr:hover>td>a,

.table-hover>tbody>tr:hover>td>span {

    color: initial;

    transition: all 0.1s ease;

}



.desc-wrapper .fa-asterisk {

    color: #e73f15;

}



.footable-first-column>.fa-envelope {

    padding-right: .25em;

}



.pm_foe_colour,

.pmlist li.pm_foe_colour {

    color: rgb(100, 0, 0)

}



.pm_replied_colour,

.pmlist li.pm_replied_colour {

    color: #a9b8c2 !important;

}



legend {

    font-family: var(--main-font-family);

    font-weight: 600;

    text-transform: none;

    color: var(--main-text-color);

    padding: 1em 0 0 0;

}



.controls .input-group[class*=col-] input,

.controls .input-group-btn>.btn {

    height: 35px;

    font-size: 13px;

}



.pager {

    margin: 10px 0;

}



.pager li>a,

.pager li>span {

    background-color: #fff;

    border: 1px solid #dde1e7;

    border-radius: 4px;

    color: var(--main-text-color);

}



.pager li>a:hover,

.pager li>span:hover {

    color: #23527c;

}



.alert-default, .alert_title {

    border: none;

    color: var(--main-text-color);

}



.awe-remove-circle {

    color: var(--main-text-color);

}



.framed-ucp {

    border: none;

    padding: 0;

}



/* fixed footer approach: */



html {

    overflow-y: overlay;

}



.btn {

    font-weight: 500;

}



.nav-tabs>li.active>a,

.nav-tabs>li.active>a:hover,

.nav-tabs>li.active>a:focus {

    color: #3498db;

    cursor: pointer;

}



.nav-tabs>li>a:hover {

    color: #3498db;

    background-color: #05294207;

    border-radius: 4px;

}



.well .signature {

    font-size: 14px;

}



.topicreview-content .well {

    border: none;

}



.topicreview-content {

    border: 1px solid var(--main-background);

    border-radius: 4px;

}



.pagination>li>a, .pagination>li>span {

    border: 1px solid var(--main-background);

}



.tagsinput span.tag {

    background: 0 0 #f0f0f0;

    border-radius: 4px;

    padding: 6px;

}



.label-default {

    background: 0 0 #f8f8f8;

    border-radius: 4px;

    padding: 6px;

    color: var(--main-text-color);

    font-size: 13px;

}



.tagsinput input {

    color: red;

    margin-left: -.25em;

}



.navbar-toggle {

    width: 10px;

    height: 10px;

    padding: 0;

    margin: 0;

    margin-right: 3em;

    margin-top: -.3em;

    border: none;

    display: none;

}



.navbar-inverse .navbar-toggle {

    border: none;

}



@media (max-width:767px) {

    .copyrights-wrapper {

        width: 100%;

    }



    .panel-post .title {

        margin-bottom: .5em;

    }



    .panel-post {

        padding: 0 10px;

    }



    #rtbtnrow .col-md-12 {

        margin-top: 1em;

    }



    .line {

        bottom: -.25em;

    }



    .login-full>.row{

        flex-direction: column;

    }



    .login-full>.row>.col-sm-6 {

        width: 80%;

    }

}



.content blockquote {

    padding: 1em 2em 1em 2.5em;

    background: 0 0 #0000000a;

}



.content blockquote:before, .content blockquote:after {

    font-family: Arial, Helvetica, sans-serif;

}



.content blockquote:before {

    top: .44em;

}



blockquote {

    word-wrap: break-word;

}



blockquote cite {

    margin-bottom: 1em;

    font-weight: 500;

    font-style: normal;

}



html {

    overflow-y: scroll;

}



#viewfolder .input-group[class*=col-] .btn {

    height: 40px;

}



.footable-row-detail-inner {

    margin-left: 1em;

}



.footable.breakpoint>tbody>tr>td>span.footable-toggle {

    color: var(--main-text-color);

}



.main-menu-bar ul li .search-icon {

    padding: 1em 0em;

}



nav:before,

nav:after,

.navbar-nav-fancy>li:before,

.navbar-nav-fancy>li:after {

    display: block !important;

}



.navbar-nav.navbar-right:last-child {

    display: flex;

    flex-direction: row;

}



@media (max-width: 767px) {

    .user-login {

        top: 0em;

    }



    .navbar-inverse .navbar-nav>li {

        border: none;

    }

}



@media (max-width: 920px) {

    .main-menu-bar ul li a .down-arrow {

        display: none;

    }



    .main-menu-bar ul {

        margin-right: auto;

    }



    .main-menu-bar ul li {

        padding: 0 !important;

    }



    .main-menu-bar ul:last-child {

        margin-right: 0;

    }



    .main-menu-bar ul {

        gap: 1em;

    }

    .main-menu-bar ul li a {

        font-size: 16px;

    }



    .search-icon img {

        margin-left: 1em;

        height: 16px;

        width: 16px;

    }



    .container {

        padding-left: 0;

        padding-right: 0;

    }

}



@media (max-width: 480px) {

    .mana-flex-header {

        display: none;

    }

}



@media (max-width: 700px) {

    #button_mdc,

    #button_mcp,

    #button_acp,

    #button_team

    {

        display: none;

    }

}





.nano>.nano-content {

    background: 0 0 #fff;

}



.navbar-inverse .navbar-nav .open .dropdown-menu>li>a,

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a i {

    color: var(--main-text-color);

}



.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a i:hover {

    color: initial;

}



@media (max-width: 768px) {

    .open>#pms_list_button i {

        margin-left: auto;

        float: right;

    }



    #pms_list_button em.notifications {

        top: 18px;

    }



    .navbar-nav .open:nth-child(2) .dropdown-menu {

        margin-top: 0;

        left: -110px;

    }

}



@media (max-width:768px) {

    .dropdown-menu.user-login-drop.arrow-up:before {

        display: none;

    }

    .navbar-right .dropdown-menu {

        right: auto;

        left: -60px;

    }

    .navbar-right .dropdown-menu-left {

        right: auto;

        left: 0

    }

}



.panel-default>.panel-heading {

    background-color: #052942;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}



.panel-default>.panel-heading>.panel-title a {

    color: white;

    font-weight: 500;

    text-decoration: none;

}



.thumbnail {

    border: none;

}



.avatar {

    width: auto;

}



.fileinput-new>img {

    height: auto;

}



@media (max-width:991px) {

    .postbody {

        margin-left: 0;

        padding-left: 0;

    }

}



.content {

    word-break: break-word;

}



.content ul,

.content ol {

    padding: 0;

    margin: 0.8em 0 0.9em 3em;

}



.table-primary thead th a {

    color: var(--main-text-color);

}



.groups-table>tbody>tr>td {

    width: 300px;

}



.groups-table>tbody>tr>td:first-child,

.groups-table>thead>tr>th:first-child {

    text-align: center;

    width: 350px;

}



.groups-table i {

    color: var(--main-text-color);

}



textarea.form-control {

    resize: vertical;

}



#preview .content {

    width: 70%;

}



.has-nav-tabs #preview .content {

    width: 100%;

    max-width: 740px;

}



.footable>tbody>tr>.footable-visible .last-wrapper {

    max-width: max-content;

}



div.panel-forum>div.panel-inner>table.default.footable>tbody>tr>td.footable-last-column {

    padding-right: 2em;

    min-width: 295px;

    max-width: 295px;

}



.pagination>li>a, .pagination>li>span {

    background-color: var(--main-body);

}



.alert-info {

    background-color: #f2dede;

    border: 1px solid #ebccd1;

    color: #BC2A4D;

    word-break: break-word;

}



.alert-info .postlink, .alert-info .postlink:visited {

    border: none;

    color: #BC2A4D;

}



.alert-info a:hover {

    color: #ff5f84;

}



.alert-info .awe-remove-circle {

    color: #BC2A4D;

}



.form-control {

    font-weight: 400;

}



.mini-timeline>li .timeline-body {

    background-color: transparent;

}



.mini-timeline>li .timeline-body .timeline-content a.name, .mini-timeline>li .time, .mini-timeline>li .timeline-body .timeline-content {

    color :var(--main-text-color);

}



.list-group-item {

    background-color: transparent;

}



.thumbnail {

    background-color: transparent;

}



.navbar-inverse .navbar-nav>li>a:hover {

    color: #e73f15;

}



.table-primary thead th a {

    color: currentColor;

}



.viewonline-table>tbody>tr:first-child>td:first-child {

    width: 50%;

}



.has-profile-rank .avatar-container a img {

    margin-bottom: 6px;

}



.table-primary tbody tr:nth-child(2n+1) td, .table-primary tbody tr:nth-child(2n+1) th {

    background-color: transparent;

}



.table-primary tbody td {

    background-color: transparent;

}



.topic_poll .panel-poll h3 {

    color: white;

    margin: 0;

}



.panel-poll label {

    font-weight: 450;

    margin-left: 8px;

}



.separator:before {

    background-color: #00000012;

    margin-top: 1em;

}



.post-signature {

    margin-top: 2em;

}



.blockquote {

    margin: 0;

}



.panel-login .icheckbox_flat-aero {

    margin-right:5px;

}



.table-hover>tbody>tr:hover>td .lastsubject, .table-hover>tbody>tr:hover>th .lastsubject {

    color: initial;

}



.well {

    border: none;

}



img.media-object {

    display: none;

}



.notice.text-muted {

    line-height: 2;

    border-color: #e8ecf3;

}



.forum-answer .side-segment {

    overflow: visible;

}



.forum-answer .side-segment h3>a {

    word-break: normal;

}



.forum-answer .pull-right {

    padding-bottom: 1em;

    margin-left: 1em;

}



.avatar-container a img, .profile-rank img {

    max-width: 100%;

    height: auto;

}



.notification_text {

    padding: 5px;

}



.btn-notification {

    padding: 5px 7px;

    background-color: #cdcdcd;

}



.textcomplete-dropdown img {

    display: none;

}



.dropdown-menu {

    border: 1px solid #dde1e7;

}



.textcomplete-item {

    padding: 0;

}



.dropdown-menu>.active>a {

    background-color: #e8ecf3;

}



.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {

    display: initial;

}



a.forumtitle,

a.topictitle,

.subforums>.unread,

.forum-mods>strong,

.subforums>strong,

.side-segment h3 a {

    color: #002841;

    font-weight: 600;

}



a.forumtitle:visited,

a.topictitle:visited {

    color: #334a5a;

    font-weight: normal;

}



.forum-read {

    color: #20354c;

    font-weight: 500;

}



.section-pre-footer {

    padding: 0;

}



.burned-asphalt {

    padding: 1.5em;

}



.forum-unread {

    color: #e73f15

}



body.dark-reader .search-icon>img{

    filter: brightness(100);

}



body.dark-reader .search-icon:hover>img{

    filter: brightness(0);

}



pre code,

table {

    width: 100%;

    display: inline-table;

}



@media (max-width: 600px) {

    .hero-text h2 {

        font-size: 24px;

    }

    .hero-text h1 {

        font-size: 36px;

    }

}



@media (max-width: 335px) {

    .hero-text h2 {

        font-size: 20px;

    }

    .hero-text h1 {

        font-size: 28px;

    }

}



.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {

    width: 100%;

}



.sorting-topic-mod {

    margin-bottom: 1em;

}



#content-forum {

    background-color: var(--main-body);

    padding: 1em;

}



@media (max-width: 720px) {

    #content-forum {

        padding: 1em 0.5em;

    }

}



.panel.forum-answer>.panel-body {

    padding: 15px 15px 15px 0px;

}



.media.friends-avatar img {

    display: none;

}



#mcp>.well>.row>.col-md-2 {

    display: none;

}



table.footable>thead>tr>th>i {

    color: var(--main-text-color);

}



#quickmod.dropdown {

    width: 100%;

}



.panel-footer.sorting.collapse.in {

    padding-bottom: 0;

}



#rtblock .nav-tabs li {

    padding-top: .25em;

}



#rtblock {

    padding: 0em .5em;

}



#postingbox .form-group-sm select[multiple].form-control,

#postingbox .form-group-sm textarea.form-control,

#postingbox select[multiple],

#postingbox select[multiple].input-sm,

#postingbox select[size],

#postingbox textarea.form-control,

#postingbox textarea.input-sm {

    min-height: 400px;

}



.alert-danger a {

    color: white;

}



.codebox {

    padding: 5px;

}



.codebox pre {

    margin: 0;

}



#preview .post-signature {

    width: 70%;

}



#postingbox fieldset .col-lg-8,

#postingbox fieldset .col-md-8 {

    width: 80%;

}


@media (min-width: 1000px) {
#postingbox fieldset .col-md-4 {

    width: 15%;

}
}



.panel-forum>.panel-inner>table>thead>tr th {

    background-color: var(--tertiary-accent);

    padding: .75em;

    color: white;

}



.panel-forum>.panel-inner>table>thead>tr th:first-child {

    border-top-left-radius: 3px;

}



.panel-forum>.panel-inner>table>thead>tr th:last-child {

    border-top-right-radius: 3px;

}



.space-reset {

    padding: 0;

    margin: 0;

}



.padding-reset {

    padding: 0;

}



.breadcrumb li:first-child a {

    padding-left: 0px;

}



.breadcrumb {

    height: auto;

    overflow: auto;

    white-space: inherit;

    text-overflow: unset;

    padding-left: .5em;

}



.blank-anchor:hover {

    color: initial;

    text-decoration: none;

}



/* ===[ CSS HOOK BOTTOM ]=== */