.header-font {
    margin-top: 5px!important;
    font: 13px sans-serif!important;
    color: #DDDDDD!important;

}
.header-font:hover {
    color: #fde100!important;
}

.header-icon {
    width: 40px!important;
    height: auto!important;
}

.icon-topbar {
    width: 60px!important;
    height: auto!important;
}

.text-dark {
    color: #000000!important;
}

.footer-link {
    font: 12px sans-serif!important;
    color: #dddddd!important;
}

.footer-header-font {
    font: 15px sans-serif!important;
    color: #dddddd!important;
}

.footer-game-providers {
    width: 100%!important;
    height: auto;
    margin-top: -50px!important;
    margin-bottom: 50px!important;
}

.footer-payment-methods {
    width: 100%!important;
    height: auto;
    margin-top: 50px!important;
    margin-bottom: -50px!important;
}

.table-header {
    background: linear-gradient(90deg, #fde100 0, #fdb500 100%);
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 33%;
    /*background: linear-gradient(90deg, #fde100 0, #d6bb02 50%);*/
    background: linear-gradient(90deg, #fde100 0, #fdb500 100%);
    color: #000000;
}

.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.ticket-name {
    color: #555555;
    font-size: 15px;
}

.color-555555 {
    color: #555555!important;
}

.color-dddddd {
    color: #DDDDDD!important;
}

.ticket-point {
    color: #555555;
    font-size: 15px;
}

/* user menu */
/*
.user-menu {
    width: 100%!important;
}
*/
.user-menu .menu-top {
    width:100%!important;
}

.user-menu .menu-top span{
    float:left;
    list-style-type:none;
    width: 33%;
    height:40px;
}

.user-menu .menu-top span .active{
    width: 100%;
    height:40px;
    background-color: #2a2a2a;
    float:left;
    list-style-type:none;
}

.user-menu .menu-top span:hover {
    background-color: #2a2a2a;
    border-radius: 5px 5px 5px 5px
}

.user-menu .menu-top span a {
    width: 100%;
    line-height:40px;
}

.user-menu .menu-top span a span {
    width: 100%;
    font-size: 14px!important;
    margin-left: 10px!important;
}


.odd-button {
    background-color: white !important;
    color: black !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    width: 100% !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    background-image: linear-gradient(#c0c0c0, #FFFFFF);
}

.odd-button:hover {
    background: linear-gradient(90deg, #fde100 0, #fdb500 100%);
}

.yellow-button {
    color: black!important;
    border: none!important;
    padding: 10px 20px!important;
    border-radius: 10px!important;
    width: 100%!important;
    font-weight: bold!important;
    cursor: pointer!important;
    transition: background-color 0.3s ease!important;
    background: linear-gradient(90deg, #fde100 0, #fdb500 100%);
}

.yellow-button:hover {
    background: linear-gradient(90deg, #fde100 0, #fdb500 100%);
}
/*
.margin-l-r-1 {
    margin-right: 1px!important;
}
*/
@media (min-width: 992px) {
    .number-img {
        width: 43px;
    }

    .header-a {
        width: 11% !important;
        margin-top: 20px!important;
    }

    #footer-game-providers-desktop {
        display: block!important;
    }

    #footer-payment-methods-desktop {
        display: block!important;
    }

    #footer-game-providers-mobil {
        display: none!important;
    }

    #footer-payment-methods-mobil {
        display: none!important;
    }

    #page-header-mobil {
        display: none!important;
    }

    #page-header-desktop {
        display: block!important;
    }
}

@media (max-width: 992px) {
    .number-img {
        width: 30px;margin-left:-10px;
    }

    #footer-game-providers-desktop {
        display: none!important;
    }

    #footer-payment-methods-desktop {
        display: none!important;
    }

    #footer-game-providers-mobil {
        display: block!important;
    }

    #footer-payment-methods-mobil {
        display: block!important;
    }

    #page-header-mobil {
        display: block!important;
    }

    #page-header-desktop {
        display: none!important;
    }
}

@media (max-width: 550px) {
    .number-img {
        width: 27px!important;
        margin-left:-10px!important;
    }
}

@media (max-width: 450px) {
    .number-img {
        width: 25px!important;
        margin-left:-10px!important;
    }
}