.vote-card{
    border-radius: 12px;
}

.vote-card .card-media{
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    position: relative;
    width: 100%;
}

.vote-card .card-media iframe, 
.vote-card .card-media img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.vote-card .card-body {
    padding: 10px !important;
}
.vote-card .card-body .user-info {
    margin-top: -30px;
    position: relative;
}
.vote-card .card-body .profile-pic {
    width: 82.99px;
    height: 82.99px;
    border: 1px solid #FFFAFA;
    box-shadow: 0px 10px 60px 2px rgb(0 0 0 / 20%);
    border-radius: 6px;
}
.vote-card .card-body .profile-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 6px;

}
.vote-card .card-body .user-detail .name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #004C84;
    margin: 0 !important;
}
.vote-card .card-body .user-detail .timeline {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}
.vote-card .card-body .other-details .main-title {
    font-weight: 600;
    font-size: 21px;
    line-height: 30px;
    color: #025999;
    margin-top: 10px !important;
    margin-bottom: 10px;
}
.vote-card .card-body .other-details .track-list li {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}
.vote-card .card-footer {
    background: linear-gradient(90.52deg, #CC2B30 19.93%, #1D37DE 79.29%);
    border-radius: 0px 0px 12px 12px;
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vote-card .card-footer .social-share {
    display: flex;
    gap: 20px;
    color: #fff;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 0;
}

.vote-card .card-footer .social-share li {
    position: relative;
}

.vote-card .card-footer .social-share li:after {
    content: '';
    position: absolute;
    border-right: 0.473813px solid #FFFFFF;
    height: 90%;
    right: -10px;
    top: 50%;
    transform: translate(0, -50%);
}

.vote-card .card-footer .social-share li:last-child:after {
    display: none;
}

.btn-vote{
    background: linear-gradient(90deg, #FC2020 0%, #D535B6 100%);
    box-shadow: 0px 23.2012px 104.406px rgba(0, 0, 0, 0.25);
    border-radius: 58.0031px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 5px 8px;
    border: 0;
}

/* for dark theme */
.theme2 .vote-card{
    background: #0c111a;
}

.theme2 .vote-card .card-body .user-detail .timeline, 
.theme2 .vote-card .card-body .other-details .track-list li {
    color: #ffffff;
}

/* threadbit */
/* postbit */
    ul.popupbody.popuphover.memberaction_body {
        width: 100% !important;
        background: #FFFFFF;
        box-shadow: 0px 10px 60px 2px rgb(0 0 0 / 10%) !important;
        border-radius: 9px !important;
        padding: 0 15px !important;
        margin-top: 0;
        left: 50%;
        min-height: 100% !important;
        min-width: 260px;
        transform: translate(-50%, 0);
        overflow: unset;
        height: auto;
        max-height: none;
    }
    ul.popupbody.popuphover.memberaction_body:before {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 4px;
        left: 50%;
        top: -8px;
        border-left: 1px solid #d9d9d9;
        z-index: -99999999999999;
        border-top: 1px solid #d9d9d9;
        transform: translate(-50%, 0) rotate(45deg);
    }
    ul.popupbody.popuphover.memberaction_body li {
        display: block;
        width: 100%;
    }
    ul.popupbody.popuphover.memberaction_body li a {
        font-size: 14px;
        font-weight: 500;
        display: block;
        color: #222222 !important;
        font-weight: 600 !important;
        font-family: 'Barlow', sans-serif !important;
        padding: 7px 15px;
        border-bottom: 1px solid #e9e9e9;
        position: relative;
    }
    ul.popupbody.popuphover.memberaction_body li a:hover {
        background: transparent;
        color: #ea5656 !important;
    }
    /*
    ul.popupbody.popuphover.memberaction_body li a:before {
        position: absolute;
        content: '';
        width: 4.8px;
        height: 4.8px;
        background: #004C84;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        border-radius: 50%;
    }*/
    .tg--onlineStatus.offline {
        display: none;
    }
    .user-card .card-header .follow, 
    .comment .user-details .follow, 
    .user-card .card-header .userinfo_extra a {
        position: absolute;
        right: 12px;
        top: 12px;
        border: 1px solid #C4C4C4;
        border-radius: 50px;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #888888;
        cursor: pointer;
        padding: 2px 5px;
        display: flex;
        align-items: center;
    }
    .userinfo_extra a {
        border: 1px solid #C4C4C4;
        border-radius: 50px;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 18px;
        color: #888888;
        cursor: pointer;
        padding: 2px 8px;
        display: inline-flex;
        align-items: center;
    }
    .userinfo_extra a div .icon-plus{
        margin-right: 3px;
    }
    .icon-plus {
        font-size: 9px;
        display: none;
    }
    .user-content {
        width: 100%;
        justify-content: space-between;
        display: flex;
        flex-direction: column;
    }
    .section-heading {
        font-style: normal;
        font-weight: 600;
        font-size: 18.1851px;
        line-height: 22px;
        color: #222222;
    }
    .actionbuttons .group .button {
        background: linear-gradient(90deg, #FC2020 0%, #D535B6 100%);
        box-shadow: 0px 23.2012px 104.406px rgb(0 0 0 / 25%);
        border-radius: 58.0031px;
        border: 0;
        color: #fff;
        font-weight: 600;
        padding: 10px 15px;
        font-size: 13px;
        white-space: nowrap;
        cursor: pointer;
    }
    .popupgroup .popupmenu a.popupctrl {
        font-weight: 500;
        font-size: 11.4494px;
        line-height: 14px;
        text-transform: capitalize;
        color: #888888;
    }
    .popupmenu:hover ul.popuphover {
        display: block;
        padding: 10px;
        border-top: 1px solid #ddd;
    }
    ul.popupbody.popuphover li:first-child {
        display: flex;
        gap: 10px;
    }
    ul.popupbody.popuphover li:first-child input[type='submit'] {
        padding: 7px 10px;
        margin: 0;
    }
    ul.popupbody.popuphover li:first-child input.searchbox {
        padding: 7px 15px;
        background: white;
        width: 100% !important;
        font-weight: 500;
        border: 1px solid rgba(17,17,17,0.15);
        border-radius: 15px;
    }

    .popupmenu:hover ul.popuphover {
        display: block;
        border-top: 1px solid #ddd;
        width: auto !important;
        background: #FFFFFF;
        box-shadow: 0px 10px 60px 2px rgb(0 0 0 / 10%) !important;
        border-radius: 9px !important;
        padding: 15px !important;
        border: 1px solid rgba(0, 0, 0, 0.15);
    }
    .popupbody li a:hover{
        background: transparent !important;
        color: #ea5656 !important;
    }
    .popupbody li > a, 
    .popupbody li > label {
        padding: 7px;
    }
    .popupbody li > a:hover, 
    .popupbody li > label:hover {
        color: #000;
        background: transparent;
    }
    .blockbody.formcontrols{
        width: 100%;
    }
    .comment-box textarea{
        height:40px;
    }
/* postbit */

.w3-card-6{box-shadow:0 4px 8px 0 rgba(0,0,0,1.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;}
.w3-card-5{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important;}
.tab-div{padding:10px;margin-top:40px;overflow-X:scroll;}
.col3-div{padding:10px 10px;}
.col9-div{padding-bottom:0px;}
.tab-con{margin-bottom:30px;}
.tab-con-div{padding:15px 0px ;border-bottom:1px solid;border-top:1px solid;}
.leather-board{background-color:#f3f6f6}
.leather1{background-color:#0f45a9;padding:15px 25px;color:white;}
.padd{padding:20px 30px;}
.sidbtn{position:absolute;top:10px;z-index:1;left:0px;}
.btn1{background-color: #1c387f!important;color: white !important;}
#navtab{border-bottom: 1px solid #bb1c20!important;}
#navtab > li.active > a{background-color:#bb1c20!important;color:white!important;}
#linn p a {color:blue!important;font-size:12px;}
.list-inline{margin-bottom:0px!important;padding-left:10px!important;padding-right:10px!important;}
.list-inline li{margin-top:5px!important;margin-bottom:5px!important;}
.list-inline li .btn{background-color: #bb1c20 !important;color: white !important;}
.list-inline li button{background-color: #bb1c20 !important;color: white !important;}
a.btn-share-score{display:none;}
#mydiv2 table{width: 100%!important;}
#mydiv2 table.dataTable thead th, #my-div2 table.dataTable thead td {
    padding: 10px 18px;border-right: 1px solid #999;text-align: center;
    border-bottom: 1px solid #999; border-bottom: 1px solid #111;}
.blocksubhead {
    font: normal 12px;color: #ffffff;    background: #000000 none repeat-x;
    padding: 6px 12px 6px 12px;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;}
#mydiv2 table.dataTable tbody td {
    padding: 8px 10px;border-right: 1px solid #999;
    text-align: center;border-bottom: 1px solid #999;}
#mydiv2 table thead th:last-child,  #mydiv2table tbody td:last-child {
    border-right: none;}

#DataTables_Table_0_length{width:45%!important;float:left;}
#DataTables_Table_0_filter{width:45%!important;float:left;}
.dataTables_filter{display:none;}

@media(max-width:768px){#sidebtn{display:none;}}

@media(max-width:991px){.game {
    -webkit-box-orient: vertical;
    /*-webkit-box-direction: reverse;*/
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}}

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;
}
section.activity .activity-content .blockrow .dbtech_shouts .dbtech_vbshout_window .dbtech_vbshout_shout a {
    font-size:15px;
}
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;
}
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: transparent !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 .dbtech_vbshout_frame [name="dbtech_vbshout_content"] .dbtech_vbshout_shout .panel a {
    color: #212529;
    font-size: 13px;
}
.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 .threadlist {
    background: none;
}
.green {
    color:green;
    font-size:100%!important;
    display: inline!important;
}
.seemore {
    cursor:pointer;
    white-space: nowrap;
}
.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;
}
.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;
}
.sb-right-col .sb-right-wrapper h5 {
    background-color: #f2f2f2;
    background: #f2f2f2 !important;
    color: #000;
}
.theme2 .sb-right-col .sb-right-wrapper h5 {
    background-color: none;
    background: none !important;
    color: #fff;
}
.mj-widget-header .blocksubhead {
    width: 100%;
    text-align: center!important;
}



.pagination {
    margin-top: 25px;
}
.pagination .page-item {
    margin-right: 6px;
}
.pagination .page-item > * {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    padding: 0;
    font-weight: 600;
    color: #676767;
    border-radius: 3px;
    outline: none;
    border-color: #e8e8e8;
    background: #fff;
}
.pagination .page-item > *:hover,
.pagination .page-item > *.active {
    color: #d90845;
    border-color: #d90845;
}
.pagination .page-item > *.dotted {
    line-height: 40px;
}
ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.nav-tabs .nav-item.active .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-item {
    margin-right: 1px;
}

.row.rs-in-3d ul.nav {
    margin-left: 15px;
    margin-bottom: 1rem!important;
}
.nav-item, .nav-link {
    cursor: pointer;
}
.theme2 .jAyemF {
    background: transparent;
}
.theme2 .nav-link {
    background: transparent;
    color: #fff;
}


.load-more {
    display: block;
    text-align: center;
    /* width: 80vw; */
    margin: 50px auto;
    cursor: pointer;
    font-size: .9rem;
    padding: 14px;
    background: #4e5bff;
    border: 1px solid #4e5bff;
    border-radius: 3px;
    color: #fff
}

.load-more:active {
    opacity: .7
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.lds-spinner {
    color: #000;
    position: relative;
    width: 50px;
    height: 50px;
    margin: 50px auto;
    display: none
}

.lds-spinner div {
    transform-origin: 20px 20px;
    animation: lds-spinner 1.2s linear infinite
}

.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 19px;
    width: 1px;
    height: 8px;
    border-radius: 20%;
    background: #000
}

.lds-spinner div:nth-child(1) {
    transform: rotate(0);
    animation-delay: -1.1s
}

.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s
}

.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -.9s
}

.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -.8s
}

.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -.7s
}

.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -.6s
}

.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -.5s
}

.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -.4s
}

.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -.3s
}

.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -.2s
}

.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -.1s
}

.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s
}

@keyframes lds-spinner {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}
.c-search-wrapper button {
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: transparent;
    border: 0;
    font-size: 24px !important;
    padding: 5px;
    z-index: 1;
}
.c-search-wrapper, .c-search {
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

@media (min-width: 768px)
.c-search-wrapper {
    position: absolute;
    right: 0px;
}
.c-search-wrapper {
    position: relative;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-right: 3rem;
}
.focus-search .c-search {
    border: 1px solid #ddd !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}
.c-search-box {
    right: 0px;
    position: absolute;
    margin-right: 15px;
}
.col-md-3 .col-md-12 {
    margin: 0;
    padding: 0;
}

.tab-pane .col-md-3 {
    padding: 5px;
}
.col-md-6 .col-md-12 {
    padding: 5px 0;
    margin: 0;
}

.tab-pane .col-md-6 {
    padding: 5px;
}
.tabs-style .nav-tabs .nav-item.active .nav-link, .tabs-style .nav-tabs .nav-item.active .nav-link:hover {
    color: #D5251E;
    border-color: #D5251E;
    background-color: #ffffff;
}
.tabs-style .nav-tabs .nav-link {
    font-size: 16px;
    font-weight: 600;
    color: #888888;
    border: 0;
    border-top: 4px solid transparent;
    border-radius: 12px 12px 0px 0px;
    /* padding: 0 20px; */
    margin-right: 10px;
    min-height: 70px;
    background-color: #ffffff;
}
.tabs-style .tab-content {
    padding: 35px 20px;
    border-radius: 0px 12px 12px 12px;
    background-color: #ffffff;
    display: inline-block;
    height: 100%;
    width: 100%;
}
.tabs-style ul.nav-tabs {
    margin: 0!important;
}
.submitWrap {
    background: linear-gradient(228.96deg, #09A6FF -18.08%, #53E0FF 122.67%);
    border-radius: 12px;
    padding: 18px 25px;
}
.submitWrap .fs-25 {
    font-size: 1.2rem;
}
button.primary, .btn-primary {
    background: linear-gradient(90deg, #FC2020 0%, #D535B6 100%);
    border: none;
    color: #ffffff;
}
.button {
    outline: none;
    border-radius: 50px;
    align-items: center;
    padding: 19px 28px;
    font-family: 'Barlow', sans-serif !important;
    position: relative;
    line-height: 1;
}
.button.fs-14 {
    font-size: 14px;
}

.button.pad1 {
    padding: 9px 20px;
}
/* showthread */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{
    font-family: 'Barlow', sans-serif;
}

.mt-75{
    margin-top: 75px;
}

.alert-danger{
    background: #FFEDF9;
    border-color: #FFEDF9;
}

.user-card{
    background: #FFFFFF;
    border: 0.5px solid #DCDCDC;
    box-shadow: 0px 10px 50px 2px rgba(0, 0, 0, 0.1);
    border-radius: 9.91913px;
}

.user-card .card-header {
    background-color: #F2F4FF;
    border-radius: 9.91913px 9.91913px 0 0;
}

.user-card .card-header .user-pic{
    margin-top: -65px;
}

.user-card .card-header .user-avatar .pic,
.comment .user-details .user-avatar .pic{
    width: 103.32px;
    height: 103.32px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
}

.user-card .card-header .user-avatar .pic img,
.comment .user-details .user-avatar .pic img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
}

.user-card .card-header .user-avatar .verified-icon {
    right: 10px;
    bottom: 0;
}

.user-card .card-header .follow, .comment .user-details .follow, .user-card .card-header .userinfo_extra a{
    position: absolute;
    right: 12px;
    top: 12px;
    border: 1px solid #C4C4C4;
    border-radius: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #888888;
    cursor: pointer;
    padding: 2px 5px
}
.user-card .card-header .follow:focus,
.comment .user-details .follow:focus{
    outline: 0;
}

/* user card for dark mode */
.theme2 .user-card{
    background: #090e15;
    border-color: #0c111a;
}

.theme2 .user-card .listStyle3 li, 
.theme2 .user-card  .details-list li{
    border-color: #0c111a;
}

.theme2 .user-card .card-header {
    background-color: #0c111a;
}

.theme2 .user-card .th-verified {
    border-bottom: 1px solid #252d39;
}

.theme2 .user-card .personal-details .name, .comment .user-details .name
.theme2 .user-card .details-list li span, 
.theme2 .user-card .card-header ul.numbers li h6,
.theme2 .user-card .game-details .game-info h5, 
.theme2 .user-card .listStyle2 li span,
.theme2 .details-list li span,
.theme2 .user-card .listStyle3 li label,
.theme2 .user-card .section-heading,
.theme2 .card-body.postcontent .alert h5 {
    color: #ffffff;
}

.theme2 .entrycontrols a {
    color: #848484 !important;
}

.theme2 .card-body.postcontent .alert-danger {
    background: #0c111a;
    border-color: #151c26;
}

/* user card for dark mode end*/

.personal-details .name,
.comment .user-details .name{
    font-weight: 600;
    font-size: 21.4914px;
    line-height: 26px;
    color: #222222;
}

.personal-details .city,
.comment .user-details .city{
    font-weight: 600;
    font-size: 14.8787px;
    line-height: 18px;
    color: #888888;
}

.personal-details .rating,
.comment .user-details .rating {
    font-weight: 600;
    font-size: 14.8787px;
    line-height: 18px;
    color: #D5251E;
}

.details-list li{
    padding: 16px 0;
    border-bottom: 0.8px solid #C4C4C4;
}

.details-list li:first-child{
    padding-top: 0;
}

.details-list li:last-child{
    border-bottom:0 ;
}

.details-list li span {
    font-weight: 700;
    font-size: 14.8787px;
    line-height: 18px;
    text-align: right;
    color: #222222;
}
.details-list li label {
    font-weight: 600;
    font-size: 14.8787px;
    line-height: 18px;
    text-align: center;
    color: #888888;
}

button.btn-light-rounded {
    background: #FFFFFF;
    box-shadow: 0px 21.9345px 98.7053px rgb(0 0 0 / 25%);
    border-radius: 39.5698px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    background: linear-gradient(92.14deg, #F8212B -9.5%, #D734AE 103.64%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding: 6px 10px;
    border: 1px solid #D734AE;
    cursor: pointer;
    margin-bottom: 25px;
}

button.btn-light-rounded:focus{
    outline: 0;
}

.user-card .card-header ul.numbers li {
    border-right: 1px solid rgba(136, 136, 136, 0.4);
    text-align: left;
    /* padding: 0 10px; */
    width: 100%;
    text-align: center;
}

.user-card .card-header ul.numbers li:last-child{
    border: 0;
}

.user-card .card-header  ul.numbers li h6 {
    font-weight: 700;
    font-size: 23.1446px;
    line-height: 28px;
    color: #222222;
}

.user-card .card-header  ul.numbers li span {
    font-style: normal;
    font-weight: 600;
    font-size: 14.8787px;
    line-height: 18px;
    text-align: center;
    color: #888888;
}

/* for comment card */
    .comment{
        background: #FFFFFF;
        border: 0.826594px solid #DCDCDC;
        box-shadow: 0px 10px 50px 2px rgba(0, 0, 0, 0.1);
        border-radius: 9.91913px;
        padding: 20px;
    }
    .comment .user-details .user-details-box{
        min-width: 220px;
    }
    .comment .user-details .user-details-box .user-avatar .pic{
        width: 70px;
        height: 70px;
    }

    .comment .user-details .user-details-box .user-avatar .verified-icon{
        width: 18px;
        right: 0;
        bottom: 5px;
    }
    .comment .user-details .follow {
        position: unset;
        padding: 2px 10px;
    }

    .comment .user-content, .comment .user-content p, .bbcode_container .message{
        font-weight: 500;
        font-size: 18.1851px;
        line-height: 22px;
        color: #555555;
    }

    .comment .user-content .activity-list li a,
    .comment .user-content .action-list li a{
        text-decoration: none;
    }

    .comment .user-content .activity-list li span{
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        color: #888888;
        margin-right: 25px;
    }

    .comment .user-content .activity-list li:last-child span{
        margin-right: 0;
    }

    .comment .user-content .action-list li{
        margin-right: 5px;
    }

    .comment .user-content .action-list li:last-child{
        margin-right: 0;
    }


    /*for dark theme  */
    .theme2 .comment {
        background: #24252e;
        border-color:#171a1f;
    }

    .theme2 .personal-details .name, 
    .theme2 .comment .user-details .name {
        color: #fff;
    }
/* comment end */

/* section heading */
.section-heading{
    font-weight: 600;
    font-size: 24.7978px;
    line-height: 30px;
    text-transform: capitalize;
    color: #222222;
}

.section-heading .count{
    font-weight: 400;
    color: #888888;
}
/* section heading end */

/* edit comment css */
.top-filters .input-group .form-control {
    border-radius: 20px 0 0 20px;
}

.top-filters .input-group .input-group-append .input-group-text {
    background: #5179EF;
    border-radius: 0 20px 20px 0;
    border-color: #5179EF;
}

.comment-box .comment-pic {
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    min-width: 70px;
}

.comment-box .comment-pic  img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
}

.comment-box textarea {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #555555;
    border: 0;
    border-bottom: 1.65319px solid rgba(112, 112, 112, 0.18);
    border-radius: 0;
}

.comment-box textarea:focus{
    outline: 0;
}
/* edit comment css end */

/* for comment card end */

/* buttons styke */
.voting-card .vote-btn, .btnType1{
    background: linear-gradient(90deg, #FC2020 0%, #D535B6 100%);
    box-shadow: 0px 23.2012px 104.406px rgb(0 0 0 / 25%);
    border-radius: 58.0031px;
    border: 0;
    color: #fff;
    font-weight: 600;
    padding: 6px 10px;
    font-size: 13px;
    white-space: nowrap;
    cursor: pointer;
}

.voting-card .vote-btn, .btnType1:hover{
    background: linear-gradient(-90deg, #FC2020 0%, #D535B6 100%) !important;
}

.btnType2{
    border: 1px solid #C4C4C4;
    border-radius: 50px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #888888;
    cursor: pointer;
}
.btnType3{
    font-weight: 600;
    font-size: 14.8787px;
    line-height: 18px;
    text-align: center;
    color: #888888;
    background: transparent;
    border: 0;
    cursor: pointer;

}

.btnType4{
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: capitalize;
    color: #555555;
    background: linear-gradient(90deg, #6A6A6A 0%, #757575 100%);
    border: 1.26035px solid #555555;
    box-shadow: 0px 25.207px 113.431px rgba(0, 0, 0, 0.25);
    border-radius: 63.0174px;
    cursor: pointer;
}

.btnType5, .tab-user-btn .button, .tab-user-btn a{
    box-shadow: 0px 21.9345px 98.7053px rgb(0 0 0 / 25%);
    border-radius: 39.5698px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    background: linear-gradient(92.14deg, #F8212B -9.5%, #D734AE 103.64%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding: 6px 10px;
    border: 1px solid #D734AE;
    cursor: pointer;
}

.voting-card .vote-btn, .btnType1:focus,
.btnType2:focus,
.btnType3:focus,
.btnType4:focus,
.btnType5:focus{
    outline: 0;
}
/* buttons style end */



/* alert box */
.alert h5{
    font-weight: 600;
    font-size: 14.8787px;
    line-height: 18px;
    color: #222222;
    margin-bottom: 5px;
}

.alert p{
    font-weight: 500;
    font-size: 13.2255px;
    line-height: 16px;
    color: #888888;
}
/* alert box end */

/* action center */
.user-card .action-center .activity-list li{
    font-weight: 600;
    font-size: 17.7159px;
    line-height: 21px;
    color: #D5251E;
    padding-right: 10px;
}

.user-card .action-center .action-list li{
    margin-right: 15px;
}

.user-card .action-center .action-list li:last-child{
    margin-right: 0;
}

.game-details .video-box{
    width: 180px;
}
.game-details .game-info h5{
    font-weight: 600;
    font-size: 18.1851px;
    line-height: 22px;
    color: #222222;
    margin-bottom: 3px;
}

.game-details .game-info .time{
    font-weight: 500;
    font-size: 14.8787px;
    line-height: 18px;
    color: #888888;
    margin-bottom: 20px;
    display: block;
}
/* action center end */

/* listStyle */
.listStyle1 li{
    font-weight: 500;
    font-size: 13.2255px;
    line-height: 16px;
    color: #555555;
    position: relative;
    padding-left: 25px;
    margin-bottom: 18px;
}

.listStyle1 li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background-image: url(/assets/img/tick-pink.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.listStyle2 li{
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #555555;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 0.419782px solid #C4C4C4;
}

.listStyle2 li label{
    margin-bottom: 0;
}

.listStyle2 li span{
    color:#222222;
}

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

.listStyle3{
    margin-bottom: 0;
}

.listStyle3 li{
    padding-right: 15px;
    margin-right: 15px;
    border-right: 0.419782px solid #C4C4C4;
}

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

.listStyle3 li label{
    font-weight: 600;
    font-size: 14px;
    color: #222222;
    margin-bottom: 3px;
    display: block;
}

.listStyle3 li a{
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #D5251E;
    display: block;
    word-break: break-all;
}
/* listStyle end */

/* voting css */
.voting-card-blue, .voting-card{
    background-image: url(/assets/img/vote-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
}
.voting-card{
    padding: 20px;
}
.voting-card h2{
    font-weight: 600;
    font-size: 19px;
    color: #FFFFFF;
    margin-bottom: 0;
}

/* voting css end */

/* slider css */
/* Hide the images by default */
.mySlides {
    display: none;
  }
  
  /* Add a pointer when hovering over the thumbnail images */
  .cursor {
    cursor: pointer;
  }
  
  /* Next & previous buttons */
  .prev,
  .next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
  }
  
  /* Position the "next button" to the right */
  .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover,
  .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
  
  /* Six columns side by side */
  .column {
    float: left;
    width: 33.33%;
  }
  
  /* Add a transparency effect for thumnbail images */
  .demo {
    opacity: 0.6;
  }
  
  .active,
  .demo:hover {
    opacity: 1;
  }
.theo-player-wrapper:hover .vjs-time-control {
    position: absolute!important;
    display: inline-flex!important;
    top: -35px!important;
    height: 20px!important;
}
.theo-player-wrapper:hover .vjs-time-divider {
    right: 80px!important;
}
.theo-player-wrapper:hover .vjs-duration {
    right: 0!important;
}
.theo-player-wrapper:hover .vjs-current-time {
    right: 90px!important;
}
/* slider css end */

/* additional css */
#basic-addon2 img {
    max-height: 17px;
    max-width: 17px;
}
.input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%!important;
    margin-bottom: 0;
}
.row.postbitlegacy .card-body {
    padding: 1.25rem;
}
.vote-card .b-banner .intrinsic-container {
    top: 0;
    left: 0;
}
.vote-card .b-banner .ytplay img.vzaar-thumb {
    position: relative;
}
.tab-content .row .tg--onlineStatus {
    display: inline-block;
    margin-left: 20px;
    margin-top: 5px;
    left:auto;
    bottom:auto;
}
.user-card .claimrecords.aaa {
    display: none;
}
.user-card .th-verified {
    text-align: center;
    color: #9cce59;
    text-transform: capitalize;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}
#pollinfo .blockhead, #pollinfo .blockbody {
    background: transparent;
    border: none;
}

a.button.completepoll {
    padding: 5px 10px;
}
.voting-card #pollinfo {
    background-color: transparent;
    padding: 0;
    text-align: center;
}
.popupmenu.memberaction {
    cursor: pointer;
}

.voting-card {
    padding: 5px;
    margin: 0;
}

.voting-card .checkradio.group li #rb_optionnumber_1, .voting-card .checkradio.group li #rb_optionnumber_2 {
    display: none;
    margin: 0;
}

.voting-card #polloptions label {
    margin: 0 10px;
}

.voting-card #polloptions {
    margin: 0;
    padding: 0;
}

.voting-card .checkradio.group li {
    display: inline-flex;
    margin: 1rem;
}

.voting-card span.th-poll-question {
    display: none;
}
.voting-card form {
    display: inline-flex;
}

.voting-card form .blockfoot {
    margin: 10px auto;
}
.voting-card dl.stats {
    display: none;
}

.voting-card .blockhead {
    padding: 0!important;
}


.voting-card .th-voteu-nvote {
    display: inline-flex;
    margin: 0 10px;
}


/* additional css end */

/* css added on 30.12.2022 */
.voting-card .th-pollstatus {
    display: flex;
    width: auto;
    margin: 15px auto 0;
    background: transparent;
    color: #fff !important;
    align-items: center;
    text-transform: uppercase;
    padding: 3px 15px;
    border-radius: 6px;
    font-size: 18px;
    flex-direction: column;
    gap: 10px;

}

.voting-card .th-pollstatus.open{
    background: #56ac01;
}

.voting-card .th-pollstatus.closed{
    background: #ea5656;
}

#pollinfo .block {
    text-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px;
}
.voting-card h2 {
    margin-top: 0;
    text-align: left;
    white-space: nowrap;
}

.th-poll-details .blockrow ul{
    display: flex;
    align-items: center;
}

.voting-card .checkradio.group li {
    margin: 0;
}

.checkradio.group li #rb_optionnumber_1~.thumpcheck::before,
.checkradio.group li #rb_optionnumber_2~.thumpcheck::before {
    width: 30px;
    height: 30px;
}
.edit-poll-btn{
    border-color: #fff;
    color: #fff;
}
#pollinfo .polltitle {
    color: white !important;
    font-weight: 500;
}
.voting-card form .blockfoot {
    margin: 10px;
}
/* css added on 30.12.2022 end */

/* media query start */
@media (min-width:998px) {
    .mt-lg-75{
        margin-top: 75px !important;
    }
    .tab-user-btn {
        position: absolute;
        right: 20px;
        top: 20px;
    }
}

@media(max-width:997px){
    .game-details .video-box {
        width: 100%;
    }

    .listStyle2 li{
        margin-bottom: 5px;
        border-right: 0;
    }

    .listStyle3 li{
        margin-bottom: 8px;
        padding-bottom: 8px;
        border-right: 0;
        border-bottom: 0.419782px solid #C4C4C4;
    }

    .listStyle3 li:last-child{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: 0
    }
    
    .user-card .card-header ul.numbers li{
        padding: 0 20px;
    }
    .comment .user-details {
        position: relative;
    }
    .comment .user-details .follow {
        position: absolute;
        right: 0;
        top: 0;    
    }
    .comment .user-content p{
        font-size: 16px;
    }
    .comment .user-content .action-list li, 
    .comment .user-content .activity-list li span{
        margin-right: 15px;
    }
}

@media (max-width: 767px){
    #pollinfo .blockhead h2 {
        margin-top: 0;
    }
    #pollinfo .block {
        flex-direction: column;
        gap: 10px;
        padding-top: 20px;
    }
}

    .vote-card{
    border-radius: 12px;
}

.vote-card .card-media{
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    position: relative;
    width: 100%;
}

.vote-card .card-media iframe, 
.vote-card .card-media img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.vote-card .card-body {
    padding: 10px !important;
}
.vote-card .card-body .user-info {
    margin-top: -30px;
    position: relative;
}
.vote-card .card-body .profile-pic {
    width: 82.99px;
    height: 82.99px;
    border: 1px solid #FFFAFA;
    box-shadow: 0px 10px 60px 2px rgb(0 0 0 / 20%);
    border-radius: 6px;
}
.vote-card .card-body .profile-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 6px;

}
.vote-card .card-body .user-detail .name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #004C84;
    margin: 0 !important;
}
.vote-card .card-body .user-detail .timeline {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}
.vote-card .card-body .other-details .main-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #025999;
    margin-top: 10px !important;
    margin-bottom: 10px;
}
.vote-card .card-body .other-details .track-list li {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}
.vote-card .card-footer {
    background: linear-gradient(90.52deg, #CC2B30 19.93%, #1D37DE 79.29%);
    border-radius: 0px 0px 12px 12px;
    padding: 8px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vote-card .card-footer .social-share {
    display: flex;
    gap: 20px;
    color: #fff;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 0;
}

.vote-card .card-footer .social-share li {
    position: relative;
}

.vote-card .card-footer .social-share li:after {
    content: '';
    position: absolute;
    border-right: 0.473813px solid #FFFFFF;
    height: 90%;
    right: -10px;
    top: 50%;
    transform: translate(0, -50%);
}

.vote-card .card-footer .social-share li:last-child:after {
    display: none;
}

.btn-vote{
    background: linear-gradient(90deg, #FC2020 0%, #D535B6 100%);
    box-shadow: 0px 23.2012px 104.406px rgba(0, 0, 0, 0.25);
    border-radius: 58.0031px;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-transform: capitalize;
    color: #FFFFFF;
    padding: 5px 8px;
    border: 0;
}

/* for dark theme */
.theme2 .vote-card{
    background: #0c111a;
}

.theme2 .vote-card .card-body .user-detail .timeline, 
.theme2 .vote-card .card-body .other-details .track-list li {
    color: #ffffff;
}


.in_tg_thanksentry a.blog {
    display: none;
}

.in_tg_thanksentry span.seperator {
    display: none;
}
div.sb-right-col div.panel a {
    color: #000000 !important;
}
.theme2 div.sb-right-col div.panel a {
    color: #FFFFFF !important;
}
div.sb-right-col .memberaction a.popupctrl {
    color: #025999 !important;
    font-weight: 600;
}
/* experimental card gradient */
.vote-card .card-body .user-info {
    margin-top: 0px!important;
}
.vote-card {
    /* background: linear-gradient(139.64deg, rgba(204, 43, 49, 1.81) 16.43%, rgba(28, 135, 122, 1.81) 70.49%); */
    /* background: linear-gradient(137.64deg, rgba(204, 43, 49, 1.81) 33.43%, rgba(28, 135, 122, 1.81) 60.49%); */
    background: linear-gradient(to left, #0b8793 , #360033);
}
.gradient-0b8793 {
    background: linear-gradient(to left, #0b8793 , #360033)!important;
}
/*
.vote-card .card-body .other-details ul.track-list li {
    color: yellow;
}
*/

.gradient-row .profile-pic {
    width: 75px;
    height: 75px;
    border: 1px solid #FFFAFA;
    box-shadow: 0px 10px 60px 2px rgb(0 0 0 / 20%);
    border-radius: 6px;
}
.gradient-row .profile-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 6px;

}
.gradient-row ul.track-list li {
    color: #FFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
}
.text-yellow{
    color: yellow!important;
}
.gradient-row .user-detail .name {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    /*color: #004C84;*/
    margin: 0 !important;
}
.gradient-row .user-detail .timeline {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
}
.ajs-content {
    display: flex;
}

#sharerbox .card {
    display: inline-block;
    width: 100%;
}
input.button.add-tag-div {
    padding: 8px 20px;
}

.tag-btn i.icon-tag {
    line-height: 35px;
    padding-left: 10px;
}
div#dbtech_usertag_tagarea {
    width: 100%;
    min-width: 250px;
    right: 0;
}
div.tag-user-wrapper a.r-t-btn {
    display: flex;
}
.card-body.postcontent div#above_postlist, .card-body.postcontent .tab-user-btn a  {
    display: none;
}

/* added for user card tag button and evidence button spacing */
span.tab-user-btn {
    float: right;
}

.user-card .card-body .uploadControls {
    margin-bottom: 10px;
}
.gradient-row-footer button.btn.btn-success {
    border-radius: 58.0031px;
    padding: 5px 8px;
    border: 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}
.commentfooter {
    display: flex;
}
@media(max-width:500px){
    .commentfooter {
        display: block;
    }
}
.gradient-row-footer button.btn.btn-success {
    padding-right: 10px;
}
.b-top-filter .card-grad-b select {
    max-width: max-content;
    width: 100%;
    min-width: 100%;
}
.b-banner .accepted {
    background: url('/assets/img/accepted.png') no-repeat;
    background-position: center;
}
.b-banner .rejected {
    background: url('/assets/img/rejected.png') no-repeat;
    background-position: center;
}
.b-banner .adispute {
    background: url('/assets/img/accepted.png') no-repeat;
    background-position: center;
}
.b-banner .rdispute {
    background: url('/assets/img/rejected.png') no-repeat;
    background-position: center;
}
.b-banner .idispute {
    background: url('/assets/img/inactive.png') no-repeat;
    background-position: center;
}
.b-banner .canceled {
    background: url('/assets/img/canceled.png') no-repeat;
    background-position: center;
}
.fr-box .fr-counter {
    margin-right: 5px!important;
    margin-bottom: 5px!important;
}
.fr-box .fr-wrapper {
    resize: vertical;
    overflow: hidden!important;
    overflow-y: auto!important;
}
.vzjsplayer {
    position: relative;
    border-radius: 5px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100%;
    height: auto;
    background-size: contain;
}
.vzjsplayer .ytplay{
    padding-bottom: 56.35%;
}
.top-filters li#inlinemod_formctrls a {
    background: none;
    border: none;
    padding: 0;
    position: relative;
}
.in_tg_thanksentry .entrycontrols a img {
    top: auto;
}
span.dbtech-thanks-button-control {
    padding-top: 5px;
}
.comment .bbcode_container {
    margin-bottom: 10px;
}
.comment .user-content .action-list li, .comment .user-content .activity-list li span {
    text-align: center;
    vertical-align: baseline;
    margin: auto;
    width: 100%;
}
.commentfooter ul {
    margin: 10px 0;
    width: 100%;
}
.body--container .breadcrumb {
    margin-bottom: 0;
}
.bountyblock .blockrow {
    padding: 0;
    overflow: hidden;
}
.tab-pane {
    max-width: 100%;
    margin: 0px!important;
    padding: 0px!important;
}
.bountyblock .overlay {
    height: 100%;
    display: block;
    width: 100%;
    position: absolute;
    z-index: 99;
    cursor: pointer;
}
.bountytag_block .tags, .bountytag_block .tags .widget_content {
    background: transparent!important;
    border: none!important;
}
/*
#view-bounty .bountyblock a {
    color: white!important;
}*/
.comment .user-content li.in_tg_thanksentry span {
    text-align: left;
}
.alert-content td.track_platform, .alert-content td.track_gamename, .alert-content td.track_description, .alert-content td.track_scoretype, .alert-content td.track_rules, .user-content td.track_platform, .user-content td.track_gamename, .user-content td.track_description, .user-content td.track_scoretype, .user-content td.track_rules {
    color: inherit;
    background-color: transparent;
}
.tab-pane div#pagetitle {
    padding-bottom: 12px;
    border-bottom: 1px #ddd solid;
}
.theme2 .comment .user-content, .theme2 .comment .user-content p, .theme2 .bbcode_container .message{
    color: #eee;
}
.theme2 h2.searchlisthead {
    border: none;
    background:#3c3c3c;
    box-shadow:0 -1px 3px 0 rgba(221,221,221,.5);
}
.theme2 .comment .user-content .activity-list li span {
    color:#ababab;
}
.theme2 .listStyle1 li, .theme2 .alert p {
    color: #eee;
}
.theme2 .tabs-style .nav-tabs .nav-link {
    color: #eee;
}
.bountyblock .content-class {
    height: 100%;
}
#showthread .ytplay, #forumdisplay .ytplay{
    text-align: center;
}
div.ui-tooltip.ui-widget-content .ui-tooltip-content {
    font-size: 14px;
}
#showthread .youtube-thumb, #showthread .vzaar-thumb, #forumdisplay .youtube-thumb, #forumdisplay .vzaar-thumb {
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.tab-pane .intrinsic-container {
    height: 100%;
    min-height: max-content;
    padding: 0!important;
}
.tab-pane .intrinsic-container iframe {
    position: relative;
}
.theme1 #sidebar_container .bountyblock .gradient-row a {
    color: white !important;
}
.theme1 #sidebar_container .bountyblock .text-white {
    color: white !important;
}
h4.pagetitle.mj-post-title {
    font-size: 18px;
}
.theme1 #sidebar_container#sidebar_container .bountyblock .tags {
    border: none!important;
}
#sidebar_container .bountyblock .widget_content.floatcontainer {
    height: 25px;
    width: max-content;
}
.submitWrap a.alert-link {
    color: yellow;
}
.tab-pane .attachments a {
    color: blue;
}
/* added for user card tag button and evidence button spacing end */

 /* additional.css 20230201 -start */
div.bootstrap .navbar {
    font-family: 'Barlow', sans-serif !important;
}
.dropMenuLi button, .dropMenuLi a, #MegaNavbar li a, dl.tabslight dd a, #sidebar_container.member_summary .blocksubhead.smaller, #sidebar_container.member_summary .blockrow, .navbar{
    font-family: 'Barlow', sans-serif !important;
}
.add_bounty .blockrow.description {
    margin-left: 2px;
    max-width: 100%;
    text-align: justify;
}
#collapsetgbountyrecords .view_section {
    display: block;
}

<vb:comment>new nav css 2022 12 16</vb:comment>
.navbar-brand img {
max-height:31px;
}
.mainNavWrapper:after {
    clear: both;
    color: transparent;
    height: 0px;
}
.ms-auto {
    margin-left: auto!important;
}
.navbar-brand {
    padding-top: 0!important;
}
#navbarScroll {
    display: flex!important;
}
.mainNavWrapper.navThemeNew {
    background-color: #1D242B;
}
#vBSocialBar .mj-nav .mainNavWrapper.navThemeNew .navbar-nav li .btn.btn, #vBSocialBar .mj-nav .mainNavWrapper.navThemeNew .mj-user .mj-user-info .mj-user-name {
    color: #ffffff;
}
/* #vBSocialBar .mj-nav .mainNavWrapper.navThemeNew .header-search {
    background: #1d242b !important;
    color: #fff;
} */
.theme2 #vBSocialBar .mj-nav .mainNavWrapper.navThemeNew .header-search {
    background: #0c111a !important;
    color: #fff;
    z-index: 0;
}
#vBSocialBar .open>.dropdown-toggle.btn-info {
    color: #000;
}
#vBSocialBar ul.dropdown-menu {
    z-index: 99999;
}
#vBSocialBar .mj-nav .navbar-light .navbar-nav .nav-link.active {
    color: rgba(0,0,0,.9)
}
#vBSocialBar .mj-nav .navbar-light .navbar-nav .nav-link {
    font-weight: 600;
    font-size: 0.95rem;
    /* padding: 0.1rem .5rem; */
    border-right: 0.09rem solid #ddd;
    /* text-transform: uppercase; */
    color: rgba(0,0,0,.5);
    padding-left: 0.1rem;
}
#vBSocialBar li.dropMenuLi div, li.dropMenuLi div .btn {
    align-items: center;
    align-self: center;
    vertical-align: bottom;
    display: flex!important;
    height: 100% !important;
}
.badges.borderbadges {
    background-color: transparent;
    border: 1px solid #27AE60;
    color: #27AE60;
    font-weight: 500;
    font-size: 16px;
}
.ms-4 {
    margin-left: 1.5rem!important;
}

.badges {
    font-size: 12px;
    font-weight: 500;
    min-width: 95px;
    color: #ffffff;
    padding: 3px 13px;
    background-color: #FFD542;
    box-shadow: 0px 23.2012px 104.406px rgb(0 0 0 / 25%);
    border-radius: 58.0031px;
    display: inline-block;
    cursor: default;
}
#vBSocialBar body.feed_page_switch div.bootstrap .navbar {
    padding: 0;
}
.verticalSeperator {
    width: 35px;
    height: 2px;
    background-color: #ffffff;
    transform: rotate(90deg);
    opacity: 0.5;
    margin-left: 15px;
    margin-right: 15px;
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25;
}
.text-col6 {
    color: #ffffff;
}
.fw700 {
    font-weight: 700;
}
.theme1 .white-logo {
    display: inline-block;
}
.theme1 .dark-logo {
    display: none;
}
.theme2 .white-logo {
    display: none;
}
.theme2 .dark-logo {
    display: inline-block;
}
@media(min-width: 1200px){
    .sb-right-col {
        margin-left: 10px;
    }
}
@media(max-width: 768px){
    .col-md-12 .col-md-12 {
        padding: 0;
        margin: 0;
    }
    .tab-pane .col-md-12 {
        padding: 0;
    }
}
.sb-right-wrapper.card-body {
border: none;
}
section.activity {
    box-shadow: none!important;
    background: none!important;
}
.cardOne {
    background: #ffffff!important;
    border: 1px solid #C4C4C4;
    position: relative;
    /* box-shadow: 0px 10px 50px 2px rgb(0 0 0 / 10%); */
    border-radius: 12px;
    padding: 0!important;
    border-radius: 12px!important;
}
.cardOne .card .img-fluid{
    width: 48px;
    margin-right: 10px;
}
.cardOne .card {
    border: 0;
    border-radius: 12px;
}
.cardOne .card-body {
    border-radius: 12px;
}
.cardOne .cardImageWrap {
    min-width: 101px;
    max-width: 101px;
    border-radius: 12px;
    height: 127px;
    overflow: hidden;
}
.card-body {
    padding: 0.5rem 0.3rem;
}
section.activity .card-body a {
    color: #bc1b20 !important
}

section.activity .cardOne .card-body h5 {
    background: none!important;
    font-size: 15px;
}
section.activity .cardOne .dbtech_vbshout_window {
    padding: 0!important;
    margin: 0!important;
}
.sb-right-col {
    background: #ffffff;
    border: 0.5px solid #D9D9D9;
    padding: 20px;
    box-shadow: 0px 10px 50px 2px rgb(0 0 0 / 10%);
    border-radius: 12px;
}
.btn-color-mode-switch {
    display: inline-block;
    margin: 0px;
    position: relative;
    width: 112px;
    top: 0px;
}
.btn-color-mode-switch input[type="checkbox"] {
    cursor: pointer;
    width: 50px;
    height: 25px;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1;
    margin: 0px;
}
.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
    /* background: #66BB6A; */
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
    background: #1D242B;
    color: #ffffff;
}
.btn-color-mode-switch > label.btn-color-mode-switch-inner {
    margin: 0px;
    width: 106px;
    height: 27px;
    background: #888888;
    border-radius: 26px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    /* box-shadow: 0px 0px 8px 0px rgb(17 17 17 / 34%) inset; */
    display: block;
    color: #ffffff;

}
.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before {
    content: attr(data-off);
    right: auto;
    left: 12px;
}
.btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
    content: attr(data-on);
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    top: 7px;
    right: 20px;
    line-height: 12px;
}

.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after {
    content: attr(data-on);
    left: 55px;
    background: #555555;
    color: #ffffff;
}
.btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
    content: attr(data-off);
    line-height: 15px;
    width: 52px;
    height: 27px;
    background: #ffffff;
    border-radius: 26px;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 12px;
    color: #222222;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 6px -2px #222222;
    padding: 5px 0px;
}
.btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
    background: #1D242B;
    color: #ffffff;
}
.switchWrap {
    /* transform: rotate(270deg); */
    display: inline-block;
    /* position: fixed;
    left: -32px;
    top: 315px;
    z-index: 4; */
    margin-left: 25px;
}

@media (max-width:767px) {
    .switchWrap  {
        position: absolute;
        top: 14px;
        right: 45px;

    }
}
body {
    font-family: 'Barlow', sans-serif !important;
    background-image: url("/assets/img/bodyBg.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.breadcrumb .navbit {
    line-height: 1rem;
}

/* Added by Indispensable- vzaar player css fix 2023 01 03 - start */
.ytplay img.vzaar-thumb {
    max-height: 100%;
    width: auto;
}
.ytplay {
    height: 100%;
    min-width: 100px;
}
.vzaar-player {
    background-size:contain!important;
    background-position:center;
    background-repeat:no-repeat;
}
.intrinsic-container {
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
}
.vzaar-container {
    min-height: auto!important;
}
/* Added by Indispensable- vzaar player css fix 2023 01 03 - end */
/* Added by Indispensable- froalaeditor css fix 2023 01 17 - start */
.fr-box .fr-wrapper {
    resize: vertical;
    overflow: hidden!important;
    overflow-y: auto!important;
}
.fr-box .fr-counter {
    margin-right: 5px!important;
    margin-bottom: 5px!important;
}
/* Added by Indispensable- froalaeditor css fix 2023 01 17 - end */
 /* additional.css -end */
 
 /* style.css -start */
 
@media (max-width:767px) {
    .tab-content.tab-con .gradient-row {
        margin-bottom: 10px !important;
    }
}
.theme2 .b-top-filter input.form-control{
    background: transparent !important;
}

.theme2 .b-top-filter input.form-control::placeholder{
    color: #fff !important;
}
 /* style.css -end */
 
 /* tg-custom.css -start */
 @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');

/* font awesome for icons */
.fa, i.fa{
    font-family: 'FontAwesome' !important;
}
button#search_button span#search_span {
    top: 7px !important;
    right: 11px !important;
}
div.bootstrap .nav > .h-s-container .header-search.header-search.header-search{
    /* background-color:transparent !important; */
    background-color: #1d242b !important;
    color: #fff;
}

.header-search-wrapper {
    margin-right: 0;
}

.edit-comment .section-heading {
    background: transparent;
    margin: auto 0 0 0 !important;
    padding: 0;
}

.comment-box .blockbody.formcontrols{
    padding: 0;
}
 /* tg-custom.css -end */