* {box-sizing: border-box;}
.tab{display: none; width: 100%; height: 50%;margin: 0px auto;}
.current{display: block;}

body {background-color: #f1f1f1;}
div#calFrom {
    background-color: #ffffff;
    margin: 35px auto;
    font-family: Raleway;
    padding: 5%;
    width: 65%;
    min-width: 300px;
    border-radius: 5px;
    box-shadow: 0 0 1em #ddd;
}
#msgWel h2:before {
    display: none;
}
#myForm{
    background-color: #ffffff;
    margin: 35px auto;
    font-family: Raleway;
    padding: 5%;
    width: 65%;
    min-width: 300px;
    border-radius: 5px;
    box-shadow: 0 0 1em #ddd;
}
h1.entry-title {
    font-weight: 500;
}
.input-group {
    
    padding: 5px 0;
    
}
label#coin_input-error {
    position: absolute;
    top: 70px;
}
.nextbtn .btn {
    width: 150px;
    height: 50px;
    font-size: 20px;
    font-weight: 500;
}
h1 {text-align: center; }

input {padding: 10px; width: 100%; font-size: 17px; font-family: Raleway; border: 1px solid #aaaaaa; }

button {background-color: #4CAF50; color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; font-family: Raleway; cursor: pointer; }

button:hover {opacity: 0.8; }

.previous {background-color: #bbbbbb; }

/* Make circles that indicate the steps of the form: */
.step {height: 30px; width: 30px; cursor: pointer; margin: 0 2px; color: #fff; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.8; padding: 5px}

.step.active {opacity: 1; background-color: #69c769;}

.step.finish {background-color: #4CAF50; }

.error {color: #f00; }
#msgWel h2 {
    font-size: 32px;
    font-weight: 600;
}
div#msgWel {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    box-shadow: 0 0 2px #4caf50;
    padding: 50px 20px;
    text-align: center;
    border-radius: 5px;
    display:none;
}