/* ---------- Color Module Styles ----------- */

body {
  color: #3b3b3b;
}
#main-wrapper{
    background: #f5faf6 !important;
}
.navbar.bg-dark {
    background-color: #00923f !important;
    
}

.welcome-title{
    color:#000000 !important;
}

.uhas-main{
    padding-right:20px !important;
    color:#ffffff
}

.uhas-main a{
    color:#ffffff !important;
}

.nav-item a.active {
  background-color: #00923f;
}


.list-menu-main {
  background-color: none;
}
.list-caret {
  background-color: #00923f;
  color: white;
}
.list-menu {
  background-color: #F8F8F8;
  margin-bottom: 10px;
}
.list-menu:hover {
  background-color: #F0F0F0;
}
.list-menu-sub li {
  padding: 10px;
}
.list-menu-sub li:hover {
  background-color: #F5F5F5;
}

.contact-content {
  background-color: black;
  color: white;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 15px;
}


#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #fff;
}

.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}

#navbar-top {
  background-color: #00923f;
}

#navbar-main {
  background-color: #fff;
}

a,
.link {
  color: #00923f;
  text-decoration: none;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #00923f;
  text-decoration: underline;
}
.nav-item .dropdown-item a.active {
  color: #00923f;
}
.nav-link {
  color: #034539;
}
.nav-link:hover,
.nav-link:focus {
  color: #00923f;
}


a:active,
.link:active {
  color: #00923f;
}







.page-item.active .page-link {
  background-color: #00923f;
  border-color: #00923f;
}

.page-link{
  color: #00923f;
}
.page-link:hover {
  color: #00923f;
}
a:active,
.page-link:active {
  color: red;
}
.sidebar .block {
  background-color: #ffff;
  border-color: #f9f9f9;
}

.btn-primary {
  background-color: #00923f;
  border-color: #00923f;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #0256b1;
}

.site-footer {
  background: #292929;
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fff;
}



/* ---------- Colors ----------- */
.ft-yellow-10{
  color:#f3ec18;
}
.ft-green{
  color: #00923f !important;
}
.bc-yellow-10{
  border-color: #f3ec18 !important;;
}
.bc-green-70{
  border-color: #7fc89f !important;
}
.bc-green-100{
  border-color: #00923f !important;
}
.bg-pattern {
  --s: 17px; /* control the size*/
  --c1: #00923f;
  --c2: #bfb35a;
  
  --_s: calc(2*var(--s)) calc(2*var(--s));
  --_g: 35.36% 35.36% at;
  --_c: #0000 66%,var(--c2) 68% 70%,#0000 72%;
  background:
    radial-gradient(var(--_g) 100% 25%,var(--_c)) var(--s) var(--s)/var(--_s),
    radial-gradient(var(--_g) 0    75%,var(--_c)) var(--s) var(--s)/var(--_s),
    radial-gradient(var(--_g) 100% 25%,var(--_c)) 0 0/var(--_s),
    radial-gradient(var(--_g) 0    75%,var(--_c)) 0 0/var(--_s),
    repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%) 0 0/var(--_s),
    radial-gradient(var(--_c)) 0 calc(var(--s)/2)/var(--s) var(--s)
    var(--c1);
}
.txt-white{
  color: #00923f !important;
}
.home-bg-color{
  background-color: #caedde;
}

.ep{
  margin-top: 10px;
}












/* ---------- green ----------- */

.bg-green-10{
  background-color:#e5f4eb;
}
.bg-green-20{
  background-color:#cce9d8;
}
.bg-green-30{
  background-color:#b2dec5;
}
.bg-green-40{
  background-color:#99d3b2;
}
.bg-green-50{
  background-color:#7fc89f;
}
.bg-green-60{
  background-color:#66bd8b;
}
.bg-green-70{
  background-color:#4cb278;
}
.bg-green-80{
  background-color:#32a765;
}
.bg-green-90{
  background-color:#199c52;
}
.bg-green-100{
  background-color:#00923f;
}



/* ---------- Yellow ----------- */

.bg-yellow-10{
  background-color:#fdfde7;
}
.bg-yellow-20{
  background-color:#fcfbd0;
}
.bg-yellow-30{
  background-color:#fbf9b9;
}
.bg-yellow-40{
  background-color:#faf7a2;
}
.bg-yellow-50{
  background-color:#f9f58b;
}
.bg-yellow-60{
  background-color:#f7f374;
}
.bg-yellow-70{
  background-color:#f6f15d;
}
.bg-yellow-80{
  background-color:#f5ef46;
}
.bg-yellow-90{
  background-color:#f4ed2f;
}
.bg-yellow-100{
  background-color:#f3ec18;
}



.bg-pattern {
  --s: 17px; /* control the size*/
  --c1: #00923f;
  --c2: #bfb35a;
  
  --_s: calc(2*var(--s)) calc(2*var(--s));
  --_g: 35.36% 35.36% at;
  --_c: #0000 66%,var(--c2) 68% 70%,#0000 72%;
  background:
    radial-gradient(var(--_g) 100% 25%,var(--_c)) var(--s) var(--s)/var(--_s),
    radial-gradient(var(--_g) 0    75%,var(--_c)) var(--s) var(--s)/var(--_s),
    radial-gradient(var(--_g) 100% 25%,var(--_c)) 0 0/var(--_s),
    radial-gradient(var(--_g) 0    75%,var(--_c)) 0 0/var(--_s),
    repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%) 0 0/var(--_s),
    radial-gradient(var(--_c)) 0 calc(var(--s)/2)/var(--s) var(--s)
    var(--c1);
}






/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}