/* @extend display-flex; */
display-flex {
    display: flex;
    display: -webkit-flex;
}

/* @extend list-type-ulli; */
list-type-ulli {
    list-style-type: none;
    margin: 0;
    padding: 0;
}



body {
    /*direction: rtl;*/
    font-family: 'samimNumber', "yekan", sans-serif, 'Arial' !important;
}

a:focus, a:active {
    text-decoration: none;
    outline: none;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

input[type=radio]
{
    padding:0 3px;
}
input:not([type=radio]), select, textarea {
    font-family: 'samimNumber', "Roboto", sans-serif, 'Arial' !important;*/
    outline: none;
    appearance: unset !important;
    -moz-appearance: unset !important;
    -webkit-appearance: unset !important;
    -o-appearance: unset !important;
    -ms-appearance: unset !important;
}

    input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
        appearance: none !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        -o-appearance: none !important;
        -ms-appearance: none !important;
        margin: 0;
    }

    input:focus, select:focus, textarea:focus {
        outline: none;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -o-box-shadow: none !important;
        -ms-box-shadow: none !important;
    }

p {
    margin-bottom: 0px;
}

h2 {
    color: #b2ceff;
    line-height: 2.5;
    margin: 0;
    padding: 0;
    font-weight: bold;
    /*color: #222;*/
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
}

.clear {
    clear: both;
}

body {
    font-size: 14px;
    line-height: 1.8;
    color: #222;
    background: #e7f0fd;
    font-weight: 600;
    margin: 0px;
}

.main {
    padding: 10px 0;
    position: relative;
}

.container {
    /*width: 520px;*/
    direction:rtl;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0px 10px 9.9px 0.1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 10px 9.9px 0.1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 10px 9.9px 0.1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0px 10px 9.9px 0.1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0px 10px 9.9px 0.1px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

.sign-up-content {
    /*padding: 40px 60px 32px 60px;*/
    padding: 0 30px;
    position: relative;
    z-index: 99;
}

input:not([type=radio]) {
    border: solid 2px #ebebeb;
    box-sizing: border-box;
    width: 100%;
    font-weight: 700;
    font-size: 20px;
    /*padding: 16px 30px 16px 40px;*/
    padding: 9px 30px;
    text-align: left;
    margin-bottom: 15px;
}

    input[type=text], input[type=password] {
        color: #545454 !important;
    }

.form-textbox {
    position: relative;
}

    .form-textbox label {
        position: absolute;
        right: 34px;
        top: 38%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        font-weight: 600;
        color: #888;
        font-size: 14px;
    }

    .form-textbox img {
        position: absolute;
        right: 29px;
        top: 7%;
    }

    .form-textbox i {
        position: absolute;
        right: 13px;
        top: 26%;
        color: #1da0f2;
        font-size: 14px;
    }

#name {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#pass {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}



.label-agree-term {
    color: #888;
}

.term-service {
    color: #1da0f2;
    text-decoration: none;
}

    .term-service:hover {
        text-decoration: underline;
    }

.submit {
    background: #1da0f2;
    color: #FFF;
    border: none;
    /*padding: 15px 20px;*/
    font-size: 15px;
    font-family: 'samimNumber', "Roboto", sans-serif, 'Arial' !important;
    font-weight: 600;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    text-align: center;
    margin-top: 20px;
    width: auto !important;
    cursor: pointer;
}

    .submit:hover {
        background: #0c85d0;
    }

.flx-button {
    display: flex;
    justify-content: space-between;
}

.submitGreen {
    background: #0dc377;
}

    .submitGreen:hover {
        background: #1a905f;
    }

.submitGray {
    background: #949494;
}

    .submitGray:hover {
        background: #888;
    }


.loginhere {
    text-align: center;
    color: #888;
    margin-top: 20px;
}

.loginhere-link {
    color: #1da0f2;
    text-decoration: none;
}

    .loginhere-link:hover {
        text-decoration: underline;
    }

/*input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset; }*/

@media screen and (max-width: 768px) {
    .container {
        width: calc( 100% );
        max-width: 100%;
    }
}

@media screen and (max-width: 575px) {
    .sign-up-content {
        padding: 40px 20px 32px 20px;
    }

    /*.form-radio input + label {
        display: block;
        margin-bottom: 10px;
    }*/
}

@media screen and (max-width: 400px) {
    .form-textbox label {
        left: 15px;
    }

    input {
        padding: 16px 30px 16px 100px;
    }
}

/*# sourceMappingURL=style.css.map */
#txtCaptcha {
    font-size: 14px;
}

.form-mobile input[type=text] {
    font-family: 'samimNumber', "Roboto", sans-serif, 'Arial' !important;
}

.form-mobile i {
    /*font-size: 30px;*/
    top: 23%;
    color: #1da0f2;
    font-size: 17px;
}

.headerLogo{

}
.logo {
    line-height: 0;
}
    .logo:hover{
        text-decoration:none;
    }
    .logo img {
      /*  max-height: 40px;
        max-height: 150px;
      */  /*margin-right: 42px;*/
        /*margin-left: 3px;*/
        max-width:20%;
        opacity: 0.4;
    }

    .logo h3 {
        /* font-size: 30px;
        font-weight: 700;*/
        letter-spacing: 1px;
        color: #b2b9e2; /* #b2ceff;*/
        /* font-family: "Nunito", sans-serif; */
        margin-top: 3px;
        font-size:18px;
    }





.code-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
    direction:ltr;
}

.code {
    border-radius: 5px;
    font-size: 30px;
    height: 70px;
    width: 50px;
    border: 1px solid #eee;
    outline-width: thin;
    outline-color: #ddd;
    margin: 1%;
    text-align: center;
    font-weight: 300;
    -moz-appearance: textfield;
    margin-left: 10px;
    padding:0;
}

    .code::-webkit-outer-spin-button,
    .code::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .code:valid {
        border-color: #1DBF73;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    }

.info {
    background-color: #eaeaea;
    display: inline-block;
    padding: 10px;
    line-height: 20px;
    max-width: 400px;
    color: #777;
    border-radius: 5px;
}

@media (max-width: 600px) {
    .code-container {
        flex-wrap: wrap;
    }

    .code {
        font-size: 60px;
        height: 80px;
        max-width: 70px;
    }
}

.chkRadio label{
    margin-right:5px;
}

.form-group label {
    color :#8b8b8b;
}