* {
    font-family: "Barlow", sans-serif;
}

body {
    background-color: #FFFEFE;
    background-image: url(/assets/img/bg2.png)!important;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto!important;
}
body.frontPg.feed_page_switch.theme1 {
    background-color: #FFFEFE;
    background-image: url(/assets/img/bg2.png)!important;
    background-size: cover;
    background-repeat: no-repeat;
    background: url(/assets/img/bg2.png)!important;
    height: auto!important;
}

.tg-customTab .nav-tabs {
    border-bottom: 0;
    margin-left:0px!important;
}
.tg-customTab .nav-tabs .nav-link {
    background: #FFFFFF;
    border-radius: 12px 12px 0px 0px;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #888888;
    padding: 22px 40px;
    margin-right: 10px;
    border-top: 9px solid transparent;
    border-width: 0.5px 0.5px 0px 0.5px;
    border-style: solid;
    border-color: #DCDCDC;
    position: relative;
    margin-bottom: 0.5px;
    border-bottom: 0.5px solid #DCDCDC;
}
.tg-customTab .nav-tabs .nav-link.active {
    color: #D5251E;
    bottom: -1px;
}
.tg-customTab .nav-tabs .nav-link.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 9px;
    background-color: #D5251E;
    border-radius: 12px 12px 0px 0px;
}
.tg-customTab .tab-content {
    background: #FFFFFF;
    border-radius: 0px 12px 12px 12px;
    box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
    border: 0.5px solid #DCDCDC;
}
.tg-customTab .gamer-list ul li {
    border-bottom: 0.8px solid #C4C4C4;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.tg-customTab .gamer-list .gamer-info .avatar {
    border: 0.538805px solid #C4C4C4;
    box-shadow: 0px 5.38805px 32.3283px 1.07761px rgba(0, 0, 0, 0.2);
    border-radius: 50px;
    overflow: hidden;
    width: 44.72px;
    height: 44.72px;
    min-width: 44.72px;
}
.tg-customTab .gamer-list .gamer-info .avatar img {
    width: 100%;
    height: 100%;
}
.tg-customTab .gamer-list .gamer-info .gamer-details .gamer-name, .tg-customTab .gamer-list .gamer-info .gamer-details .gamer-name a {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #222222;
}
.theme2 .tg-customTab .gamer-list .gamer-info .gamer-details .gamer-name, .theme2 .tg-customTab .gamer-list .gamer-info .gamer-details .gamer-name a {
    color: #fff;
}
.theme2 .fr-element.fr-view p {
    color: #fff;
}
.overlay-box, .modal-dialog {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%)!important;
    color: white;
}
.tg-customTab .gamer-list .other-details h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    color: #222222;
}
.tg-customTab .gamer-list .other-details p {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #555;
    white-space: normal;
    word-wrap: break-word;
    max-width: 650px;
}
.tg-customTab .gamer-list .other-details a, .x h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #0C6CB4;
    text-align: left;
}
.tg-customTab .gamer-list .other-details a.read-more {
    color: #D5251E;
}
.tg-customTab .gamer-list .Btn {
    border: 1px solid #888888;
    border-radius: 50px;
    color: #888888;
    background-color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding: 5px 25px;
}
.tg-customTab .gamer-list .Btn.btn-sm {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 2px 10px;
}
.tg-customTab .gamer-list .Btn.btn-outline-red {
    border-color: #D5251E;
    color: #D5251E;
}
.tg-customTab .gamer-list .Btn.btn-outline-red:hover {
    color: white;
    background-color: #D5251E;
}
.tg-customTab .gamer-list .Btn.btn-outline-blue {
    border-color: #004C84;
    color: #004C84;
}
.tg-customTab .gamer-list .Btn.btn-outline-blue:hover {
    color: white;
    background-color: #004C84;
}
.tg-customTab .gamer-list .action-buttons {
    gap: 25px;
}
.tg-customTab .gamer-list .action-buttons .act-item {
    font-weight: 500;
    font-size: 20.5153px;
    line-height: 25px;
    color: #888888;
    display: flex;
    align-items: center;
    gap: 5px;
}
.tg-customTab .gamer-list .action-buttons .act-item:hover {
    text-decoration: none;
    text-decoration: none;
}
.tg-customTab .gamer-list .action-buttons .act-item:hover.comment {
    color: #004C84;
}
.tg-customTab .gamer-list .action-buttons .act-item:hover.comment svg path {
    stroke: #004C84;
}
.tg-customTab .gamer-list .action-buttons .act-item:hover.like {
    color: #D5251E;
}
.tg-customTab .gamer-list .action-buttons .act-item:hover.like svg path {
    fill: #D5251E;
}

.cardBg {
    padding: 30px;
    background-image: url("/assets/img/cardBG.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    overflow: hidden;
}

.cardBg .imgWrap {
    max-width: 74px;
    max-height: 74px;
    min-height: 74px;
    border-radius: 100px;
    overflow: hidden;
}

.cardBg .imgWrap img {
    height: 100%;
    object-fit: cover;
}

.cardBg .borderBox {
    border-radius: 12px;
    padding: 15px;
    margin-right: 20px;
    border: 1px solid white;
}

.cardBg .borderBefore {
    position: relative;
}

.cardBg .borderBefore::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    width: 4px;
    height: 100%;
}

.cardBg .borderBefore.bGreen:before {
    background: #28de71;
}

.cardBg .borderBefore.bOrange:before {
    background: #ffca32;
}
.cardBg .usercard2 {
    display: flex;
}
.mainWrapper {
    background: none;
    background-color: transparent;
}
.wrapper-loading .image-loading {
    background: url(/zkil/ajax-loader.gif);
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
}
.link-preview {
    margin: 20px 0;
}
.link-preview .card {
    border: 1px #0C6CB4 solid;
    background-color: #f4f4fa;
    border-radius: 15px;
    overflow: hidden;
}
.link-preview .actions{
    display:none;
}
.link-preview:hover .actions {
    position: absolute;
    z-index: 2;
    right: 50px;
    display: flex;
}
/*
.link-preview .card img{
    max-width: 650px;
}
*/
.theme2 form#wallform .form-control {
    color: #fff;
}
.theme2 .link-preview .card {
    border: 1px #0C6CB4 solid;
    background-color: #16171a;
}
@media(max-width:497px){
    .cardBg .usercard2 {
        display: block;
        flex-direction: column!important;
    }
}
.cardList {
    list-style-type: none;
    padding-left: 15px;
}

.cardList li {
    display: inline-block;
    padding: 0 20px;
    border-right: 2px solid #ffffff;
    min-width: 210px;
}

.cardList li:last-child {
    border-right: 0;
    padding-right: 0;
}

.cardList li:first-child {
    padding-left: 0;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-22 {
    font-size: 22px;
}

.fs-26 {
    font-size: 26px;
}

.fs-30 {
    font-size: 30px;
}

.fs-55 {
    font-size: 55px;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.text-col1 {
    color: #222222;
}

.text-col2 {
    color: #888888;
}

.text-col4 {
    color: #d5251e;
}

.text-col5 {
    color: #555555;
}

.badges {
    font-size: 12px;
    font-weight: 500;
    min-width: 95px;
    color: #ffffff;
    padding: 3px 13px;
    background-color: #219653;
    border: solid 1px white;
    box-shadow: 0px 23.2012px 104.406px rgba(0, 0, 0, 0.25);
    border-radius: 58.0031px;
    display: inline-block;
    cursor: default;
}

.pointer {
    cursor: pointer;
}

.lh-initial {
    line-height: initial;
}

.contentWrap {
    background: #ffffff;
    border: 0.5px solid #d9d9d9;
    padding: 15px;
    box-shadow: 0px 10px 50px 2px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
}
a#fr-logo {
    display:none!important;
}
.minH386 {
    min-height: 386px;
}

.brdr-btm-1 {
    border-bottom: 2px solid #d5251e;
}

.brdr-btm-2 {
    border-bottom: 0.8px solid #c4c4c4;
}

@media (max-width: 1200px) {
    .cardBg {
    background-size: cover;
    padding: 20px;
}
}
@media (max-width: 767px) {
    .cardBg .borderBox {
    margin-bottom: 20px;
}
}
@media (max-width: 1360px) {
    .cardList li {
    min-width: 205px;
}
}
@media (max-width: 1200px) {
    .cardList li {
    min-width: 165px;
}
.cardList li span.fs-18 {
    font-size: 16px;
}
}
@media (max-width: 992px) {
    .cardList li {
    min-width: 175px;
}
.cardList li span.fs-18 {
    font-size: 15px;
}
}
@media (max-width: 767px) {
    .cardList li {
    display: block;
    padding-left: 0;
    border-right: 0;
}
}



.act-item .comment {
    border: none;
    box-shadow: none;
    background: none;
    padding: initial;
}
.theme2 .tg-customTab .tab-content, .theme2 .tg-customTab .nav-tabs .nav-link, .theme2 .tg-customTab .gamer-list .Btn {
    background: none;
}

.theme2 .tg-customTab .gamer-list .other-details p {
    color: #bbb;
}
.fr-box .fr-toolbar.fr-top {
    /*border-top: 5px solid #D5251E;*/
    border-radius: 12px 12px 0 0;
}
/*
#wallform .fr-toolbar.fr-top {
    order: 2;
    width: 100%;
    border: none!important;
    text-align: right;
}
#wallform .fr-box.fr-top {
    flex: 1;
    display: grid;
}
#wallform .fr-btn-grp.fr-float-left {
    float: right;
    margin-right: 0;
}
#wallform .fr-wrapper.show-placeholder {
    max-height: 1000px;
    overflow: auto;
    width: 100%;
    display: block;
    border: 1px solid #CCCCCC;
    border-radius: 12px;
    border-top: 1px solid #CCCCCC;
}
#wallform .fr-second-toolbar {
    border-radius: 12px;
    margin-top: 5px;
    border: 1px solid #CCCCCC;
}
*/
.formcontrols .fr-box.fr-basic.fr-top .fr-wrapper {
    border-radius: 0 0 12px 12px;
}
.mj-profile_content #viewwall .blockbody input#titlefield {
    width: 100%;
    max-width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 1px 1px rgba(0,0,0,.16);
    background: none;
}

.tab-pane.active[data-hasnext="1"] + #load-more {
    display:block;
}
.tab-pane.active[data-hasnext="0"] + #load-more {
    display:none;
}

.mj-slider-nav {
    padding: 0!important;
    margin-bottom: 10px;
}
.mj-slider-nav .item .nav-thumb {
    width: 98%;
    height: 180px;
}
.theme1 #page .thumb-title a {
    color: #333;
    text-decoration: none;
}
.theme2 #page .thumb-title a {
    color: #fff;
    text-decoration: none;
}
.mj-slider-nav .item .nav-thumb {
    width: 98%;
    height: 180px
}
.mj-slider-nav .item .nav-thumb img {
    width: 100%;
    height: 180px;
}
.mj-slider-nav .thumb-title {
    max-height: 120px!important;
    overflow: hidden;
    font-weight:bold!important;
}
.mj-slider-nav .slick-prev,
.mj-slider-nav .slick-next {
    width: 32px;
    height: 32px;
    display: block!important;
    position: absolute;
    border: none;
    padding: 0;
    background: transparent;
    font-size: 0;
    line-height: 0;
    color: transparent;
    cursor: pointer;
}
.mj-slider-nav .thumb-title {
    max-height: 75px;
    color: #333;
    font-size: .91rem;
    font-weight: 400;
    text-align: center;
    padding: 10px;
}
.mj-slider-nav {
    padding: 0!important;
    margin-bottom: 10px;
}
.mj-slider-nav .slick-prev {
    top: 55%;
    left: 0px;
    z-index: 9999;
}
.mj-slider-nav .slick-next {
    top: 55%;
    right: 0px;
    z-index: 9999;
}
#userprof_content_container #page.page {
    max-width: calc(100vw - 490px)
}
.ast-link {
    /*display: none!important;*/
}
#content .my_blog_content .panel-wrapper .panel-body {
    padding: 20px!important;
    background: none;
}

.my_blog_content .panel-wrapper.panel-wrapper {
    background: #fff;
}
.theme2 .link-preview p {
    color: #bbb;
}
.theme2 .fr-toolbar .fr-command.fr-btn, .theme2 .fr-popup .fr-command.fr-btn {
    color: #fff;
}
section.activity .collapse {
    display: inline-flex;
    width: 100%;
}
section.activity #dbtech_shoutbox1 {
    width: 100%;
}
section.activity .blockrow.dbtech_vbshout_wrapper .table {
    max-width: 100%!important;
}

section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout {
    max-width:100%!important;
    font-size:13px;
    line-height: 1.5;
    border: 0;
    box-shadow: 0px 10px 50px 2px rgba(0, 0, 0, 0.1);
}
section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout a {
    font-size:15px;
    word-break: break-word;
}
section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout span img {
    float: left;
    margin-right: 10px;
    display: inline-flex;
    height: 32px;
    width: 32px;
}
section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout .panel {
    margin-left:0px;
    display:contents;
    font-style: italic;
}
section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
    height:auto!important;
    border:0;
    border-radius: 12px;
    background: transparent;
}
section.activity .activity-content .dbtech_vbshout_tabwrapper {
    display:none!important;
}
section.activity .activity-content .blockbody.formcontrols {
    padding:0;
}
section.activity .activity-content .dbtech_vbshout_wrapper {
    padding:0;
}
section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] {
    padding:0;
}

section.activity .activity-content .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
    padding:0;
}
section.activity {
    padding:10px 0 0 0;
}
section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .preview_link > span{
    color: #333;
    font-size: 11px;
}
.theme2 section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout {
    background-color: #16171a !important;
}
section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .dbtech_vbshout_shout span:last-child {
    font-size: 10px;
    font-weight: 400;
    display:block;
}
section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .dbtech_vbshout_shout .panel {
    display: contents;
}
section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window {
    padding-top: 0;
}
#sidebar_activity section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout,
.sb-right-col section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout {
    margin: 16px;
}
#sidebar_container .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .dbtech_vbshout_shout .panel a {
    color: #212529!important;
    font-size: 16px;
}
.theme2 section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .dbtech_vbshout_shout .panel a {
    color: #fff;
}
.theme2 .fr-popup .fr-input-line input[type="text"], .theme2 .fr-popup .fr-input-line input[type="number"], .theme2 .fr-popup .fr-input-line textarea {
    background: none;
}
.theme2 .fr-popup .fr-buttons.fr-tabs, .theme2 .fr-toolbar .fr-tabs .fr-command.fr-btn {
    background:none;
    color: #fff;
}
.theme2 .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .theme2 .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .theme2 .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: none;
}
.theme2 .fr-command.fr-btn+.fr-dropdown-menu, .theme2 .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    background: #27282c;
}
.theme2 .fr-popup svg {
    filter: invert(1);
}
.theme2 .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .theme2 .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .theme2 .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .theme2 .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .theme2 .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .theme2 .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: none;
    color: #fff;
}
.theme2 .threadlist {
    background: none;
}
.green {
    color:green;
    font-size:100%!important;
    display: inline!important;
}
.seemore {
    cursor:pointer;
    white-space: nowrap;
    color: #3177ca;
    display: inline-flex!important;
}
.sb-right-wrapper section.activity {
    padding:0;
}
.sb-right-wrapper section.activity .formcontrols .blockrow .dbtech_fullshouts {

    margin:0;
}
.sb-right-wrapper section.activity .activity-content .blockbody .blockrow.dbtech_vbshout_wrapper {
    padding:0;
}
.sb-right-wrapper section.activity .activity-content .blockbody.settings_form_border {
    padding:0;
}
.sb-right-wrapper div[name="dbtech_vbshout_menucode"] {
    display: none;
}
.sb-right-wrapper div.collapse {
    padding:0!important;
}
.sb-right-wrapper section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] {
    padding:0;
}
.sb-right-wrapper section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout {
    font-size: 11px;
    max-width: 100%;
}
.sb-right-wrapper section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame {
    height:100%!important;
}

.sb-right-wrapper section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .dbtech_vbshout_shout .panel {
    margin-left:0px;
    display:contents;
    font-style: italic;
}

.sb-right-wrapper section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .dbtech_vbshout_shout .panel a {
    color: #212529!important;
    font-size: 16px!important;
}
.theme2 .sb-right-wrapper section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .dbtech_vbshout_shout .panel a {
    color: #fff;
}
section.activity {
    padding: 0px;
}
#sidebar_container a {
    color: #bc1b20 !important;
}
body.in_tg_wall .container #sidebar_container#sidebar_container .contentWrap .block {
    padding: 0;
    border: none!important;
    background: none;
    background-color: transparent;
}
/*
#sidebar_container #blog_sidebar_generic {
    background-color: #f2f2f2;
    background: #f2f2f2 !important
}
*/
#sidebar_container .mj-widget-header .blocksubhead {
    width: 100%;
    text-align: center!important;
}
.activitystream_block dd, dd.userprof_moduleinactive { background-color: transparent; }

/* haroiom 21 may */
.panel-wrapper .panel-body .blockbody.formcontrols{
    overflow: unset !important;
}
.my-home-profile .panel-wrapper .panel-body{
    overflow: unset !important;
}
.mj-profile_content #viewwall .blockbody label{
    top: auto !important;
}
.fr-popup .fr-input-line{
    /* padding: 14px 0 !important;*/
}
.fr-popup .fr-checkbox-line{
    /*margin-top: 23px !important;*/
}
.fr-modal-wrapper .fr-modal-close{
    width: auto !important;
}
.fr-popup{
    line-height: 0 !important;
}
.fr-popup .fr-checkbox-line label{
    display: inline-block;
}
form.block iframe {
    width: 100%;
}

/* haroiom 21 may */

.panel-wrapper.panel-wrapper {
    box-shadow: 0px 0px 2px #999;<vb:comment> !important;</vb:comment>
}
.panel-wrapper .panel-body {
    padding: 10px 0px !important;
    margin: 0 !important;
}
.panel-wrapper #wallbits.panel-body{
    display: inline-block;
    width: 100%;
}
/*######## 31-07-2018 ########*/
.preview-error .blogentrybit{
    float: none;
    width: 100%;
    clear: both;
    background: rgba(17, 17, 17, 0.025);
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.1);
    overflow: hidden;
    margin-top: 20px;
}
.preview-error .blog_comments_count{
    top: 0px !important;
}
.preview-error .blogentrybit h4 a {
    color: #ea5656 !important;
    font-size: 24px;
}

.theme2 .contentWrap {
    background: transparent;
}

.theme2 .contentWrap .sidebox-content.block {
    border: none!important;
}

.theme2 .nav-tabs .nav-item.active .nav-link {
    background: none;
    color: #ffffff;
}

.theme2 #sidebar_container#sidebar_container .contentWrap .block {
    border: none!important;
}
#sidebar_container .contentWrap #blog_sidebar_generic {
    background: transparent!important;
}
.cardOne.warningBorder.dbtech_vbshout_shout.alt1 {
    background: #FFFFFF;
    border-left: 2px solid #FFD542;
    /*box-shadow: 0px 10px 50px 2px rgba(0, 0, 0, 0.1);*/
    border-radius: 12px;
    padding: 10px;
}
section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout:nth-child(even) .card{    
    border-left: 2px solid #FFD542;
}
section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout:nth-child(odd) .card{
    /*border-color: #80E045;*/
    border-left: 2px solid #80E045;
}
.tg-customTab .load-more.btn-outline-red {
    border-color: #D5251E;
    color: #D5251E;
}

.tg-customTab .load-more {
    border: 1px solid #888888;
    border-radius: 50px;
    color: #888888;
    background-color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    padding: 5px 25px;
}
.fr-btn-grp button#insertVideo-1 {
    padding-top: 5px;
}
section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .cardOne .d-flex {
    max-width: 100%;
    overflow: hidden;
}
.bp-hidden {
    border: 2px dashed red!important;
    border-radius: 12px;
}
.u-hidden {
    border: 2px dotted yellow!important;
    border-radius: 12px;
}
#viewwall .cardBg .badges.success.badges {
    background-color: green;
    color: #fff;
}
/*
blockquote iframe, .tab-pane .other-details iframe {
    max-width: 100%;
    min-width: 100%;
    min-height: 33vw;
}
*/
body.vp-center, body.vp-center #player {display: block;}
.dbtech_vbshout_shout .card img.img-fluid {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    height: 44px;
    border-radius: 50%;
    display: block;
}
.in_tg_wall .body_wrapper {
    padding: 0!important;
    max-width: 100%!important;
}
#viewwall .youtube-container {
    /*height: auto!important;*/
}
@media(max-width:480px){
    #viewwall .nav-tabs .nav-item {
    max-width: 100%;
}
.mainWrapper .body_wrapper.in {
    padding:0!important;
}
.mainWrapper .body_wrapper.in .container {
    padding:0!important;
}
}
img.fr-fic.fr-dib {
    margin: 0 auto;
    max-height: 450px;
    display: block;
    border-radius: 10px;
    width: auto!important;
}
img.youtube-thumb {
    /*width: auto;*/
    border-radius: 10px;
}
span.fr-video.fr-fvc.fr-dvb.fr-draggable iframe {
    border-radius: 10px;
}
.fr-second-toolbar {
    display: none;
}
#wallform .fr-popup .fr-checkbox {
    border-color: transparent!important;
    display: inline;
}
.theme2 .fr-second-toolbar {
    background: none;
}
.theme1 #sidebar_container .bountyblock .gradient-row a.text-yellow {
    color: yellow!important;
}
button.btn-vote.hrefbtnlink {
    font-size: 1.1rem;
    padding-top: 3px;
}
#member_content .contentWrap a.blogtitle, .main-content .contentWrap a.blogtitle {
    color: #222222!important;
}

.theme2 #member_content .contentWrap a.blogtitle, .theme2 .main-content .contentWrap a.blogtitle {
    color: #fff!important;
}
#sidebar_container .contentWrap {
    position: relative;
    /*background: none;*/
}
.body_wrapper.in {
    background: none!important;
    background-color: transparent!important;
}
.in_tg_wall.my-home-profile .container .userprof {
    margin: auto!important;
}
#sidebar_container#sidebar_container .contentWrap #blog_sidebar_generic form.block {
    border: 0!important;
}
section.activity .activity-content .dbtech_vbshout_wrapper .dbtech_shouts .dbtech_vbshout_window {
    background: none;
    background-color: transparent;
}

.blockrow.dbtech_vbshout_wrapper {
    border: 0!important;
    background: none;
    background-color: transparent;
}
.actionBox img {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
}
.fr-element.fr-view p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 25.6px;
    color: rgb(65, 65, 65);
}
.fr-popup.fr-active {
    z-index: 1500!important;
}

/* wallstyle.scss */
*{
    font-family: 'Barlow', sans-serif;
}

body{
    background-color: #FFFEFE;
    background-image: url(/assets/img/bg2.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.tg-customTab .nav-tabs {
     border-bottom: 0;
}
 .tg-customTab .nav-tabs .nav-link {
     background: #fff;
     border-radius: 12px 12px 0px 0px;
     font-weight: 600;
     font-size: 22px;
     line-height: 26px;
     text-align: center;
     color: #888;
    /*padding: 22px 45px;
    */
     margin-right: 10px;
     border-top: 9px solid transparent;
     border-width: 0.5px 0.5px 0px 0.5px;
     border-style: solid;
     border-color: #dcdcdc;
     position: relative;
}
 .tg-customTab .nav-tabs .nav-link.active {
     color: #d5251e;
}
 .tg-customTab .nav-tabs .nav-link.active:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 9px;
     background-color: #d5251e;
     border-radius: 12px 12px 0px 0px;
}
 .tg-customTab .tab-content {
     background: #fff;
     border-radius: 0px 12px 12px 12px;
     box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.1);
     border: 0.5px solid #dcdcdc;
}
 .tg-customTab .gamer-list ul li {
     border-bottom: 0.8px solid #c4c4c4;
     padding-bottom: 20px;
     margin-bottom: 20px;
}
 .tg-customTab .gamer-list .gamer-info .avatar {
     border: 0.538805px solid #c4c4c4;
     box-shadow: 0px 5.38805px 32.3283px 1.07761px rgba(0, 0, 0, 0.2);
     border-radius: 50px;
     overflow: hidden;
     width: 44.72px;
     height: 44.72px;
}
 .tg-customTab .gamer-list .gamer-info .avatar img {
     width: 100%;
     height: 100%;
}
 .tg-customTab .gamer-list .gamer-info .gamer-details .gamer-name {
     font-weight: 600;
     font-size: 20px;
     line-height: 24px;
     color: #222;
}
 .tg-customTab .gamer-list .other-details h3 {
     font-weight: 600;
     font-size: 22px;
     line-height: 30px;
     color: #222;
}
 .tg-customTab .gamer-list .other-details p {
     font-weight: 500;
     font-size: 20px;
     line-height: 24px;
     color: #555;
}
 .tg-customTab .gamer-list .other-details a {
     font-weight: 500;
     font-size: 20px;
     line-height: 24px;
     color: #0c6cb4;
     word-break: break-word;
}
 .tg-customTab .gamer-list .other-details a.read-more {
     color: #d5251e;
}
 .tg-customTab .gamer-list .Btn {
     border: 1px solid #888;
     border-radius: 50px;
     color: #888;
     background-color: #fff;
     font-weight: 600;
     font-size: 20px;
     line-height: 24px;
     padding: 5px 25px;
}
 .tg-customTab .gamer-list .Btn.btn-sm {
     font-size: 12px;
     font-weight: 500;
     line-height: 18px;
     padding: 2px 10px;
}
 .tg-customTab .gamer-list .Btn.btn-outline-red {
     border-color: #d5251e;
     color: #d5251e;
}
 .tg-customTab .gamer-list .Btn.btn-outline-red:hover {
     color: white;
     background-color: #d5251e;
}
 .tg-customTab .gamer-list .Btn.btn-outline-blue {
     border-color: #004c84;
     color: #004c84;
}
 .tg-customTab .gamer-list .Btn.btn-outline-blue:hover {
     color: white;
     background-color: #004c84;
}
 .tg-customTab .gamer-list .action-buttons {
     gap: 25px;
}
 .tg-customTab .gamer-list .action-buttons .act-item {
     font-weight: 500;
     font-size: 20.5153px;
     line-height: 25px;
     color: #888;
     display: flex;
     align-items: center;
     gap: 5px;
}
 .tg-customTab .gamer-list .action-buttons .act-item:hover {
     text-decoration: none;
     text-decoration: none;
}
 .tg-customTab .gamer-list .action-buttons .act-item:hover.comment {
     color: #004c84;
}
 .tg-customTab .gamer-list .action-buttons .act-item:hover.comment svg path {
     stroke: #004c84;
}
 .tg-customTab .gamer-list .action-buttons .act-item:hover.like {
     color: #d5251e;
}
 .tg-customTab .gamer-list .action-buttons .act-item:hover.like svg path {
     fill: #d5251e;
}
 

.cardBg {
    padding: 30px;
    background-image: url("/assets/img/cardBG.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    overflow: hidden;
}
.cardBg .imgWrap {
    max-width: 74px;
    max-height: 74px;
    min-height: 74px;
    border-radius: 100px;
    overflow: hidden;
}
.cardBg .imgWrap img {
    height: 100%;
    object-fit: cover;
}
.cardBg .borderBox {
    border-radius: 12px;
    padding: 15px;
    margin-right: 20px;
    border: 1px solid white;
}
.cardBg .borderBefore {
    position: relative;
}
.cardBg .borderBefore::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    width: 4px;
    height: 100%;
}
.cardBg .borderBefore.bGreen:before {
    background: #28de71;
}
.cardBg .borderBefore.bOrange:before {
    background: #ffca32;
}
.cardList {
    list-style-type: none;
    padding-left: 15px;
}
.cardList li {
    display: inline-block;
    padding: 0 12px;
    border-right: 2px solid #ffffff;
}
.cardList li:last-child {
    border-right: 0;
    padding-right: 0;
}
.cardList li:first-child {
    padding-left: 0;
}
.fs-14 {
    font-size: 14px;
}
.fs-16 {
    font-size: 16px;
}
.fs-18 {
    font-size: 18px;
}
.fs-22 {
    font-size: 22px;
}
.fs-26 {
    font-size: 26px;
}
.fs-30 {
    font-size: 30px;
}
.fs-55 {
    font-size: 55px;
}
.fw400 {
    font-weight: 400;
}
.fw500 {
    font-weight: 500;
}
.fw600 {
    font-weight: 600;
}
.fw700 {
    font-weight: 700;
}
.text-col1 {
    color: #222222;
}
.text-col2 {
    color: #888888;
}
.text-col4 {
    color: #d5251e;
}
.text-col5 {
    color: #555555;
}
.badges {
    font-size: 12px;
    font-weight: 500;
    min-width: 95px;
    color: #ffffff;
    padding: 3px 13px;
    background-color: #219653;
    border: solid 1px white;
    box-shadow: 0px 23.2012px 104.406px rgb(0 0 0 / 25%);
    border-radius: 58.0031px;
    display: inline-block;
    cursor: default;
}
.pointer {
    cursor: pointer;  
}
.lh-initial {
    line-height: initial;
}
.contentWrap {
    background: #ffffff;
    border: 0.5px solid #d9d9d9;
    padding: 15px;
    box-shadow: 0px 10px 50px 2px rgb(0 0 0 / 10%);
    border-radius: 12px;
}
.minH386 {
    min-height: 386px;
}
.brdr-btm-1 {
    border-bottom: 2px solid #d5251e;
}
.brdr-btm-2 {
    border-bottom: 0.8px solid #c4c4c4;
}
.recent-list li {
     background: #fff;
     border-left: 2px solid #ffd542;
     box-shadow: 0px 10px 50px 2px rgba(0, 0, 0, 0.1);
     border-radius: 12px;
     padding: 10px;
}
 .recent-list li.borderGreen {
     border-color: #80e045;
}
 .recent-list li img {
     width: 44px;
     height: 44px;
     border-radius: 50%;
     display: block;
}
 .recent-list li h6 {
     font-weight: 600;
     font-size: 18px;
     line-height: 22px;
     color: #555;
}
 .recent-list li h6 span {
     color: #222;
     font-size: 18px;
}
 .recent-list li p {
     font-weight: 600;
     font-size: 16px;
     line-height: 19px;
     color: #d5251e;
}
 .recent-list li span {
     font-weight: 600;
     font-size: 12px;
     line-height: 14px;
     color: #888;
}
 .actionBox img {
     width: 40px;
     height: 40px;
     border: 2px solid #d5251e;
     border-radius: 100px;
}
 .actionBox a {
     font-weight: 500;
     font-size: 14px;
     line-height: 18px;
     letter-spacing: 0.2px;
     color: #888;
}
 .modal .modal-content {
     box-shadow: 0px 3px 14px rgba(74, 58, 255, 0.03), 0px -2px 4px rgba(20, 20, 43, 0.12), 0px 12px 44px rgba(20, 20, 43, 0.34);
     border-radius: 32px;
}
 .modal .modal-content .modal-header {
     padding: 30px 30px 0;
     border-radius: 30px 30px 0 0;
}
 .modal .modal-content .modal-header .modal-title {
     font-weight: 500;
     font-size: 18px;
     line-height: 30px;
     color: #004c84;
}
.theme2 .modal .modal-content .modal-header .modal-title {
    color: #fff;
}
 .modal .modal-content .modal-body {
     padding: 30px;
}
 .modal .modal-content .modal-body .btn.btn-primary {
     background: rgba(0, 0, 255, 0.8);
     box-shadow: 0px 19.3848px 87.2316px rgba(0, 0, 0, 0.25);
     border-radius: 48.462px;
     border: 0;
     color: #fff;
     line-height: 23px;
}
.modal .modal-content .modal-body .btn.btn-primary.disabled {
    background: rgba(0,0,0,0.6);
}
 .modal .modal-content .modal-body .form-control {
     border: 0.826594px solid #dcdcdc;
     border-radius: 9.91913px;
     min-height: 60px;
     color: #555;
}
 .modal .modal-content .modal-body .postlist p {
     font-weight: 500;
     font-size: 16px;
     line-height: 19px;
     color: #555;
}
 .modal .modal-content .modal-body .postlist ul li a {
     position: relative;
}
 .modal .modal-content .modal-body .postlist ul li a input[type="file"] {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     cursor: pointer;
}
#viewwall #exampleModal .modal-dialog {
    min-width: 50vw;
}
@media (max-width: 500px){
    #viewwall #exampleModal .modal-dialog {
        padding-right: 0px!important;
        min-width: 95vw;
        padding-left: 0px;
        margin-left: 0;
        margin-right: 0;
    }
}
#viewwall #exampleModal .modal-dialog  .form-control::placeholder {
    color: #AAA!important;
}
@media (max-width: 1200px) {
    .cardBg {
        background-size: cover;
        padding: 20px;
    }
}
@media (max-width: 767px) {
    .cardBg .borderBox {
        margin-bottom: 20px;
    }
}
@media (max-width: 1360px) {
    .cardList li {
        min-width: 205px;
    }
}
@media (max-width: 1200px) {
    .cardList li {
        min-width: 165px;
    }
    .cardList li span.fs-18 {
        font-size: 16px;
    }
}
@media (max-width: 992px) {
    .cardList li {
        min-width: 175px;
    }
    .cardList li span.fs-18 {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .cardList li {
        display: block;
        padding-left: 0;
        border-right: 0;
    }
}
@media(max-width:767px){
    .tg-customTab .nav-tabs .nav-link{
        padding: 22px 10px;
    }
}
@media(max-width:500px){
    .tg-customTab .nav-tabs .nav-link{
        padding: 22px 10px;
    }
    .nav-tabs .nav-item {
        max-width: unset!important;
    }
}

/* progress bar */
 @keyframes loader {
     0% {
         width: 0;
    }
     20% {
         width: 10%;
    }
     25% {
         width: 24%;
    }
     43% {
         width: 41%;
    }
     56% {
         width: 50%;
    }
     66% {
         width: 52%;
    }
     71% {
         width: 60%;
    }
     75% {
         width: 76%;
    }
     94% {
         width: 86%;
    }
     100% {
         width: 100%;
    }
}
 .progress-bar {
     border-radius: 60px;
     overflow: hidden;
     width: 100%;
}
 .progress-bar span {
     display: block;
     height: 100%;
}
 .bar {
     background: rgba(0, 0, 0, 0.075);
}
 .progress {
     animation: loader 8s ease infinite;
     background: #75b800;
     color: #fff;
     padding: 5px;
     width: 0;
}
 .progress-bar {
     /* left: 50%; */
     /* max-width: 50%; */
     position: absolute;
     /* top: 50%; */
     /* transform: translate3d(-50%, -50%, 0); */
     /* position: relative; */
     display: block;
     height: 36px;
}
 div[name=dbtech_vbshout_content] {
    text-align: center;
    height: 100%;
    width: 100%;
}