body{
    font-family: 'Raleway', sans-serif;
}

ul{list-style: none;padding-left: 0px}

.forumPage {
    background: url('../images/bodybgforum.png') repeat scroll 0 0;
}

/*.forumPage {
    position: relative;
    z-index: 0;
}

.forumPage::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('../images/bodybgforum.png') repeat;
    filter: brightness(50%);
    z-index: -1;
}*/

.container {
    max-width: 100%;
    width:100%;
}


/* topStrip */
.top-heading a b:hover,.top-heading a div:hover,.top-heading a:hover {
    color: #e5e5e5;
    transition: ease-in 0.2s;
    text-decoration: underline;
}

.menubarforum .navbar-light ul.navbar-nav > li a {
    color: #fff;
}

ul li.nav-item > .dropdown-menu a {
    color: #000!important;
}

.dropup, .dropright, .dropdown, .dropleft {
    position: relative;
}

.navbar{padding: 0px;}



.dropdown-toggle {
    white-space: nowrap;
}

.clrwht{
    color: #fff;
}

.top-heading {
    width: 100%;
    height: 36px;
    background: #3f435e;
}
.flex-table5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
}

.top-wrapping {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width:1000px;
    height: 36px;
    background: #3f435e;
}

.flex-auto {
    flex: auto;
}

.flex-double {
    flex-grow: 2;
}

.top-heading a:link {
    text-decoration: none;
    color: #000;
}

.strong {
    font-weight: 700;
}

.middleit.huge2 {
    font-weight: bold;
    color: #000;
}

.top-link {
    color: #9ba0be;
}

.same {
    font-size: 14px;
}

.itempadding {
    margin: 1px;
    padding: 2px;
}

.currencytext {
    display: inline-block;
}

.ghost {
    color: #9ba0be;
}

.alsotry {
    color: #9ba0be;
}


/* topStrip */
.darkerbackground {
    background: #7a9dc059;
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
    max-width: 840px;
    margin: 0 auto;
    width: 850px;
    margin-left: 10px;
}

.darkerbackground a:link {
    text-decoration: none;
    color: #000;
}
.petpadding {
    margin: 2px;
    padding: 3px;
}

.middleit {
    text-align: center;
    display: table;
    margin: 0 auto;
}

.slideBox{
    margin: 0 auto;
    width: 320px;
}

.notinaclub {
    opacity: .35;
    filter: alpha(opacity=35);
}

.forum_header_btns {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}

.middleit img {
    vertical-align: middle;
}

.responsive_icons2 {
    max-width: 60px;
    height: auto;
    opacity: 0.7;
}

.flex-table {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-around;
    justify-content: space-evenly;
}



.conentsec {
    position: absolute;
    left: 0;
    top: 32px;
    width: 100%;
    max-width: 190px;
    font-size: 12px;
    text-align: center;
}

.conentsec p {
    margin-bottom: 0;
}

.customRow {
    display: flex;
    width: 110px;
    margin: 0 auto;
}

.customRow .right {
    font-size: 12px;
    margin: 5px 6px;
}

.leftPanel{
    background: #3f435e;
    width: 170px;
    border-radius: 30px;
    padding-bottom: 30px;
}

.leftPanelInner{
    background: #133557;
    width: 170px;
    border-radius: 30px;
    padding-bottom: 30px;
    height: 100%;
}



.navmenu p{
    color: #9ba0be;
}

.navmenu ul {
    padding-left: 15px;
    font-size: 12px;
}

.navmenu ul li{
    list-style: none;
}

.leftPanel a{
    text-decoration: none;
    color: #fff;
}


.leftPanelInner a {
    color: #fff;
}


.navmenu p {
    color: #9ba0be;
    margin-bottom: 0;
    padding-left: 8px;
    margin-top: 10px;
}

.breadcurmbsRow {
    border-bottom: 1px solid #000;
    display: table;
    width: 830px;
    font-size: 14px;
    margin-top: 15px;
    margin-left: 10px;
}

.newSitem {
    display: inline-block;
    width: 100%;
}

.newSitem ul {
    display: table;
}

.leftsidefoot {
    margin-top: -25px;
}

 

.footcontent {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    width: 1024px;
    top: 17px;
    font-size: 10px;
}

.rightsec {
    width: 850px;
    padding-left: 10px;
}


.oneThird img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.listData figcaption{
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
}

.listData .oneThird{
    position: relative;
    top: 0;
}

.listData .oneThird:hover figcaption{
    display: flex;
    height: 150px;
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.playAnchor {
    background: #133557;
    color: #fff!important;
    margin-top: 10px;
    padding: 10px;
    display: inline-block;
    border-radius: 10px;
}

.listData h3 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
}

.hide{display: none;}

.listData {
    display: flex;
    gap: 15px;
}


/*ul.forumMenus,.forumcontainer ul {
    padding: 0;
    list-style: none;
    display: table;
    margin: 0 auto;
}*/

.forumResult p {
    margin-bottom: 0;
    font-size: 12px;
}

.forumResult .leftImageLi img {
    width: 50px;
}
.forumProfileImage{
    width: 50px;
border-radius: 50%;
height: 50px;
}

ul.forumMenus li {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 15px;
}

.WelcomeParagraph{
    font-size: 14px;font-weight: bold;
}

.forumMenus li {
    border-right: 1px solid #000;
}

.forumMenus li:last-child{
    border: none;
}

.forumcontainer {
    border-radius: 15px;
    background: rgb(230,240,245);
    /*background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(46,69,88,1) 35%, rgba(0,212,255,1) 100%);*/
    width: 100%;
    padding-top: 1px;
}

.forumdetialcontainer {
    border-radius: 20px;
    background-color: #fff;
    width: 100%; padding-top: 0;
}

.forumMenus li a{color:#337ab7;font-weight: bold;}

.newSitem ul,.menubarforum ul,.loginLogoutforum ul{padding: 0;}
.newSitem ul li,
.menubarforum ul li,.loginLogoutforum ul li{list-style: none;}

.newSitem li {
    float: left;
    padding: 10px;
    text-align: center;
}


.loginLogoutforum {
    display: flex;
    float: right;

    align-items: center;
    height: 50px;
}



.menubarforum ul li a,.loginLogoutforum ul li a{color: #fff}
.menubarforum ul li,.loginLogoutforum ul li{display: inline-block; padding-right: 10px}

.forumResult {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}


.menubarforum ul li.show > a {
    color: #fff!important;
}

.dropdown > a:hover {
    color: #9ba0be!important;
}

.menubarforum {
    padding-top:6px;
}

p.forumParagraph {
    font-weight: bold;
    font-size: 12px;
}
.resultRow{
    /*margin-top: 20px;margin-bottom: 20px;*/
}

.time {
    color: #a3bbd3;
    margin-bottom: 0px;
    padding: 10px 0px;
}

/* forum details page started */
.topstrip {
    background-color: #fd71a5;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 20px 20px 0px 0px;
    line-height: 40px;
}

.topstrip p{
    margin-bottom: 0px;
}
.detailmainheadericon {
    background-color: #f9f9fa;
    padding-top: 20px;
    padding-bottom: 20px;
}

.forumPosticon li {
    float: left;
}

.forumPosticon ul,.userRow {
    padding-left: 15px;
    padding-right: 15px;
}


.forumPosticon a,.smiliesRow a,.userfootmenu a{
    color: #334456;
}

.forumPosticon a:hover,
.smiliesRow a:hover,.userfootmenu a:hover{
    color: #fd71a5;text-decoration: none;
}

.UsermenuForum a{color: #fd71a5;text-decoration: underline;}
.UsermenuForum a:hover{text-decoration: none;}
.vixinRow{
    padding-top: 30px;padding-bottom: 30px;
}
.leftvixin{
    padding-left:15px;
}
.leftvixin p{
    margin-bottom: 0px;
}
.forumPosticon {
    font-weight: bold;
}

.numSquare{
    background-color: #fd71a5;border-radius: 5px; width: 36px;height: 36px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold;
}

.userRow {
    background-color: #f9f9fa;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 10px;
}

.userprofile {
    position: relative;
    width: 165px;
    height: 150px;
    margin: 0 auto 15px;
    display: table;
}

.userprofile img {
    height: 170px;
    width: 170px;
    border-radius: 50%;
    border: 1px solid #ddd;
    object-fit: contain;
    background-color: #fff;
    padding: 10px 0px 0px 0px;
}

.userprofile .offlineBullet,
.userprofile .onlineBullet {
    background: #f00;
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    border-radius: 20px;
    border: 1px solid #fff;
    bottom: 30px;
    right: 10px;
}
   
.userprofile .onlineBullet{background: #5ebf86;}

.pinkLink,.pinkLink:hover{
    color: #fd71a5;text-decoration: none;
}

.whiteBg{
    background-color: #fff; padding: 10px;
}
.smiliesRow li{padding-right: 15px}
.pdlr10{padding-left: 10px; padding-right: 10px}
.smiliesRow ul {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: calibri;
    font-weight: bold;
}

.bglightGray{
    background-color: #ececec;
}

.userfootmenu {
    background-color: #fff;
    width: 100%;
    padding: 10px;
}
.userfootmenu ul {
    margin-bottom: 0;
}
.userfootmenu,.UsermenuForum {
    font-weight: bold;
    font-family: calibri;
}
.UsermenuForum ul li a {
    font-size: 18px;
}
.UsermenuForum,.pd20{padding: 20px}
.userfootmenu li,.UsermenuForum li{padding:0px 20px;}
.bottomIcons li {
    background-color: #fff;
    display: table;
    margin: 0 auto;
}

.bottomIcons li a {
    display: block;
    padding: 5px 0;
}

.bottomIcons .userfootmenu {
    background: transparent;
    padding-bottom: 5px;
    padding-top: 0;
}

.leftBack{
    display: flex; background-color: #fff;height: 100%;
}

.leftBack ul li {
    background-color: #fd71a5;
    color: #fff;
}

footer.webFooter {
    background-color: #41566b;
    margin-bottom: 0;
    padding: 50px 0px 20px 0px;
    margin-top: 40px;
    color:#a3bbd3;
}

.webFooter a{color:#a3bbd3;}

a:hover{
    text-decoration: none;
}

.footerSocial a {
    border: 1px solid #a3bbd3;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-button {
    background-color: #41566b;
    border-color: #41566b;
    padding: 10px 30px;
    color: #fff;
}

.form-button:hover{color: #41566b;background-color: transparent;}
.logosec {
     margin-bottom: 0px;
}
.headerSection {
    background-repeat: repeat-x;
    background-position: center top;
    background-size: auto 100%;
    padding-top: 80px;
    padding-bottom: 0px;
}
.headerSectionBDAY {
    background-image: url('../images/Banner_sunny_1920x700_autumn.png');
    background-repeat: repeat-x;
    background-position: center top;
    background-size: auto 100%;
    padding-top: 80px;
    padding-bottom: 0px;
}

.site_logoBDAY {
    opacity: 0.35;
}

.search_containerBDAY button {
    opacity:0.55;
}

.search_containerBDAY input {
    opacity:0.55;
}


.nw_layout_menubar{ /* Karl, 07/09/2023 */
    margin-left:0px;
    margin-right:0px;
    margin-top: -30px;
    padding-top:10px;
    padding-bottom:2px;
    background: rgb(61,88,109);
    background: linear-gradient(180deg, rgba(61,88,109,1) 92%, rgba(35,53,67,1) 98%);
    padding-left: 10px;
}

.menustrip{
    background-color: #41566b;
}

.menuToggleIcons li {
    border-bottom: 1px solid #f2f2f233;
}

.detailmainheadericon li,.forumdetialcontainer li,.userfootmenu li {
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    display: inline-block;
    margin: 5px;
    width: 90px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.userRow:nth-child(odd) {
    background: #ffffff;
    border: 1px solid #dddddd94;
}

.ha-layer-label:hover {
    background-color: #a8ccf0;
}


/* Responsive code started */
@media (orientation: portrait) and (max-width: 845px), (max-width: 845px) and (max-aspect-ratio: 13 / 9){
    .top-heading {
        display: none;
    }
    .menuToggleIcons button {
        background-color: #fff;
    }
    .userfootmenu ul li {
        margin-bottom: 10px;
    }
    .forumdetialcontainer .col-md-9 {
        background-color: #fff;
    }
    .bglightGray {
        background-color: #41566b;
        border: 1px solid #ddd;
    }
    .forumdetialcontainer .userfootmenu.text-center {
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
    }
    .topstrip { 
        line-height: 30px;
        padding-bottom: 15px;
        border-radius: 15px;
        padding-top: 15px;
    }
}

@media only screen and (max-width:767px){
    .navbar{
        padding-left: 15px;padding-right: 15px;
    }

    .forumdetialcontainer .col-md-3 {
        background-color: #fff;
        padding-top: 15px;
    }

    .container .forumcontainer {
        padding-left: 5px;
        padding-right: 5px;
    }
    .userfootmenu li{
        width: 80px;height: 140px;
    }

    .forumPosticon ul{
        padding: 0px;
    }

}