:root {
  /* Brand */
  --rt-primary: #14C38E;
  --rt-primary-rgb: 20, 195, 142;
  --rt-primary-dark: #0EA475;
  --rt-primary-light: #E6F9F2;
  --rt-primary-soft: #D1F5E7;

  --rt-secondary: #6366F1;
  --rt-secondary-rgb: 99, 102, 241;
  --rt-secondary-light: #EEF0FF;

  --rt-success: #22C55E;
  --rt-success-light: #DCFCE7;
  --rt-info: #0EA5E9;
  --rt-info-light: #E0F2FE;
  --rt-warning: #F59E0B;
  --rt-warning-light: #FEF3C7;
  --rt-danger: #EF4444;
  --rt-danger-light: #FEE2E2;
  --rt-pink: #EC4899;
  --rt-pink-light: #FCE7F3;
  --rt-purple: #8B5CF6;
  --rt-purple-light: #EDE9FE;
  --rt-orange: #FB923C;
  --rt-orange-light: #FFEDD5;
  --rt-teal: #14B8A6;
  --rt-teal-light: #CCFBF1;

  /* Neutrals */
  --rt-body-bg: #F4F7FB;
  --rt-card-bg: #FFFFFF;
  --rt-border: #E8ECF2;
  --rt-text: #1F2A37;
  --rt-text-muted: #6B7280;
  --rt-text-soft: #9CA3AF;
  --rt-heading: #0F172A;

  /* Sidebar */
  --rt-sidebar-bg: #0E1726;
  --rt-sidebar-bg-2: #131D30;
  --rt-sidebar-text: #B7C0D2;
  --rt-sidebar-active: #14C38E;
  --rt-sidebar-active-bg: rgba(20, 195, 142, 0.10);
  --rt-sidebar-border: rgba(255, 255, 255, 0.05);
  --rt-sidebar-width: 260px;
  --rt-sidebar-collapsed: 78px;

  /* Header */
  --rt-header-h: 70px;
  --rt-header-bg: #FFFFFF;

  /* Effects */
  --rt-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --rt-shadow-sm: 0 2px 6px rgba(15, 23, 42, 0.06);
  --rt-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
  --rt-shadow-lg: 0 14px 40px rgba(15, 23, 42, 0.10);

  --rt-radius-sm: 8px;
  --rt-radius: 12px;
  --rt-radius-lg: 16px;
  --rt-radius-xl: 22px;

  --rt-trans: all .25s cubic-bezier(.4,0,.2,1);

  /* Bootstrap overrides */
  --bs-body-font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-body-color: var(--rt-text);
  --bs-body-bg: var(--rt-body-bg);
  --bs-primary: var(--rt-primary);
  --bs-primary-rgb: var(--rt-primary-rgb);
  --bs-border-color: var(--rt-border);
  --bs-link-color: var(--rt-primary);
  --bs-link-hover-color: var(--rt-primary-dark);
}

/* Dark mode */
[data-theme="dark"] {
  --rt-body-bg: #0B1120;
  --rt-card-bg: #131D30;
  --rt-border: #1F2A40;
  --rt-text: #E5E7EB;
  --rt-text-muted: #9CA3AF;
  --rt-heading: #F9FAFB;
  --rt-header-bg: #131D30;
  --rt-primary-light: rgba(20, 195, 142, 0.16);
  --rt-primary-soft:  rgba(20, 195, 142, 0.16);
  --rt-success-light: rgba(34, 197, 94, 0.16);
  --rt-info-light:    rgba(14, 165, 233, 0.16);
  --rt-warning-light: rgba(245, 158, 11, 0.16);
  --rt-danger-light:  rgba(239, 68, 68, 0.16);
  --rt-secondary-light: rgba(148, 163, 184, 0.16);
  --rt-purple-light:  rgba(139, 92, 246, 0.16);
  --rt-pink-light:    rgba(236, 72, 153, 0.16);
  --rt-orange-light:  rgba(249, 115, 22, 0.16);
  --rt-teal-light:    rgba(20, 184, 166, 0.16);
  --bs-body-color: var(--rt-text);
  --bs-body-bg: var(--rt-body-bg);
  --bs-body-bg-rgb: 11, 17, 32;
  --bs-body-color-rgb: 229, 231, 235;
  --bs-border-color: var(--rt-border);
  --bs-secondary-color: var(--rt-text-muted);
  --bs-tertiary-color: var(--rt-text-muted);
  --bs-tertiary-bg: rgba(255,255,255,.04);
  --bs-tertiary-bg-rgb: 27, 39, 64;
  --bs-light-rgb: 27, 39, 64;
  --bs-dark-rgb: 11, 17, 32;
}
.text-saffron{color: #f15b25;}
.bg-saffron{background-color: #f15b25 !important;}
.bg-saffron:hover{background-color: #e9410c;}


.btn.btn-saffron {
    color: var(--bs-primary-inverse);
    border-color: #f15b25;
    background-color: #f15b25;
}
.btn.btn-saffron:hover:not(.btn-active){
    background-color: #d5410c;
    border-color: #d5410c;
}

.btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: #4CAF50;
    background-color: #4CAF50;
}


.header_top{background: #481d06;padding: 5px;}

.login_bg {background: linear-gradient(185deg, #ffc871, #085e16);}

.auth-left {
    flex: 1;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    /*background: linear-gradient(135deg, var(--rt-primary), #0EA475);*/
    color: #fff;
    position: relative;
    overflow: hidden;
    background-image: url("../media/tree.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;
    background-position-x: right;
}
.auth-left::before {
    content: '';
    position: absolute;
    bottom: -100px;
    left: -100px;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
}

.auth-left::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
}

.auth-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}
.menu-item .menu-link .menu-title{font-weight: 600; text-transform: uppercase;}
.progress, .progress-stacked{--bs-progress-bg: var(--bs-gray-300);}
.district_bg{background: #006400;}

.portfolio {
    position: relative;
    transition: all 0.3s ease 0s;
}
.portfolio:hover {
    box-shadow: 0 8px 12px rgba(51, 51, 51, 0.30);
}
.portfolio__inner{
    position: relative;
}
.htc__hover__fornt img {
    width: 100%;
}
.htc__hover__information::before {
    background: #000;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}
.htc__hover__information {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.htc__hover__action {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.htc__hover__action a {
    border: 1px solid #fff;
    border-radius: 100%;
    display: block;
    height: 42px;
    line-height: 47px;
    opacity: 0;
    text-align: center;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 42px;
}
.htc__hover__action a i {
    color: #fff;
    font-size: 24px;
}
.portfolio:hover .htc__hover__information::before{
    opacity: 0.7;
    visibility: visible;
}
.portfolio:hover .htc__hover__action a{
    opacity: 1;
    visibility: visible;
}

.app-header-menu .menu>.menu-item.here>.menu-link{background-color: #ecb886;}
.bg-light-saffron{background: #fdc0a4;}
legend {
    float: none;
    padding: 5px 10px;
    font-weight: 500;
    margin-bottom: 0;
}

.w-1 { width: 1% !important; }

.w-2 { width: 2% !important; }

.w-3 { width: 3% !important; }

.w-4 { width: 4% !important; }

.w-5 { width: 5% !important; }

.w-6 { width: 6% !important; }

.w-7 { width: 7% !important; }

.w-8 { width: 8% !important; }

.w-9 { width: 9% !important; }

.w-10 { width: 10% !important; }

.w-11 { width: 11% !important; }

.w-12 { width: 12% !important; }

.w-13 { width: 13% !important; }

.w-14 { width: 14% !important; }

.w-15 { width: 15% !important; }

.w-16 { width: 16% !important; }

.w-17 { width: 17% !important; }

.w-18 { width: 18% !important; }

.w-19 { width: 19% !important; }

.w-20 { width: 20% !important; }

.w-21 { width: 21% !important; }

.w-22 { width: 22% !important; }

.w-23 { width: 23% !important; }

.w-24 { width: 24% !important; }

.w-25 { width: 25% !important; }

.w-26 { width: 26% !important; }

.w-27 { width: 27% !important; }

.w-28 { width: 28% !important; }

.w-29 { width: 29% !important; }

.w-30 { width: 30% !important; }

.w-31 { width: 31% !important; }

.w-32 { width: 32% !important; }

.w-33 { width: 33% !important; }

.w-34 { width: 34% !important; }

.w-35 { width: 35% !important; }

.w-36 { width: 36% !important; }

.w-37 { width: 37% !important; }

.w-38 { width: 38% !important; }

.w-39 { width: 39% !important; }

.w-40 { width: 40% !important; }

.w-41 { width: 41% !important; }

.w-42 { width: 42% !important; }

.w-43 { width: 43% !important; }

.w-44 { width: 44% !important; }

.w-45 { width: 45% !important; }

.w-46 { width: 46% !important; }

.w-47 { width: 47% !important; }

.w-48 { width: 48% !important; }

.w-49 { width: 49% !important; }

.w-50 { width: 50% !important; }

.w-51 { width: 51% !important; }

.w-52 { width: 52% !important; }

.w-53 { width: 53% !important; }

.w-54 { width: 54% !important; }

.w-55 { width: 55% !important; }

.w-56 { width: 56% !important; }

.w-57 { width: 57% !important; }

.w-58 { width: 58% !important; }

.w-59 { width: 59% !important; }

.w-60 { width: 60% !important; }

.w-61 { width: 61% !important; }

.w-62 { width: 62% !important; }

.w-63 { width: 63% !important; }

.w-64 { width: 64% !important; }

.w-65 { width: 65% !important; }

.w-66 { width: 66% !important; }

.w-67 { width: 67% !important; }

.w-68 { width: 68% !important; }

.w-69 { width: 69% !important; }

.w-70 { width: 70% !important; }

.w-71 { width: 71% !important; }

.w-72 { width: 72% !important; }

.w-73 { width: 73% !important; }

.w-74 { width: 74% !important; }

.w-75 { width: 75% !important; }

.w-76 { width: 76% !important; }

.w-77 { width: 77% !important; }

.w-78 { width: 78% !important; }

.w-79 { width: 79% !important; }

.w-80 { width: 80% !important; }

.w-81 { width: 81% !important; }

.w-82 { width: 82% !important; }

.w-83 { width: 83% !important; }

.w-84 { width: 84% !important; }

.w-85 { width: 85% !important; }

.w-86 { width: 86% !important; }

.w-87 { width: 87% !important; }

.w-88 { width: 88% !important; }

.w-89 { width: 89% !important; }

.w-90 { width: 90% !important; }

.w-91 { width: 91% !important; }

.w-92 { width: 92% !important; }

.w-93 { width: 93% !important; }

.w-94 { width: 94% !important; }

.w-95 { width: 95% !important; }

.w-96 { width: 96% !important; }

.w-97 { width: 97% !important; }

.w-98 { width: 98% !important; }

.w-99 { width: 99% !important; }

.w-100 { width: 100% !important; }
 
.modal {
    background: rgba(0, 0, 0, .9);
}


@media (min-width: 992px) {
    :root {
        --bs-app-header-height: 60px;
        --bs-app-header-height-actual: 60px;
    }
}