.app-header__logo .logo-src {
    height: 31px;
    width: 124px;
}

@keyframes play {
    100% {
        background-position: -1024px
    }
}

i.warn:before {
    content: '';
}

i.info:before {
    content: '';
}

i.clock:before {
    content: '';
}

i.futbol:before {
    content: '';
}

i.trash:before {
    content: '';
}

i.copy:before {
    content: '';
}

i.picture-o:before {
    content: '';
}

i.dead:before {
    content: '';
}

i.lightbulb:before {
    content: '';
}

i.lightbulb-slash:before {
    content: '';
}

i.check:before {
    content: '';
}

.pager-cont .pager-loading {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
}

.server-item span{
    width: 100%;
}

.server-item .nav-link::before {
    background-color: #794c8a !important;
    /*box-shadow: 0 16px 26px -10px rgba(63, 106, 216, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(63, 106, 216, 0.2);*/
}

.remove-server {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0 .75rem 0 0;
}

.page-item.disabled.active .page-link {
    color: #fff !important;
    background-color: #3f6ad8 !important;
}

.feature-locked {
    width: 100%;
    height: 100%;
    background: #ffffff95;
    z-index: 10;
    display: none;
    position: absolute;
}

.locked .feature-locked{
    display: block;
}

    .feature-locked > div {
        text-align: center;
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        /* left: 12.5%; */
        /*padding: 50% 25%;*/
        padding: 90px 25%;
        background: #ffffff70;
        /* border-radius: 10px; */
        box-shadow: 0px 0px 20px 20px #ffffff70;
    }

        .feature-locked > div a.upgrade-text {
            color: #3f6ad8;
            /* margin-bottom: 10px; */
            display: block;
            margin-bottom: 10px;
            text-decoration: underline;
        }

        .feature-locked > div a.upgrade-btn {
            display: block;
            text-align: center;
            /* margin-top: 10px; */
            margin: 0 auto;
        }

.avatar-add1ct{

}

    .avatar-add1ct > span.rare {
        position: absolute;
        left: 2px;
        top: 5px;
        width: 32px;
        height: 32px;
        background: url(/img/itemplus_white.webp) left top;
        -webkit-animation: play 1.4s steps(32) infinite;
        -moz-animation: play 1.4s steps(32) infinite;
        -ms-animation: play 1.4s steps(32) infinite;
        -o-animation: play 1.4s steps(32) infinite;
        animation: play 1.4s steps(32) infinite;
        transform: scale(1.15);
        opacity: 0.8;
    }

.item-icon{
    position: relative;
}

#preview-container {
    text-align: center;
}

.preview-image {
    object-fit: cover;
    width: 32px;
    height: 32px;
    margin: 10px;
    border: 1px solid #ddd;
}

#drop-area {
    width: 400px;
    height: 200px;
    margin: 20px auto;
    border: 2px dashed #e1e1e1;
    cursor: pointer;
    text-align: center;
    padding: 15px;
}

    #drop-area.drag-over {
        background-color: #2955c815;
        border: 2px dashed #2955c8;
    }

    #drop-area > span {
        display: block;
    }

    #drop-area .instructions {
        font-size: 20px;
        font-weight: bold;
        width: 170px;
        /* text-align: center; */
        margin: 0 auto;
    }

        #drop-area .instructions > span {
            display: block;
        }

        #drop-area .instructions a {
            font-weight: bold;
        }

        #drop-area .supports {
            font-size: 11px;
            margin-top: 9px;
            font-weight: 500;
            color: #a0aebb;
        }


#filename-preview{
    width: 400px;
}

#clear-file-btn{
    margin-top: -5px;
}

.server-icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    z-index: 10;
    display: inline-block;
    margin-top: 2px;
    vertical-align: text-bottom;
}

.outline-danger {
    outline-color: #d92550 !important;
}

.outline-warning {
    outline-color: #f7b924 !important;
}

.outline-success {
    outline-color: #3ac47d !important;
}

.outline-secondary {
    outline-color: #6c757d !important;
}

.outline-light {
    outline-color: #eee !important;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25{
    padding-top: 25px;
}

.coming-soon {
    display: block;
    margin-top: -23px;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}

.logo-src a{
    display: block;
    width: 100%;
    height: 100%;
}

.discord-icon {
    height: 14px;
    display: inline-block;
    line-height: 14px;
    filter: invert(36%) sepia(27%) saturate(6301%) hue-rotate(225deg) brightness(98%) contrast(93%);
}

.grecaptcha-badge{
    z-index: 10;
}

.mm-active .badge{
    opacity: 1 !important;
}