/* Body */

body {
    margin: 0px;
    padding: 0px;
}
a {
    
}
a:hover, a:focus, a:active {
    color: #ffffffa6;
    text-decoration: underline;
}
a:hover {
    color: #000000;
}

h2, .content h2, .panel h2{
    text-align: center;
    padding: 55px 5%;
    font-size: 30px;
    color: white;
    margin: 14px 0px 40px 0px;
    float: left;
    width: 90%;
    z-index: 1;
    position: relative;
    border-radius: 7px;
    line-height: normal;
    border: none;
}
h2 a{
 
    color: white;
}
h2 a:hover{
 
    color: white;
}
h3 {
    border-bottom-color: #efefef;
    font-size: 15px;
    padding-bottom: 9px;
}
li {
    display: block;
}
input, textarea {
border-radius: 7px;
padding: 6px;
}

.inputbox:hover, .inputbox:focus {
    border: 2px solid transparent;
}

.tabs .tab > a {
    border: none;
    box-shadow: none;
    color: #333333;
    padding: 13px;
    font-size: 13px;
    margin-right: 7px;
}
.tabs .activetab > a, .tabs .activetab > a:hover {
    border: none;
    box-shadow: none;
    padding: 13px;
    font-size: 13px;
    color: white;
}
#message {
    margin-top: 7px;
}
.message-box {
    width: 75%;
}
label strong {
    margin-bottom: 10px;
    float: left;

}
.button{
    color: white;
    padding: 13px 16px;
    border: none;
    font-size: 14px;
    border-radius: 7px;
    margin: -1px;
    box-shadow: none;
}
.button:hover, .button:focus {
    border: none;
    text-shadow: none;
    color: #ffffff;
}

.button1, a.button1, input.button1  {
    color: white;
    padding: 13px 16px;
    border: none;
    font-size: 14px;
    border-radius: 7px;
    margin: 8px;
    box-shadow: none;
}
.button1:hover, a.button1:hover, input.button1:hover  {
    border: none;
    background: #09a62a;

    text-shadow: none;
    color: #ffffff;
}
.button2, a.button2, input.button2, input.button3 {
    background: #cdcdcd;
    color: #424242;
    padding: 13px 16px;
    border: none;
    font-size: 14px;
    border-radius: 7px;
    margin: 8px;
    box-shadow: none;
    font-weight: bold;
}
.button2:hover, a.button2:hover, input.button2:hover, input.button3:hover {
    border: none;
    text-shadow: none;
    background: #bdbdbd;
    color: #000000;
}
#page-body .button .icon {color: #ffffff;padding-left: 5px;}
#page-body .button .icon:hover {color: #ffffff87;padding-left: 5px;}

table.table1 tbody td {
    border-top-color: #FAFAFA;
    padding: 8px;
}

table.table1 tbody tr {
    border: none;
}

.wrap {
    border: none;
    border-radius: 0px;
    max-width: 1160px;
    padding: 22px 40px;
}
.page-body {
    float: left;
    margin: 0px 0;
    width: 100%;
}
/* Header */
#page-header{
    padding-bottom: 24px;
}
.headerbar, .forumbg {
    background: none;
    padding: 16px 0px 20px 0px;
}
.site-description {
    float: left;
    width: 100%;
}
.logo_a {
    float: left;
    width: auto;
    padding: 0px 19px 0 0px;
}
.logo {
    padding: 0px 9px 0px 0px;
}
.site-description-hidden{
    display: none;
}
.site-description {

}
.site-description {
    float: left;
    width: 100%;
}
.search-header {
    border-radius: 4px;
    display: block;
    float: left;
    margin: 0px 0px 0px 0px;
    box-shadow: none;
}
.search-box .inputbox, .search-box .inputbox:hover, .search-box .inputbox:focus {
    font-size: 16px;
    border: none;
    padding: 12px 15px;
    float: left;
    height: auto;
    width: 158px;
    margin: 0px;
    border-radius: 7px 0 0 7px;
}
#page-body .search-box .inputbox{
    width: auto;
}
.search-header .button-search, .search-header .button-search-end {
    font-size: 17px;

    padding: 10px;
    float: left;
    height: auto;
    width: auto;
    color: #626262;
    margin: 0px;
    box-shadow: none;
}
#page-body .button-search, #page-body .button-search-end {
    font-size: 17px;
    padding: 10px;
    float: left;
    height: auto;
    width: auto;
    color: #626262;
    margin: 0px;
    box-shadow: none;
}
#page-body .button-search:hover, #page-body .button-search-end:hover {
    background:none;
}
.button-search{
    border-radius: 0px;
}
.button-search-end {
    border-radius: 0px 7px 7px 0px;
}

.button-search:hover, .button-search-end:hover {
    border: none;
    background: none;
    text-shadow: none;
}
.button-search .fa-search, .button-search-end .fa-cog {
    color: #8f8f8f!important;
    padding-left: 0px!important;
}

.right-ul-nav{
  
}
.rightside {
    float: left;
    margin: 9px;
}
.headerbar .right-ul-nav{
    top: 0px;
    font-size: 13px;
    position: relative;
}

.right-ul-nav span{
    line-height: 24px;
}

.dropdown-container {
    position: relative;
    float: left;
    margin-bottom: 7px;
    margin-right: 13px;
}
.navbar ul.linklist {
    padding: 2px 0;
    list-style-type: none;
    float: left;
    border: none;
}
input::placeholder {
    opacity: 0.7;
}
/* Navbar */
.navbar {
    background: none;
    padding: 0px 0px;
}

/* Light - dark mode switch */
.button-switch {
    padding: 4px;
    background: #d2d2d2;
    float: left;
    width: 39px;
    cursor: pointer;
    border-radius: 90px;
    margin: 8px 8px 0px 20px;
}
.dark-mode .button-switch {
    background: #008dff;
}
.slider{
    float: left;
    height: 17px;
    width: 17px;
    background: white;
    margin: 1px;
    border-radius: 50px;
    transition: .4s;
}
.dark-mode .slider {
    margin-left: 20px;
    transition: .4s;
}

/* Quick links */

a:hover .icon.icon-gray, a:hover .icon.icon-blue, a:hover .icon.icon-red {
}

.navbar ul.linklist {
    padding: 2px 0;
    list-style-type: none;
    float: left;
    border: none;
}
ul.linklist li.responsive-menu {
    position: relative;
    margin: 0 5px 0 0;
}
.quick-links a{
    padding: 10px 17px;
    font-size: 17px;
    text-decoration: none;
    color: #6A6A6A;
    border-radius: 7px;
}
.quick-links a:hover{
    text-decoration: underline;
    color: #000000;
}
.quick-links span{
    padding-left: 5px;
}
li.responsive-menu.dropdown-right .dropdown {
    left: -1px;
}
ul.linklist .dropdown {
    top: 46px;
}
.dropdown .pointer {
    right: auto;
    left: 10px;
    top: -1px;
    z-index: 3;
    border: none;
}
.dropdown .pointer-inner {
    top: auto;
    bottom: -11px;
    left: -10px;
    border: none;
}
.dropdown .dropdown-contents {
    background: #efefef;
    border-color: #B9B9B9;
    box-shadow: none;
    border: none;
    border-radius: 7px;
}
.dropdown li.separator:first-child, .dropdown li.separator:last-child {
    display: none !important;
    border: none;
}
.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
    border-top: 0;
    border: none;
    padding: 0px;
}
.dropdown-contents a {
    display: block;
    padding: 10px;
    font-size: 15px;
}
.dropdown-contents a:hover {
    background: white;

}
.dropdown-contents span {
    margin-left: 3px;
}
.dropdown .dropdown-contents {
    z-index: 2;
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 5px;
    position: relative;
    max-height: 100%;
}
.dropdown-contents > li {
    padding-right: 0px;
}


/* Nav: breadcrumbs */
ul.linklist > li {
    float: left;
    font-size: 1.1em;
    line-height: 2.2em;
    list-style-type: none;
    margin: 9px 20px;
    padding-top: 0px;
    width: auto;
}
.breadcrumbs .crumb span {
    margin-left: 4px;
    font-weight: normal;
}
.breadcrumbs .crumb a {
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
    overflow: hidden;
    font-size: 17px;
    color: #6A6A6A;
}
.breadcrumbs .crumb a:hover {
    color: #000000;
}
.breadcrumbs .crumb {
    float: left;
    font-weight: normal;
    word-wrap: normal;
}
/* Topic table */
.forabg, .forumbg {
    background-image: none;
    background-repeat: initial;
    margin-bottom: 24px;
    padding: 7px 7px;
    clear: both;
    border-radius: 7px;
}
.forumbg{
    margin: 15px 0px;
}
ul.topiclist {
    display: block;
    list-style-type: none;
    margin: 0;
}
ul.topiclist li {
    display: block;
    list-style-type: none;
    margin: 0;
}
li.header dt, li.header dd {
    color: #6A6A6A;
    text-transform: initial;
    font-size: 14px;
    padding: 4px 0px 6px 0px;
}
li.header dl.row-item dt .list-inner {
    padding-left: 0;
    padding-right: 50px;
    padding-left: 12px;
}
.forumbg .header a, .forabg .header a, th a {
    color: #6A6A6A;
}
.forumbg .header a, .forabg .header a, th a {
    text-decoration: none;
}
ul.forums, ul.topics {
    background-color: #ffffff;
    background-image: none;
    border-radius: 5px;
}
ul.topiclist li {

    background: none;
}
ul.topiclist li.row dl {
    margin: 6px 0;
}
dl.row-item dt .list-inner {
    padding-left: 52px;
}
a.forumtitle {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}
dl.row-item dt .list-inner {
    padding-left: 52px;
    line-height: 16px;
}
li.row:hover {
}
.row img{    width: 50%;
}
.forum-image {
    float: left;
    margin-top: -7px;
    margin-right: -19px;
}
li.row {

}
.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
    color: #000000;
}
.row-item .forumtitle:hover, .row-item .topictitle:hover, .row-item .lastsubject:hover, .row-item .subforum:hover, .row-item a.username:hover, .row-item a.username-coloured:hover {
    text-decoration: underline;
    color: black;
}
.action-bar {
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    width: 100%;
}
.fields1 .button {
    padding: 6px 11px 6px 6px;
    margin: 0px;
    border: none;
}

.jumpbox .dropdown-contents a {
    margin-right: 20px;
    padding: 5px 2%;
    text-decoration: none;
    width: 96%;
    background: white;
}
p.jumpbox-return {
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
    width: 100%;
}
a.topictitle {
    font-size: 14px;

}

/* Notifications*/
.dropdown .header_settings a:hover{
    color: white;
}
.dropdown {
    z-index: 2;
}
.dropdown-contents .header{
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    color: white;
    margin: 0px 0px;
    text-transform: initial;
    text-shadow: none;
    line-height: 54px;

}
.dropdown-contents .header a{
color: white;
margin: 8px 0pc;
font-size: 15px;
padding: 7px!important;
border-radius: 7px;
}
.no_notifications{    background: white;
    color: #767676;
    font-size: 14px!important;
    padding: 20px;
}
.dropdown-contents .footer{
    float: left;
    width: 100%;

}
.dropdown-contents .footer a{

float: left;
width: 100%;
padding: 0px;
}
.dropdown-contents .footer span{
padding: 14px 0px 8px 0px;
float: left;
width: 100%;
text-align: center;
font-size: 14px;
}
.tabs {
    margin: -15px 0 0 7px;
}
.mark-read {margin-top: -28px;}

.caret {
    border-color: #ffffff;
}
.badge {
    background-color: #f40202;
    color: #ffffff;
    margin-top: -3px;
    margin-left: 5px;
}
.panel.bg1 {
    padding: 9px 16px;
    border-radius: 7px;
}
.panel.bg2 {
padding: 9px 16px;
border-radius: 7px;
}

/* Topic */
.online {
    background-image: url(./en/icon_user_online.svg);
}
.post {
    padding: 15px 21px;
    margin: 14px 0px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    border-radius: 7px;
    position: relative;
}

#preview {
    padding: 15px 2%;
    margin: 0px 0px 31px 0px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    border-radius: 7px;
    position: relative;
    float: left;
    width: 96%;
}
#review {
    float: left;
    width: 100%;
}
.topicreview {
    float: left;
    width: 100%;
}
.post-buttons > li {
    float: left;
    margin-right: 3px;
}
.post-buttons .button, .format-buttons .button {
    padding: 6px 11px 6px 6px;
    margin-left: 3px;
    border-radius: 7px;
    margin-bottom: 6px;
}
.postbody .content {
    font-size: 14px;
    overflow-x: auto;
}

.bar-bottom {
    margin-top: 15px;
}

.panel {
    background: none;
    margin-bottom: 4px;
    padding: 0px 0px;
    border-radius: 0px;
}

.profile-rank, .profile-posts, .profile-joined, .profile-contact{

    margin-top: 6px;
}
.contact-icon{
    font-size: 0px;
}
.signature {
    margin-top: 1.5em;
    padding-top: 10px;
    font-size: 1.1em;
    clear: left;
    line-height: 140%;
    overflow: hidden;
    width: 100%;
}
a.header-avatar span:after {
    content: '\f0dd';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    padding-left: 6px;
    padding-top: 3px;
    vertical-align: top;
}
.postlink {
}
.postlink:hover {
    background: none;
}
.postlink:visited {
    border-bottom-color: #66ee83;
    color: #66ee83;
}
.pagination li.active span {
    color: #FFFFFF;
}
.pagination li.active span {
    font-weight: bold;
    color: #FFFFFF;
}
.pagination li a:hover, .pagination li a:hover .icon, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
    filter: none;
    color: #FFFFFF;
    text-shadow: none;
}
.fa-chevron-right, .fa-chevron-left {
    color: #5C758C!important;
}
.fa-chevron-right:hover, .fa-chevron-left:hover {
    color: #ffffff!important;
}
.section-viewforum .inner strong{
    margin: 18px 0px 0px 0px;
    font-size: 13px;
    float: left;
}
fieldset.fields1{
    margin: 12px 0px;
}

.bg3 {
}
.postbody h3 img {
    vertical-align: top;
}
.action-bar .button {
    margin-right: 13px;
    float: left;
}
/* Profile */
.panel-container .panel li.header dd, .panel-container .panel li.header dt {
    margin-top: 11px;
}
.navigation a {
    background: none;
}
.navigation .active-subsection a {
    border-radius: 7px;
    padding-left: 10px;
}
.navigation a:hover {
    border-radius: 7px;
    padding-left: 10px;
}
.navigation .active-subsection a:hover {
    color: #e7e7e7;
    border-radius: 7px;
    padding-left: 10px;
}

.cp-mini {
    background: none;
}
#viewprofile .online{
    background-image: url(./en/icon_user_online1.svg);
    margin-top: 14px;
    background-repeat: no-repeat;
    background-position: 100% 0;
}
.section-posting .tabs{
    margin: 13px 0px 13px 7px;
    float: left;
    width: 100%;
}
.section-memberlist .panel.bg1 {
    padding: 19px 0px;
}
.section-memberlist .panel.bg2 {
    padding: 19px 0px;
}
.section-memberlist .panel.bg1 .inner {
    padding: 0px 25px;
}
.section-memberlist .panel.bg2 .inner {
    padding: 0px 25px;
}
.section-memberlist .panel.bg1{
    display: inline-block;
    margin: 0px 0px 0px 0px;
    width: 100%;
    position: relative;
    top: -8px;
}
.panel.bg1 {
    padding: 9px 16px;
    border-radius: 7px;
}
.inputbox {
    padding: 3px 7px;
    margin-top: -4px;
}
.section-ucp .post.pm {
    width: 89%;
}
/* UCP */
.panel-container .panel {
    padding: 0px 39px;
}
.cp-main h2{
    padding: 21px 5%;
    font-size: 22px;
}
.cp-menu {
    float: left;
    width: 17%;
    margin-top: 1em;
    margin-bottom: 5px;
    margin-right: 15px;
}
.responsive-tab .responsive-tab-link:before {
    margin: 7px 4px;
}
.post.pm {
    float: left;
}
.footer-row {
    width: 100%;
    margin: 10px;
}
.linkmcp {
    float: left;
    width: 100%;
}
.content li {
    list-style-type: inherit;
    display: list-item;
}
.panel p {
    font-size: 1.2em;
    margin-bottom: 1em;
    line-height: 1.4em;
    width: 100%;
}
/* Footer */
.nav-footer .breadcrumbs{
    display: none;
}
.nav-footer {
    width: 100%;
}

.bg1#faqlinks {
    background: none;
    padding: 20px;
}


/* Responsive */
@media (max-width: 500px) {
    .wrap {
    padding: 22px 30px;
    }
    .logo {
		display: inline-block;
        padding: 0px 9px 17px 0px;
	}
    .right-ul-nav {
        float: right;
        margin-top: 16px;
    }
    .captcha-panel dd.captcha {
        margin-left: 0;
        margin-bottom: 14px;
    }
    .section-ucp .dropdown-container {
        margin-top: 14px;
    }
 
}
@media (max-width: 612px) {
    .search-box{
        margin-top: 14px;
    }
    .button-switch {
        margin: 16px 8px;
    }
    .search-box{
        float: left;
        width: 73%;
    }
    .search-box .inputbox {
        width: 108px;
    }
    li.rightside {
        display: contents;
    }
    .panel-container .panel {
        padding: 0px 14px;
    }
    
}
@media (max-width: 700px) {
    .logo {
		display: inline-block;
	}
    fieldset.quick-login label > span {
        display: inline-block;
        min-width: 100px;
        margin-bottom: 10px;
    }
    fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
        width: 50%;
        margin-bottom: 13px;
        clear: none;
    }
    #navigation a, .rtl #navigation a {
        background: #cbcbcb;
    }
    #page-body .search-box .inputbox {
        width: 92px;
    }
    .rightside a {
        margin-right: 8px;
    }
}
@media (max-width: 907px) {
    .cp-menu, .navigation, .cp-main {
        float: left;
        width: 100%;
        margin: 0;
    }
    .section-ucp .inner {
        float: none;
        width: 100%;
    }
    .right-ul-nav {
        float: right;
        margin-top: 16px;
    }
    .cp-menu {
        width: 100%;
    }
    .panel {
    float: left;
    width: 100%;
    }
    #navigation a, .rtl #navigation a {
        background: #cbcbcb;
    }
    fieldset.quick-login {
        margin-top: 15px;
    }
    #preview {
        padding: 15px 5%;
        width: 90%;
    }
}