*{
    padding: 0;
    margin: 0;
    font-family: Vazir, serif;
}
/*---------register-----------------*/

/* 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;
}



.form-control{
    font-size: 0.8rem;
}
body{
    background-color: rgba(148, 204, 250, 0.58);
}

/*-----------login---------*/
.underline-dark{
    width: 100%;
    border: 1px solid #c5c5c5;
    margin-top: 5px;
    justify-content: center;

}
.btn-sabt{
     width: 20%;
    background-color: #00bffe;
    border: none;
    color: white;
}

/*.btn-sabt-reset-pass{*/
/*     !*width: 20%;*!*/
/*    background-color: #00bffe;*/
/*    border: none;*/
/*    color: white;*/
/*}*/

.btn-sabt:hover{
    color: white;
    transform: translateY(2px);
}
@media (max-width: 720px) {
    .btn-sabt{
        width: 100%;
    }
}

/*------------------------forgot---------------*/
.btn-obur{
    width: 40%;
    float: left;
    background-color: #00bffe;
    border: none;
    color: white;
}
@media (max-width: 720px) {
    .btn-obur{
        width: 100%;
    }
}
/*--------------------------------------------*/
.card-height {
    height: auto !important;
    min-height: 95vh;
}
/*------------forget---------------*/

.card-height a{
    font-size: 0.8rem;
}




/* Style all input fields */
input {
  /*width: 100%;*/
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 8px;
}

/* Style the submit button */
input[type=submit] {
  background-color: #04AA6D;
  color: white;
}

/* Style the container for inputs */

/* The message box is shown when the user clicks on the password field */
#message {
  display:none;
  color: #000;
  position: relative;
  /*padding: 10px;*/
}

#message p {
  padding: 5px 35px;
  font-size: 12px;
  margin-bottom: 0;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  padding-left: 5px;
  /*left: -35px;*/
  content: "✔";
}

/* Add a red text color and an "x" when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  padding-left: 5px;
  /*left: -35px;*/
  content: "✖";
}

#notfound_num {
    font-size: 14px;
    color: red;
}

input{
    font-size: 14px;
    padding: 2px;

}



.swal2-container{
    justify-content: center;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  font-size: 16px !important;
}

div:where(.swal2-icon).swal2-warning {
    font-size: 14px !important;
}

div:where(.swal2-icon).swal2-success {
    font-size: 10px !important;
}

div:where(.swal2-container) .swal2-html-container{
    font-size: 12px !important;
}


.input-icons i {
            position: absolute;
        }

        .input-icons {
            width: 100%;
            /*margin-bottom: 10px;*/
        }

.icon {
            padding: 10px;
            color: green;
            /*min-width: 50px;*/
            text-align: center;
            margin-top: 6px;
        }

        .input-field {
            width: 100%;
            padding: 8px;
            text-align: center;
        }

.errorlist li{
    color: red;
    font-size: 12px;
    list-style-type: none;
}


.valid { color: green; }
.invalid { color: red; }
.progress-bar { transition: width 0.3s ease; }

#register_message {
    display: none;
}

.password-validator input {
    padding: 10px;
    height: 45px;
    box-sizing: border-box;
}
/* container مربوط به input و چشم */


/* ظرف والد */
.position-relative {
    position: relative;
}

/* آیکون چشم */
input[type="password"],
input[type="text"].password-field {
    width: 100%;

    height: 32.8px;           /* ارتفاع دلخواه */
    line-height: 40px;      /* متن وسط عمودی */
    box-sizing: border-box;
}

/* فیلدهای پسورد */

/*.toggle-pass {*/
/*    !*position: absolute;*!*/
/*    !*top: 50%;*!*/
/*    right: 2.75rem;       !* فاصله از راست *!*/
/*    !*transform: translateY(-50%);*!*/
/*    cursor: pointer;*/
/*    z-index: 2;*/
/*}*/

.position-relative {
  position: relative;
}

/* آیکون چشم سمت چپ */
.toggle-pass {
  position: absolute;
  left: 0.75rem;   /* فاصله از چپ */
  top: 35%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #6c757d;
  z-index: 2;
}

/* فضای کافی برای چشم از چپ */
.position-relative input[type="password"],
.position-relative input[type="text"] {
  padding-left: 2rem;   /* فضا برای آیکون */
  text-align: right;    /* تایپ از راست */
  box-sizing: border-box;
}