.div-term{
    position: absolute;
    margin-top: -20px;
}

.create_btn{
    margin-top: 50px;
}

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

.div-code{
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: visibility 0s, height 1.0s, opacity 0.5s linear;
}

.div-code-show{
    height: 70px;
    visibility: visible;
    opacity: 1;
}

.div-pass, .div-passcon{
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: visibility 0s, height 1s, opacity 0.5s linear;
}

.div-passcon-show{
    height: 90px;
    visibility: visible;
    opacity: 1;
}

.div-pass-show{
    height: 70px;
    visibility: visible;
    opacity: 1;
}

.div_new{
    height: 70px;
}

.see-password{
    float: right;
    top: -28px;
    margin-right: 15px;
}

#register #result{
    position: relative;
    display: inline-block;
    top: -73px;
    margin-left: 84px;
}

#reset #result{
    position: relative;
    display: inline-block;
    top: -73px;
    margin-left: 125px;
}

#register .short{
    color:#FF0000;
}
#register .weak{
    color:orange;
}
#register .good{
    color:#2D98F3;
}
#register .strong{
    color: limegreen;
}

#reset .short{
    color:#FF0000;
}
#reset .weak{
    color:orange;
}
#reset .good{
    color:#2D98F3;
}
#reset .strong{
    color: limegreen;
}

.list-unstyled li{
    color: #dc0030;
}

.logo{
    width: 100px;
}