.progress-container {
    position: relative;
}
#custom-handle-progress {
    width: 26px;
    height: 26px;
    top: calc(50% + 6px);
    margin-top: -19px;
    text-align: center;
    line-height: 1.6em;
    background: #4BB227;
    color: white;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.25);
    border-radius: 46px;
    border: none;
    font-size: 12px;
    font-weight: bold;
}
#custom-handle-progress img {
    width: 18px;
}
.progress-bar-wrapper .progress-level {
    color: #000;
    font-family: Roboto, serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}
#slider-progress {
    height: 14px;
    background: #fff;
    border-radius: 14px;
}
#slider-progress .ui-slider-range {
    border-radius: 30px 0 0 30px;
}

#slider-progress .ui-slider-range {
    background: #4BB227;
}

#slider-progress .ui-slider-range {
    background: #4BB227;
}

/* New Level Modal*/

.new-level-title {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}

.opened-chest-title {
    text-align: center;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    padding-bottom: 10px;
}

.new-tier-level-image {
    width: 120px;
    height: 120px;
}

.new-tier-level-back {
    background: url("/assets/img/loot-chest/new-tier-popup-background.svg") no-repeat;
    height: 170px;
    width: 275px;
}

.opened-chest-image {
    width: 120px;
    height: 120px;
}

.opened-chest-image {
    width: 230px;
    height: 130px;
}

.opened-chest-back {
    background: url("/assets/img/loot-chest/popup-back-left.svg") top left no-repeat, url("/assets/img/loot-chest/popup-back-right.svg") top right no-repeat;
    height: 185px;
    width: 275px;
}

.tier-image-container {
    position: relative;
}

.opened-chest-image-container {
    position: relative;
}

.new-tier-level-caption {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 51px;
    border: 4px solid #FFF;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-family: Roboto;
    font-weight: 700;
    text-transform: uppercase;
    width: 34px;
    height: 34px;
}

.new-level-subtitle {
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    text-transform: uppercase;
}

.loot-chest-win-text {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}

.new-tier-level-main-name {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 10px;
    text-transform: uppercase;
    border-radius: 30px;
    background: #FFFFFF;
    top: 39%;
    left: 19%;
    position: absolute;
    height: 30px;
    padding: 7px;
    width: 75px;
}

.opened-chest-win-value-popup {
    color: #4BB227;
    text-align: center;
    font-family: Roboto, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: 105.3%;
    position: absolute;
    top: 32%;
    /*left: 40%;*/
}

.opened-chest-win-subtext-popup {
    color: #151C13;
    text-align: center;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
    line-height: 105.3%;
    text-transform: uppercase;
}