.menuLogo {
    max-height: 70px;
}

@font-face {
    font-family: Pepsi;
    src: url(../template/fonts/PEPSI_pl.ttf);

}

span.nav-title {
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: .15s color;
    -o-transition: .15s color;
    transition: .15s color;
    text-align: center;
    width: 15% !important;
    margin-left: 0px;
    font-family: Pepsi;
    letter-spacing: 2px
}

.nk-copyright .nk-copyright-left a {
    color: #c28f00
}


.h4-custom {
    color: #c28f00
}


.nk-teammate-card .nk-teammate-card-photo-team img {
    width: 100%;
    height: auto;
    padding-left: 25px;
    padding-right: 25px
}


.nk-widget-highlighted .nk-widget-content .nk-social-links-3 {
    margin: 0
}


.nk-widget-highlighted .nk-widget-content .nk-widget-match {
    margin: 0
}

.bg-custom-1 {
    background-color: rgba(194, 143, 0, 0.5) !important;
    ;
    margin-top: 35px;
    height: 92%;
}

.margin-menu ul li a {
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.nk-social-links-cols-5>li>a {
    padding: 16px;

}

.nk-social-links-cols-5>li>a>img {
    padding-top: inherit;
}


/* .custom-file-input-imagePreview{
    width: 100px !important;
    color: transparent !important;
} */

/* Submit button */

.submitbtn {
    text-transform: uppercase;
    background-color: #1f659b;
    border-radius: 0;
    font-weight: bold;
    width: 90px;
    border: none;
    height: 30px;
    color: #fff;
}

.submitbtn:hover {
    color: #c3e3fc;
}

.submitbtn:hover+span.form-arrow::before {
    border: 2px solid #c3e3fc;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.upload {
    display: none;
}

.uploader {
    border: 1px solid #ccc;
    width: auto;
    position: relative;
    height: 30px;
    display: flex;
}

.logo {
    width: 100px;
}

.uploader .input-value {
    width: 250px;
    padding: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    font-family: sans-serif;
    font-size: 16px;
}

.uploader label {
    cursor: pointer;
    margin: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    background: #b5892a url('https://www.interactius.com/wp-content/uploads/2017/09/folder.png') no-repeat center;
}

.lne-1 {
    text-align: center;
    color: white;
}

.readMoreDiv {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* number of lines to show */
    -webkit-box-orient: vertical;
    max-height: 400px;
}

.spinnerCustom {
    border: 16px solid #091832;
    /* Light grey */
    border-top: 16px solid #b5892a;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    right: 47%;
    bottom: 47%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media(max-width: 768px) {
    .spinnerCustom {
        right: 43%;
    }
}

@media(max-width: 414px) {
    .spinnerCustom {
        right: 35%;
    }
}

@media(max-width: 411px) {
    .spinnerCustom {
        right: 37%;
    }
}

@media(max-width: 375px) {
    .spinnerCustom {
        right: 33%;
    }
}

@media(max-width: 360px) {
    .spinnerCustom {
        right: 33%;
    }
}

#loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgb(68 68 68 / 75%);
    z-index: 99999;
    display: none;
}

.searchPaginationCenter nav ul {
    place-content: center;
}

.search-input {
    width: 300px;
}

.nk-nav-right {
    font-size: 14px;
}

.pdr-10 {
    padding-right: 10px;
}

.select2-results__option--highlighted {
    background-color: #5897fb;
    color: white;
}

.select2-container--dark-lne .select2-selection--single, .select2-container--dark-lne-white .select2-selection--single {
    border: 1px solid #313947;
    border-radius: 4px;
    padding: 6.5px 10px;
    font-size: 1em;
    font-weight: 400;
    height: calc(1.5em + 0.75rem + 2px) !important;
}

.select2-container--dark-lne .select2-results__options, .select2-container--dark-lne-white .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--dark-lne .select2-selection__arrow, .select2-container--dark-lne-white .select2-selection__arrow {
    height: 31px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--dark-lne-white .select2-selection__rendered {
    color: white;
}

.presentation-cstm {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.nk-gallery-item-cstm div {
    width: 230px;
    height: 170px;
}

.nk-gallery-item-cstm img {
    width: 230px;
    height: 170px;
    object-fit: cover;
}

.nk-gallery-item-gallery-cstm div {
    height: 170px;
}

.nk-gallery-item-gallery-cstm img {
    height: 170px;
    object-fit: cover;
}

.pswp__img {
    object-fit: contain !important;
}

.spinner-modal {
    width: 30px !important;
    height: 30px !important;
}


/* swiss system */

.swiss {
    border-radius: 20px;
    border: 3px solid #ffffff;
    padding: 20px;
}

.container-table {
    background-color: transparent;
    border-radius: 20px;
    padding: 24px 10px;
    overflow-x: auto;
    width: 100%;
}


.swiss-table {
    background-color: transparent;
}

.swiss-table th {
    background-color: #fff;
    border-right: 2px solid;
    border-color: transparent;
}

.swiss-table th {
    background-color: #fff;
    border-right: 2px solid;
    border-color: transparent;
}

.th-radius-tp {
    border-radius: 10px 10px 0px 0px;
}


.title-container {
    background-color: #040F32;
    border: 1px solid #707070;
    border-radius: 9px;
    padding: 7px 0px;

}

.title-container h1 {

    color: #ffffff;
    font-size: 15px;
    text-align: center;
    margin: 4px;

}





.info-container {
    border: 1px solid #707070;
    border-radius: 9px;
    padding: 4px 0px;
    margin: -10px 0px;
}

.info-container .img-profile {
    padding: 0px 5px;
}

.info-container .img-profile img {
    border-radius: 7px;
    width: 45px;
    height: 45px;
    background-color: #1f659b;


}

.info-container .text {
    padding: 0px !important;
}

.info-container .text h2 {

    color: #000;
    font-size: 15px;
    text-align: center;
    margin: revert;

}

.info-container .text-card h2 {

    color: #000;
    font-size: 10px;
    text-align: center;
    margin: revert;

}


.text-card-lf {
    margin: 0px 0px 0px 15px !important;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

.info-container .text-card-lf h2 {

    color: #000;
    font-size: 14px;
    text-align: center;
    margin: 5px;

}

.info-container .text-card-rg h2 {

    color: #000;
    font-size: 14px;
    text-align: center;
    margin: 5px;

}

.info-container .text-card-bt h2 {

    color: #000;
    font-size: 14px;
    text-align: center;
    margin: 3px;

}



.text-card-rg {
    margin: 0px -22px 0px 0px !important;
    border-bottom: 1px solid #000;
}


.table-bordered {
    background-color: transparent;
    border-right: 2px solid;

}

.swiss-table td {
    background-color: #fff;
    border-right: 2px solid;


}

.swiss-table th {
    background-color: #fff;
    border-right: 2px solid;


}

.swiss-table thead {
    background-color: #fff;
    border-right: 2px solid;


}

.swiss-table thead th {
    background-color: #fff;
    border-right: 2px solid;
    border-color: transparent;
    border-right: 2px solid #071733 !important;

}

.card-round-lf {
    border-radius: 20px;
}

.card-round-rg {
    border-radius: 20px;
}


.info-card {
    padding: 0px !important;
    width: 145px;

}

.round-w {
    width: 145px;
}

.elo-w {
    min-width: 70px;
}

.name-w {
    /* width: 250px; */
    width: 100%;
    min-width: 250px;
}

.points-w {
    min-width: 100px;
}

.td-round {
    width: 145px;
    padding: 10px 3px !important;
}

.th-round {
    padding: 10px 3px !important;
}

.swiss-tfoot-rg {
    background-color: #fff;
    border-radius: 0px 0px 0px 10px;
}

.th-radius-bt {
    border-radius: 0px 0px 10px 10px;
    border-right: 2px solid #071733 !important;
    border-left: 1px solid transparent !important;
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;

}



/* vs styles */

.vs-card {
    background-color: #ffffff;
    border-radius: 7px;
    margin: 0px;
}

.title-vs {
    padding: 10px;
    background-color: #040F32;
    text-align: center;
    margin-top: 10px;
    border-radius: 7px;
}

.title-vs h2 {
    color: #fff;
    font-size: 15px;
    margin: 4px;
    text-align: center;

}

.match-vs {
    border: 1px solid #000;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    border-radius: 7px;
}

.match-vs img {
    width: 51px;
    height: 51px;
    margin: 2px;
    background-color: #1f659b;
    border-radius: 7px;

}

.match-vs p {
    font-size: 15px;
    color: #000;
    margin: revert;
    text-align: center;
    font-weight: 600;

}

.vs-name p {
    color: #38A220;
    font-size: 30px;
    margin: auto;
}


/* feed lne */

.text-white p {
    color: #ffffff;
}

.text-yellow {
    color: #b5892a;
}

.tn img {
    height: 60px !important;
    width: 60px !important;
}

.tn {
    margin: 0px;
}

.tn a {
    font-size: 15px;
    font-weight: 700;
}

.sn-post img {
    width: 100%;
}

.pg-lne-center {
    margin: auto;
}

.feed-post-header {
    height: 70px;
    background-color: #b5892a;
    color: #ffffff;
    padding: 20px;
}

.feed-text {
    width: 100%;
    background: #292e38;
    color: #ffffff;
    text-transform: capitalize;
    padding: 20px;
}

.btn-follow {
    margin-top: 15px;
}

.btn-follow button {
    float: right;
}

.btn-follow-hide {
    display: none;
}

.imgPreview_publication {
    width: 100%;
}

.errorMsg {
    color: red;
}

.hide-el {
    display: none;
}

.p-c-c {
    place-content: center;
}

/* .text-center {
    text-align: center !important;
} */

.j-c-c {
    justify-content: center;
}

.pb-20 {
    padding-bottom: 20px;
}

.nk-forum-topic-author-name {
    /* word-wrap: break-all !important; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.report-btn-modal {
    background-color: transparent;
    border-color: transparent;
    color: #b10000;
}

.match-vs-label-result {
    margin: 5px;
}

.score-label {
    padding: 12px 0px !important;
    margin: 0px !important;
}



.ranking-elo {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px;
}

.player-elo {
    background-color: #040F32;
    margin: 20px 0px;
    padding: 0px !important;
}

.info-ranking {}

.nick-player-ranking {
    margin: 10px 0px;
    padding: 0px 17px 0px 0px;
    ;
}

.nick-player-ranking h3 {
    color: #BF8F29;
    text-align: center;
    margin: unset;
    background-color: #ffffff;
}

.img-ranking {
    padding: 0px !important;
    text-align: center;
}

.img-ranking img {
    width: 100px;
    height: 100px;
    padding: 0px !important;
}

/* .position-ranking h4{
    text-align: center;
    font-size: 40px;
    background-color: #707070;
    color: #ffffff;
    padding: 0px 12px !important;
    height: 45px;
    margin: 0px;
} */

.position-ranking {
    text-align: center;
    font-size: 40px;
    background-color: #707070;
    color: #ffffff;
    padding: 0px 12px !important;
    height: 45px;
    margin: 0px;
}

.position-ranking {
    padding: 0px !important;
}

.player-name-ranking {}

.info-player {
    background-color: #707070;
    color: #ffffff;
    border: 1px solid #040F32;


}

.info-player h4 {
    margin: 0px;
    text-align: center;
}

@media(max-width: 768px) {
    .img-ranking {
        padding: 0px 85px !important;
    }

    .nick-player-ranking {
        padding: 0px 6px;
    }

    .position-ranking h4 {
        margin: 0px 16px;
    }
}

.a-footer{
    color: #fff;
}

.pd-ranking-home-text{
    padding: 10px;
}


@media(max-width:576px){
    .pd-ranking-home-text{
        padding: 5px;
    }

    .search-input {
        width: 250px;
    }
}

.about-bnr{
    background-color: #333333;
    align-items: center;
}

.about-bnr img{
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}

.about-btn a{
    width: 100%;
    margin: 10px 0px;
}

@media(max-width:770px){
    .about-bnr{
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-bnr span{
        font-size: 17px;
    }

    .about-btn{
        padding-left: 0px;
        padding-right: 0px;
    }

    .about-btn a{
        font-size: 11px;
        padding-left: 0px;
        padding-right: 0px;
    }
}