@font-face {
    font-family: Helvetica;
    src: url(../static/media/HelveticaNeue-Light.3633d4b4.otf);
    font-weight: 100
}

@font-face {
    font-family: Helvetica;
    src: url(../static/media/HelveticaNeue-UltraLight.47db1464.otf);
    font-weight: 300
}

@font-face {
    font-family: Helvetica;
    src: url(../static/media/HelveticaNeue-Light.3633d4b4.otf);
    font-weight: 400
}

@font-face {
    font-family: Helvetica;
    src: url(../static/media/HelveticaNeue-Regular.1e748111.otf);
    font-weight: 500
}

@font-face {
    font-family: Helvetica;
    src: url(../static/media/HelveticaNeue-Bold.aaf5e86c.otf);
    font-weight: 700
}

* {
    font-family: Helvetica
}

::-webkit-scrollbar {
    display: none
}

:focus:not(input) {
    outline: none!important;
    outline: 0!important;
    -webkit-appearance: none
}

html {
    background-color: #240735;
    overflow: hidden;
    width: 100%
}

body {
    padding: 0;
    background-color: #240735;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    background-image: url("../backend/6020173.jpg");
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-user-drag: none
}

#root,
body {
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    position: fixed
}

#root,
.header {
    width: 100%
}

.header {
    position: fixed;
    background: #713198;
    background-image: url(../backend/6020173.jpg);
    background-size: cover;
    padding: 15px 0;
    background-repeat: no-repeat;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .46)
}

.play-info {
    padding: 8px 5px;
    margin-top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #150121
}

.play-info svg {
    margin-right: 5px
}

.header-parent {
    background: hsla(0, 0%, 100%, .9450980392156862);
    z-index: 101;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 3px 6px rgb(0 0 0/46%)
}

.header-parent .header {
    position: relative;
    top: unset;
    left: unset
}

.main-container {
    background-color: rgba(21, 1, 33, .5333333333333333);
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    overflow-y: auto
}

.footer {
    background-color: #713198;
    background-image: url(../backend/6020173.jpg);
    background-size: cover;
    background-position: 0 100%;
    padding-bottom: 10px;
    width: 100%;
    position: fixed;
    z-index: 101;
    bottom: 0;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, .46)
}

.container {
    box-sizing: border-box;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px
}

.current-game-info,
.last-game-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.game-title {
    color: #de9411;
    font-size: 18px;
    font-weight: 400
}

.game-title.new {
    margin-top: -3px;
    margin-bottom: 5px;
    position: absolute;
    left: 12px;
    top: -9px;
    background: #2d217e;
    border: 1px solid #fff;
    box-shadow: 0 3px 6px 0 rgb(0 0 0/25%);
    background: linear-gradient(180deg, #6262ff, #282874);
    border: 1px solid hsla(0, 0%, 100%, .64);
    box-sizing: border-box;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), inset 0 -3px 0 rgba(0, 0, 0, .37);
    border-radius: 12px
}

.game-title.new,
.game-title.new2 {
    color: #fff;
    font-size: 16px;
    padding: 2px 20px 4px 25px;
    font-weight: 400
}

.game-title.new2 {
    display: flex;
    margin-right: auto;
    position: relative;
    height: 35px;
    align-items: center;
    border-radius: 12px;
    border: none;
    background: linear-gradient(180deg, #ffe3b1 -20%, #d9720a);
    border-radius: 50px
}

@-webkit-keyframes glow-new {
    0% {
        box-shadow: 0 0 3px 0 red
    }
    to {
        box-shadow: 0 0 3px 3px red
    }
}

@keyframes glow-new {
    0% {
        box-shadow: 0 0 3px 0 red
    }
    to {
        box-shadow: 0 0 3px 3px red
    }
}

.game-title.new2 span,
.game-title.new span {
    font-style: normal;
    font-weight: 700;
    padding-left: 0;
    font-size: 20px!important;
    line-height: 23px;
    letter-spacing: -.02em;
    color: #fff;
    text-shadow: 0 1px #de9411
}

.game-title.new2 span.type,
.game-title.new span.type {
    font-family: "Helvetica";
    padding-right: 0;
    font-weight: 400;
    font-size: 17px!important;
    padding-top: 1px;
    color: hsla(0, 0%, 100%, .788235294117647);
    text-shadow: none
}

.game-title.new2 span.manat,
.game-title.new span.manat {
    font-size: 13px
}

.game-title.new2 span.new-label {
    position: absolute;
    background: red;
    right: 0;
    font-size: 8px!important;
    border-radius: 20px;
    padding: 2px 11px;
    line-height: 14px;
    top: -10px;
    box-shadow: 0 1px 3px 0 rgb(0 0 0/33%)
}

.game-prize {
    display: flex;
    flex-direction: column;
    padding-top: 8px
}

.current-game-stats>.game-title.blue {
    background: #2d217e
}

.current-game-stats>.game-title.yellow {
    background: #de9411
}

.game-prize>.prize {
    font-size: 23px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #fff
}

.game-container .game-prize>.prize,
.game-prize>.prize {
    font-weight: 700;
    text-shadow: 0 0 8px red, 0 1px red, 1px 0 red, -1px 0 red, 0 -1px red
}

.game-prize>.prize>.count {
    font-weight: 700;
    font-size: 30px;
    color: #07ba23;
    text-shadow: 1px 1px #0b621f
}

.count svg {
    fill: #07ba23;
    color: #07ba23;
    -webkit-filter: drop-shadow(1px 1px 0 #0b621f);
    filter: drop-shadow(1px 1px 0 #0b621f)
}

.game-prize>.online-users {
    font-size: 20px;
    color: #606060;
    line-height: 30px
}

.game-prize>.online-users>.count {
    font-size: 30px;
    font-weight: 700
}

.current-game-info>.game-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.game-prize>.game-info {
    display: flex;
    flex-direction: column;
    align-self: flex-start
}

.game-info>.clock-info,
.game-info>.ticket-price-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.game-info>.clock-info {
    margin-right: 10px
}

.game-info>.ticket-price-info {
    margin-top: 5px
}

.game-info .label {
    font-size: 14px;
    line-height: 10px;
    color: #fff;
    font-weight: 400;
    background: #444;
    padding: 4px 10px;
    border-radius: 10px;
    margin-right: -5px
}

.game-info .label.starting {
    background: #dc3545
}

.game-info .clock.starting {
    color: #dc3545
}

.game-info .label.started {
    background: #7f8386
}

.game-info .clock.started {
    color: #7f8386
}

.game-info .clock,
.game-info .ticket-price {
    font-size: 25px;
    font-weight: 700;
    color: #444
}

.img-money-container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.img-money {
    width: auto;
    margin-top: auto
}

.current-game-stats {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.last-game-prize {
    align-items: center;
    font-size: 18px
}

.last-game-prize,
.total-price {
    display: flex;
    flex-direction: column
}

.total-price span.label {
    font-size: 15px;
    margin: 0;
    padding-left: 4px;
    font-weight: 200
}

.total-price span.amount {
    font-size: 27px;
    padding-left: 4px;
    line-height: 25px;
    margin: 0;
    font-weight: 500
}

.last-game-prize>.prize {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #59c99e;
    background: linear-gradient(0deg, #59c99e -20%, #98e0c4);
    color: #fff;
    border-radius: 50px;
    margin-top: auto;
    font-weight: 500;
    margin-right: -5px;
    font-size: 18px;
    padding: 5px 14px;
    text-shadow: 0 1px #28a745
}

.last-game-numbers {
    display: flex;
    flex-direction: column
}

.last-game-numbers>.numbers {
    display: flex
}

.last-game-numbers>.label,
.last-game-prize>.label {
    color: #713198;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}

.last-game-prize>.label {
    align-self: flex-end
}

.last-game-numbers>.numbers>.ball {
    display: flex;
    border: 3px solid #495057;
    margin: 2px;
    border-radius: 50px;
    width: 32px;
    font-weight: 700;
    color: #495057;
    align-items: center;
    font-size: 13px;
    justify-content: center;
    height: 32px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .38)
}

.gradient {
    padding: 4px;
    background: linear-gradient(180deg, #ffe3b1 -20%, #d9720a);
    border-radius: 31px
}

.gradient.game_0_20_azn {
    background-color: #08aeea;
    background-image: linear-gradient(0deg, #08aeea, #2af598)
}

.game_0_20_azn .ball {
    background: green
}

.gradient.game_1_azn {
    background-color: #a9c9ff;
    background-image: linear-gradient(180deg, #a9c9ff, #ffbbec)
}

.gradient.game_5_azn {
    background-color: #ffe53b;
    background-image: linear-gradient(147deg, #ffe53b, #ff2525 74%)
}

.gradient.game_10_azn {
    background-image: linear-gradient(0deg, #0fd850 0, #f9f047)
}

.card {
    position: relative;
    border-radius: 28px;
    background-color: #fff;
    padding: 12px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .25)
}

.gradient .card {
    background: #fff
}

.divider {
    margin-top: 0;
    opacity: .5;
    margin-bottom: 5px
}

.card-divider,
.divider {
    height: 1px;
    background-color: #b5b5b5
}

.card-divider {
    margin-top: 15px;
    margin-bottom: 15px
}

.card-container {
    padding-top: 94px;
    padding-bottom: 80px
}

.game-container {
    position: relative;
    margin-bottom: 10px
}

.game-container.starting .card {
    box-shadow: 0 3px 6px 0 rgb(0 0 0/25%), 0 0 3px 4px red
}

.ticket-container {
    padding-top: 10px
}

.jackpot-bar {
    border: 1px solid #fff;
    border-radius: 21px;
    height: 25px;
    font-size: 14px!important
}

.username-container {
    border-radius: 21px;
    background: linear-gradient(180deg, #467afc, #2d217e);
    color: #fff;
    height: 29px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .3)
}

.username-container img {
    height: 25px;
    width: 25px;
    border: 1px solid hsla(0, 0%, 100%, .23);
    margin-top: 2px;
    margin-left: 2px;
    border-radius: 100px
}

.username {
    font-size: 12px;
    color: #fff;
    padding: 15px;
    margin-left: -6px
}

.balance-container {
    display: flex;
    position: relative;
    flex-direction: row;
    background: #ffe3b1;
    background: linear-gradient(180deg, #ffe3b1, #de9411);
    border-radius: 21px;
    height: 29px;
    padding: 1px 5px 1px 1px;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .3)
}

.balance-container:after {
    content: "+";
    padding: 5px;
    width: 100%;
    margin-top: -1px
}

.balance-container .balance {
    display: flex;
    height: 100%;
    background: #fff;
    border-radius: 21px;
    align-items: center;
    color: #414141;
    font-weight: 700;
    padding: 0 10px;
    font-size: 13px
}

.logo-container {
    position: relative
}

.logo-container img {
    height: 35px;
    margin-top: 5px
}

.clock-label {
    position: absolute;
    right: 13px;
    background: #eb1818;
    border-radius: 30px;
    padding: 2px 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .39);
    font-size: 12px;
    top: -9px;
    font-weight: 400
}

.bottom-bar {
    flex-direction: row;
    padding: 10px;
    justify-content: space-around
}

.bottom-bar,
.bottom-bar .tab,
a {
    display: flex;
    align-items: center
}

.bottom-bar .tab,
a {
    flex-direction: column
}

.bottom-bar .tab img {
    width: 30px;
    height: 30px
}

.bottom-bar .tab a .main {
    background: #fff;
    border: 4px solid #40145c;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
    background: #c053ff;
    background: linear-gradient(180deg, rgb(105 24 152), #602a80);
    background-color: #602a80;
    border-radius: 100px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .46)
}

.bottom-bar .tab a.active .main {
    background: linear-gradient(180deg, #c053ff, #602a80)
}

.bottom-bar .tab a span {
    color: #3c1e57;
    font-weight: 700
}

.bottom-bar .tab a:hover {
    text-decoration: none
}

.bottom-bar .tab a svg {
    width: 30px;
    height: 30px
}

.bottom-bar .tab a.active span {
    color: #fff
}

.bottom-bar .tab a path {
    fill: #4e206b
}

.bottom-bar .tab a.active path {
    fill: #fff
}

.bottom-bar .tab .main svg {
    width: 35px;
    height: 35px
}

.bottom-bar .tab a .main path {
    fill: none!important
}

.bottom-bar .tab a.active .main path {
    stroke: #fff
}

.bottom-bar .tab .main .keg {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAnCAYAAAAYRfjHAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHqADAAQAAAABAAAAJwAAAABFuM/IAAAC+UlEQVRYCb2XMXLTUBCGZYYeH0E3wAdgBt0A3wBV1D4B9nCC9DCDbhB3dEQZaibuKSwoaDEVQwHm++Vd58nWU5TYYmd+777df//Ve7IVJUl62na7TcEc3IAvwE3rD+BFT6l+NAQn4DPoY78gve2n3MFC5B3402fiAec361cd0skoVqTxE7VnLfVry5XmM/PPzYduPhqN3oSJzlhDD3ZQsV6AcaxRNeN8w4f2OtbTyNNxEXYRFyA6sNHMQlywBG5/Cbr7IWTONl8dCvdd018FWh87+yDqpxFa0dnQUUREJxVa3kqHsTDW94C9biX3SKKxDnQUtmupoCqm497U0e7jEtd9j4ILEReox01afux5QK2/EFNjVSoQ595lfo2fg+gFqGacH/jQpOV6N4eDl8aceSEghyKKrwxzvHBlwB1ZHuhp57LUc9qhW2NHJHUSlRfv4dUz3Q8gYF1Y/6LOs8gssQqJYUw9B6Xxupw4jYGuo7w1lso9BpkCrKw/Wz547BWkhYTmTB7L6k/rg1PaOuZ8Y09rAkK+k9Yrjak8JM+synY9eRQIbIJ4qLAy4bEGP7HF/xhso5JEgydacY9W++xwgc9oHPVw426V/VTro75NDx+lNqLSUddvFMHPZMjxjcFDDopqa8eVVesvWZR5nsLu4ZEkKw0uTXPQwdxK6Y/BV35BGw1e2eC2t0QrncVlplLu1bia4z9Z++p5AmYsgSzfK7K4qFP86donzxignZq+Nqjj3llQ0NvDbcEJJ3o04xuj6H+lFifOabRrI8BfhyaNohYUMyATKT0iPDCB1qVEsTIqQbGoKbxHRUn3KKDlm9G9TaOtFHUsIsneR4k9CvRPgB/x7M4Wa/DhizsbWggHQ4sWSnuKxhy46R71/qbDnQLf6bJ9QkfWBHzna9YvQfQCqOlo/YtEWD8wovzoP+a6JppTXAH8cbohLsEKKJawkIEJkP0EM57HhRYnGRegoy9Bl1UUFyDtM6xzx4cCJqqdCdrpxrBihyVxb/sHKbdzaZCZa1AAAAAASUVORK5CYII=);
    width: 30px;
    height: 38px
}

.bottom-bar .tab span {
    color: #fff;
    font-size: 10px
}

.rounded-bar {
    position: relative;
    border-radius: 30px;
    color: #fff;
    padding: 10px 18px;
    font-size: 20px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
}

.rounded-bar.purple {
    background: #c053ff;
    background: linear-gradient(180deg, #c053ff, #602a80);
    background-color: #602a80
}

.rounded-bar.blue {
    background: #5ca6f5;
    background: linear-gradient(180deg, #5ca6f5, #006de2)
}

.rounded-bar.green {
    background: #00c85d;
    background: linear-gradient(180deg, #00c85d, #028f32)
}

.price {
    font-size: 20px;
    font-weight: 600
}

.header-container {
    position: relative;
    flex-direction: row;
    padding: 5px 5px 0;
    z-index: 1
}

.header-container,
.header-info {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-info {
    margin-top: 5px
}

.online-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    color: #fff;
    font-size: 13px
}

.online-players {
    font-size: 25px;
    color: #fff;
    font-weight: 600
}

.jackpot-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 0
}

.jackpot-container span {
    display: flex;
    flex: 1 1;
    color: #fff;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    padding-top: 4px;
    margin: 5px 2px;
    padding-bottom: 4px
}

.header-bottom-extra {
    padding-left: 5px;
    margin-top: 15px;
    padding-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, .6)
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.glass:after {
    content: "";
    position: absolute;
    width: 92%;
    height: 60%;
    left: 4%;
    top: 0;
    border-radius: 17px;
    background-color: hsla(0, 0%, 100%, .17)
}

.card.label:after {
    content: "hello";
    position: absolute
}

.current-game-clock {
    color: #4a4a4a;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 16px
}

.current-clock {
    font-size: 25px;
    font-weight: 700
}

.font-size-25 {
    font-size: 25px;
    font-weight: 600
}

.current-players {
    font-size: 20px;
    color: #003d80
}

.rounded-bar.black {
    background: #544d4d;
    background: linear-gradient(180deg, #544d4d, #000204)
}

.loading-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1000;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    right: 0;
    background: rgba(36, 7, 53, .4588235294117647)
}

.spinner-container {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #14001f;
    height: 90px;
    width: 90px;
    margin-left: -45px;
    margin-top: -45px;
    align-items: center;
    justify-content: center;
    display: flex;
    border-radius: 9px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .42)
}

.spinner-container .spinner-border {
    width: 3rem;
    height: 3rem
}

.dialog-spinner {
    display: flex;
    width: 100%;
    justify-content: center
}

.dialog-spinner .spinner-border {
    width: 2.5rem;
    height: 2.5rem
}

.login-container {
    font-family: "Dosis AZ";
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 2px;
    background-position: 50%
}

.login-container>.login-form {
    width: 390px;
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 30px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}

.login-form .bottom-text {
    font-size: 11pt;
    text-align: center;
    display: block;
    margin-top: 20px;
    color: #414141;
    cursor: pointer;
    font-weight: 400
}

.blue-bold {
    color: #2d217e;
    font-weight: 700;
    background: linear-gradient(180deg, #bf7be9, #713198);
    padding: 7px 12px;
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 6px 2px rgb(0 0 0/24%)
}

.login-form .form-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 13px
}

.form-header .logo {
    height: 30px
}

.form-group {
    position: relative
}

.form-group label {
    font-size: 14px;
    padding-left: 15px;
    color: #414141;
    margin: 0 0 7px;
    font-weight: 500
}

.form-group.active label {
    position: absolute;
    display: inline-block;
    top: -9px;
    color: #414141;
    background: #fff;
    left: 18px;
    padding: 0 2px
}

.form-check label {
    color: #414141;
    padding-left: 10px
}

.form-check a {
    display: inline;
    color: #713198;
    font-weight: 700
}

.form-control {
    background-color: #fff;
    font-size: 12pt;
    font-weight: 400;
    border: 1px solid rgb(21 1 33/30%);
    margin: 0;
    height: 47px;
    border-radius: 22px
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border: 1px solid #dc3545
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border: 1px solid #28a745
}

.invalid-feedback {
    margin-left: .3rem;
    font-weight: 400
}

.form-group {
    margin: 3px
}

.login-form .form-check {
    margin: 10px
}

.login-form .form-check input {
    height: 18px;
    width: 18px
}

.language-dropdown.dropdown>button {
    border-radius: 11px;
    display: flex;
    background: #fff;
    position: relative;
    z-index: 101;
    justify-content: space-between;
    height: 45px
}

.language-dropdown.dropdown>button:after {
    color: #2d217e
}

.language-dropdown.dropdown>button:active,
.language-dropdown.dropdown>button:focus {
    box-shadow: 0 3px 3px 0 rgb(0 0 0/45%)
}

.language-dropdown.show>.btn-secondary.dropdown-toggle,
.language-dropdown.show>.btn-secondary.dropdown-toggle:focus {
    background-color: #efecec!important;
    box-shadow: 0 3px 3px 0 rgb(0 0 0/45%)
}

.language-dropdown .dropdown-container {
    display: flex;
    flex-direction: row;
    align-items: center
}

.language-dropdown .dropdown-item {
    padding-left: 12px
}

.language-dropdown .dropdown-container img {
    height: 20px;
    width: 20px;
    margin-right: 15px
}

.language-dropdown.dropdown .dropdown-selected {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 12px
}

.dropdown-selected .label {
    font-size: 12px;
    font-weight: 600;
    color: #2d217e;
    line-height: 12px
}

.dropdown-selected .name {
    color: #414141
}

.language-dropdown.dropdown .dropdown-menu.show {
    width: 100%;
    top: -20px!important;
    border-radius: 11px;
    z-index: 100;
    padding-top: 25px
}

.form-control:focus {
    outline: none;
    border: 0
}

.input-ticket-count {
    height: 36px;
    width: 53px;
    margin-left: 10px;
    align-items: center;
    text-align: center;
    font-weight: 700;
    border-radius: 50px
}

.title {
    color: #713198;
    font-size: 24pt;
    font-weight: 400;
    margin-left: 15px
}

.btn {
    background: #4382f7;
    background: linear-gradient(180deg, #4382f7, #0a54c9);
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: none;
    outline: none;
    height: 50px;
    font-weight: 700;
    font-size: 18pt;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .45)
}

.btn-purple {
    background: #d59af8;
    background: linear-gradient(180deg, #d59af8, #713198)
}

.modal-footer .btn {
    font-size: 15px;
    height: 40px;
    font-weight: 500
}

.btn-accept,
.btn-yellow {
    background: #ffe3b1;
    background: linear-gradient(180deg, #ffe3b1 -20%, #d9720a)
}

.btn-profile {
    font-weight: 500;
    font-size: 18px
}

.btn-cancel {
    background: #ffe3b1;
    opacity: .5;
    background: linear-gradient(180deg, #ffe3b1 -20%, #d9720a)
}

.btn-image,
.btn-image:focus,
.btn-image:hover {
    height: 24px;
    background: #240735;
    font-size: 8pt;
    border-radius: 50px;
    padding: 0 12px;
    width: auto;
    margin-left: 5px;
    font-weight: 500;
    box-shadow: none;
    box-shadow: 1px 2px 3px 0 rgb(0 0 0/50%);
    color: #fff;
    --color: #240735
}

.btn-image:active {
    background-color: #240735!important
}

.btn-image:active img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.btn-image img {
    height: 13px;
    padding-right: 8px
}

.btn-image.auto {
    padding: 14px 22px;
    display: inline-flex
}

.btn-image.auto.off {
    background: #c6bebe;
    font-weight: 600;
    color: #606060;
    box-shadow: inset 0 1px 3px #000
}

.btn-image.auto.off svg {
    fill: #606060;
    stroke: #606060
}

.btn-image.auto.on {
    background: linear-gradient(180deg, #57e26c, #07ba23);
    box-shadow: 0 2px 3px 0 rgba(40, 167, 69, .6196078431372549);
    outline: none!important;
    -webkit-animation: glow 1s infinite alternate;
    animation: glow 1s infinite alternate
}

@-webkit-keyframes glow {
    0% {
        box-shadow: 0 0 5px -5px #aef4af
    }
    to {
        box-shadow: 0 0 5px 5px #aef4af
    }
}

@keyframes glow {
    0% {
        box-shadow: 0 0 5px -5px #aef4af
    }
    to {
        box-shadow: 0 0 5px 5px #aef4af
    }
}

.btn-image.auto.off:active {
    background: #c6bebe!important;
    font-weight: 600;
    color: #606060
}

.btn-image.auto.on {
    fill: #fff;
    stroke: #fff
}

.btn-image.auto.off:active svg {
    fill: #606060;
    stroke: #606060
}

.button-spinner {
    height: 1.25rem;
    width: 1.25rem;
    margin-right: 5px;
    border-width: .18rem
}

.btn-text {
    width: auto;
    display: inline;
    font-size: 10pt;
    height: auto;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid;
    background: none;
    color: #414141;
    font-weight: 500
}

.btn-text.purple,
.btn-text.purple:focus {
    color: #713198;
    background-color: #fff;
    outline: none;
    box-shadow: none
}

.btn-text.purple:active {
    color: #fff;
    background-color: #713198!important;
    outline: none;
    box-shadow: none
}

.dropdown-more {
    position: relative;
    background: none;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    align-items: center;
    text-align: center;
    padding: 0;
    margin: 0 4px
}

.dropdown-more,
.dropdown-more:focus {
    box-shadow: none
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #713198
}

.dropdown-more:after {
    position: absolute;
    width: 10px;
    top: 6;
    left: 50%;
    margin-left: -5px;
    content: "\2807";
    color: #713198;
    text-align: center;
    font-weight: 700;
    font-size: 20px
}

.dropdown-more:active {
    background: hsla(0, 0%, 94.5%, .9450980392156862)!important;
    outline: none!important
}

.dropdown-more:focus,
.dropdown-more:hover {
    background: none!important;
    outline: none!important
}

.circle {
    position: relative;
    width: 36px;
    outline: none;
    height: 36px;
    border: none;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .46)
}

.circle.minus-button {
    background-color: #fa6363
}

.circle.plus-button {
    background-color: #59c99e
}

.minus-button:before,
.plus-button:after,
.plus-button:before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.plus-button:after {
    height: 1em;
    width: .2em
}

.minus-button:before,
.plus-button:before {
    height: .2em;
    width: 1em
}

.plus-button:active {
    box-shadow: 0 0 0 3pt rgba(89, 201, 158, .47058823529411764), 0 3px 6px rgb(0 0 0/46%), 0 0 0 6pt rgba(58, 146, 112, .5294117647058824)
}

.minus-button:active {
    box-shadow: 0 0 0 3pt rgba(250, 99, 99, .38823529411764707), 0 3px 6px rgb(0 0 0/46%), 0 0 0 6pt rgba(250, 99, 99, .47058823529411764)
}

.circle:active:after,
.circle:active:before {
    background-color: #fff
}

.modal-body {
    padding: 0 14px 20px;
    color: #444;
    font-weight: 400
}

.modal-body-list {
    max-height: 400px
}

.card-container::-webkit-scrollbar,
.modal-body-list::-webkit-scrollbar {
    display: none
}

.modal-title {
    color: #713198;
    font-size: 22px
}

.modal-content {
    border-radius: 20px;
    margin: 20px
}

.modal-header {
    padding: 20px 14px 10px;
    border: none
}

.modal-footer {
    border: none;
    padding: 10px;
    flex-wrap: nowrap
}

.modal-backdrop {
    opacity: .8!important
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem 0
}

span.manat {
    font-size: 18px
}

span.manat:after {
    content: url(../static/);
    font-size: 1.2em;
    font-weight: 500;
    padding-left: 2px
}

.modal-ticket-edit .modal-content {
    margin: 0
}

.ticket {
    display: flex;
    border-radius: 10px;
    background: #fff;
    padding: 0;
    flex-direction: column;
    border: 10px;
    background-color: #fff
}

.ticket-row {
    display: flex;
    align-self: flex-start
}

.ticket-cell {
    display: flex;
    flex: 1 1;
    min-width: 0;
    color: #000;
    background: transparent;
    align-items: center;
    justify-content: center;
    border: 1px solid #414141;
    font-weight: 700;
    font-size: min(4.6vw, 21px);
    padding: 2px 0;
    margin: -1px 0 0 -1px;
    border-radius: 5px;
    outline: none
}

div.ticket-cell .editable {
    text-align: center;
    background: none;
    width: 100%;
    height: 100%;
    color: #3d3e3d;
    border: none;
    font-weight: 700;
    font-size: .9em
}

div.empty {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

div.empty svg {
    opacity: .5
}

.ticket.small .ticket-cell {
    font-size: 15px
}

.ticket-cell:after {
    content: "";
    padding-top: 100%
}

button.ticket-cell :active,
button.ticket-cell:focus,
button.ticket-cell:hover {
    outline: none
}

.ticket-border1 {
    border: none
}

.ticket-border2 {
    border: 1px solid #000;
    padding: 3px 2px 2px 3px;
    border-radius: 7px
}

.ticket.selected {
    background: #607d8b
}

.ticket.selected button.ticket-cell {
    color: #fff;
    border: 1px solid #fff
}

.ticket.clickable:active {
    background: #240735
}

.ticket.clickable:active button.ticket-cell {
    color: #fff;
    border-color: #fff
}

.pending,
.success,
button.ticket-cell:not(.disabled):not(.missed):active {
    position: relative
}

.pending:before,
.success:before,
button.ticket-cell:not(.disabled):not(.missed):active:before {
    content: "";
    position: absolute;
    width: 80%;
    height: 72%;
    margin-top: -1px;
    border-radius: 23.5px;
    background-color: rgba(67, 130, 247, .8)
}

.pending:before,
button.ticket-cell:not(.disabled):not(.missed):active:before {
    background-color: rgba(67, 130, 247, .3333333333333333)
}

.success.yellow:before,
button.ticket-cell:not(.disabled):not(.missed).yellow:active:before {
    background-color: rgba(241, 183, 80, .8)
}

.pending.yellow:before,
button.ticket-cell:not(.disabled):not(.missed).yellow:active:before {
    background-color: rgba(241, 183, 80, .3333333333333333)
}

.success.purple:before,
button.ticket-cell:not(.disabled):not(.missed).purple:active:before {
    background-color: rgba(113, 49, 152, .8)
}

.pending.purple:before,
button.ticket-cell:not(.disabled):not(.missed).purple:active:before {
    background-color: rgba(113, 49, 152, .3333333333333333)
}

button.ticket-cell:not(.disabled):not(.missed).success:active:before {
    display: none
}

.missed {
    position: relative;
    padding: 0
}

.missed:after,
.missed:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 3px;
    background-color: #af111c;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .5)
}

.missed:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    padding: 0
}

.ticket-cell:empty {
    background-color: hsla(0, 0%, 45.1%, .34901960784313724)
}

.rounded-bar.blue {
    -webkit-animation: shake 8s cubic-bezier(.36, .07, .19, .97) both;
    animation: shake 8s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

@-webkit-keyframes shake {
    1%,
    9% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    2%,
    8% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
    3%,
    5%,
    7% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }
    4%,
    6% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
    10%,
    to {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
}

@keyframes shake {
    1%,
    9% {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
    2%,
    8% {
        -webkit-transform: translate3d(2px, 0, 0);
        transform: translate3d(2px, 0, 0)
    }
    3%,
    5%,
    7% {
        -webkit-transform: translate3d(-4px, 0, 0);
        transform: translate3d(-4px, 0, 0)
    }
    4%,
    6% {
        -webkit-transform: translate3d(4px, 0, 0);
        transform: translate3d(4px, 0, 0)
    }
    10%,
    to {
        -webkit-transform: translate3d(-1px, 0, 0);
        transform: translate3d(-1px, 0, 0)
    }
}

.modal-progress .modal-content {
    background: #fff
}

.modal-progress .modal-content .modal-body {
    display: flex;
    color: #444;
    align-items: center
}

.lds-circle {
    display: inline-block;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    padding-top: 15px
}

.lds-circle>div {
    display: inline-block;
    width: 41px;
    height: 41px;
    margin: 6px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    border: 5px solid #713198;
    color: #713198;
    font-size: 14pt;
    font-weight: 600;
    background: transparent;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .58);
    -webkit-animation: lds-circle 2.4s cubic-bezier(0, .2, .8, 1) infinite;
    animation: lds-circle 2.4s cubic-bezier(0, .2, .8, 1) infinite
}

@-webkit-keyframes lds-circle {
    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, .5);
        animation-timing-function: cubic-bezier(.5, 0, 1, .5)
    }
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(5turn);
        transform: rotateY(5turn);
        -webkit-animation-timing-function: cubic-bezier(0, .5, .5, 1);
        animation-timing-function: cubic-bezier(0, .5, .5, 1)
    }
    to {
        -webkit-transform: rotateY(10turn);
        transform: rotateY(10turn)
    }
}

@keyframes lds-circle {
    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, .5);
        animation-timing-function: cubic-bezier(.5, 0, 1, .5)
    }
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    50% {
        -webkit-transform: rotateY(5turn);
        transform: rotateY(5turn);
        -webkit-animation-timing-function: cubic-bezier(0, .5, .5, 1);
        animation-timing-function: cubic-bezier(0, .5, .5, 1)
    }
    to {
        -webkit-transform: rotateY(10turn);
        transform: rotateY(10turn)
    }
}

.number-list {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    border-radius: 50px
}

.keg-hole {
    position: relative;
    flex: 1 0 auto;
    background: #40145c;
    color: #fff;
    margin: 5px;
    border-radius: 50%;
    box-shadow: inset 0 6px 10px 0 rgba(0, 0, 0, .75)
}

.keg-hole.main {
    flex-basis: 15px
}

.loto-keg-new span {
    font-size: 1.8rem;
    color: #de9411
}

.loto-keg-new {
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    height: 100%;
    border: 4px solid #b57e1c;
    background-color: #efecec;
    --background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMJDhMYEkBm58sAAABISURBVHhe7dExEQAwFINQrMRD/Gurhix/6LGwc48AmUKBToGQMZSOgcyhY25eblx+0ldfffXVV1999dVXX3311VdfffXVV/8Btlgq5Eo+mtMAAAAASUVORK5CYII=)
}

.loto-keg-new,
.loto-keg-new span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.loto-keg-new span {
    font-family: Helvetica;
    font-weight: 700;
    margin-left: 0;
    text-align: center;
    color: #240735;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff
}

.keg-hole.main .loto-keg-new {
    position: absolute;
    border: 6px solid #de9411
}

.keg-hole.main .loto-keg-new span {
    font-size: 2.3rem;
    color: #240735
}

.keg-hole:before {
    content: "";
    float: left;
    padding-top: 100%
}

@media screen and (max-width:360px) {
    .play-info {
        font-size: .7rem
    }
}

@media screen and (max-height:600px) {
    .ticket-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-height:650px) {
    .login-container>.login-form .form-group label {
        display: none
    }
}

@media screen and (max-width:359px) {
    .jackpot-container span {
        font-size: 12px
    }
    .ticket-cell {
        font-size: 14px
    }
    .loto-keg-new span {
        font-size: 1.3em
    }
}

.connection-bar {
    position: absolute;
    background: green;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 5px;
    text-align: center;
    line-height: 1;
    margin: 0
}

.confetti .modal-content:before {
    content: "";
    background-image: url(/static/media/confetti.996f0368.png);
    background-size: initial;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .2
}

.medal-background .modal-content:after {
    background-size: 100px 100px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAJZlWElmTU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgExAAIAAAARAAAAWodpAAQAAAABAAAAbAAAAAAAAABcAAAAAQAAAFwAAAABd3d3Lmlua3NjYXBlLm9yZwAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAGSgAwAEAAAAAQAAAGQAAAAAGDGEKwAAAAlwSFlzAAAOJgAADiYBou8l/AAAActpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDYuMC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx4bXA6Q3JlYXRvclRvb2w+d3d3Lmlua3NjYXBlLm9yZzwveG1wOkNyZWF0b3JUb29sPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4K56DsKAAAIWBJREFUeAHNXX2QHEd1756Z3b0P3Z1kyQZsEuMEg5FsbCwqVYSvs0koMJBKMGdkSwJCQCYpG8t/hBQkwSdCKKBShR0XVFkkkGAZ25woKsHg8FH22YRSUWVhGyPFYBKKCthgSZZ037s7H/n9Xk/vze7O7M7sru7S0u3O9HS/fu/9+r3+nF6tCoZIKa2Vwhc+btpxlxoduk4trdQQU1Ia/wYXQpByTGnRn+lb7/lCtGdPSe3f79vy8xYVvfnNFX3//dWTU5OXuSr6jqv0Fj+KDP28RLqki3mqj1VK5flq/Wv/oc+ZumZmJkjqqwsJeezkSZRMw4Kj6WnJp2+7ZyfA+IIarpSVjgKAIkAl0/dxzTKoNKVK3j9HH9zxAb1/f11NTTkUUuJzfERTU2WCsXj15Ct1FH5/2HEIho+shWXvUFwEnnyCMVfz7x0/+NDbBQzoqWjlyS1YKzMQ1NWoAYyPbt5xuxqq3KCWqkFsJYMUlmW4qlxSqubfrG+9+1aWrbZti/T0tAGslbn4XsCYmanNTU2+JoqiB4Zcp1QNwhoelwdYc0jKH6+USnPV+pcmDj70bhYfTU56enaWwBcKPQPCUppA2fvOT6mhoQ+pFYBight/D+KLNLWqlB1Vq35Yf+beTwoojIwrRWshFoyFd1zxhkAF3644rlMNwzoELg0QDFaIEGB481X/jvGDsx8gH72Cwbx9ASKFJ2prdPO1H1WV0j61UiOjlHvwoAwBlJXaPrQp0/ATWu2b1q2WYsE4PfXatzjKvc+FlPUwOhNgRADDhZu6bWJmdq/VR1Yl4fNuoW/XYgtnu6I/c/fHoKy/BCikSzCstXTjI89zAy7BHqrcEsEi0bsQt2WthUSiPdtL4Kl26urXXl3W3n104j7AwKMBWoZ0CKLxcsmFZXyKYKD2adFBhsXmEZBp+rYQW5DU1mumHAIU3XTtX6iK+1lVhwuNFP2oZ9MN4FvcBDoSHtzjP+rP3HMTaUoP7Kc/jei3T7/jdTuHXPcArEIFaMAhpDdANyXuc7zsOXO1YN/EwdnpaJodhGnVaqm9yDowQEQpdCHX7/HYG4r27niP8twvqgD6i0wN7YXBjDwEJQAoJbVc3Q/3db1NN3f16947jF7ZShAo4DEwMKgogEownPGSp0/Xgg9v/OrsJxs9zi4dDMtft++BAsLCxFIsKDdfe41y9L2MVGEIS9GDsxR0mzBG8dVIpRQuVg+4t92z+9TVr//zibL3uTlYJgTzUergyjNguABDzfn1vRMzD99GV7lv2wwwibvn3bSd4/nAAbFl0oWIpdz0zrcqx/k6gIFIofhym2YA3/REIbrEbri0fHjhmWcv9xxHYzQGMKJBgiGWNuq5at73P7Dx4MN3sCelZmcDSEUeBhb6btSzOBEwpjEou+3e++DI/wBgBMp1MZhQHAcMKrBCoStc852R4e3DZ2/W9SiEpwIYnE/oM8QUfEdrD2MYtVj330MwHkHH4UyAQXb757qL0NGNmLa4/f5qtPfaV6Ef8gBAGVJ+IIOzLlkLPsboWzuuv1LVS8dOwEvCoxUeJ68WScWg6vsewHAB7koU7dg4M3sve3Fq/+HC0zerlDtfnTELscUKGLSUW+8+hP7W7wOMOUyFlPF8kJYCcmifwlB7w0Nq5JzNMBD0iWErfVhKveSAJpCphf4fE4wjU9vKev9hjmcG6qasrvh9xi3EFhYRlOmZGsYPL0OxD6uytwVTIVU8r9g0A/lmBwLuJcB85yItJQxhKah3jM8RYsuolx1dqhFQx3nTxFce/JYdbOYg0VeSNQOEXDbc1w1TF6BL/D00xuepWn0Zj4b7kqIls7grglKtq6Vjx1WIrreAQgV3CqKNqFZx3XItCOGW9B+OHZydXSswyNqaAsICG6Ds3fUCpf3vq9HKBWqx6sMJDLJXZCwCoIS1ulp89oQKfTQxJQz2dTYoUIY/ol1vqR6sQDNXjs88dGgtwVgXQAQU2yVWUxvUe71/U+POlZEOQuhqsG0a3RTcVYhxyeJxgHKqpnTNUVFKKRpz827kOMGIOh5tcN608csPHn4K6ygXYuqePK9VGGytzMv1HecGar9SK4fmt+hjpf8pPzr8ev1r11XD8CnhAPqrlg+SwrSTU/bU6Fmb1crFcyqagPuqcRLMJordBKJGKi6N9YMbbv7O4aen3zZy7vTXl1ZTrc3VugDys/t/wPFI1T1RvrJ0Xvl9VWfJLz82rPQvPa1GUasHOSVJrwxLcTxPjfibVP1FyyocxbIN+0ps68EIsZE2f9RTpSVfSn/B1qHCaxmDgCzFeAdBtjONFy9sEEceedGCOgW50bmsXQ5FnY8B9pyuQ0NUhplETP+m0sx8loEvK61JB7uLXJjKr1XoPTQU6hMO+l4YQK5glRNdqagGduK/oBYMcsmgsyJSnq6LhTT4iEIHvS34LsS4WOR+xYp2No6V1FNgy4OOBbZGalOV6YZYpRmyvJvt4jI/r/Ff2vIJfFe1Kv8Q9H8PnbvNgfKXQs4Im8Vn0HWdDq2+FHpmP9YXEMpGpcF/e5jsQlfrlP+i0/dXnh59nj7pvBDbJrgkjD0JtCH8Q7XGP0zj4i/AyDzSJoY0GAiUg38azbaLQR0+5U/jkyXVYHkucp8GTIdKJX97/VgwEb0EA8DNPlAhifUO6w+IqfCBW3G9+lLws+G33HcdlRJ988aKOqca6ldiY0NKiB5524ga2zACVzOsQkzBMjjoTpX1sppfXNKvTG+Qo0ewc2X4pNbbVFBWXw+q97/1Byh7c7CMtoPAr3NYdwYoPz0Kv9H19KKvYER/zUxNX3V7o7sZPbnrparmbFdRcDESXYiU56GOb1FVNYZsFViEkSPyfMRVVWliPvrR7uOg/Cuke0pp98eqHB7WFx34SRJgbJ9xqt98RGYKLA/kYz3DugKCNSQE+CK4LF6hFakTjOjJ945hNfAqDK/fgMhXoY25SI25npLJYiTkohdH3dz1xJzW29j2xdXPhwe8kFMoEph+PvSjx3Y9icIOIf13lV/9FhbjTy9/4yqZUzM8aGV4MtnW43N9APmdTQKAdqFkKBNTG5jnwHhhuLwl+tGu21W1do0aK58jayjcL1EDcgv1EGkxiEg0uhFGE60NO8FpT2PalLJ7sSo7FwPM96sF9RuUNVM7vrCFZQsPyCs8EYmYx7UGZX0AUc9wHFIPq/XTWPFT7uiQE41VovJQ6QI1VsL+LvR6F8yCPLVLI0J6Kr+Z31YwqL3WOHOPXhTAXEG3GvPoJKXK7vPUiHdDGSP5aKUeYbcCOgMAhjxJMDya67X7XNNxCNef4bc92+AOPX/iVersMVXaPKp0BYPCAD7oVLUGi4BZsIEVALD7U3pJ0s70qBo6RcrKySyC6kkZLAtlsmzyQF6EJyQgj+TVrpn3WG7hbP0IWagw9m5sgxod2bkV2w9ux86UK2EnqJZwPdwgsWbctLBOByqQwR2WYDLV4AHsU7lRb7vrKFMmeW/JOfDbNVFBdAQ9p20z0njCb38MUvytGoXXQrsAB4IV0oHL1RNB0/xgnLIB+8oWpbf9d/rlBz5KYkkZeiKeM9MZV4WtXdFj7zoPPvoeddbQa9RJDM0j1fuGB+kSxBK2SmCftcbnVEicjNM3JbVpSKnnVv4T08M79GVf+pWVpRipYqn7Y7tDWZiN0Gr2CldfMetjTHAVELhbbSiPq/kaxxd8dQGtaQcC9pFNYzm15mTv7XObvjWe1Z7BprPPTWz6J9Og84fPOnp7FbVQm4NPu1a//M5vRg9OemrywQBLxJZiOo0eY/OwV5i0NIS3QAQ9HQKM96uKs1/EqxXY3EBxyR0BMArCuBA6YhfVxzf+uDwr6+ZW6UjLjQ1cHdSe+eNYRHM8EtNgN1vA4X2+UEOPrCxdgmq4B6B8ngNKtQ8kB7Q5LslGfraSuTpci2WofahAAOPxXR9BDft7WAWUwF0hLd3WNDoWiHjHSFTH1BWWYkMuKmI8EhEIUSoTIliLMXf4tApnLxl/BKaMKS3sPHWw0dGsGiIZB5a2rEbejAvL+xj2ZszX/lpfeuATAoq6JRq0pQwUEOgJbmrSuql9alPlo/DBMh6HqJ2nta1yCASUFSwDhKWaAUJ6wbHuLQBJzpmXIS0OTBE/eQxLEWBGysodRqciLisnMEaOs4ZcdbL6MVjKLcZ9YbNcPNNgSunvMylCf5SQ2zZ6sIyb1ET5VnUKVdqU0B0MsQgDRDC/IkCQIdZyoUE6VvF8YANrAafwESKuLVnA7HN+27zIL9aFKALjjg0ZYJiHFsN0nQPfElNqI0zudG0vLOU2K3PnbPmfdmchJy3bLQQY12IE/GWMtsk6/7IHn3xKDgAGXZJ/CotUK+jgMC5NsYhuCkhHF+ZtGpFo/+SSuKhU4Joy4ia2HGeopLyNwwJQTjfGxl5DRg0ZrwMod1vZW4vo5X4ggFiGoiPXXaYC91GBgOsVMtrOYEugokaxEXduRQVzy+JaZLdhRpa0aDbq5eePy6Par+ekUU9LlxXH/MTeHR9W3ji6ufmsBesqaA8JjRu8Qm/78mNWB1nl5I3Prr05KbBx46AvegrrF75zrxqG+wgiDgKb552S9GIw6GJqxxZgGdhLAEVovupUIND9OGyw4bLkD9eCagEaUibKJg/kRdyeuM+ORDyRkbJCZsouOmDvq8/QNwGljhgtLp36vNpYeQnMuAqD5lbR9EAwoPiw5qvas/PGRaEnJIHP8gaWitpNlyONM5TIa2kjiuAal8neGN2l8ATeyGNH10cZKavIDNklxLrIK0NKur4AETPVeGPqsd1vxyztbkwM0k1VMgWxYKAHVQcYHFNIDS0ChBUCeejeBJA4jtfSCeiVHkEAT+QtBI8dQTFlVERmyE4daOoC00SWxV6+i9SlJvpRhNeiycDP3zOkTvtPqiH3fMXXlrgGnhYoAC1jxVf1YwAD7kb8dVraPHHIz95V6XljBgTkoXVQmRy79Eub+UuY/XWG4Hnl9f8MptAxhOwuZP+FmvAu0hf8Cyb4jW4ycnSM7t1CDm8yeeeDfTDb8zFDyvmfbDBQmzmwqx9fMGDQT/cRiKdYBEfhBJv4yjiDbqsPwsxK3ggueCXP5j6DJmWm7NQBdcFgdZORpVN0T1rhgEjmqJ549+9iqe0oan4Z7yylWweVw1IgIP2zCNjNP3fi2D4DvdIW1OARtCGswQy0wCW4w+OwQPaW+gnMDroc5ZfPwdI96VlZWunSSjztIn1NOe5Wfcm//rfVUWvSbve9Wcjk2UYDYXAjRuNlsMOGPN06KBiEqXOMwSZmQGDQXTnY+tkY0LEcNvKIk4Fiv2ZCCQkweCbvAgjLSAuUnTqgLqgTBqujtPQd4goDIt1cth2P73wh6L5PzXMWPeN9PgoF8w8WqypYwIZy6146MNT1ESsq6Epj3kpPlIjpEeltgVKWArsWEicAPfJM3ilDR9dFHYgu1PuoG2lfe+gGFwZEHX7aWEKkrkeNGMWsK7aUZ1sHR9L+6WVUsH61s6okXgkgBKA1WLAYn/a8NX2Oe/JOGShLJsjUAXVBnVA3DFZXOcqwSQppCTWTvEXYO+Wql1TYs3oxGjROurW7KyoDJs/pDI7Ee+7eWk7tN5mAuyqjdyVuxMYnv5Gm9hu0V1lzW8m0ea5plWhPOJKXaZrsXleAZWn2uH6mflq9CFuauB9SdJanGKYpZiFHp9CCIrys/AY17BEMmTyQuOQHwYh7VTT1fl6+TJJl7ZSpDhkMgvUsC8B6iLgttCmZNbqJcJcbkoldb5deF3tcoeiGOmKwOutShH1cDJBnjxEANJ56JzYDyJXcZ3wQDNasgQUqBibqcmzQJXD8wLSZoHXJn/aYskhb0tmvhKIb6ojB6iyNYEpcbkBksMPl2Md3Y8+OmpTNa1n1D1S5uhdgPYM6GVig/eO1NI0XcKRlz6LNdEgji1G4HlSgLJRJ2pJszWnRDXREXcnwAAPFvDxkk22lgNGGRGn9cmj5tzMBofzgnPNCphGEFFRc339svECGNZ+9qy6BaZhW8KAm+y6fMoAHNOyUTWpaOtYxINARdcVgdSc3nT+6277Nv2y2f8KJvxrLskrhkCg8akeegkMLMhfEvLgXtyXajCOa/IhkMAn5WJ7ZON7zmgHeEv9dth+MovO0j/g4GagoYMa0wekVUGS/wya2WuQ9r208Lht8Ia7Br022OhtN2dxR6CCZldlNAGp47WGMh6LUXo2oQ8rqzqbo8J0LEPCGovcTADLBQhioktT8EdamOKBixeSHN2HXGZBFIpm9hwB64q66NdYsF2mY1jsLi1cWgx6KFGDQSeC3dFCw2YQz1ZQxY7lASpeijK7+QW3fj2MeITmh6hJSFdqeZxrEpkNZ81g6iV2HxCKlfrA49q6wLZdtiPSuoBh2P0sboRiuV9hGnmz3EghGzsDyvYkeX4G3xXBmgXNwXLORimDcFicwtQdrlbg2htDfh44itVXWSvTtVbMpYtpSbctgI/IBMtNY8zgXOLwQ7+WxMDhpSybxjTjWIKmWtAawECxUxYWxD++O4nUMugNRbBqBBK20y6JZbAVIo5UZB/7IO/4CjKE4lpIKxrZLyjdWIvNoaTSoGznlELpaOgWdqZ8rq8O09Im47q0jE0/FOdzwXFXSI4I+XGqCjrlkDGSR6W8+xjUDF394XT+xCOEWTTzdgDxkggJ/kqnARxHaTMsgLgqLgeCVPJN3kYHPRCZ6AbRLvLZ5+MwG6oYWQl1RZwxWhzZNxnc+QGaPmWJD51yF3RpgJNlKNpNG7ZfalGQ0ZpwuxJ+vYtZ3zlgR3QGDCGku1+3T8sAJRVg4eSSv4nbJpn2OSzF8jolp6emBrQVG7dAVdcZgdZievhGbDxCbPArPltla8IyopMpNCsRwJE1A0h4zERvCkD4ZUxt0ByIduciUjbnOcGDZ5AH8kyfyRh4zGm1JSBkpa4oWyCxtJDQz29BZgZCvDbEEHWdCZjw7qY+1hgK2w2WoUAZYCkMdLoG9MbYt4hLo77PymdyD/ySvqCQcX7CtCJZoFWge4/YvtUDyyHxiIZkMoyXBM+qsQCgGSIQ3XjsGMNBgtGNCeShT29ydCBdR2jRqFptY60gjU87udHOlsGXQYrmohcpBUGTQyWfdgq14wmiHDF111lxQMZcVajO52EzD3MU82Z2BaUna4pBH3ALMv4Z1dtZQCaxZHWRso1M0grRjK2WZLLuXDRcNWTvx2klnKXwXsxD0LVJoNEWJqTfFdLmhMHAP9BBcc6ALK52F6TI7Zhm0pbA8uii2Y8/BZWIapDEV00mxKWLkk7W7zpKki1mIE8VVOEkieQ2JqEBqt4cge6MASO03czJ2sbW4B1LZWWAZHBexDJlNsHvCsnOkP6GMImYXFLvqrJl8MQsJnVNmQJfi4ckcebOMZne0mjlI3hFP1F724dj/lwYfI23bCUgm7eWavSL/NBpuAMLaLWV10WdqOcwjvTLwKjKnpkLjhIfUWYFQzEJ0dIy+FkwwX6ooVJ5xAamPu7MWC0g63AXfZUGoOz2mIE3QIy3SFIBtBcpHoSUV57HQEwPNjIC+P3REXVFnBUI+QOwOCu08jRUxmipneds1LsoEIHAD2WOmnNyBgHnJBkac3d/PR4x6A40GvT6ZY3bpptMbtGuBPAEx6Eh0BZ0xWB3KTfZHPkBmYgK+/zReY15QZioknRXwKNtwyGlmBcpmyD6h0HzjyQyubGwf3+QW7pA0+8IjlklkzJKP9kEdUVfUGYPVodxkf+QDZGqbUX6l/gzA/yWOp6Cy2Uq0B1EkmyZwa3K1p8kZ4/Atpz5pNBVF3kiznwAaxIHWlskbdUMdUVeiM1xaHXYpOx8gappdbhxpxHfN9Y8VT/dMY4ecMiGXWcWKetQmaDigwVcNpDpn1cQuwjU9jnmT1xfIf69mwnyQrbE8nM4btlVSR/rH5jUFYjidSxm5AIGrjNThPXGPTH8vFkaqQJPQ8Q0bPNYgkTmd4bRsJg7pib7su7IzwtmpkTjxMHmdiG66BE2zkQ6Je+LNWEdj7NJEXG7IRdyIQlcM0J3oUG46f+QCpIlEGB7C0iSEkTdqM1WAk31MtswUTVRXbyR982sGqw9brkT0hFbZ68lRnoDdi0uNaTdka2EnvqUv4fItOhLQVcGQH5DtJ02bsbH0BMr4ufhINl5pgTUcFkK3U9Q1iHUgn4zUxcTSCkAcS+aIG/NPOGLJ7FTnGgTHMelcGUKgKa9Jo4zG1EdGEW3RlAv5TPuRUQh1Iu0HdGR0pZTVXRvB9ojcgMheVR4gg/cfIPF3sUMPVpKhMfDKNsTB68cZKdo5YQwrO/KyBme6BKsHKJ6vTcvaCjYd8DVquUacgEJ6Ni2vE0FcKjdL8HnCwBJJUi8pC2Uy7WNqEqMT6gY6kndFqDPshc5I3RadG5CmnNq5C9slEaWz84N77swQxWYopokmb2IFyUsy9j6ZiM/jwZiZFMS7Jhh8ccRtJynrfGex0yRlzIuUEVeAZBGZ18hHWWS3ScdaBp1QN9RRD6FA/WimjuPyjmDL5FYcCkZkWCWaAwWHoviqs2y27uZKmBuCsn9fwvsYMgomDcthTE8mBbmOgjexskbKnCKhwjml3zZJGdNkGnnbKs/+X/Age3sxjcNXqGWjhuWLfK8GvE0FAZb9o/qyA9tWo/NfZdfwDBp8UV4eaX0AgPCSL+q0B8ZBaG+sYtoSXHcLrHg4TGzVqkjDZoNlyKQgl38JBgHOCHzGNHRhzGOtylogv1nbWVbHym7pE2C0HZQlc9bAsIMfKoNOqBuEhq4snRzfhQFR951r/GHg/ROOmHgO+1jxkoqssbcXR2Wim8lalUtwJJcjL6yuJT9u8N3YcMDpoW7WJgpHPqRt3lhhaAmjuJSy2rluiyHvYhnshpOntEAdUBfUCXXDYHWVlj4jrjAgPAFHXte6/IvH0K27A4d9sQaaTXSthUBomUNCF9jDMRay1s64tACpG/t2rTVB8ZFsOMDiVcaGgzRSEkfFoSy6NbOxgq/TgU1rWSij6/5f5CfP5F26uuQri3/qgLqATjR0Izrq4bSgwoA0KcBRn0ONwNyWhi3Lee1Nj+WGAkDZcnwFejayrbRVKAoOWdmdlE4AM9JFYWbWvJfY2UVJOR0+aFEWWNK0LoxlZQ5gyRPW+NnjE+sgg618r5aJjQHQAXVBnfQRegJEdnSzO3fpXb+ECX9a8cVL8J/JB59gqCqHXXJKpbWmxTll3y6AkAb3BMYWzw1oSZf0QZeBNOugzTIYJ2XyQcwDL0XxtCDwKodjZs/qSnJ8RKID6II6kQNp8KaAfVjkuydApIDtcVty6Z0fV6er/4XeBVFJZ4K6EAHx5tPZG6CIFlBQ+2TAhYk/bmRm7ydYxKsM1r0UkahLWtIkbXs4ACcbmwawMa/kkbzKrG5rBWouwxfZqQPqgsHqpjldrrueAZG9vjzckkfdOdHeuAZmG7UFBZvCSwQF7sK4L1gEKyvcFTczs2fEvcBdG+5c4qUkQlniwlCG9MJQ5qrbAi/cigTeyKMGr23W3E4S8zwQDjqgLszpFtNmVqM9bdeYngEhZZnJ5Dvrl9z1bfS9P4sDLjkewVA5I8Sg8BdvyjwlgdMXVD4ECrDZwIc7kY0D3V1ERgE5o+meUAbLYpksmzyQF/IkvIHHHGDURGbITh1IQx6fvpqTk7ZkfQEi1CYnpTbghLUb1ImVR9HT4Kxi4yD9thIblmIGgO4GHI3CpU7+nQEX1VZ+awTLRNnkgRvBZVAKUHKAURVZIbPITrqxLlqLKHLfNyDiuuxgMQrfibN48esEDntd2VuGLCiolaXNG2TbD2usuAtyz+dnOsRlWLfJrUelLRjZ0/10bjPIWV1kpKyUGUEacryywet+wsBEtwd4RY/iSNiK/gZ/HhiNQ/q0iuVYXAdu6C6wAYFTLHyHj0EUQ+6YZpAhpim9LNB1MVnId0hkioVAWJ6yy4SPxTEaOFBOVaO36Ffg6NjEQdHZ2fI96dtCbDHSnrArDAYx1/MuhR/YQuC57WZkbxMmv211QEPKQWFpywbx3zKCRksvrmyQgFDfdI2gzTLYVrBMWf1jY85geTJ3zZ9GFldkg4wCBmXus91IFtKp+GS63NdiuvhVHDkIcxwHYXKhxh6z2omKrZls0IEi56LCZZyVj24w1zwY5JF8yG2+DwJrdY1xBYHgqNvMKKMsPrRld6JoZRhHEzl3Zg7AZPGDBwSVHevHOEtrmida78G6yR2KL7fwpByewhYrJ1N2q5xY8azR3DAX4c+82wdacC1WyVl0JDtcIccR7NVxIrFpJiAvEKZ+1NDhKMs6eTW4Ho34fryiBhcwPdAjYs8IICQKWVfP731819VoIw7KgtayzwYiXttlyg7BAsMkbGgZCASshSDJN0625gRiAx2iACfcONmaM7qcGUjkFzpJ2hLR8aOGGdyy7LEKo3fgFNKvsnurJgd7Xq/lIJbU3g72u+G+fojfUnfdGTVROQ+jeva+2Ha1r6FkFW+titxal5XkPEvBjLeWQNrJPLzvHNj2heC5BJ5/hd8ZmdKX333IytQ5a+9Pi7HYQzm2BxI9tXNcLek7IeAf4XB748L4WjXGuV3dWLJcC04yrtN1EQmZFs0XPnkMbBk/HqAAxr+rkWi3vvCuOStLp+L6fVaE3Z7LSgqCs6T2oqp+HMCMqrkqfI/Mf+VzYz1zkDsj2zlPjVccAMG3Pf8Gk4W3MndShtzUeki4JoCIQDzS6ei2SNZTnvjT38JPOH8avnmHbLmcwyCEvsVB/146BT1I0msWDIHQNqF8+MJx7Mxjj27ZvwdzKB/Sl3zxf+WXHrYe0TxqqdciiuRbM0AsU8maFj22843Qw0cAzOtl2mRBBvd2xpjtDP/ORKBb4h+DJwtLHIcs+w+hXnxCX4a5OYQkr7xfi7DmgFAoNoycoua0i9w/vvtKbCn6K9TSN+KMEExMSC1FQkxRsAZjHCdtTdFmeVWDpIHtKRik0gL56zlc++YRU+aIwm/jZ1w/pS+98wHhh0fz4TQ4+5tZq2TO/NW6AGKEhlrw0xbJ7qOcHe/ra2AYf4LNZhfhwHs2/vjxYhgNfzxsdb2FfPOPFmSvcQl1mz+mtdeMx5w/FjiwE0UskT/LVwufhJF8DT/+9RWe3c5Etrue5InxaxnWDZCkkNGD0+jX86ftY4uhBZUWXweVTmJQ8Wqo6nKAMyFnpTAj55zo62lJBIz3DBxvcPaWNT85/mATteTj9wn1DzEZ+H1WBVUffdhagJxDMovcV0xbd2norcPn/wtArNziyuSHg80vujXij+56AX6E+BIociu0/lIAdD6uz8XzcwDaBP44u0xbwbtq+C1onOOGuKcR8Qug9RNcH8WPFj+htx54RtLFH2wjeHSSBSb5bL2u/w8Uw5PM93Yc6gAAAABJRU5ErkJggg==);
    opacity: .3
}

.medal-background .modal-content:after,
.sad-background .modal-content:after {
    position: absolute;
    display: inline-block;
    right: 3%;
    background-repeat: no-repeat;
    content: " ";
    z-index: 0;
    height: 100px;
    width: 100px
}

.sad-background .modal-content:after {
    background-size: 100px 140px;
    top: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAACQCAYAAAAV1nVYAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAZ6ADAAQAAAABAAAAkAAAAADiXVFiAAAb9klEQVR4Ae1dC3xWxZU/gYTwMA8RqgUNH4qKj0CqQH8KaFDbiqAG6v6w0GrERzWtAq2tsr7iosZV9ycoFcUqoUp8rYhuAHdVEgS6VXFBEHXV1oC7VqtbEp4hCWTP/5L5MnfuzH18937fl0TO7ze5d+bOnDkz/3vOnHncLxkUnvKZxR0cijgUc+jMVM/Cb2xrAK4IqznUceh0FGOJt3No7eIBbXyQQxGHTkMbWNKuDozaPrS5pKMjlP8tBEYGqobbH+uoIBWzYLKw39b70mQBlBk1471PZFLPw7KjZpt0frVb9sfrqP1gP9V93Uq4buWrBy3i58M5zPLIF/hx5OA0N7ZQj15Z1K17t8DCpLNA8Snd49XL9xvr9lNlbQtVrm6hhj3xLOrNTE7I4IBrZASGiVIxF6xRC+/4HVFWz86pPWpb5Hj97laau6LZCi4gTeIyy+RyYe7DgAOHYLtaOcAB9c7rSd2z2t/Gg6md/2/d3w5QyQP76L2tB3SNqefEwRxwDU1hbI9WgE3/c1Cmpj1NoYXriAxi3+lGG+/rRZefrR0R8MLOjEruMOBAhvdUQbb938GUluYD1LS3WX3cZeJzL+9Bwwdpu+/yqBqp5R6AeZ2ad3Ob5iC9aW8T7W9u94LUvJ05nt8ngwCQhmKcVqxJD5wUFpyNao1rPmlPaWWzvG93E7W2erqj7YU60R28OoP2FEXRjLDg1KpCrGVw6iWXc3/LAQsgNV9XiRfFtF2IsSc0aTkH4FqrywuAZMLcp3HXPjmpy9zH+odxeN27ISw44L5araLa4SYQAaDmRn8OAhyJPfV7u6w5VPvLFI8CnGUq8xWb1JSD8cZdTb48uG7dMqirm0N9D9lTkwIOv/S05E/2ikQMDoKXieuWeVCsINom+HelaxTg1HGHOAxZlQEcdB46fe+ORqPZktfloG1d1R1HX7hRFOCA/1y1ErjUW9smpOozxFua9tOe7XuNHZ+Z1S7a3p2NdGC/drlEx7rLpLX3QLgmYdxpUFlULFdT7PEDB1ppT0Mju9r7HFokTBtKYL7UuNOZx86t68WiAqeeu6ZS7Z6qt9y1R+Rv2ttiaZHszWV0s4sGB6GRTeG3iew9EK7lDtMGdrNf9McUWoTxZfff91imLkMzfcB6nZcz4a+2zpErSnDquMmL1WZjzrPmYzXVHBemDkDpCM4EzOC3gaIEB/1Vruu0sqftSzq6PEHSYAZlExikbGfKGzU4dbrGw2urWKF7kngaNKurAxQ1OMbeXsAb2rplHWMBHw86MEDFPsT3zJIycCBJ2VNEYqfUUzKfGTowQD5bYM6WUnCwrDORfTq3ySm0a0wFUe4viApvNy8DyU0CQEG8OCysJnmPqVaWL9H7lIIDIQHQtIV6BwFe3VR+JrQLIF7H2mZap5MbDS/OL0DNWPV2WZ2Q+SZ4n59gOVuxlIOD2tH5w1grBAhComrDavbsf3XmFWXkKwDys9WQmd2d4LJjWahlX4vMokPdpwScvD49HY0WJk4GyHQeDHkxXsk7rA6GbQlYSfDSiqyeWVZuLAvt5WWhJMybsGISmlICzvIHriETQBhf4MmBhh198Kr7CxAxX/JDQitMp3+w6t29bVsC/KzlI34DOtrqd0rAGTZkAJkAQufcxGZrAjsKeb0RMxOcBa/FVFFaHC4xbU1kZmeKrNbV0jgswvJ5uyQ7C7Z63SIpAQcCeAGELQYM/l6EyawfB0HwwdbE7u17HGNLZo/uIovt2rTnoLPQESa4KQMHPSAAKjzuu7YOCRoBiPJY5VVejC17G9pNF0ybCSCxCAvnIoSpC+2xpRQcdKIAaMKZJ3v1qetzzJeCAARmWNXG/hFcbmzeyXtGusqEqcNKOTQpoLkL7RSkHBx0Qv5hveiZOy+jihunUV6Ox0Cj6zVOE96e24TWUNTaJt/N8xyYMD8kNAnmEcCmyv1OCziiQ8qmnU9rn7uHxow4SSRprxPGnU4FA/o5ngEg04TWkTmCBJhH6/wDu987v9lNspk0sA9l2tIKDho0aGB/WvHErbT897dQ4YkF2jYCxKoHf6XVMpi2ifP8zYG0zEMkwkzu5+BCoUxb2sERDRs78mRa93wFLfinn8dBAlhVD84iPBs2dBADeGuHA0jIn4yrZjM4dDWOU+s7XrtXy7S130BSzwpoM0qJmz7aSmOm/KOU0n476Ah2s69xn8xijMLZBtDU77PmcpkwhHmXZq/qTuZZHoYvynYYzfHbEGgQtEtH6Hg3Lw7zI6x0Wx3KnYp7sTqh4xdBWucecxLpgGkXn2UESHhxuo09LKCqhNUJP5NftZzPeNcYc3w2Np7NCyBsPchage0IAKcjaBTW+BJxy3X8okqzLzBFxdUnn03/vZVWrN5Am/m67YuvCeOJoHye/xSyCcvL6cMOwiCaeuFYy7MTz3EFQHg24aq7qGGn9FFQWyZoBby5ih+zCXNZVEV25BvLAD3yMzaN+FWBDkApdwjqd+2lFX/8gCqeep22fun4GNvYJQCrmr01jDkqAVQTQMgrHAWMNcsNe0YyT4DzyE95suxjfuzDIcC4k5B5i9IhuJyF+ExupO5+wo0L6dr7XwgEDPjUs2Y8smSljqUFGCazpnkSzBXM1g6DWVOZYrzCZqBsFtU8AeIJAQP+UYBTxHw2cKjkEONgpDXv/YU2//mvxudhHmAyi3kQVhNMJH+vasoj0jE+wSzCo3P7YkLkT8Y1LDglLFQNBwCUdCqbNt61jvzcPvTM3F/R7Gsnu+YL8hBady2vgguQ/OzGMv8ZHEL3SZgxp5gFADCeJE9CR187z6Y9MEUTx43Qrq9t++Iby1FABRM4j268MVW+5p0P6LrbH+Py35iy2NKhcctr3rWl6SL5vVgWHpMwLo0ectD0aSahKFrPYRyHjYgkQomCE+PKYMry/VQqgwOHoOo/3qWGXY00+qxRdNaoU/ywSChP/Y7dFkB+Oh3aNvWis6z8a9d/6Ls+OBsuLjgAGtzGDPeBSL8d6M1iEWcpUrPhnMC+ZudpltmXnRfP2rNHFo08qYDGDj+WCoYcSxm6zwniucPd9MzuQZecf4allehwnbstahjLK+MTzxkRd8/f2fypa35Rjvfv3AgnW1jXEvuxokTGnGKurISDjQAMzgl0RMLCKbw5aIdu/whp0BpBAOn9lfOsVQjdVoXI5/Oa8PiTiOaUs1AOrXnjoTJrlxPzF5VkzbE9652bVM2R64IWAaTpl5xLPbOzrInvvqZmy/3GWt2woTE5u3WPMa7sp+OtiW4j5/2kLmFPMyHtSWTM2c6S58stuW7SaPrnsgutpNwf3Cw/su7lMUd+mMiqtFw+1ffVq9bT1FkPJlJtPRf6Hoe6IIWDmjVojA0YVFY2eUyQOrV54V0Vjp9JucOnUcGYq6ni0aXafFEmVix40aoLdaJuyOBGOpOI/DgPMWbYsTT1h6fT2gU36Figz2K6B25pmW4PNc9iahpO0gw66nA1OVB86/9+TdP4jcQqAAhXdFwenzWAWUkGgb/8AmzltT3IsIbHJkxogxDOQ8iEPtFMth0vtVxGd5+I5tj45PWBOQ1HVa+8GQdG5lT1b2vkaKT3S7hOlfBSQJawZOgTWJ1AFBScQMzDZoZGJYvc3Opk1RmUb1BwNgatwE9+LPvryOtUjq6M3zQT74IBwUya3/o4X22AvFbWoODUqxWs3fQXwqw/DGFeMfWisTYWmF/c+xveXEkSgbc6h4EM2CMKQ+gL9EkUFNQhqNVVunzdBzTtR+bVYF0ZNe3ROdcSFjaX16znTutvrS5jITNZhEEfE1Ms7WCjz8/anUnDZRmxNGWgWkO6MTkoOGD0MoeLZY6zH62mCaNPtk5yyulB7zHpC7K4GZS/mh/gB9EUr5cFWrPgpXVqNYijzwJTULOGCpaptUCoaeVPhTZvKt+OFvdyUCbe+LhpE7EykbYkojmoaCaH4XKF2EiDcMkmbEnf+9hSwmzdDw1iE1kwsJ91FmEibwtcUHw6eWmAiS/Mn46w3Y6Xc9Ofv9A9fo8THS+0LqOalsjyDXgUc/C1l4PMpuUb4kOFpPwAEfK70anjZ/jeozHxgSm7+eeTA082sYIw4aq7HWxxMN/FKRrHBWodhXwkJGLWwLaWwyzc+KFNn2rfqIO/1eWHQVsemBW/m2dubJe8/CYVXjCTbr6ftzgjIBdg7mT2tYlWkSg4qG8uh8V+Km7Ybfgprv3BfhAcHpZpfcuPHGqeR55+1VrIxKZcEgh9Ux6GbxhwUG8phytw40YNhnlQ64Fg4KAOHGyPEiCMXROvdpoqXXsC7JDCqpTqeARJS8QhUPlXckItB1zP5uAgy1kY7dyOzmhp4rw+DodJHLEn8/nax60DiA07/b3xMIVr1n9gzWl0yzZwMjCegLcb4RCkB63m56Uc6jiEpozQHOwMYhyFubPNg7Bqvfmpm+w5EcvMIup7lDM9SSluZwrwfZAXONha0BAQgzdWyWEjh8gorFlTBanjhJlqIlxNaI+DWvizvwRMm4OPzwS40Dg6pX6lgBNAXsDAidBQA6cVcUCbIwUGdUWtOeAJgqC2eRAOdGjPGPTJI+qTaxVK5R94ftgeEOcHvOY++CZIPsvdJutivpYmS+5kgQOBcULHRgAHINkok4e9vuE+fbfxS0LEZXt6HFdXm4QqLZZRmzUh5zK+gcrb6F7N4Q9q4aNU+8KtatsqSUJk9v1P67hu5cRa3YOo0rpHxUjhg4kNzmwVy+nbvtrOW889rXNrcnpGC/+gau8cOanD3GM7u1p/EhTucuTjjNzwZJk11JHPoY4DDyrthKWO6vuvto5RtafyYgGPPRlpGHtkGdR703IN51vNoVjNH3U8WZoDOaE9X3IoQURQY1MLrf/oc5pcPIxw+lNQRjNrTw9Wtu5RTL0E18SvcLt/cFk54byahiZxGtqWVErWmCOEruSbl0VEXLF6i1VclTJ2/J1/Gv+AmpzyOIDBqoE4DaQIMI/jSTVnor5kao6o41W+uY4DxqA4YfxBmCivHPBPZGQ0sQb15B3QJJ6hjguhuRHAaNxm5H6PQykHWIWkUyrAQUP+xKFUbQ3OdjkAwqQUITv8kSu1Pq84gCm7YyEv5Xyoy9rAiTDRdbqHyUhLBTiQu44DXE/b+MNx6/AdABrD85/4GISVA/yHRIxBKSKhMQZgIAVON+IlSxmlChw0CHZ6MIciRGSCBr2x/hO7k9CMRVF2Jntky1mTco/Vgkt+eZ9uBUDUdwXfLBORVF259SmnSq7xcl2tWjc7ycs7cJflo8AauQBMpSY96Ump1BzRGLyBgzk4NAhu9pPL37JO8eADK4vgYmMMgomL2EnAWWl8mmhwl1F92oBB5ekAB/UCIGhtMQcHvb7+Y+tgHk7uQ5v4Jwat0Jrdk/FBsXAET+zHv7iPXnz1P90YpRUYCJYucFB3LYetHEo4OAhOwjOv/Rc18meM1mLp/hZ2s/mf8LEGBf2lKcEcg/6Di6pp+k3z6atv4HxpCQ/O4IApQFopneCg4Rs5oDPOR0QlmLm1vA9U9dq7VHDk4XTC0UdQt8a23c+AjgK2B6bf9DteJ/M8UgUX8S0OkC2tFN5GhBO/iIvXcMj3wwYahA+1rB9vxVZDTl+iLHdvDqBULFhK+P4mANVz3nEc0gpQOsEJBIzcsdj2Lps0hi7gL8pix8V40dS+WWdtpPG3PVW8exkQFLmatAOULnCMwPQ/6hj6+svP5U5yvR923AAaU3Qc5eXn0bavG2jzx9vc5itaXi51ph0grcBJTAQw2znwEoA99D4st/Wp5R+3nlJ0puOZmjeqOOpCnQyQqU7ICpm7PLkC8y9PvNG69M2vWh997h1TR0WejrpQJ+rGy8EI6EJaAEr2loH8tsU4UsMhX07EPXcKzZn3Eg0+/lTr0Xe+y7+Hc8nVarbI46gDdYFQN2SALBqCzJA9pRqUCnBi3Kg72hrnCQzns2jKFb8xdZTlren+5Ysoiytcb3x6XlX+Mzk5fg8QUIdMPgB6ifOjLTG5XLLuk+kQoAFoSCkHLakao2ZatfJZml8xQ00m8aMUOCCPT/zwI0eCcEYBKwv4nwkg/PCe7muzX86eR+eMv1QUs10/++R9um3GJNqza4ctXYlUcnweh41KemTRZIAD1X+QQ7GblF7AiLK33TCJtmz8o4jGr/gxBgFAPFG5AXhjrntISSViJ4DmPAQlMJNPgMCglsMsDpGDFKVZg8kCKBs4FHNwJZgUMca4ZZx+/RztY3zq6EWmPFOuuNGrqCWbavYMhYo5HW1G29EHkVFU4JSwRJ9xmOlXsi0b1vnKCgDHnT/FkRfHe6vXbXGkiwQ80x0BBq9TvzdaZHO9+pWxjQnajj5AX0RCYcHJZykWcXiJA+5909trX6XdO7Gs5k3QHp0XBc3QfbiENJ3WgIdJE1UpIBtkDEjoA/QF+iRQf+jqCQNOETOs4VCqYyzSLrqohF54AfI66a21K52JmpQ+OXkOzwrZcEB+wVKnBiJN97PIMFPg5YdMsr377ia69NKpXixKOQP6Bn2UMCUKTjHX6Fo5QFm58nW6++576YwzzqTx4yc4hNyywTnQOzK1JVz4D9dQbIjzGx/196kBiu4337BEAx5+SScb2lBQUEAPP/wI+QBJvLzFfutU8yUCTikzATBatT3xxKH0/PNL6a67KmjQoEHUv39/ys7O1oIT1GyYTFLZAy/E2yXfxxP55np2nYOQTjb5BRMgrVq1hk49tdDEGn3kaV1MhYOCU8qMFpmYQVueeGIxDR16kgVIv379qHv37lb2Cy5was7uXQ301hp/pg1MMJCPGuPc+sHALwdVPpTx6wSgLGSCbCqNHu38XbnCwkJatqzay9Shz0pVfl7xIOCAuRaYnJwcmjv3YUtbcnNz6bDDDqO+ffvatpTz8vK0b9jbAcBBY0zOATRGpzVBnADwB+lkgnZAW3SEtsHULV68hHJzjWNaYID8ggP7aQQG2nLOOedZcufn5xPA0pFuINWZD11ZkYa1MN3YgbFG5wQgr1g/Ezy8rjqZdLKrfGAdoEUeAKEvfZEfcGLMqUbHDeOLMGN43qdPb+rVy3xSU7bZgh/Mx/s+5zyiDLwuDPBehDw+J5JxVlgZ0Jk0nezxQtINzFxNjes4hL6MSUWMt17gYECDH4yrjVRgMOjn5GhXdOPlYBZ0g6fOjMQLGW78DPAmB8LA0kqu4fU8ldxMmpoXcbQTGqRrKz829qnKywucci7gUMMBAwZYGoPxBYRB//DDD7eNMdYDzR+deXh73b9rcronYYDHGpmJ8Oz7Y3GCNhjpZPGrNXJNGIcA0DHHaMcp9Gm5nF937wZOMReYoRbCeDJ37ny2q+1aog7+ahk5fuaZTo/nb3/dRjAnQclNe9yemeqBDJBFpUTAAQ8A5OIkoG+Lkc9EJnCgeloH4Le/nW25yoIhHIBMnITxSbDJurdJZ068WNa8+rwxi9szUyGdDJAVMidKKIs5n4HQx+hrLZnAmcm5Y2oJzGMuvnhSPBnjjJsDEM+o3OjexC3vuZ6+tHHAG/7rK8+l5xbdb0uXI3iGPEE0UieDTla5Hj/3P/nJVNM8KMbl0dda0u3nxDjnZ2pujDPPP/+SzZxhkpmVlaVm9Yxv3ryZXe+xjny8n+/q9mIx8rnKB6j6hYWOsm4JE9mdnlJ6o+u6GszZtVNGOthgBSCM5sgMTzttGH3+udNscp7BHOrkvLjXaU65mgnxOXMqbMD07t07IWDAy2Ta3nJZBYa7/eurzgsMDOoDmCjr5rLr6g5r0lC3TJioGqhcl66CE+NMl6sZR4wYSSNHjrIlYxUgDOmWQmpffc7BEtry5MO30e0zJmsHa1GgcNQPCcFE0AzwAC/dVoWubp2MJv5+0sFP5xBxWfR5TOWhglOuZkAcWiMTJptizUxOD3Kvs+Wqt4Q1Li9t6cX/SeTKmx6nq27+vRVwjzQTQYtgvuQ1PZO3qJPRxNdvehDtObgqeZAzvIZn1ErgBJSUtDsBeI45TbeAP/+o8j3++BPosccW0L59/P2NTPyJx8CCITT/3hk84D+gna2L7GdPnE5X3vw4HT24fSvhyKOH0Jk/msZfjeyjrR9vEFlt12b+KHjdqmVU9+kWOuHk0wienXpOAUsw8+cbzZCNX5AI3GuMO++/v1ktVsQJWDqPn1aRHYJSfgDXzkbYkxk4cGA8rXfvXuy/A8fwdP31ZfTss1UJMQIwk6eXu5Zd+mQ5ra5+0jWP6SEmyy5vuamYr/Rt27bR6acP0+WdxYlzxQPZrDkmnBhrZGBQKBHXWVSmXsOYjV74HNGD/OQxsQgjm4mnSMfyjsvYI7LFvbUYp0CtbCTPafAA40xWVg9bnjARrOIahAzDNnRZyKTbfwrNWGKgW8bix8AgJrIJzSkRCeKKZZpx484VUesKkxbFZ38y0z/8YYknQC5L8DIrX/devAAMZEo2YWJqkCWOhQCnWBUGwMjrZ3jeo4e31jQ0NNANN5SxEzGRbr11NiHuRhggX365mh566BEbSBAcbxf26g2ru25sjc/AS+z/y50DUCADZIFMboQ2oW1oI9rq1UYTL4N2Fov8wiFoFQniOmfOPbalGmjMkUce6ak5EHjdurWCjdXBYQfWW26ZTQsXLojzDHNzzTXX8aET+9QgKD/VkQHg2MMJSs88U2WBqyln4QLNcYw1yDxihH3Smc3/LdCPSZOBAZ9EvTGUFRTlZDAKLVy5crkQzbrCLU5Ee1zaZWGiBSeHxxvVS0tkDc3WghARqH8UnQoesPVhSQeEZt7iWQ28Ntm0SgXi4MSkROtW1Rokdusmz1fVEsmPe+zNewqATsDeSkcjg/bEIKdWc4YOHepoQyZ+AzqNhEEab1qitGNHg+dAnyjvMOUMFsHSHOyS5fthnpmZXs3BrFpnOsZNvYe/eG9fwRBteWW+Y/2WVqxYHolZE3Uk8WphAs0ZrlaimjU4AmHX0tQ6gsbVQRjlc/oOoKGjJtHAIaMcIVZon6Mhv44H0tNJBrNmYQJwfGlOOhuAunVe3wAGxUSDOwk4BvnjmmN43p7sx4Vuzx39HbwjnUnTASBqNz2DaessBM3xpHSbNF2H9uiVQ4MLzzPKnt0rlzqDadMddhGNAjju6yucYX/Af0IkmEd11Y0VbiZN1DtwiPNMgI6XyJ+Oq+FMgSUKwNmoCrVq1Ru2pFb+vc10AqTrUJPZkgWPaTQLJlKniXK5VN6rKyptda/GVQvOK68sox077J95NzbGN+hSKbuxI/2Ak8su9hEDnXM2HdgpbVRbZXhRDGuGlsIAnEpVsJ07d9BVV5XaANq1axf/YK1jfVQtGnlc15EYSzCm+KGho0oc2XQ8HZmSnABgsEiMq4YqkSY0x1IjOdNHH31IU6ZMJqFFB/iX0jHLTjXpOlI3lpjkMpk2nJ1LBwEMTAtwbk/ngbJMwMI21MQ4oZ4DVONQSF8fAIMiDg4q5ZRDwKS3D4CBkUr5ySGA0tMH6HtPglrVcjgEUmr6AH2tNWWcbqRSflLJAXbwEFDR9gH6FH1bysFI1l618an9QbE9eiiWYA/U+i33/0G6tHXskMZgAAAAAElFTkSuQmCC);
    opacity: .1
}

.clock-background .modal-content:after {
    position: absolute;
    background-size: 130px 130px;
    right: 3px;
    top: 22px;
    margin-bottom: 0;
    margin-right: 0;
    background-repeat: no-repeat;
    background-image: url(/static/media/clock_new.023566de.png);
    content: " ";
    z-index: 0;
    opacity: .07;
    height: 130px;
    width: 130px
}

.game-result-info {
    color: #414141;
    font-weight: 400
}

.sad-background .game-result-info {
    display: flex;
    margin-right: 60px
}

.modal-footer {
    z-index: 10
}

.modal-header .close {
    padding: 0;
    margin: 0 5px 0 0
}

.list-of-winners-bar {
    display: block;
    justify-content: space-between;
    border-radius: 22px;
    margin-top: 20px;
    border: 1px solid rgba(0, 0, 0, .5);
    align-items: center;
    max-height: 340px;
    overflow: auto;
    padding: 0 16px;
    min-height: 44px
}

.winner-user-info {
    display: flex;
    align-items: center
}

.winner-user-info .winner-name {
    font-weight: 500;
    font-size: 13px;
    margin-left: 5px;
    color: #240735
}

.winner-user-info .winner-prize {
    margin-left: auto;
    font-size: 15px;
    font-weight: 500;
    color: #d9720a
}

.list-of-winners-bar .collapse.show {
    margin-bottom: 10px
}

.profile-username {
    display: flex;
    align-items: center
}

.profile-username img {
    border-radius: 50%;
    width: 55px;
    height: 55px;
    border: 4px solid #f1b750
}

.profile-username .username {
    font-size: 18px;
    width: 100px;
    line-height: 20px;
    text-align: right
}

.profile-balance {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 58px;
    border-radius: 44px;
    bottom: 0;
    margin: 13px 7px -50px;
    background: #ffe3b1;
    background: linear-gradient(180deg, #ffe3b1 -20%, #d9720a)
}

.profile-balance .amount {
    display: flex;
    flex-direction: column;
    margin-left: 15px
}

.profile-balance .amount .label {
    line-height: 17px;
    font-size: 16px;
    font-weight: 400
}

.profile-balance .amount .balance {
    line-height: 27px;
    font-size: 25px;
    font-weight: 500;
    text-shadow: 0 1px #a56d0b
}

.profile-balance .icon-container {
    background-color: #fff;
    width: 50px;
    height: 50px;
    margin-left: 5px
}

.profile-balance .icon-container,
.profile-balance .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.profile-balance .plus {
    position: relative;
    margin-left: auto;
    background: #fff;
    width: 30px;
    height: 30px;
    margin-right: 14px;
    box-shadow: 0 2px 8px rgb(0 0 0/40%)
}

.label-number {
    background: red;
    display: flex;
    right: 0;
    top: -3px;
    position: absolute;
    margin: 2px;
    border-radius: 50px;
    width: 25px;
    font-weight: 700;
    color: #fff;
    align-items: center;
    font-size: 14px;
    justify-content: center;
    height: 24px;
    box-shadow: 0 3px 4px rgb(0 0 0/38%)
}

span.section-title {
    padding-left: 15px;
    margin-top: 23px;
    font-size: 18px;
    font-weight: 500
}

.btn-img {
    font-size: 10px;
    padding: 0 5px;
    margin: 0;
    background: none;
    box-shadow: none;
    color: #000;
    width: auto;
    height: auto
}

.btn.btn-menu {
    margin: 6px 0;
    display: flex;
    height: 55px;
    justify-content: flex-start;
    background: #713198
}

.btn.btn-menu .icon-container {
    background: #fff;
    display: flex;
    border-radius: 50%;
    padding: 0;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    margin-right: 20px
}

.btn.btn-menu .chevron-right {
    margin-left: auto;
    margin-right: 3px
}

.btn.btn-menu .icon-container svg {
    height: 16px
}

.btn.btn-menu .icon-container svg path {
    fill: #713198
}

.btn .title-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.btn span {
    color: #fff
}

.btn .title {
    line-height: 17px;
    font-size: 16px
}

.btn .subtitle,
.btn .title {
    padding: 0;
    margin: 0;
    font-weight: 500
}

.btn .subtitle {
    line-height: 15px;
    color: hsla(0, 0%, 100%, .5098039215686274);
    font-size: 12px
}

.btn.btn-menu:active svg path {
    fill: #fff
}

.btn.btn-menu:active .icon-container {
    background: #713198
}

.btn.btn-menu:active .subtitle,
.btn.btn-menu:active .title {
    color: #713198
}

.btn.btn-menu:active {
    background-color: #fff!important;
    outline: none;
    border-color: #fff!important
}

.gg-math-plus,
.gg-math-plus:after {
    display: block;
    color: #e59c4b;
    box-sizing: border-box;
    background: currentColor;
    border-radius: 10px
}

.gg-math-plus {
    position: relative;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--ggs, 1));
    transform: scale(var(--ggs, 1));
    width: 16px;
    height: 2px
}

.gg-math-plus:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 16px;
    top: -7px;
    left: 7px
}

.section-header {
    font-size: 24px;
    font-weight: 500;
    padding-left: 16px;
    padding-bottom: 46px
}

.page-container {
    padding-top: 40px;
    padding-bottom: 20px
}

.login-form.profile label {
    color: #fff
}

.login-form.profile input {
    background: hsla(0, 0%, 100%, 0);
    border: 1px solid hsla(0, 0%, 100%, .3333333333333333);
    color: #fff;
    font-weight: 500
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border: 1px solid #dc3545!important
}

.login-form.profile input::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, .2)
}

.login-form.profile input::placeholder {
    color: hsla(0, 0%, 100%, .2)
}

.login-form.profile .disabled input:disabled,
.login-form.profile input:focus {
    background: #fff;
    color: #713198
}

.login-form.profile .disabled {
    opacity: .6
}

div.settings-section {
    display: flex;
    padding: 16px;
    flex-direction: row;
    align-items: center;
    flex: 1 1;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2784313725490196)
}

div.section-container {
    display: flex;
    flex: 1 1;
    flex-direction: column
}

div.settings-section .section {
    font-size: 16px
}

div.settings-section .description {
    font-size: 14px;
    font-weight: 300
}

.btn-number {
    width: 35px;
    height: 35px;
    margin: 4px 4px 4px 20px
}

.btn-number.yellow {
    background: #f1b750
}

.btn-number.blue {
    background: #4382f7
}

.btn-number.purple {
    background: #713198
}

.btn-number.selected {
    border: 3px solid #fff
}

.beta-label {
    position: absolute;
    left: -19px;
    top: -1px;
    color: #fff;
    background: #dc3545;
    padding: 1px 9px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 500;
    box-shadow: 0 2px 4px rgb(0 0 0/40%)
}

.flag-selection {
    padding: 16px;
    display: flex;
    border-bottom: 1px solid hsla(0, 0%, 100%, .26666666666666666);
    align-items: center
}

img.flag {
    height: 30px;
    width: 30px
}

.flag-selection span {
    margin-left: 15px
}

.flag-selection svg {
    margin-left: auto
}

.social-contacts img {
    width: 33px;
    margin: 10px
}

@-webkit-keyframes hop {
    0% {
        -webkit-transform: translate(0)
    }
    to {
        -webkit-transform: translateY(-10px)
    }
}

@keyframes hop {
    0% {
        -webkit-transform: translate(0)
    }
    to {
        -webkit-transform: translateY(-10px)
    }
}

#there {
    color: #fff;
    border-color: #0668b9;
    background-color: #007bff;
    position: absolute;
    bottom: -45px;
    font-size: 12px;
    right: -4px;
    font-weight: 700;
    font-family: Verdana, Geneva, sans-serif;
    border-radius: 5px;
    border-width: 0 1px 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    padding: 7px;
    -webkit-border-radius: 5px;
    text-shadow: rgba(0, 0, 0, .5) 0 1px 0;
    box-shadow: 0 0 17px #007bff
}

.bounce {
    animation-name: hop;
    animation-duration: .3s;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    -webkit-animation-name: hop;
    -webkit-animation-duration: .3s;
    -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: hop;
    -moz-animation-duration: .3s;
    -moz-animation-direction: alternate;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: infinite
}

#here:after,
#there:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border: 7px solid;
    margin-left: -10px;
    right: 18px
}

#there:after {
    border-color: transparent transparent #007bff
}

.formatted-text h1 {
    font-size: 24px
}

.formatted-text h1,
.formatted-text h2 {
    color: #713198;
    font-family: Circe Bold, sans-serif
}

.formatted-text h2 {
    font-size: 22px
}

.formatted-text h3,
.formatted-text p {
    font-size: 16px;
    margin: 0
}

.formatted-text a {
    display: inline;
    color: #713198;
    text-decoration: underline
}

.formatted-text .list .list__item:before,
.formatted-text .list li:before,
.formatted-text ul .list__item:before,
.formatted-text ul li:before {
    content: "•" !important;
    color: #713198;
    font-weight: 700;
    font-family: Circle Bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
    font: normal 20px/28px Circe Bold, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h1,
.mat-headline,
.mat-typography h1 {
    font: normal 24px/35px Circe Bold, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.footer-info-container {
    background: rgba(0, 0, 0, .2784313725490196);
    border-top: 1px solid hsla(0, 0%, 100%, .25098039215686274);
    font-size: 11px;
    color: rgba(248, 249, 250, .6509803921568628)
}

.footer-info-container .heading {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 2px
}

.footer-links {
    display: flex;
    flex-direction: column;
    font-weight: 500
}

.footer-links a {
    display: flex;
    color: rgba(248, 249, 250, .6509803921568628);
    align-items: flex-start
}

.footer-contact {
    margin-left: auto
}

.footer-contact svg {
    height: 18px;
    width: 18px;
    fill: hsla(0, 0%, 100%, .6274509803921569);
    margin-left: 4px
}


/*# sourceMappingURL=main.13586e8f.chunk.css.map */