@import url(/Jashnvare/assets/css/fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
/* Button loading state */

.button.button--loader {
display: flex;
align-items: center;
}

/* Animation 
source: https://loading.io/css/
*/

.button--loading:before {
content: " ";
width: 1.5em;
height: 1.5em;

border-radius: 50%;
border: 3px solid #fff;
border-color: #FFF transparent #fff transparent;
animation: loading-spinner-animation 1s linear infinite;
position: absolute;z-index: 1;left: calc(50% - 12px);
    
    transform: translateX(-50%);display: block;margin: auto;}
.button--loading:after{
   content: " ";
position: absolute;z-index: 0;width: 100%;height: 100%;display: block;background-color: #5cb85c;top: 0;left: 0;}
@keyframes loading-spinner-animation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}


/* Button */

.button,button,input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
line-height: 1.5;
padding: .25rem 2rem;
background: 0 0;
color: #58563a;
border: 1px solid #c1c0b5;
border-radius: 4px;
color: #2e2c09;
border-color: #2e2c09;
cursor: pointer;
text-align: center;
text-decoration: none
;display: inline-flex;}

.button:active,.button:focus,.button:hover {
text-decoration: none;
border-color: #5fa316;
color: #5fa316
}

button.btn-success,button.btn-success,input[type=submit].btn-success {
    transition: all .1s;
    -ms-flex-pack: center!important;
    justify-content: center!important;display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;-webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;position: relative;
padding: 14px 5px;font-size: 1.5rem;}

button.btn-success:focus,button.btn-success:hover,button.btn-success:active {
    border-color: #5fa316;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

button.btn-success:active,input[type=submit].btn-success:active {
  
}

.button.btn-success:disabled,
button.btn-success:disabled,
input[type=submit].btn-success:disabled {
box-shadow: none;
background-color: grey;
cursor: auto;
}






.signin-form{
   font-family: "IRANSans", Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.spiner2{
       border: 7px solid #f5f5f5;
       border-top: 7px solid #999;
       border-radius: 50%;
       width: 80px;
       height: 80px;
       animation: spin 2s linear infinite;
   }
   @keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
   }
.back {
   width: 154px;margin-right: -15px;display: block;
   background-color: #ffffff;
   padding: 8px 14px;
   border-radius: 23px 0 0 23px;
   cursor: pointer;
   transition: background-colo ease-out 1ms 1ms;
}
.back span{
   padding: 3px;
}
.back img{

}
.back:hover{
   background-color: #e0e0e0;
}
.password-recovery{
   cursor: pointer;
   color: #5cb85c;
}
.password-recovery:hover{
   color: #287528;
}
body{
   direction: rtl;
}
.signin-form {
   border: 1px solid #d3d3d3;
   border-radius: 5px;
   min-height: 23rem;
   position: relative;
}
.signin-form.loading{
       position:relative;
}
.signin-form.loading::before{
   content: "";
   position: absolute;
   z-index: 10;
   width: 100%;
   height: 100%;
   background-color: #ffffff;
   border-radius: 4px;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 0.6;
}
.signin-form .spiner2{
       position: absolute;
       left:  calc(50% - 40px);;
       top: calc(50% - 40px);;
       -webkit-transform: translateY(-50%) translateX(-50%);
       -ms-transform: translateY(-50%) translateX(-50%);
       transform: translateY(-50%) translateX(-50%);
       z-index: 11; 
   }
.signup{
   background-color: #fff;

}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

/* Firefox */
input[type=number] {
   -moz-appearance: textfield;
}
@media (min-width: 992px) {
   .signup{
      height: 100vh;


   }
   body{
       height: 100vh;
   }
   .flex-lg-wrap{
       -ms-flex-direction:initial !important;
       flex-direction: initial !important;
       flex: none;
   }
}

.invalid-feedback {
    padding: 6px 0 0 0;
color: #e77171;}
.text.btn {
    position: relative;
overflow: hidden;}
.text.btn.button--loading:after{
   
background-color: #ebebeb;}

   .text.btn.button--loading:before{
      
   border-color: #777 transparent #777 transparent;}

 .form-control{
    
 height: 48px;}