.moda-close img{
    width:25px;
}

.moda-close{
    margin: -.5rem -.5rem -.5rem auto;
    background: transparent;
    border: 0;
}

.modal h4{
    font-size: 18px;
    font-weight: 900;
    letter-spacing: -0.3px;
    background: -webkit-linear-gradient(#ffffbe, #d1a129);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 5x;
    margin-top: 5px;
}

.modal-content{
    border-radius: 9px;
    color: white;
    height: 600px;
    padding:4px;
    background: #eed6a8; /* Old browsers */
    background: -moz-linear-gradient(top,  #a3803b 0%, #fed980 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a3803b 0%, #fed980 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a3803b 0%, #fed980 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3803b', endColorstr='#fed980',GradientType=0 ); /* IE6-9 */
}

.modal-body{
    background: black;
    padding: 30px;
    padding-top:0px;
}

.modal-body.noscroll{
    overflow-y: hidden;
}

.modal-header{
    background:black;
    border:0;
}

a:hover{
    color:#c2aa6b;
}

table.leaderboard{
    margin:5px auto!important;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 1200px;
        margin: 1.75rem auto;
    }
}

@media (max-width: 468px){
    .modal-body{
        background: black;
        padding: 15px;
        padding-top:0px;
    }
}

html, body {
    max-width: 100%;
/*    overflow-x: hidden!important;*/
    scroll-behavior: smooth;