:root{
    --color-register-gray-main : rgb(245,245,245);
    --color-register-main: rgb(255,79,89);
    --color-register-main-70: rgba(255,79,89,0.7);
    --color-register-main-30: rgba(255,79,89,0.3);

}
body,html{
    background-color: var(--color-register-gray-main);
    height: 100%;
}
.bg-register-main{
    background-color: var(--color-register-main);
}
.text-small{
    font-size: 14px;
}
.form-control::placeholder{
    color: var(--color-main-gray);
}
.btn,input[type=submit]{
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.btn-register-main{
    background: var(--color-register-main);
    border:solid 1px var(--color-register-main);
    color: var(--white);
    transition: 0.6s;
}
.btn-register-main:hover{
    background-color: var(--color-register-main-70);
    border:solid 1px var(--color-register-main);
}
.rtl .text-left{
    text-align: right !important;
}
.rtl .text-right{
    text-align: left !important;
}


.text-register-main{
    color: var(--color-register-main);
    fill: var(--color-register-main) !important;
    stroke: var(--color-register-main) !important;
    transition: 0.3s;
}
.text-register-main:hover{
    color: var(--color-register-main);
    opacity:0.6;
}
.register-wrapper{
    margin: auto auto;
    color: var(--color-black-80);
}
.regsiter-header-logo{
    width: 40%;
}
.signup{
    border : solid 1px var(--color-gray);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: var(--white);
}
.form-control,.form-control+label,.form-control::placeholder{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.form-control:focus+label {
    color: var(--color-register-main);
}
.form-control:focus::placeholder{
    color: var(--color-register-main);
}

input[type=file]{
    display: none;
}
#addFactor button{
    right: 20px;
    top: 26px;
}