/* =========================
GENERAL
========================= */
html, body{
    background:#e6ede8 !important;
    color:#1a1a1a !important;
}

/* حذف بک‌گراندهای قدیمی */
.main,.wrapper,.container,.py-md-20{
    background:transparent !important;
}

/* =========================
LOGIN CARD
========================= */
.login,.login-box,.card,.panel{
    background:#ffffff !important;
    border-radius:22px !important;
    padding:25px !important;
    box-shadow:0 6px 28px rgba(0,0,0,0.10) !important;
}

/* pattern */
.login::before,
.login-box::before,
.card::before{
    content:"";
    position:absolute;
    left:-40px;
    top:40px;
    width:80px;
    height:120px;
    background-image:radial-gradient(#3c6255 20%,transparent 20%);
    background-size:14px 14px;
    opacity:.35;
}

/* =========================
TITLE
========================= */
h1,.site-title,.title{
    font-weight:900 !important;
    font-size:48px !important;
    color:#3c6255 !important;
}

.subtitle,h2,.text-muted{
    color:#3c6255 !important;
    opacity:.85 !important;
}

/* =========================
INPUT
========================= */
input[type="text"],
input[type="password"]{
    background:#fafafa !important;
    border-radius:12px !important;
    border:1px solid #d8e2db !important;
    padding:12px 15px !important;
}

/* =========================
BUTTON
========================= */
button,.btn,input[type="button"],input[type="submit"]{
    background:#3c6255 !important;
    border-radius:12px !important;
    border:none !important;
    color:#fff !important;
    padding:12px !important;
    font-weight:600 !important;
}

button:hover,
.btn:hover,
input[type="submit"]:hover{
    background:#2b473e !important;
}

/* =========================
LOGO REPLACE
========================= */
.display-2{
    font-size:0 !important;
    line-height:0 !important;
    display:block !important;
    width:100% !important;
    height:120px !important;
    margin-top:-20px !important;
    margin-bottom:20px !important;

    background:url('logo11.png') center/contain no-repeat !important;
}

@media(max-width:768px){
    .display-2{height:80px !important;}
}

/* =========================
NAVBAR
========================= */
.navbar{
    background:transparent !important;
    box-shadow:none !important;
}

.navbar a,
.navbar .nav-link,
.navbar .navbar-brand{
    color:inherit !important;
}

/* =========================
DROPDOWN
========================= */

/* باز شدن با هاور */
.nav-item.dropdown:hover .dropdown-menu{
    display:block !important;
}

/* آیتم اصلی */
.navbar-nav .nav-link.dropdown-toggle:hover{
    background:#8fd19e !important;
    color:#000 !important;
    border-radius:8px;
}

/* dropdown */
.navbar-nav .dropdown-menu{
    background:#8fd19e !important;
    border:none !important;
}

/* آیتم‌ها */
.navbar-nav .dropdown-menu .dropdown-item{
    color:#000 !important;
}

/* hover */
.navbar-nav .dropdown-menu .dropdown-item:hover{
    background:#b7e4c7 !important;
    color:#000 !important;
    transition:.2s;
}

/* =========================
REMOVE ELEMENTS
========================= */
#ctl00_imgTitle,
#ctl00_butHelp,
#ctl00_butLoginTest,
#ctl00_butMyCertification,
.Custom10,
.butHelpMain{
    display:none !important;
}


/* =========================
FORM LAYOUT
========================= */
.form-group.mb-3{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
}

#ctl00_butUserAddNew,
#ctl00_butLoginToPanel{
    flex:0 0 auto !important;
}

/* =========================
LOGIN CARD FIX
========================= */
.card-body.p-6.Custom9{
    padding:26px !important;
    direction:rtl;
    text-align:right;
}

.card-body.p-6.Custom9 .form-group{
    margin-bottom:10px !important;
}

/* =========================
CARD LOGO
========================= */
.card.Custom7{
    position:relative;
    overflow:hidden;
}

.card.Custom7::after{
    content:"";
    position:absolute;
    bottom:103px;
    left:10px;
    width:90px;
    height:90px;
    background:url('/styles/bg.png') center/contain no-repeat;
    opacity:.5;
    transform:scale(1.4);
    pointer-events:none;
}

/* =========================
FOOTER
========================= */
body::after{
    content:"فرادید رایان افزار";
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:70px;
    margin-top:30px;

    background:linear-gradient(135deg,#3c6255,#2f4f45);
    color:#fff;
    font-size:16px;
    font-weight:600;
    border-top-left-radius:18px;
    border-top-right-radius:18px;

    box-shadow:0 -4px 20px rgba(60,98,85,.18);
}

/* =========================
RESPONSIVE
========================= */
@media(max-width:768px){
    h1,.site-title,.title{
        font-size:34px !important;
    }
}
.py-8.py-lg-18.bg-light{
    display:none !important;
}
.pt-lg-10.pt-5.footer.bg-white{
    display:none !important;
}
body::after{
    content:"فرادید رایان افزار";
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:60px;

    background:linear-gradient(135deg,#3c6255,#2f4f45);
    color:#ffffff;

    font-size:13px;
    font-weight:500;
    letter-spacing:0.5px;

    margin-top:40px;

    border-top-left-radius:14px;
    border-top-right-radius:14px;

    box-shadow:0 -4px 16px rgba(60,98,85,0.2);
}
.mb-4.lead.text-white-50{
    text-align:center !important;
    color:#3c6255 !important;
}
.btn.btn-white.shadow-sm.me-1{
    color:#ffffff !important;
}
.display-2.fw-bold.mb-3.text-white.ls-sm{
    margin-top:-35px !important;
}
.col-xl-6.col-lg-6.col-md-12{
    margin-top:-20px !important;
}

.offset-xl-1.col-xl-5.col-lg-6.col-md-12.Custom6{
    margin-bottom:5px !important;
}
.txtUsername.validate.form-control.validation{
    border-right:4px solid #0d47a1 !important;
}

.txtPassword.validate.form-control.validation{
    border-right:4px solid #0d47a1 !important;
}
.UserTestDataViewRow1.card-body.ss02::before{
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:22px;
    pointer-events:none;

    background:
    linear-gradient(to right, transparent, rgba(127,166,146,0.55), transparent) top/100% 4px no-repeat,
    linear-gradient(to right, transparent, rgba(127,166,146,0.55), transparent) bottom/100% 4px no-repeat,
    linear-gradient(to bottom, transparent, rgba(127,166,146,0.55), transparent) left/4px 100% no-repeat,
    linear-gradient(to bottom, transparent, rgba(127,166,146,0.55), transparent) right/4px 100% no-repeat;

    opacity:.75;
}
.modal-header.bg-warning{
    background:#dff5b2 !important;
    border-color:#d6eea5 !important;
}

.dialog_content_data{
    padding:4px 8px !important;
    font-size:180% !important;
    line-height:2.2 !important;
}

.card,
.card *{
    font-size:0.85rem !important;
}
.spinner-border.text-danger{
    color:#003b8e !important;
}
#ctl00_butUserAddNew{
    background:#7fbf7f !important;   /* سبز پاستیلی مکمل */
    border-color:#7fbf7f !important;
    color:#183a1d !important;        /* سبز تیره هماهنگ */
    
    transition:0.3s ease;
}
/* والد مشترک همه دکمه‌ها: کانتینر کارت */
.card-body.p-6.Custom9 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  justify-content: flex-start; /* چیده شدن از سمت چپ */
  padding: 1rem 1.5rem;
}

/* این باعث می‌شود دو دکمه داخل form-group.mb-3 استاندارد باشه */
.form-group.mb-3 {
  display: flex;
  gap: 10px;
  margin: 0; /* اگر مارجین اضافی موجود است */
  padding: 0;
}

/* والد form-group برای دکمه فراموشی رمز (butRemember) */
.form-group {
  margin: 0;
  padding: 0;
  /* ما position:absolute نمی‌زاریم چون داریم flex می‌کنیم در کانتینر مشترک */
  display: flex;
  align-items: center;
}

/* استایل دکمه‌ها — همگن و مشابه */
.butLoginToPanel,
.butUserAddNew,
.butRemember {
  background-color: #2c6a4f !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px 16px !important;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}

.butLoginToPanel:hover,
.butUserAddNew:hover,
.butRemember:hover {
  background-color: #3a7a59 !important;
}

/* جلوگیری از اینکه فرم‌ها جایشان زیادی جدا شود */
.form-group.mb-3,
.form-group {
  flex: 1 1 auto;
}

/* ریسپانسیو: چیدمان عمودی در صفحه کوچک */

.alert.alert-success {
  position: relative;
  padding-left: 70px;   /* جا برای عکس در سمت چپ */
}

.alert.alert-success {
  position: relative;
  padding-left: 170px;   /* جا برای عکس بزرگ‌تر */
}

.alert.alert-success {
  position: relative;
  padding-left: 320px;   /* جا برای عکس بزرگ‌تر */
}
.alert.alert-success {
  position: relative;
  padding-left: 100px;
}

.alert.alert-success::before {
  content: "";
  position: absolute;
  top: 120%;   /* فقط همین را تغییر دادم → عکس کمی پایین‌تر می‌آید */
  left: 10px;
  transform: translateY(-50%);
  
  width: 300px;
  height: 300px;

  background-image: url("/styles/owl.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.form-group.col-xxl-3.col-xl-5.col-lg-6.col-md-6.col-12,
.form-group.col-xxl-5.col-xl-8.col-lg-12.col-md-12.col-12 {
  display: none !important;
}

@media (max-width: 768px) {
  .alert.alert-success::before {
    display: none !important;
  }
}
.btn.btn-primary.btn-sm {
  display: none !important;
}
@media (min-width: 1200px) { /* XL و بالاتر */
  .col-xxl-4.col-xl-6.col-lg-6.col-md-12.col-12.mb-4 {
    flex: 0 0 60%;   /* عرض بیشتر */
    max-width: 60%;
  }
}
.card::before {
  display: none !important;
  content: none !important;
}
.butRemember {
  display: block;
  margin: 0 auto;
}
.card.Custom7 {
  position: relative;
}

.card.Custom7::after {
  position: absolute;
  pointer-events: none; /* اختیاری */
}