
#betControl{
    position: relative;
    height: 7vh;
    overflow: scroll;
    pointer-events: auto;
}

.portrait #betControl{
    height: 10vh;
    width: calc(74vw - (10vh));
    float:left;
}

.landscape #betControl {
    height: 16vh;
    float:left;
}

.betChips{
    float: left;
    cursor: pointer;
    height: 7vh;
    width: 7vh;
    top: 0;
    background-size: cover;
    text-shadow: none;
    color: #000;
    font-weight: bolder;
}

.portrait .betChips {
    height: 10vh;
    width: 10vh;
}

.landscape .betChips {
    height: 16vh;
    width: 16vh;
}

#rebetBtn{
    height: 4vh;
    position: relative;
    background: #FF4F5E;
    top: 0;
    left: 0;
    border-radius: 4vh;
    padding-left: 1vh;
    padding-right: 1vh;
    cursor: pointer;
    float: left;
    pointer-events: auto;
}

.portrait #rebetBtn{
    height: 10vh;
    width: 10vh;
    border-radius: 100%;
}

.landscape #rebetBtn{
    height: 16vh;
    width: 16vh;
    border-radius: 100%;
}

#rebetIcon {
    height: 4vh;
    width: 4vh;
}

.portrait #rebetIcon {
    height: 6vh;
    width: 6vh;
}

.landscape #rebetIcon {
    height: 8vh;
    width: 8vh;
}

#rebetButtonText {
    font-size: 2vh;
    padding-left: 2vh;
}

#removeBetsBtn {
    height: 4vh;
    position: relative;
    background: #48484C;
    top: 0;
    left: 0;
    border-radius: 4vh;
    padding-left: 1vh;
    padding-right: 1vh;
    cursor: pointer;
    float: left;
    pointer-events: auto;
}

.portrait #removeBetsBtn {
    height: 10vh;
    width: 10vh;
    border-radius: 100%;
}

#removeIcon {
    height: 4vh;
    width: 4vh;
}

.portrait #removeIcon {
    height: 6vh;
    width: 6vh;
}

.landscape #removeBetsBtn {
    height: 16vh;
    width: 16vh;
    border-radius: 100%;
}

.landscape #removeIcon {
    height: 8vh;
    width: 8vh;
}

.chipCont {
    background-size: cover;
    font-family: Futura;
    text-shadow: none;
    color: #000;
}

.whiteChip {
    background-image: url("/images/chips/whiteChip.svg");
}

.redChip {
    background-image: url("/images/chips/redChip.svg");
}

.greenChip {
    background-image: url("/images/chips/greenChip.svg");
}

.blackChip {
    background-image: url("/images/chips/blackChip.svg");
}

.pinkChip {
    background-image: url("/images/chips/pinkChip.svg");
}

.yellowChip {
    background-image: url("/images/chips/yellowChip.svg");
}

.grayChip {
    background-image: url("/images/chips/greyChip.svg");
}

.purpleChip {
    background-image: url("/images/chips/purpleChip.svg");
}

#betControl .whiteChip, #betControl .redChip {
    font-size: 2vh;
}

.landscape #betControl .whiteChip, .landscape #betControl .redChip {
    font-size: 4vh;
}

#betControl .greenChip {
    font-size: 1.8vh;
}

.landscape #betControl .greenChip {
    font-size: 3.6vh;
}

#betControl .blackChip {
    font-size: 1.5vh;
}

.landscape #betControl .blackChip {
    font-size: 3vh;
}

#betControl .pinkChip {
    font-size: 1.2vh;
}

.landscape #betControl .pinkChip {
    font-size: 2.4vh;
}

#betControl .yellowChip, #betControl .grayChip, #betControl .purpleChip {
    font-size: 1.0vh;
}

.landscape #betControl .yellowChip, .landscape #betControl .grayChip, .landscape #betControl .purpleChip {
    font-size: 2vh;
}

.userCont {
    position: relative;
    top: 0;
    cursor: pointer;
    height: 12vh;
    min-width: calc(12vh * 4/3);
}

.userAvatarImg {
    height: 10vh;
}