input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.accountpointercontainer {
    width: 2vw;
    height: auto;
    justify-content: space-around;
}

.accountpointer {
    width: 2vw;
    height: 0.2vw;
    margin-top: 12.85vw;
    background: #04ADBF;
}

.accountbigcontainer {
    width: 86vw;
    height: auto;
    margin: 2vw 0 2vw 0;
    border: 0.2vw solid #04ADBF;
    border-radius: 1vw;
    background: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: flex;
    flex-direction: column;
}

.accountcontainer {
    display: flex;
}

.accountcontainer h1 {
    font-size: 1.2vw;
    color: #04ADBF;
    text-align: left;
}

/************* 2FA *************/
.accountsettings {
    width: 20vw;
    height: 26vw;
    margin: 0;
    padding: 2vw;
    font-size: 0.6vw;
    font-family: 'Raleway', sans-serif;
    display: flex;
    flex-direction: column;
}

.accountsettings a {
    font-weight: bold;
}

.twofaimg {
    width: 10vw;
    height: 10vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    border: 0;
    background: white;
}

.accountplaceholder {
    width: 10vw;
    height: 10vw;
    background: white;
}

.accountgeneratebutton {
    width: 6vw;
    height: 1.6vw;
    color: white;
    margin-top: 1vw;
    font-size: 0.7vw;
    font-family: 'Raleway', sans-serif;
    background: #04ADBF;
    border: 0.1vw solid black;
    border-radius: 1vw;
}

.accountgeneratebutton:hover {
    color: white;
    background: #0E484A;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.accountsetbutton {
    width: 4vw;
    height: 1.6vw;
    color: white;
    font-size: 0.8vw;
    font-family: 'Raleway', sans-serif;
    background: #04ADBF;
    border: 0.1vw solid black;
    border-radius: 1vw;
    outline: 0;
}

.accountsetbutton:hover {
    color: white;
    background: #0E484A;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    outline: 0;
}

.account2fa {
    width: 20vw;
    height: 2.5vw;
    padding-top: 1vw;
}

.account2fa input {
    width: 10vw;
    height: 1.2vw;
    font-family: 'Raleway', sans-serif;
    padding-left: 0.5vw;
    cursor: text;
    border-radius: 1vw;
}

/************* UPDATE PASSWORD *************/
.pwsettings {
    width: 20vw;
    height: 26vw;
    margin: 0;
    padding: 2vw;
    font-family: 'Raleway', sans-serif;
    font-size: 0.6vw;
    display: flex;
    flex-direction: column;
}

.accountpwfield {
    width: 10vw;
    margin-bottom: 1vw;
}

.accountpwfield input {
    width: 10vw;
    height: 1.2vw;
    font-family: 'Raleway', sans-serif;
    padding-left: 0.5vw;
    cursor: text;
    border-radius: 1vw;
}

.accountpwupdatebutton {
    width: 4vw;
    height: 1.6vw;
    color: white;
    font-size: 0.7vw;
    font-family: 'Raleway', sans-serif;
    background: #04ADBF;
    border: 0.1vw solid black;
    border-radius: 1vw;
    cursor: pointer;
}

.accountpwupdatebutton:hover {
    color: white;
    background: #0E484A;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    outline: 0;
}

/************* UPDATE USERNAME *************/
.accountuseredit {
    width: 20vw;
    padding: 1.5vw;
    height: 26vw;
    font-family: 'Raleway', sans-serif;
}

.accountbuttonedit {
    margin-top: 1vw;
}

.accountuseredit a {
    font-size: 0.6vw;
}

.accountuseredit input {
    width: 10vw;
    height: 1.2vw;
    font-family: 'Raleway', sans-serif;
    padding-left: 0.5vw;
    cursor: text;
    border-radius: 1vw;
    margin-bottom: 1vw;
}

.accountuseredit button {
    width: 4vw;
    height: 1.6vw;
    color: white;
    font-size: 0.7vw;
    font-family: 'Raleway', sans-serif;
    background: #04ADBF;
    border: 0.1vw solid black;
    border-radius: 1vw;
    cursor: pointer;
}

.accountuseredit button:hover {
        color: white;
        background: #0E484A;
        cursor: pointer;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/************* UPDATE AFFILIATE & WALLETS ****************/
.accountaffiliatecontainer {
    display: flex;
    flex-direction: column;
    margin-bottom: 2vw;
    padding-left: 2vw;
    font-size: 1vw;
    font-family: 'Raleway', sans-serif;
}

.accountaffiliatecontainer h1 {
    color: #04ADBF;
    font-size: 1.2vw;
    text-align: left;
    margin-bottom: 1vw;
    padding: 0;
}

.accountwallets {
    width: 50vw;
    padding-left: 2vw;
}

.accountwalletcontainer {
    width: 86vw;
    margin: 1vw 0 1vw 0;
}

.accountwallets h1 {
    color: #04ADBF;
    font-size: 1.2vw;
    text-align: left;
    margin-bottom: 1vw;
    padding: 0;
}

.accountcoin {
    width: 5vw;
}

.accountcoin img {
    margin-top: 0.5vw;
    margin-left: 0.5vw;
    width: 3vw;
    height: 3vw;
}

.accountcoincontainer {
    width: 70vw;
    height: 8vw;
    margin-bottom: 1vw;
    margin-left: 1vw;
    display: flex;
    border-bottom: 0.1vw solid #04ADBF;
}

.accountcoinbigcontainer {
    display: flex;
    flex-direction: column;
}

.accountcoincontainer input {
    width: 20vw;
    height: 1.2vw;
    font-family: 'Raleway', sans-serif;
    margin-left: 1vw;
    padding-left: 0.5vw;
    cursor: text;
    border-radius: 1vw;
}

.accountcoin a {
    display: none;
}

.accountcoindeposit {
    width: 30vw;
    height: 2vw;
    font-family: 'Raleway', sans-serif;
    font-size: 0.7vw;
    padding-top: 0.5vw;
    box-sizing: border-box;
}

.accountcoinwithdraw {
    width: 30vw;
    height: 2vw;
    font-family: 'Raleway', sans-serif;
    font-size: 0.7vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    box-sizing: border-box;
}

.accountbuttonedit {
    width: 4vw;
    height: 1.6vw;
    color: white;
    font-size: 0.7vw;
    font-family: 'Raleway', sans-serif;
    background: #04ADBF;
    border: 0.1vw solid black;
    border-radius: 1vw;
    margin-bottom: 1vw;
}

.accountbuttonedit:hover {
    color: white;
    background: #0E484A;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.accountbuttonsave {
    width: 4vw;
    height: 1.6vw;
    color: white;
    font-size: 0.7vw;
    font-family: 'Raleway', sans-serif;
    background: #04ADBF;
    border: 0.1vw solid black;
    border-radius: 1vw;
    margin-bottom: 1vw;
}

.accountbuttonsave:hover {
    color: white;
    background: #0E484A;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.accountbuttonback {
    width: 4vw;
    height: 1.6vw;
    color: white;
    font-size: 0.7vw;
    font-family: 'Raleway', sans-serif;
    background: #04ADBF;
    border: 0.1vw solid black;
    border-radius: 1vw;
    margin-bottom: 1vw;
}

.accountbuttonback:hover {
    color: white;
    background: #0E484A;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}