.Form__field .icon--input {
    color: var(--lightest-navy-blue-color);
}

.Form__forgot-password > svg {
    color: var(--lightest-navy-blue-color);
}

.iti-flag.en {
    height: 14px;
    background-position: -1775px 2px;
}

.Footer {
    background: none !important;
}
.Footer-actions__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem;
    justify-content: center;
}
#flippanel {
    border-bottom: solid 1px var(--theme-yellow);
    cursor: pointer;
    overflow: hidden;
    background-color: var(--theme-content);
}
#flip {
    font-size: 12px;
    text-align: center;
    color: #ffffff;
}
#flip img {
    width: 50px;
    margin: -4px 9px;
}

#flippanel .container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto;
}
#panel,
#flip {
    padding: 9px;
}

#flippanel #panel {
    font-size: 14px;
    padding: 15px;
    display: none;
    transition: all 0.3s ease;
}
#flippanel .container .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}

#flippanel .container .row .col-md-4 {
    margin-bottom: 10px;
}

.Footer-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.Footer-links li {
    margin-right: 10px;
}
.Footer-links li a {
    color: #000;
}
.Footer-links li a:hover {
    color: var(--gold);
}
.Languages {
    margin-right: 20px;
}
.Footer-socials__item {
    margin-right: 1.25rem;
    margin-top: 3px;
}
.Footer-socials__item > a {
    width: 2rem;
    height: 2rem;
}
.iti-flag {
    margin-right: 3px;
}
@font-face {
    font-family: "milyonerpoker";
    src: url("../fonts/icons/milyonerpoker.eot?61040660");
    src: url("../fonts/icons/milyonerpoker.eot?61040660#iefix")
            format("embedded-opentype"),
        url("../fonts/icons/milyonerpoker.woff2?61040660") format("woff2"),
        url("../fonts/icons/milyonerpoker.woff?61040660") format("woff"),
        url("../fonts/icons/milyonerpoker.ttf?61040660") format("truetype"),
        url("../fonts/icons/milyonerpoker.svg?61040660#milyonerpoker")
            format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "milyonerpoker";
    font-style: normal;
    font-weight: normal;
    speak: none;
    margin-right: 6px;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.promotion-accordion {
    width: 100%;
    background: -webkit-linear-gradient(
        45deg,
        #f2d76c 30%,
        #e4bc5c 45%,
        #fce381 80%,
        #fce281 100%,
        #fce282 60%
    );
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    font-weight: 600;
    transition: 0.4s;
    margin-top: 10px;
}

.active,
.promotion-accordion:hover {
    background-color: #ccc;
}

.promotion-accordion:hover {
    opacity: 0.7;
}

.promotion-accordion:after {
    /* aşşağı arrow */
    content: "\e826";
    font-family: "milyonerpoker";
    font-size: 13px;
    color: #777;
    float: right;
}

.active.promotion-accordion:after {
    /* yukarı arrow */
    content: "\e825";
    font-family: "milyonerpoker";
    font-size: 13px;
    color: #777;
    float: right;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: transparent;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

.icon-home:before {
    content: "\e81c";
} /* '' */
.icon-live-casino:before {
    content: "\e81d";
} /* '' */
.icon-casino-slot:before {
    content: "\e81e";
} /* 'î ž' */
.icon-poker:before {
    content: "\e81f";
} /* 'î Ÿ' */
.icon-poker-live:before {
    content: "\e821";
} /* 'î ¡' */
.icon-bonus:before {
    content: "\e822";
} /* 'î ¢' */
.icon-question:before {
    content: "\e823";
} /* 'î £' */
.icon-right:before {
    content: "\e824";
} /* 'î ¤' */
.icon-left:before {
    content: "\e825";
} /* 'î ¥' */
.icon-down:before {
    content: "\e826";
} /* 'î ¦' */
.icon-checked:before {
    content: "\e827";
} /* 'î §' */
.icon-close:before {
    content: "\e828";
} /* 'î ¨' */
.icon-tombala:before {
    content: "\e829";
} /* 'î ©' */

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
    cursor: pointer;
}

.Header-account-balance {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #FFD700;
    padding: 8px 10px;
    border-radius: 5px;
}