@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
:root {
  /* font size  */
  --font-12: 0.75rem;
  --font-14: 0.875rem;
  --font-16: 1rem;
  --font-18: 1.125rem;
  --font-20: 1.25rem;
  --font-24: 1.5rem;
  --font-26: 1.625rem;
  --font-28: 1.75rem;
  --font-32: 2rem;
  --font-36: 2.25rem;
  --font-42: 2.625rem;
  --font-45: 2.813rem;
  /* font size  */


  /* colors  */
  --Gray-50: #F7F8FA;
  --Gray-400: #A2A6B0;
  --Namazman-bgcolor: #f4f8fe;
  --Namazman-color: #279594;
  --Namazman-color2: #303030;
  --Namazman-color-hover: #078d77 ;
  --Namazman-text-header: #16161D;
  --Namazman-text-Subtitles: #48485C;
  /* colors  */

}
.form-control:focus
{
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}
body {
	font-family: IRANYekanXFaNum  !important;
	direction: rtl;
	background-color: var(--Namazman-bgcolor);
	margin: 0;
}
h1, h2, h3, h4, h5, h6,input, textarea {
	font-family: IRANYekanXFaNum !important;
}

    body {
      background: linear-gradient(135deg, #e0eafc, #cfdef3);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'IRANSans', sans-serif;
    }
    .card {
      border: none;
      border-radius: 1rem;
      overflow: hidden;
    }
    .btn-primary, .btn-success, .btn-secondary {
      border-radius: var(--bs-border-radius);
    }
    #timer {
      font-size: 14px;
      color: #6c757d;
      text-align: center;
      margin-top: 12px !important;
      margin-bottom: 0px;
    }
    #resendButton {
      margin-top: 10px;
    }
    input::placeholder {
      color: #aaa !important;
    }
    .datepicker-container div
    {
      font-family: IRANYekanXFaNum !important;
    }
    .bgcolor1
    {
      background-color: var(--Namazman-color);
      color:#fff;
    }
    .bgcolor1:hover{
      background-color: var(--Namazman-color-hover);
      color:#fff;
    }
    #phoneForm
    {
      margin-top: 20px;
    }
    #resendButton
    {
      border: none;
      color: var(--Namazman-color);
      background: none;
    }
    .sendcodetxt{
      font-size: 13px;
      color: #6c757d;
    }
    .writecode
    {
      font-size: 17px;
    }
#backlevel
{
  color: var(--Namazman-color);
  background: none;
  border: none;
}
.datepicker-plot-area
{
    font:unset;
    font-size: 12px;
}