*{
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: IRANsans;
    src: url(../fonts/ttf/fanum.ttf);
}
#swal2-title {
   font-size: 21px;
   display: flex;
}
.swal2-popup {
   color: white;
   display: none;
   position: relative;
   box-sizing: border-box;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-direction: column;
   -webkit-box-pack: center;
   justify-content: center;
   width: 32em;
   max-width: 100%;
   padding: 1.25em;
   border: none;
   border-radius: 0.3125em;
   background: #c53b3bc7 !important;
   font-family: inherit;
   font-size: 1rem;
}
.swal2-title {
   font-family: 'IRANsans' !important;
   position: relative;
   max-width: 100%;
   margin: 0 0 0.4em;
   padding: 0;
   color: white !important;
   font-size: 1.875em;
   font-weight: 600;
   text-align: center;
   text-transform: none;
   word-wrap: break-word;
}
.swal2-header {
   display: -webkit-box;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   flex-direction: column;
   -webkit-box-align: center;
   align-items: end !important;
}

.textError {
   font-family: 'IRANsans';
   box-shadow: -1px 0px 5px 5px rgb(23 145 64 / 72%);
   -webkit-box-shadow: -1px 0px 5px 5px rgb(23 145 64 / 72%);
   -moz-box-shadow: -1px 0px 5px 5px rgba(23,145,64,0.72);
   text-align: center;
   background-color: #742828f0;
   height: 48px;
   width: fit-content;
   padding: 11px;
   margin: 10px;
   float: right;
   color: white;
   font-size: 19px;
   border-radius: 8px;
}
.iconerror {
   float: left;
   margin-right: 50px;
   color: greenyellow;
   cursor: pointer;
}

.card_login {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   width: 100%;
}

.inputCaptcha {
   font-style: italic;
   margin-bottom: 1px;
   padding: 0px;
   /* border-bottom: 1px solid; */
   width: 33% !important;
   /* background-image: url(../img/bg6.png); */
   filter: blur(1px);
}
.card_login--imgback {
   background-image: url('../img/login.jpg');
   background-size: cover;
   width: 100%;
   height: 100vh;
   background-repeat: round;
   position: relative;
}
.card_login--inputbox {
   position: absolute;
   top: 34%;
   left: 74%;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 20%;
   row-gap: 2rem;
}
.card-input{
    display: flex;
    align-items: center;
    justify-content: center;
}
.textfooter {
   margin-top: -39px;
   position: absolute;
   /* text-align: center; */
   left: 43%;
   font-size: 18px;
   font-family: 'IRANsans';
}
.inputbox{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid gray;
    font-family: IRANsans;
    text-align: right;
    width: 100%;
    height: 44px;
}
.inputbox::placeholder{
    color: rgb(37, 36, 36);
    margin-top:-30px;
    color:red;
}
.inputbox:focus { outline: none; }
.card_login--btn {
   width: 100%;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: start;

}
.card_login--btnlog {
   background-color: rgb(0 131 211);
   color: white;
   font-family: IRANsans;
   font-weight: bold;
   width: 89%;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 40px;
}
.bi-person,.bi-key{
    color: rgb(24, 23, 23);
}
.swal-wide {
   font-size:18px !important;
}
.disabledDiv {
   pointer-events: none;
   background-color: rgba(0, 0, 0, 0.5);
}

.loader {
   margin-left: 623px;
   border: 7px solid #fffef6;
   border-radius: 50%;
   border-top: 7px solid #1b460c;
   width: 99px;
   height: 99px;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
   margin-top: 129px;
}

/* Safari */
@-webkit-keyframes spin {
   0% {
      -webkit-transform: rotate(0deg);
   }

   100% {
      -webkit-transform: rotate(360deg);
   }
}

@keyframes spin {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}