body{font-family:"yekanbakh-regular"; }

.regFormView {  background: url("http://komailclinic.ir/image/fm/70bbae.png") center / cover no-repeat !important; }
.regForm{background: url("http://komailclinic.ir/image/fm/70bbae.png") center / cover no-repeat !important;}
.regForm {display: grid;place-items: center;margin: 0;font-family:"yekanbakh-regular"; height:100vh;}
.ew-message-dialog {  display: none;}
/*.pace-running.layout-fixed p:last-of-type {    display: none;}*/
/*message*/
.alert.alert-danger.alert-dismissible.ew-error {
  font-size: 0.8rem !important;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  font-family: "yekanbakh-regular";
  width: 95%;
  margin: auto !important;
    margin-bottom: 1rem  !important;
}
#ew-page-footer {  display: none;}

.regForm .ew-desktop > div {background: transparent !important;}
.regForm .ew-desktop > div:nth-of-type(1) {
text-align: center;
font-size: 1.3rem;
font-family: YekanBakh-bold;
color: #005baa;
line-height: 2;
padding:0 !important;
}
.regForm .ew-desktop > div:nth-of-type(1) small {
text-align: center;
font-size: 1rem;
font-weight: 400;
color: #777;
background: #fff;
padding: 0.2rem 0.6rem;
border-radius: 0.5rem;
border: 1px solid #ddd;
}

.regForm #fview_regadd {
display: grid;
place-items: center; 
max-width: 100vw !important;
padding: 1rem;
}


.regForm .ew-desktop {
/*background: rgba(255,255,255,0.9) !important;*/
background:#fff;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.2);
padding: 1.5rem !important;
border-radius: 1rem !important;
width: 32em;

}






.regForm .ew-desktop .ew-desktop-table {  
margin-top: 0 !important;  
margin-bottom: 0 !important;
}
.regForm .table {  background: transparent;}
.regForm .w-col-2 {  width: 100% !important;}

.regForm .table-bordered > :not(caption) > * {
border-width:0 !important;
display: grid;
margin-bottom:0.5rem;
}


.regForm .table-hover > tbody > tr:hover > * {
--bs-table-accent-bg: var(--bs-table-hover-bg);
color: var(--bs-table-hover-color);
}
.regForm .table-striped > tbody > tr:nth-of-type(2n+1) > * {
--bs-table-accent-bg: #fff !important;

}

.regForm .table-hover > tbody > tr:hover > * {
--bs-table-accent-bg: #fff !important;
color: var(--bs-table-hover-color);
}



.regForm td {
background: transparent !important;
border-width:0 !important;
background:transparent !important;
background-color: transparent !important;
background-color: transparent !important;
}


.regForm .ew-desktop .ew-desktop-table > tbody > tr > td:first-of-type > span[id^="elh_"], .regForm .ew-desktop .ew-desktop-table > thead > tr > td:first-of-type > span[id^="elh_"] {
font-weight: 400 !important; 
display: block !important;
margin-top: 0 !important;
}

.regForm tbody > tr > td > span {
width: 100%;
}


.regForm .ew-item-container .d-sm-table-cell {
padding: .25rem .25rem;
}



.regForm .form-control {  width: 100% !important;
background-color: transparent !important;
background:transparent !important;
}

.regForm .col-sm-10.offset-sm-2 {  
margin:auto !important;
margin-top: 1rem !important;
display: flex !important;  
width: 98% !important;
position: relative;
}

.regForm .row.ew-captcha p {  
margin:0 !important;
}
.regForm .row.ew-captcha img {  
width: 100% !important;  
height: 100% !important; 
margin:0 !important;
border-radius:0  0.5rem 0.5rem 0;
}
.regForm .row.ew-captcha #captcha-add { 
width: 100% !important;
}
.regForm .col-sm-10.offset-sm-2 .btn {  
width: 47% !important;
margin: 0 0.5rem !important;
padding: 0.5rem !important;
font-family: yekanbakh-bold;
font-size: 0.9rem;
border-radius: 0.5rem;
}

.regForm #btn-cancel {
display: block !important;
}

.regForm .d-sm-table.ew-item-container {
padding: 0 !important;
border-radius: 0.1rem;
border:none !important;
position: relative;
}

.regForm #el_view_reg_tarikh_nobat_id {  
max-height: 110px !important;
overflow-y: hidden !important;
overflow-x: hidden !important;
}



.regForm #el_view_reg_tarikh_nobat_id.expanded {  max-height: 100% !important;}

/*style-card*/
/*normal*/
.regForm .form-check {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
flex: 0 0 auto;
border-radius: 10px !important;
border: 1px solid rgb(208, 213, 221);
color: rgb(52, 64, 84);
background-color: rgb(255, 255, 255);
cursor: pointer;
padding: 0.5rem 0 1rem 0 !important;
}
/*hover*/
.regForm .form-check:hover {  background-color: rgb(245, 250, 255);}

/*activ*/
.regForm .form-check:has(.form-check-input:checked) {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
flex: 0 0 auto;
border-radius: 10px !important;
border: 1px solid rgb(65, 135, 255);
cursor: pointer;
color: rgb(65, 135, 255) !important;
background-color: rgb(245, 250, 255) !important;
}



/*style-items*/
.regForm label.form-check-label > div > span:first-of-type {
font-family: "yekanbakh-regular";
font-size: 0.7rem;
}
.regForm label.form-check-label > div > span:nth-of-type(2) {font-family: yekanbakh-bold;line-height: 2; font-size: 0.8rem;}
.regForm label.form-check-label > div > span:nth-of-type(3) {
background: #0d6efd;
border-radius: 0.3rem;
padding:0.2rem 0.5rem;
color: #fff;
font-family: "yekanbakh-regular";
font-size: 0.6rem;
}




/* ===== container gap قابل تنظیم ===== */
.regForm #dsl_x_tarikh_nobat_id { --gap: 7px; }

/* ===== کانتینر اصلی: از flex استفاده می‌کنیم ===== */
.regForm #dsl_x_tarikh_nobat_id .ew-item-container {
display: flex !important;
flex-wrap: wrap !important;
gap: var(--gap) !important;
justify-content: flex-start;
direction: rtl;
overflow-x: hidden !important; 
}

/* اجازه می‌ده ردیف‌های جدول مانع flex نشوند */
.regForm #dsl_x_tarikh_nobat_id .d-sm-table-row {
display: contents !important;
}

/* ===== هر سلول: پایه برای 5 در هر سطر (دسکتاپ) =====*/
.regForm #dsl_x_tarikh_nobat_id .d-sm-table-cell {
box-sizing: border-box !important;
flex: 0 1 calc((100% - (var(--gap) * 4)) / 5) !important; /* 5 ستون */
max-width: calc((100% - (var(--gap) * 4)) / 5) !important;
min-width: 0 !important;   /* بسیار مهم برای اجازه فشرده شدن */
display: flex !important;
justify-content: center;
align-items: stretch;
padding: 0 !important;
}

/* محتوا تمام عرض سلول را اشغال کند */
.regForm #dsl_x_tarikh_nobat_id .d-sm-table-cell > .form-check {
width: 100%;
box-sizing: border-box;
min-width: 0 !important;
}

/* جلوگیری از اینکه المان‌های داخل پهنای سلول را تحمیل کنند */
.regForm #dsl_x_tarikh_nobat_id .form-check,
.regForm #dsl_x_tarikh_nobat_id .form-check * {
min-width: 0 !important;
box-sizing: border-box;
}

/* ===== تبلت: 4 در هر سطر ===== */
@media (max-width: 1024px) {
.regForm #dsl_x_tarikh_nobat_id .d-sm-table-cell {
flex: 0 1 calc((100% - (var(--gap) * 4)) / 5) !important; /* 4 ستون */
max-width: calc((100% - (var(--gap) * 4)) / 5) !important;}
}

/* ===== گوشی: 4 در هر سطر ===== */
@media (max-width: 768px) {
.regForm #dsl_x_tarikh_nobat_id .d-sm-table-cell {
flex: 0 1 calc((100% - (var(--gap) * 3)) / 4) !important; /* 3 ستون */
max-width: calc((100% - (var(--gap) * 3)) / 4) !important;}

/*text*/
.regForm #elh_view_reg_tarikh_nobat_id {font-size: 0;}
.regForm #ew-page-header ,.regForm .ew-message-dialog,#.regForm .ew-page-footer{  display: none;}

.regForm .invalid-feedback {
width: 100%;
margin-top: .25rem;
font-size: 0.7rem;
color: #dc3545;
position: absolute;
top: -29px;
}

.regForm .form-control.ew-form-control {  border-radius: 0.5rem 0 0 0.5rem !important;}
.regForm .form-control {  border-radius: 0.5rem !important;}

.regForm .w-col-2 {  width: 100% !important;}
.regForm tbody > tr > td > span {width:100%;}
.regForm .form-control {  width: 100% !important;}
.regForm #fview_regadd {
max-width: 95% !important;
    max-height: 100% !important;
    background: rgba(255,255,255,0.85) !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.2);
    padding: 1.5rem !important;
    border-radius: 1rem !important;
    backdrop-filter: blur(5px);
}
.regForm .pace-running.layout-fixed {width: 95%;    height: 100%!important;}
.ew-desktop{
width: 12rem;
/*background: rgba(255,255,255,0.9) !important;*/
background:#fff;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.2);
padding: 1.5rem !important;
border-radius: 1rem !important;
}

label:not(.form-check-label) {  font-weight: 400;  font-family: yekanbakh-bold;}
}

.regForm .ew-desktop > div:nth-of-type(1){display:block}
.regForm .regForm {width:100%;}
.regForm .form-check-input{display: none !important;}
.regForm .form-control::placeholder {
color: #6c757d;
opacity: 1;
font-family: yekanbakh-bold  !important;
font-size: 0.8rem  !important;
}

.regForm #r_tarikh_nobat_id .w-col-2 #elh_view_reg_tarikh_nobat_id {  display: none !important;}
.regForm #r_tarikh_nobat_id::before {
content: "درصورت عدم مراجعه در زمان مقرر کد ملی شما غیر فعال میگردد و امکان گرفتن نوبت جدید با استفاده از کد ملی مذکور غیر ممکن میشود";
text-align: center !important;
font-size: 0.8rem !important;
display: block;
line-height: 2;
text-align: justify;
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
position: relative;
padding: .75rem;
margin: 1rem 0 !important;
border-radius: 0.5rem;
font-family: "yekanbakh-regular";
}



.regFormView > p:first-of-type {  display: none;}
#ew-page-header{display:none;}
.regFormView {  display: grid;  place-items: center;  height: 100vh;}
.regFormView{
#fview_regview {
width: 30rem !important;
background: #fff !important;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
padding: 0;
border-radius: 1rem !important;
margin: auto !important;
border: 1px solid #ddd !important;
display: grid;
place-items: center;
padding: 1rem !important;
}

.table.table-striped.table-bordered.table-hover.table-sm.ew-view-table {  margin: 0 !important;}

.regFormView {  width: 100vw;  height: 100vh;  display: grid;  place-items: center;}


#elh_view_reg_fullname {  font-family: "yekanbakh-regular" font-weight: 400;;}

tbody tr td {  width: 100% !important;  }
tr {  border-top: none;}

.w-col-2 {  width: 50% !important;  display: block;}

tbody tr {  display: flex; border-bottom: 1px dashed #aaa;    padding: 1rem 0;}

.table tbody tr td:nth-child(1) {
width: 100% !important;
    text-align: right;
    --bs-table-accent-bg: rgba(0, 0, 0, 0);
    border: none !important;
    font-weight: 400;
color: #666;
}

.table tbody tr td:nth-child(2),.table tbody tr td:nth-child(2) a {
display: flex;
flex-direction: row-reverse !important;
font-family: yekanbakh-bold;
border: none !important;
color:#555;
}

.table tbody tr:nth-child(6) td, .table tbody tr:nth-child(7) td {  display: none;}

.table tbody tr:nth-child(5) {  border-bottom: none !important;  padding-bottom: 0 !important;}

#r_fullname::before {
text-align: center !important;
font-size: 1.5rem;
line-height: 2;
position: relative;
padding: .75rem;
margin: 1rem 0 !important;
margin-bottom: 1rem;
border-radius: 0.5rem;
font-family: "yekanbakh-regular";
font-family: "yekanbakh-bold";
color: green;
margin-bottom: 0.5rem !important;
display: block;
}

#r_id::before {
content: " نوبت شما رزرو شد ";
text-align: center !important;
font-size: 1.5rem;
line-height: 0;
position: relative;
padding: .75rem;
margin: 1rem 0 !important;
margin-bottom: 1rem;
margin-bottom: 1rem;
border-radius: 0.5rem;
font-family: "yekanbakh-regular";
font-family: "yekanbakh-bold";
color: green;
margin-bottom: 2.5rem !important;
}

#r_id {  width: 100%;  display: grid;}

.table tbody tr:nth-child(1) td {  display: none;  border: none !important;}

.table tbody td:nth-child(1), .table tbody tr:nth-child(6), .table tbody td:nth-child(7) {  border: none !important;}

tbody tr:nth-child(1), tbody tr:nth-child(6), tbody tr:nth-child(7) {  border-bottom: none !important;  padding: 0 !important;}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
--bs-table-accent-bg: var(--bs-table-striped-bg);
color: var(--bs-table-striped-color);
}
.table-hover > tbody > tr:hover > * {
--bs-table-accent-bg: rgba(0, 0, 0, 0);
color: var(--bs-table-hover-color);
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
--bs-table-accent-bg: rgba(0, 0, 0, 0) !important;
color: var(--bs-table-striped-color);
}

#ew-page-footer,.ew-message-dialog {  display: none;}


@media (max-width: 768px) {
#fview_regview {  
max-height: 100% !important;
      background: rgba(255,255,255,0.85) !important;
      box-shadow: 0 .5rem 1rem rgba(0,0,0,.2);
      padding: 1.5rem !important;
      border-radius: 1rem !important;
      backdrop-filter: blur(5px);
      display: grid;
      place-items: center;
      max-width: 92vw !important;
}

}

}