/**
 * Avantiico Service Portal - Custom Stylesheet
 * 
 * Copyright (c) 2025 Avantiico, Inc. All rights reserved.
 * Avantiico® is a registered trademark of Avantiico, Inc.
 * 
 * This stylesheet is proprietary and confidential.
 * Unauthorized copying, distribution, or use is strictly prohibited.
 * 
 * Version: 1.0
 * Last Updated: October 2025
 */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400&family=Poppins:wght@300&display=swap');

/* ===========================
   GENERAL - POWER PAGES OVERRIDES
   =========================== */

.row.sectionBlockLayout {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.columnBlockLayout {
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.wrapper-body {
  flex: 1 0 auto;
  min-height: auto !important;
  padding-bottom: 3rem !important;
}

footer, .avc-footer {
  flex-shrink: 0;
  margin-top: auto;
}

.form-control:focus,
input.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select.form-control:focus,
textarea.form-control:focus {
  box-shadow: none !important;
}

/* ===========================
   HEADER - BASE STYLES
   =========================== */

.avc-navbar-wrapper {
  background-color: #2a314b;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  position: sticky;
  top: 0;
  z-index: 1000;
}

.avc-navbar-wrapper .avc-navbar {
  padding: 0;
  font-family: 'Poppins', sans-serif;
  background-color: transparent;
  border: none;
}

.avc-navbar-wrapper .avc-navbar-container {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 90px;
  gap: 0;
}

.avc-navbar-wrapper .avc-navbar-brand {
  display: flex;
  align-items: center;
  padding: 12px 0;
  flex-shrink: 0;
  margin: 0;
}

.avc-navbar-wrapper .avc-navbar-brand img,
.avc-navbar-wrapper .avc-navbar-brand picture {
  max-height: 50px;
  width: auto;
  display: block;
}

.avc-navbar-wrapper .avc-navbar-toggler {
  display: none;
  flex-direction: column;
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  gap: 5px;
  margin: 0;
}

.avc-navbar-wrapper .avc-toggler-icon {
  width: 24px;
  height: 2px;
  background-color: #F7671F;
  transition: all 0.3s ease;
  display: block;
}

.avc-navbar-wrapper .avc-navbar-toggler:not(.collapsed) .avc-toggler-icon:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.avc-navbar-wrapper .avc-navbar-toggler:not(.collapsed) .avc-toggler-icon:nth-child(2) {
  opacity: 0;
}

.avc-navbar-wrapper .avc-navbar-toggler:not(.collapsed) .avc-toggler-icon:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.avc-navbar-wrapper .avc-navbar-menu {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  width: 100%;
  gap: 0;
}

.avc-navbar-wrapper .avc-nav-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
  align-items: stretch;
  margin-left: auto;
}

.avc-navbar-wrapper .avc-nav-item {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  display: flex;
  align-items: stretch;
}

.avc-navbar-wrapper .avc-nav-link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  background: none;
  border: none;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  height: 100%;
  position: relative;
  transition: color 0.3s ease, background-color 0.3s ease;
  text-decoration: none;
}

.avc-navbar-wrapper .avc-navbar .avc-nav-list .avc-nav-item .avc-nav-link:hover,
.avc-navbar-wrapper .avc-navbar .avc-nav-list .avc-nav-item .avc-nav-link:focus,
.avc-navbar-wrapper .avc-navbar .avc-nav-list .avc-nav-item .avc-nav-link:active,
.avc-navbar-wrapper .avc-navbar .avc-nav-list .avc-nav-item .avc-nav-link:focus-visible { 
  color: #F7671F !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.avc-navbar-wrapper .avc-login-link,
.avc-navbar-wrapper .avc-login-link:hover,
.avc-navbar-wrapper .avc-login-link:focus,
.avc-navbar-wrapper .avc-user-link,
.avc-navbar-wrapper .avc-user-link:hover,
.avc-navbar-wrapper .avc-user-link:focus {
  text-decoration: none !important;
}

/* ===========================
   HEADER - DROPDOWN MENUS
   =========================== */

.avc-navbar-wrapper .avc-dropdown-menu {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  min-width: 220px !important;
  position: absolute !important;
}

.avc-navbar-wrapper .avc-nav-user-desktop .avc-dropdown-menu {
  top: calc(100% + 10px) !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
}

.avc-navbar-wrapper .avc-nav-user-desktop::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 10px;
  background: transparent;
  pointer-events: auto;
}

@media (min-width: 992px) {
  .avc-navbar-wrapper .avc-nav-item.dropdown:hover .avc-dropdown-menu,
  .avc-navbar-wrapper .avc-nav-user-desktop:hover .avc-dropdown-menu,
  .avc-navbar-wrapper .avc-nav-language:hover .avc-dropdown-menu {
    display: block !important;
  }
  
  .avc-navbar-wrapper .avc-dropdown-menu:hover {
    display: block !important;
  }
}

.avc-navbar-wrapper .avc-dropdown-item {
  display: block;
  width: 100%;
  padding: 12px 18px !important;
  background: none !important;
  border: none !important;
  color: #2a314b !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  text-align: left;
  cursor: pointer;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.avc-navbar-wrapper .avc-dropdown-item:hover {
  background-color: #fef3e8 !important;
  color: #F7671F !important;
  text-decoration: none !important;
}

.avc-navbar-wrapper .avc-dropdown-item:focus-visible {
  outline: 2px solid #F7671F;
  outline-offset: -2px;
}

/* ===========================
   HEADER - RIGHT ACTIONS
   =========================== */

.avc-navbar-wrapper .avc-nav-actions {
  display: flex;
  align-items: center;
  gap: 0;
  padding-left: 0;
  height: 100%;
}

.avc-navbar-wrapper .avc-nav-separator {
  width: 1px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  margin: 0 8px;
}

.avc-navbar-wrapper .avc-nav-user-desktop {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}

.avc-navbar-wrapper .avc-user-icon {
  font-size: 18px;
  text-decoration: none !important;
  border: none !important;
}

.avc-navbar-wrapper .avc-username {
  display: inline;
  margin: 0 6px;
}

.avc-navbar-wrapper .avc-nav-user-desktop .avc-user-link.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  color: #fff;
  transition: transform .15s ease-in-out;
}

.avc-navbar-wrapper .avc-nav-language {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}

.avc-navbar-wrapper .avc-nav-actions .avc-login-link {
  margin: 0 16px;
  padding: 10px 20px !important;
  height: auto;
  align-self: center; 
}

.avc-navbar-wrapper .avc-login-link {
  background-color: #F7671F !important;
  border-radius: 50px !important;
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.avc-navbar-wrapper .avc-login-link:hover {
  background-color: #e6994b !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.avc-navbar-wrapper .avc-login-link:focus-visible {
  background-color: #e6994b !important;
  color: #ffffff !important;
  outline: 2px solid #e6994b;
  outline-offset: 2px;
  text-decoration: none !important;
}

.avc-navbar-wrapper .avc-logout-link {
  border-top: 1px solid #e9ecef !important;
  padding-top: 12px !important;
  margin-top: 4px !important;
}

.avc-navbar-wrapper .avc-mobile-user-links,
.avc-navbar-wrapper .avc-mobile-login-link {
  display: none;
}

/* ===========================
   HEADER - MOBILE RESPONSIVE
   =========================== */

@media (max-width: 991px) {
  .avc-navbar-wrapper .avc-navbar-toggler {
    display: flex;
  }

  .avc-navbar-wrapper .avc-navbar-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    width: 100% !important;
    max-height: 0;
    overflow: hidden;
    background-color: #1a1f2e;
    padding: 0;
    margin: 0;
    gap: 0;
    border: none;
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), padding 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .avc-navbar-wrapper .avc-navbar-menu.show {
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    padding: 12px 0;
  }

  .avc-navbar-wrapper .avc-navbar-menu.collapsing {
    overflow: hidden;
  }
    
  .avc-navbar-wrapper .avc-nav-list {
    flex-direction: column;
    width: 100%;
    gap: 0;
    margin: 0;
  }

  .avc-navbar-wrapper .avc-nav-item {
    width: 100%;
    height: auto;
    display: block;
  }

  .avc-navbar-wrapper .avc-nav-link,
  .avc-navbar-wrapper .avc-mobile-user-links .avc-nav-link,
  .avc-navbar-wrapper .avc-mobile-login-link .avc-nav-link {
    padding: 14px 20px !important;
    width: 100%;
    height: auto !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    background: none !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    border-radius: 0 !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .avc-navbar-wrapper .avc-nav-list .avc-nav-item .avc-nav-link:hover,
  .avc-navbar-wrapper .avc-nav-list .avc-nav-item .avc-nav-link:focus,
  .avc-navbar-wrapper .avc-nav-link:hover,
  .avc-navbar-wrapper .avc-nav-link:focus,
  .avc-navbar-wrapper .avc-mobile-user-links .avc-nav-link:hover,
  .avc-navbar-wrapper .avc-mobile-user-links .avc-nav-link:focus,
  .avc-navbar-wrapper .avc-mobile-login-link .avc-nav-link:hover,
  .avc-navbar-wrapper .avc-mobile-login-link .avc-nav-link:focus {
    background-color: transparent !important;
    color: #F7671F !important;
    text-decoration: none !important;
  }

  .avc-navbar-wrapper .avc-nav-link::after {
    display: none;
  }

  .avc-navbar-wrapper .avc-dropdown-menu {
    position: static !important;
    box-shadow: none !important;
    background-color: #0f1118 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-width: auto !important;
  }

  .avc-navbar-wrapper .avc-dropdown-item {
    padding: 14px 20px 14px 40px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    background: none !important;
  }

  .avc-navbar-wrapper .avc-dropdown-item:hover {
    background-color: rgba(247, 103, 31, 0.1) !important;
    color: #F7671F !important;
  }

  .avc-navbar-wrapper .avc-nav-actions {
    flex-direction: column;
    width: 100%;
    gap: 0;
    padding: 0; 
    margin: 0;
    border-top: none;
    height: auto;
  }

  .avc-navbar-wrapper .avc-nav-separator {
    display: none;
  }

  .avc-navbar-wrapper .avc-nav-language {
    width: 100%;
    height: auto;
  }
    
  .avc-navbar-wrapper .avc-nav-user-desktop,
  .avc-navbar-wrapper .avc-nav-actions > .avc-login-link {
    display: none !important;
  }
  
  .avc-navbar-wrapper .avc-mobile-user-links,
  .avc-navbar-wrapper .avc-mobile-login-link {
    display: block; 
    width: 100%;
  }

  .avc-navbar-wrapper .avc-username {
    display: none;
  }
}

@media (min-width: 992px) {
  .avc-navbar-wrapper .avc-navbar-menu {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
    background-color: transparent !important;
  }
}

@media (max-width: 768px) {
  .avc-navbar-wrapper .avc-navbar-container {
    min-height: 75px;
    padding: 0 16px;
  }

  .avc-navbar-wrapper .avc-navbar-brand img,
  .avc-navbar-wrapper .avc-navbar-brand picture {
    max-height: 44px;
  }

  .avc-navbar-wrapper .avc-nav-link,
  .avc-navbar-wrapper .avc-mobile-user-links .avc-nav-link,
  .avc-navbar-wrapper .avc-mobile-login-link .avc-nav-link {
    font-size: 13px !important;
    padding: 14px 16px !important;
  }

  .avc-navbar-wrapper .avc-dropdown-item {
    font-size: 13px !important;
    padding: 14px 16px 14px 36px !important;
  }
}

@media (max-width: 480px) {
  .avc-navbar-wrapper .avc-navbar-container {
    min-height: 65px;
    padding: 0 12px;
  }

  .avc-navbar-wrapper .avc-navbar-brand img,
  .avc-navbar-wrapper .avc-navbar-brand picture {
    max-height: 40px;
  }

  .avc-navbar-wrapper .avc-nav-link,
  .avc-navbar-wrapper .avc-mobile-user-links .avc-nav-link,
  .avc-navbar-wrapper .avc-mobile-login-link .avc-nav-link {
    padding: 12px 16px !important;
    font-size: 13px !important;
  }

  .avc-navbar-wrapper .avc-dropdown-item {
    padding: 12px 16px 12px 32px !important;
    font-size: 12px !important;
  }
}

/* ===========================
   HERO SECTION - HOME
   =========================== */

.avc-hero-search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-1.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4rem 0;
  overflow: hidden;
  text-align: center;
}

.avc-hero-search::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(94, 99, 115, 0.85);
}

.avc-hero-search .container {
  position: relative;
  max-width: 100% !important;
}

.avc-hero-title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: clamp(2rem, 5vw, 3.5rem) !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin: 0 0 1rem 0 !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.avc-hero-subtitle {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: clamp(1rem, 2.5vw, 1.25rem) !important;
  color: #ffffff !important;
  opacity: 0.95;
  margin: 0 auto 2rem auto !important;
  line-height: 1.5 !important;
}

@media (max-width: 768px) {
  .avc-hero-search {
    padding: 3rem 1.5rem;
    background-attachment: scroll;
  }
}

@media (max-width: 480px) {
  .avc-hero-search {
    padding: 2.5rem 1rem;
  }
}

/* ===========================
   HERO SECTION - SEARCH FORM
   =========================== */

.avc-search-form {
  max-width: 700px;
  margin: 0 auto 1rem;
}

.avc-search-input-group {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  border-radius: 50px;
  overflow: hidden;
  border: none;
}

.avc-search-input {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1rem !important;
  padding: 1rem 1.75rem !important;
  border: none !important;
  background-color: #ffffff !important;
  color: #2a314b !important;
}

.avc-search-input:focus {
  box-shadow: none !important;
  outline: none !important;
  border-color: transparent !important;
  background-color: #ffffff !important;
}

.avc-search-input::placeholder {
  color: #767b91 !important;
  opacity: 0.7 !important;
}

.avc-search-btn {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1rem !important;
  padding: 1rem 2rem !important;
  background: linear-gradient(90deg, #f7671f, #e93519) !important;
  border: none !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  position: relative !important;
  overflow: hidden !important;
}

.avc-search-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  background-image: 
    radial-gradient(100% 50% at 25% 0%, rgba(255, 255, 255, 0.15) 0%, transparent 80%),
    radial-gradient(100% 50% at 75% 100%, rgba(255, 255, 255, 0.15) 0%, transparent 80%);
  z-index: 1;
}

.avc-search-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  background-image: repeating-linear-gradient(125deg, transparent 0%, transparent 15%, rgba(255, 255, 255, 0.1) 25%, transparent 35%, transparent 50%);
  background-size: 200%;
  background-position: 70% 50%;
  mix-blend-mode: screen;
  z-index: 1;
}

.avc-search-btn:hover::before,
.avc-search-btn:hover::after {
  opacity: 1;
}

.avc-search-btn:hover {
  box-shadow: 0 4px 12px rgba(230, 153, 75, 0.4) !important;
}

.avc-search-btn:focus {
  box-shadow: 0 0 0 3px rgba(230, 153, 75, 0.3) !important;
}

.avc-search-btn:active {
  transform: translateY(0);
}

.avc-search-btn > *,
.avc-search-btn i,
.avc-search-btn span {
  position: relative;
  z-index: 2;
}

.avc-update-alert {
  background-color: #fef3e8 !important;
  border: 1px solid #e6994b !important;
  border-radius: 12px !important;
  padding: 1rem 1.5rem !important;
  color: #2a314b !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 0.95rem !important;
  max-width: 700px;
  margin: 0 auto !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.avc-update-alert .d-flex {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
}

.avc-update-alert i {
  color: #F7671F !important;
  font-size: 1.1rem !important;
  flex-shrink: 0;
}

.avc-update-alert div {
  line-height: 1.5 !important;
}

.avc-alert-link {
  color: #F7671F !important;
  text-decoration: underline !important;
  font-weight: 400 !important;
  transition: color 0.2s ease !important;
  white-space: nowrap;
}

.avc-alert-link:hover {
  color: #e6994b !important;
  text-decoration: underline !important;
}

.avc-alert-link:focus {
  color: #e6994b !important;
  outline: 2px solid #e6994b !important;
  outline-offset: 2px;
}

/* ============================================
   HERO SECTION - BACK BUTTON
   ============================================ */
   
a.avc-hero-back-btn,
a.avc-hero-back-btn:link,
a.avc-hero-back-btn:visited,
a.avc-hero-back-btn:hover,
a.avc-hero-back-btn:focus,
a.avc-hero-back-btn:focus-visible,
a.avc-hero-back-btn:active,
a.avc-hero-back-btn:any-link {
  text-decoration: none !important;
  text-underline-offset: 0 !important;
  text-decoration-line: none !important;
  text-decoration-style: none !important;
}

a.avc-hero-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  border-radius: 25px !important;
  padding: 10px 24px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  margin-top: 1rem !important;
}

a.avc-hero-back-btn:hover {
  background-color: #ffffff !important;
  color: #2a314b !important;
  transform: translateY(-2px) !important;
}

a.avc-hero-back-btn:focus,
a.avc-hero-back-btn:focus-visible {
  background-color: #ffffff !important;
  color: #2a314b !important;
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
}

a.avc-hero-back-btn:active {
  background-color: #ffffff !important;
  color: #2a314b !important;
  transform: translateY(0) !important;
}

a.avc-hero-back-btn .fa {
  font-size: 12px !important;
}

/* ===========================
   CARDS SECTION
   =========================== */

.avc-cards-section {
  background-color: #f2f2f1;
  padding: 2rem 0 2rem 0;
  position: relative;
}

.avc-card {
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
  transition: all 0.3s ease !important;
  background-color: #ffffff !important;
  overflow: hidden !important;
  height: 100%;
}

.avc-card:hover {
  transform: translateY(-12px) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.18) !important;
}

.avc-card .card-body {
  padding: 2.5rem 2rem !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.avc-card-icon {
  width: 80px !important;
  height: 80px !important;
  margin: 0 auto 1.5rem !important;
  background: linear-gradient(90deg, #f7671f, #e93519) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.3s ease !important;
  flex-shrink: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.avc-card-icon::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  background-image: 
    radial-gradient(
      100% 50% at 25% 0%,
      rgba(255, 255, 255, 0.2) 0%,
      transparent 80%
    ),
    radial-gradient(
      100% 50% at 75% 100%,
      rgba(255, 255, 255, 0.2) 0%,
      transparent 80%
    );
  border-radius: 50%;
}

.avc-card-icon::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  background-image: repeating-linear-gradient(
    125deg,
    transparent 0%,
    transparent 15%,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 35%,
    transparent 50%
  );
  background-size: 200%;
  background-position: 70% 50%;
  mix-blend-mode: screen;
  border-radius: 50%;
}

.avc-card:hover .avc-card-icon {
  transform: scale(1.1) !important;
}

.avc-card:hover .avc-card-icon::before,
.avc-card:hover .avc-card-icon::after {
  opacity: 1;
}

.avc-card-icon i {
  font-size: 2rem !important;
  color: #ffffff !important;
  position: relative;
  z-index: 1;
}

.avc-card-title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  color: #2a314b !important;
  margin: 0 0 1rem 0 !important;
}

.avc-card-text {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1rem !important;
  color: #767b91 !important;
  line-height: 1.6 !important;
  margin-bottom: 1.5rem !important;
  flex-grow: 1 !important;
}

.avc-card-btn {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1rem !important;
  padding: 0.75rem 1.75rem !important;
  background-color: #F7671F !important;
  border: none !important;
  border-radius: 50px !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.avc-card-btn:hover {
  background-color: #e6994b !important;
  color: #ffffff !important;
  transform: translateX(4px) !important;
  text-decoration: none !important;
}

.avc-card-btn:focus {
  background-color: #e6994b !important;
  color: #ffffff !important;
  outline: 2px solid #e6994b;
  outline-offset: 2px;
  text-decoration: none !important;
}

.avc-card-btn i {
  transition: transform 0.3s ease !important;
}

.avc-card-btn:hover i {
  transform: translateX(4px) !important;
}

/* ===========================
   HERO SECTION - INNER PAGES
   =========================== */

.avc-page-hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 300px;
  overflow: hidden;
  text-align: center;
  flex-shrink: 0;
}

.avc-page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(94, 99, 115, 0.90);
}

.avc-page-hero.hero-9 {
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-9.jpg');
}

.avc-page-hero.hero-8 {
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-8.jpg');
}

.avc-page-hero.hero-7 {
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-7.jpg');
}

.avc-page-hero.hero-6 {
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-6.jpg');
}

.avc-page-hero.hero-5 {
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-5.jpg');
}

.avc-page-hero.hero-4 {
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-4.jpg');
}

.avc-page-hero.hero-3 {
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-3.jpg');
}

.avc-page-hero.hero-2 {
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-2.jpg');
}

.avc-page-hero.hero-1 {
  background-image: url('https://avantiico-service.powerappsportals.com/ca-hero-1.jpg');
}

.avc-page-hero .container {
  position: relative;
  max-width: 100% !important;
  height: 100%;
}

.avc-page-hero .row {
  height: 100%;
}

.avc-page-hero-title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin: 0 0 0.75rem 0 !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.avc-page-hero-subtitle {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: clamp(1rem, 2vw, 1.125rem) !important;
  color: #ffffff !important;
  opacity: 0.95;
  margin: 0 auto !important;
  line-height: 1.5 !important;
  max-width: 600px;
}

@media (max-width: 768px) {
  .avc-page-hero {
    height: 250px;
    background-attachment: scroll;
  }
  
  .avc-page-hero-title {
    font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
  }
  
  .avc-page-hero-subtitle {
    font-size: clamp(0.95rem, 2vw, 1rem) !important;
    padding: 0 1rem;
  }
}

@media (max-width: 480px) {
  .avc-page-hero {
    height: 220px;
  }
  
  .avc-page-hero-title {
    font-size: 1.75rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .avc-page-hero-subtitle {
    font-size: 0.95rem !important;
  }
}

/* ===========================
   CREATE CASE - CONTAINER
   =========================== */

.avc-create-case-section .sectionBlockLayout .container {
  background-color: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15) !important;
  max-width: 1200px !important;
  margin: 2rem auto !important;
  overflow: hidden !important;
  padding: 0 !important;
}

.avc-create-case-section .col-lg-4.columnBlockLayout {
  background-color: #f8f9fa !important;
  padding: 2rem 1.5rem !important;
  border-right: 1px solid #e9ecef !important;
  margin: 0 !important;
}

.avc-create-case-section .col-lg-8.columnBlockLayout.avc-case-form-container {
  background-color: #ffffff !important;
  padding: 2.5rem 2rem !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* ===========================
   CREATE CASE - TIPS SECTION
   =========================== */

.avc-tips-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 2rem !important;
  padding-bottom: 1.25rem !important;
  border-bottom: 2px solid #F7671F !important;
}

.avc-tips-header i {
  font-size: 20px !important;
  color: #F7671F !important;
}

.avc-tips-header h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 20px !important;
  color: #2a314b !important;
  margin: 0 !important;
}

.avc-tips-section {
  margin-bottom: 3rem !important;
}

.avc-tips-section h4 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  color: #2a314b !important;
  margin-bottom: 1rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.avc-tips-intro {
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #767b91 !important;
  margin-bottom: 0.5rem !important;
}

.avc-priority-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-bottom: 1rem !important;
}

.avc-priority-item:last-child {
  margin-bottom: 0 !important;
}

.avc-priority-badge {
  display: inline-block !important;
  padding: 3px 10px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  white-space: nowrap !important;
  min-width: 65px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

.avc-priority-badge.critical {
  background-color: #fee2e2 !important;
  color: #991b1b !important;
}

.avc-priority-badge.major {
  background-color: #fce7f3 !important;
  color: #9f1239 !important;
}

.avc-priority-badge.medium {
  background-color: #fef3c7 !important;
  color: #92400e !important;
}

.avc-priority-badge.minor {
  background-color: #dbeafe !important;
  color: #1e40af !important;
}

.avc-priority-badge.gray {
  background-color: #f1f3f5 !important;
  color: #374151 !important;
}

.avc-priority-item p {
  font-size: 13px !important;
  color: #767b91 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.avc-checklist {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.avc-checklist li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 0.6rem !important;
  font-size: 14px !important;
  color: #767b91 !important;
  line-height: 1.4 !important;
}

.avc-checklist li i {
  color: #F7671F !important;
  font-size: 12px !important;
  flex-shrink: 0 !important;
}

.avc-attachment-info {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  background-color: #ffffff !important;
  padding: 0.75rem !important;
  border-radius: 8px !important;
  margin-top: 0.25rem !important;
}

.avc-attachment-info i {
  font-size: 16px !important;
  color: #F7671F !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.avc-attachment-info p {
  font-size: 13px !important;
  color: #767b91 !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

.avc-tips-footer {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0.75rem !important;
  background-color: #fef3e8 !important;
  border: 1px solid #e6994b !important;
  border-radius: 8px !important;
  margin-top: 1rem !important;
  font-size: 12px !important;
  text-align: center !important;
  justify-content: center !important;
}

.avc-tips-footer i {
  color: #F7671F !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
}

.avc-tips-footer p {
  font-size: 12px !important;
  color: #2a314b !important;
  margin: 0 !important;
  font-weight: 400 !important;
}

/* ===========================
   CREATE CASE - FORM STYLING
   =========================== */

.avc-case-form-container .crmEntityFormView,
.avc-case-form-container .entity-form,
.avc-case-form-container #EntityFormPanel {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.avc-case-form-container fieldset[aria-label="Overview"] label,
.avc-case-form-container .crmEntityFormView label,
.avc-case-form-container .field-label,
.avc-case-form-container .table-info label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  background-color: transparent !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.avc-case-form-container .table-info.required label:after {
  content: " *" !important;
  color: #F7671F !important;
  font-weight: 400 !important;
}

.avc-case-form-container .crmEntityFormView input[type="text"],
.avc-case-form-container .crmEntityFormView select,
.avc-case-form-container .crmEntityFormView textarea,
.avc-case-form-container .crmEntityFormView .form-control,
.avc-case-form-container .entity-form input[type="text"],
.avc-case-form-container .entity-form select,
.avc-case-form-container .entity-form textarea {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
}

.avc-case-form-container .crmEntityFormView input[type="text"]:focus,
.avc-case-form-container .crmEntityFormView select:focus,
.avc-case-form-container .crmEntityFormView textarea:focus,
.avc-case-form-container .crmEntityFormView .form-control:focus {
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1) !important;
  outline: none !important;
  background-color: #ffffff !important;
}

.avc-case-form-container .crmEntityFormView input[disabled],
.avc-case-form-container .crmEntityFormView input[readonly],
.avc-case-form-container .crmEntityFormView .aspNetDisabled {
  background-color: #f8f9fa !important;
  border-color: #e9ecef !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}

.avc-case-form-container .crmEntityFormView select.form-control {
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%232a314b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px 12px !important;
  padding-right: 40px !important;
}

.avc-case-form-container .crmEntityFormView textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

.avc-case-form-container .crmEntityFormView .cell,
.avc-case-form-container fieldset[aria-label="Overview"] .cell {
  padding: 0.75rem 0.5rem !important;
  border: none !important;
  background-color: transparent !important;
  vertical-align: top !important;
}

.avc-case-form-container .crmEntityFormView .table-info {
  display: block !important;
  margin-bottom: 6px !important;
}

.avc-case-form-container .crmEntityFormView .table-info label {
  display: block !important;
  line-height: 1.5 !important;
  margin-bottom: 6px !important;
}

.avc-case-form-container .crmEntityFormView .picklist-cell label {
  display: block !important;
  line-height: 1.5 !important;
}

.avc-case-form-container .crmEntityFormView .picklist-cell label .avc-priority-badge {
  display: inline-block !important;
  margin-left: 0 !important;
  margin-top: 6px !important;
  font-size: 9px !important;
  padding: 2px 8px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
}

@media (min-width: 768px) {
  .avc-case-form-container .crmEntityFormView .picklist-cell label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }
  
  .avc-case-form-container .crmEntityFormView .picklist-cell label .avc-priority-badge {
    margin-top: 0 !important;
    font-size: 9px !important;
    padding: 2px 8px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
}

.avc-case-form-container .crmEntityFormView table,
.avc-case-form-container .crmEntityFormView fieldset,
.avc-case-form-container fieldset[aria-label="Overview"] {
  border: none !important;
  background-color: transparent !important;
}

.avc-case-form-container .crmEntityFormView tbody tr {
  background-color: transparent !important;
}

.avc-case-form-container .file-cell {
  background-color: #f8f9fa !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.avc-case-form-container #UploadButton {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 8px 24px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.avc-case-form-container #UploadButton:hover {
  background-color: #e6994b !important;
  transform: translateY(-2px) !important;
}

.avc-case-form-container .file-cell .table-info {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #767b91 !important;
  margin-bottom: 1rem !important;
}

.avc-case-form-container .crmEntityFormView .actions {
  text-align: center !important;
  padding-top: 1.5rem !important;
  border-top: none !important;
  margin-top: 1rem !important;
  background-color: transparent !important;
}

.avc-case-form-container #InsertButton,
.avc-case-form-container .submit-btn,
.avc-case-form-container input[value="Submit"] {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 12px 40px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 150px !important;
}

.avc-case-form-container #InsertButton:hover,
.avc-case-form-container .submit-btn:hover {
  background-color: #e6994b !important;
  transform: translateY(-2px) !important;
}

.avc-case-form-container #InsertButton:active,
.avc-case-form-container .submit-btn:active {
  transform: translateY(0) !important;
}

.avc-case-form-container .validation-summary {
  background-color: #fee2e2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 10px !important;
  padding: 1rem !important;
  margin-bottom: 1.5rem !important;
  color: #991b1b !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
}

.avc-case-form-container .errordiv {
  border-radius: 8px !important;
  padding: 0.75rem !important;
  margin: 0.5rem 0 !important;
}

.avc-case-form-container .modal-content {
  background-color: #ffffff !important;
  border-radius: 15px !important;
  border: none !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.avc-case-form-container .modal-header,
.avc-case-form-container .error-modal-header {
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #e9ecef !important;
  border-radius: 15px 15px 15px 15px !important;
  padding: 1.25rem !important;
}

.avc-case-form-container .modal-footer,
.avc-case-form-container .error-modal-footer {
  background-color: #f8f9fa !important;
  border-top: 1px solid #e9ecef !important;
  border-radius: 15px 15px 15px 15px !important;
  padding: 1rem !important;
}

.avc-case-form-container .crmEntityFormView tr {
  margin-bottom: 1rem !important;
}

.avc-case-form-container .crmEntityFormView {
  line-height: 1.6 !important;
}

.avc-case-form-container .crmEntityFormView fieldset {
  margin-bottom: 1.5rem !important;
  padding: 0 !important;
}

.avc-case-form-container .entity-form {
  position: relative !important;
}

.avc-case-form-container .crmEntityFormView * {
  border-collapse: collapse !important;
}

.priority-helper-bubble {
  display: inline-block;
  background-color: #f1f3f5 !important;
  color: #495057 !important;
  border: 1px solid #dee2e6;
  border-radius: 10rem;
  font-size: 12px;
  padding: 4px 8px;
  margin-left: 8px;
  vertical-align: middle;
  font-family: 'Poppins', sans-serif;
}

#prioritycode:disabled {
  background-color: #f8f9fa !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}

.priority-notification {
  animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.avc-case-form-container .crmEntityFormView input::placeholder,
.avc-case-form-container .crmEntityFormView textarea::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

.avc-case-form-container .crmEntityFormView *:focus-visible {
  outline: 2px solid #F7671F !important;
  outline-offset: 2px !important;
}

/* ===========================
   CREATE CASE - RESPONSIVE
   =========================== */

@media (max-width: 991px) {
  .sectionBlockLayout .container {
    margin: 1rem !important;
  }
  
  .col-lg-4.columnBlockLayout {
    border-right: none !important;
    border-bottom: 1px solid #e9ecef !important;
  }
}

@media (max-width: 768px) {
  .sectionBlockLayout .container {
    border-radius: 15px !important;
  }
  
  .col-lg-4.columnBlockLayout,
  .col-lg-8.columnBlockLayout.avc-case-form-container {
    padding: 1.5rem !important;
  }
  
  .avc-tips-header h3 {
    font-size: 18px !important;
  }
  
  .avc-priority-item {
    flex-direction: column !important;
    gap: 6px !important;
  }
  
  .avc-priority-badge {
    min-width: auto !important;
  }
  
  .avc-case-form-container .crmEntityFormView .cell {
    display: block !important;
    width: 100% !important;
    padding: 0.5rem 0 !important;
  }
  
  .avc-case-form-container .crmEntityFormView td {
    display: block !important;
    width: 100% !important;
  }
  
  .avc-case-form-container #InsertButton,
  .avc-case-form-container .submit-btn {
    width: 100% !important;
    padding: 12px 20px !important;
  }
}

/* ===========================
   FOOTER SECTION
   =========================== */

.avc-footer {
  background-color: #2a314b;
  color: #ffffff;
  padding: 1.5rem 0;
}

.avc-footer-container {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 15px;
}

.avc-logo-wrapper {
  padding-bottom: 15px;
}

.avc-logo {
  max-width: 220px;
  height: auto;
}

.avc-section-title {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 300 !important;
  font-size: 21px !important;
  line-height: 23px !important;
  color: #ffffff !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

footer.avc-footer .avc-link,
footer.avc-footer a.avc-link:link,
footer.avc-footer a.avc-link:visited {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 21px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: opacity 0.2s;
  display: inline-block;
}

footer.avc-footer .avc-link:hover,
footer.avc-footer .avc-link:active,
footer.avc-footer .avc-link:focus,
footer.avc-footer a.avc-link:hover,
footer.avc-footer a.avc-link:active,
footer.avc-footer a.avc-link:focus {
  text-decoration: none !important;
  opacity: 0.8;
  color: #ffffff !important;
}

.avc-nav-list {
  margin-bottom: 0;
}

.avc-nav-list li {
  line-height: 1.3;
}

.avc-address {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 300 !important;
  font-size: 21px !important;
  line-height: 29px !important;
  color: #ffffff !important;
  font-style: normal;
}

.avc-contact-item {
  margin-bottom: 0;
  line-height: 20px;
}

.avc-contact-label {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  display: inline;
  margin-right: 4px;
}

footer.avc-footer .avc-contact-link,
footer.avc-footer a.avc-contact-link:link,
footer.avc-footer a.avc-contact-link:visited {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: opacity 0.2s;
}

footer.avc-footer .avc-contact-link:hover,
footer.avc-footer .avc-contact-link:active,
footer.avc-footer .avc-contact-link:focus,
footer.avc-footer a.avc-contact-link:hover,
footer.avc-footer a.avc-contact-link:active,
footer.avc-footer a.avc-contact-link:focus {
  text-decoration: none !important;
  opacity: 0.8;
  color: #ffffff !important;
}

.avc-social-list {
  margin-top: 0;
}

.avc-social-item {
  margin-bottom: 6px;
}

footer.avc-footer .avc-social-link,
footer.avc-footer a.avc-social-link:link,
footer.avc-footer a.avc-social-link:visited {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
}

footer.avc-footer .avc-social-link:hover,
footer.avc-footer .avc-social-link:active,
footer.avc-footer .avc-social-link:focus,
footer.avc-footer a.avc-social-link:hover,
footer.avc-footer a.avc-social-link:active,
footer.avc-footer a.avc-social-link:focus {
  text-decoration: none !important;
  opacity: 0.8;
  color: #ffffff !important;
}

footer.avc-footer .avc-social-link span {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

footer.avc-footer .avc-social-link i,
footer.avc-footer .avc-social-link svg,
footer.avc-footer .avc-x-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none !important;
}

.avc-copyright-row {
  border-top: 1px solid #ffffff;
  margin-top: 24px;
  padding: 1rem 0 20px;
}

.avc-copyright-text {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

footer.avc-footer .avc-copyright-link,
footer.avc-footer a.avc-copyright-link:link,
footer.avc-footer a.avc-copyright-link:visited {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #ffffff !important;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  transition: opacity 0.2s;
}

footer.avc-footer .avc-copyright-link:hover,
footer.avc-footer .avc-copyright-link:active,
footer.avc-footer .avc-copyright-link:focus,
footer.avc-footer a.avc-copyright-link:hover,
footer.avc-footer a.avc-copyright-link:active,
footer.avc-footer a.avc-copyright-link:focus {
  text-decoration: underline !important;
  text-underline-offset: 2px;
  opacity: 0.8;
  color: #ffffff !important;
}

/* ===========================
   PROFILE PAGES
   =========================== */
   
body.avc-profile-section .page-heading ul.breadcrumb,
body.avc-profile-section .page-heading .page-header,
body.avc-profile-section .page-heading .pb-2.mt-4.mb-3 {
  display: none !important;
}

body.avc-profile-section .container {
  padding-top: 1.5rem !important;
  padding-bottom: 3rem !important;
}

body.avc-profile-section .profile-info {
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

body.avc-profile-section .profile-info .card-body {
  padding: 1.5rem !important;
  display: flex !important;
  align-items: center !important;
}

body.avc-profile-section .profile-info .card-body .row {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 1rem !important;
}

body.avc-profile-section .profile-info .card-body .row .col-3 {
  padding: 0 !important;
  width: 60px !important;
  flex: 0 0 60px !important;
}

body.avc-profile-section .profile-info .card-body .row .col-9 {
  padding: 0 !important;
  flex: 1 !important;
}

body.avc-profile-section .profile-info .card-body .row img {
  max-width: 60px !important;
  max-height: 60px !important;
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 2px solid #e9ecef !important;
  margin: 0 !important;
  display: block !important;
  flex-shrink: 0 !important;
  padding: 0px !important;
}

body.avc-profile-section .profile-info .userFullName {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1rem !important;
  color: #2a314b !important;
  text-align: left !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
}

body.avc-profile-section .weblinks-depth-1 .weblink {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #2a314b;
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 10px;
  padding: 12px 18px;
  transition: all 0.3s ease;
  text-decoration: none;
  display: block;
  margin-bottom: 1.5rem;
}

body.avc-profile-section .weblinks-depth-1 .weblink:hover {
  color: #F7671F;
  transform: translateX(4px);
}

body.avc-profile-section .nav-profile {
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

body.avc-profile-section .nav-profile .card-header {
  background-color: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
  padding: 1rem 1.25rem;
}

body.avc-profile-section .nav-profile .card-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 1rem;
  color: #2a314b;
  margin: 0;
}

body.avc-profile-section .nav-profile .card-title .fa {
  color: #F7671F;
  margin-right: 8px;
}

body.avc-profile-section .nav-profile .list-group-item {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #2a314b;
  background-color: #ffffff;
  border-bottom: 1px solid #f1f3f5;
  padding: 12px 18px;
  transition: all 0.3s ease;
  text-decoration: none;
  border: none !important;
  border-radius: 0 !important;
}

body.avc-profile-section .nav-profile .list-group-item:last-child {
  border: none !important;
  border-radius: 0 !important;
}

body.avc-profile-section .nav-profile .list-group-item:first-child {
  border: none !important;
  border-radius: 0 !important;
}

body.avc-profile-section .nav-profile .list-group-item:hover {
  color: #F7671F !important;
  padding-left: 24px !important;
  border-radius: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

body.avc-profile-section .nav-profile .list-group-item.active {
  background-color: #ffffff !important;
  color: #2a314b !important;
  border: none !important;
  border-radius: 0 !important;
}

body.avc-profile-section .nav-profile .list-group-item.active:hover {
  color: #F7671F !important;
  padding-left: 24px !important;
  border: none !important;
  border-radius: 0 !important;
}

body.avc-profile-section .nav-profile a[href*="/Account/Manage/ChangeLogin"],
body.avc-profile-section .nav-profile a[title="Manage external authentication"] {
  display: none !important;
}

body.avc-profile-section .profile-alert {
  color: #F7671F;
  font-size: 16px;
}

body.avc-profile-section .profile-page-heading {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  color: #2a314b;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid #F7671F;
}

body.avc-profile-section .alert-info.clearfix {
  background-color: #fef3e8 !important;
  border: 1px solid #e6994b !important;
  border-radius: 12px !important;
  color: #2a314b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1rem 1.5rem !important;
  gap: 1rem !important;
}

body.avc-profile-section .alert-info.clearfix:focus,
body.avc-profile-section .alert-info.clearfix:focus-visible,
body.avc-profile-section .alert-success.alert-block:focus,
body.avc-profile-section .alert-success.alert-block:focus-visible,
body.avc-profile-section .btn-info:focus,
body.avc-profile-section .btn-info:focus-visible,
body.avc-profile-section fieldset + div .actions input[type="button"]:focus,
body.avc-profile-section fieldset + div .actions input[type="button"]:focus-visible,
body.avc-profile-section form[action*="/Account/Manage/"] button.btn-primary:focus,
body.avc-profile-section form[action*="/Account/Manage/"] button.btn-primary:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

body.avc-profile-section .alert-info.clearfix .fa-exclamation-circle {
  color: #F7671F !important;
  margin-right: 0.5rem !important;
  flex-shrink: 0 !important;
}

body.avc-profile-section .alert-info.clearfix .float-end {
  margin-left: auto !important;
  flex-shrink: 0 !important;
}

body.avc-profile-section .alert-info.clearfix .btn-info {
  background-color: #F7671F !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 20px !important;
  padding: 8px 20px !important;
  transition: all 0.3s ease !important;
  white-space: nowrap !important;
}

body.avc-profile-section .alert-info.clearfix .btn-info:hover {
  background-color: #e6994b !important;
  transform: translateY(-1px) !important;
}

body.avc-profile-section .alert-success.alert-block {
  background-color: #d1fae5 !important;
  border: 1px solid #6ee7b7 !important;
  border-radius: 12px !important;
  padding: 1rem 1.5rem !important;
  color: #065f46 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  position: relative !important;
}

body.avc-profile-section .alert-success.alert-block .btn-close {
  position: absolute !important;
  top: 50% !important;
  right: 1rem !important;
  transform: translateY(-50%) !important;
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  line-height: 1 !important;
  color: #065f46 !important;
  opacity: 0.7 !important;
  text-decoration: none !important;
}

body.avc-profile-section .alert-success.alert-block .btn-close:hover {
  opacity: 1 !important;
}

body.avc-profile-section fieldset {
  background-color: #ffffff !important;
  border-radius: 15px 15px 15px 15px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  padding: 2rem !important;
  border: none !important;
  margin-bottom: 0 !important;
}

body.avc-profile-section #ProfileFormView {
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border: none !important;
}

body.avc-profile-section #ProfileFormView fieldset {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.avc-profile-section #ProfileFormView table {
  border: none;
  background: transparent;
}

body.avc-profile-section #ProfileFormView .cell {
  padding: 0.75rem 0.5rem;
  border: none;
  background: transparent;
}

body.avc-profile-section #ProfileFormView label,
body.avc-profile-section #ProfileFormView .field-label,
body.avc-profile-section #ProfileFormView .table-info label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  background-color: transparent !important;
  margin-bottom: 6px !important;
  display: block !important;
}

body.avc-profile-section #ProfileFormView .table-info.required label:after {
  content: " *" !important;
  color: #F7671F !important;
  font-weight: 400 !important;
}

body.avc-profile-section #ProfileFormView input[type="text"],
body.avc-profile-section #ProfileFormView input[type="email"],
body.avc-profile-section #ProfileFormView select,
body.avc-profile-section #ProfileFormView textarea,
body.avc-profile-section #ProfileFormView .form-control {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
}

body.avc-profile-section #ProfileFormView input[type="text"]:focus,
body.avc-profile-section #ProfileFormView input[type="email"]:focus,
body.avc-profile-section #ProfileFormView select:focus,
body.avc-profile-section #ProfileFormView textarea:focus,
body.avc-profile-section #ProfileFormView .form-control:focus {
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1) !important;
  outline: none !important;
  background-color: #ffffff !important;
}

body.avc-profile-section #ProfileFormView input[disabled],
body.avc-profile-section #ProfileFormView input[readonly],
body.avc-profile-section #ProfileFormView select[readonly],
body.avc-profile-section #ProfileFormView .aspNetDisabled {
  background-color: #f8f9fa !important;
  border-color: #e9ecef !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
}

body.avc-profile-section #ProfileFormView select.form-control {
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%232a314b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px 12px !important;
  padding-right: 40px !important;
}

body.avc-profile-section #ProfileFormView textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

body.avc-profile-section #ProfileFormView .control a.text-primary {
  color: #F7671F !important;
  text-decoration: underline !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
}

body.avc-profile-section #ProfileFormView .control a.text-primary:hover {
  color: #e6994b !important;
}

body.avc-profile-section #ProfileFormView input::placeholder,
body.avc-profile-section #ProfileFormView textarea::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

body.avc-profile-section #ProfileFormView *:focus-visible {
  outline: 2px solid #F7671F !important;
  outline-offset: 2px !important;
}

body.avc-profile-section fieldset + div {
  background-color: #ffffff !important;
  border-radius: 15px 15px 15px 15px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  margin-top: -1px !important;
  padding: 0 2rem 2rem 2rem !important;
}

body.avc-profile-section fieldset + div .actions {
  text-align: center !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid #e9ecef !important;
  margin-top: 1rem !important;
  background-color: transparent !important;
}

body.avc-profile-section fieldset + div .actions input[type="button"] {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 14px 50px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 180px !important;
}

body.avc-profile-section fieldset + div .actions input[type="button"]:hover {
  background-color: #e6994b !important;
  transform: translateY(-2px) !important;
}

body.avc-profile-section fieldset + div .actions input[type="button"]:active {
  transform: translateY(0) !important;
}

body.avc-profile-section form[action*="/Account/Manage/"] fieldset {
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  padding: 2rem;
  border: none;
}

body.avc-profile-section form[action*="/Account/Manage/"] .col-form-label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
}

body.avc-profile-section form[action*="/Account/Manage/"] .required:after {
  content: " *";
  color: #F7671F;
  font-weight: 400;
}

body.avc-profile-section form[action*="/Account/Manage/"] input.form-control {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  transition: all 0.3s ease !important;
}

body.avc-profile-section form[action*="/Account/Manage/"] input.form-control:focus {
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1) !important;
  outline: none !important;
}

body.avc-profile-section form[action*="/Account/Manage/"] input[readonly] {
  background-color: #f8f9fa !important;
  border-color: #e9ecef !important;
  cursor: not-allowed !important;
}

body.avc-profile-section form[action*="/Account/Manage/"] button.btn-primary {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 12px 40px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 150px !important;
}

body.avc-profile-section form[action*="/Account/Manage/"] button.btn-primary:hover {
  background-color: #e6994b !important;
  transform: translateY(-2px) !important;
}

body.avc-profile-section ul.breadcrumb,
body.avc-profile-section .page-header,
body.avc-profile-section .pb-2.mt-4.mb-3 {
  display: none !important;
}

body.avc-profile-section .profile-info,
body.avc-profile-section .card.mb-3,
body.avc-profile-section .nav-profile {
  border-radius: 15px !important;
}

body.avc-profile-section fieldset {
  border-radius: 15px !important;
}

body.avc-profile-section form[action*="/Account/Manage/"] fieldset {
  border-radius: 15px !important;
}

body.avc-profile-section .profile-info .card-body {
  padding: 1.5rem !important;
  display: block !important;
}

body.avc-profile-section .profile-info .card-body .row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 1rem !important;
}

body.avc-profile-section .profile-info .card-body .col-3 {
  flex: 0 0 auto !important;
  width: auto !important;
}

body.avc-profile-section .profile-info .card-body .col-9 {
  flex: 1 !important;
  width: auto !important;
}

body.avc-profile-section .profile-info img {
  max-width: 60px;
  max-height: 60px;
  min-width: 60px;
  min-height: 60px;
  object-fit: cover;
}

body.avc-profile-section .profile-info .userFullName {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 1.1rem;
  color: #2a314b;
}

body.avc-profile-section .alert-info {
  background-color: #fef3e8;
  border: 1px solid #e6994b;
  border-radius: 12px;
  padding: 1rem 1.5rem;
  color: #2a314b;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 2rem;
}

body.avc-profile-section .alert-info .btn-info {
  background-color: #F7671F;
  border: none;
  color: #ffffff;
  border-radius: 20px;
  padding: 8px 20px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 14px;
  transition: all 0.3s ease;
}

body.avc-profile-section .alert-info .btn-info:hover {
  background-color: #e6994b;
  transform: translateY(-1px);
}

body.avc-profile-section #ProfileFormView .actions {
  text-align: center !important;
  padding-top: 2rem !important;
  border-top: none !important;
  margin-top: 2rem !important;
  background-color: transparent !important;
}

body.avc-profile-section #ProfileFormView .actions input[type="button"] {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 14px 50px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 180px !important;
  margin: 0.5rem !important;
}

body.avc-profile-section #ProfileFormView .actions input[type="button"]:hover {
  background-color: #e6994b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(247, 103, 31, 0.3) !important;
}

body.avc-profile-section #ProfileFormView .actions input[type="button"]:active {
  transform: translateY(0) !important;
}

body.avc-profile-section .page-heading {
  display: none;
}

body.avc-profile-section #ProfileFormView .required label:after {
  content: " *";
  color: #F7671F;
  font-weight: 400;
}

body.avc-profile-section #ProfileFormView input[type="text"],
body.avc-profile-section #ProfileFormView input[type="email"],
body.avc-profile-section #ProfileFormView select,
body.avc-profile-section #ProfileFormView textarea {
  background-color: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 10px;
  padding: 10px 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #2a314b;
  transition: all 0.3s ease;
  width: 100%;
}

body.avc-profile-section #ProfileFormView input:focus,
body.avc-profile-section #ProfileFormView select:focus,
body.avc-profile-section #ProfileFormView textarea:focus {
  border-color: #F7671F;
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1);
  outline: none;
}

body.avc-profile-section #ProfileFormView select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%232a314b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 12px;
  padding-right: 40px;
}

body.avc-profile-section .card.mb-3 {
  background-color: #ffffff !important;
  border: 1px solid #e9ecef !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

body.avc-profile-section .card.mb-3 .card-body {
  padding: 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
}

body.avc-profile-section .card.mb-3 .card-body img {
  max-width: 60px !important;
  max-height: 60px !important;
  width: 60px !important;
  height: 60px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  border: 2px solid #e9ecef !important;
  margin: 0 !important;
  display: block !important;
  flex-shrink: 0 !important;
}

body.avc-profile-section .card.mb-3 .card-body {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1rem !important;
  color: #2a314b !important;
}

@media (max-width: 768px) {
  body.avc-profile-section .container {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  body.avc-profile-section fieldset {
    padding: 1.5rem !important;
  }
  
  body.avc-profile-section fieldset + div {
    padding: 0 1.5rem 1.5rem 1.5rem !important;
  }
  
  body.avc-profile-section #ProfileFormView .cell {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
  }
  
  body.avc-profile-section form[action*="/Account/Manage/"] button.btn-primary {
    width: 100%;
  }
  
  body.avc-profile-section #ProfileFormView {
    padding: 1.5rem;
  }
  
  body.avc-profile-section .alert-info.clearfix {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  
  body.avc-profile-section .profile-info .card-body .row {
    flex-direction: row !important;
    gap: 1rem !important;
  }
  
  body.avc-profile-section .profile-info .card-body .row img {
    margin: 0 !important;
  }
}

/* ===========================
   LOGIN/REGISTER PAGES
   =========================== */

body.avc-login-page .xrm-editable-html.page-copy {
  display: none !important;
}

body.avc-login-page .nav-tabs.nav-account {
  background-color: transparent !important;
  border-bottom: 3px solid #d1d5db !important;
  margin-bottom: 2rem !important;
  display: flex !important;
  justify-content: center !important;
  gap: 0 !important;
}

body.avc-login-page .nav-tabs.nav-account .nav-item {
  margin: 0 !important;
}

body.avc-login-page .nav-tabs.nav-account .nav-link {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  color: #767b91 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  padding: 12px 30px !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  margin-bottom: -3px !important;
  text-transform: capitalize !important;
  outline: none !important;
  box-shadow: none !important;
}

body.avc-login-page .nav-tabs.nav-account .nav-link:hover {
  background-color: transparent !important;
  border-bottom-color: #F7671F !important;
  color: #F7671F !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

body.avc-login-page .nav-tabs.nav-account .nav-link:focus,
body.avc-login-page .nav-tabs.nav-account .nav-link:focus-visible {
  background-color: transparent !important;
  border-bottom-color: #F7671F !important;
  color: #F7671F !important;
  outline: none !important;
  box-shadow: none !important;
}

body.avc-login-page .nav-tabs.nav-account .nav-link.active {
  background-color: transparent !important;
  border-bottom-color: #F7671F !important;
  color: #2a314b !important;
  font-weight: 400 !important;
  outline: none !important;
  box-shadow: none !important;
}

body.avc-login-page .nav-tabs.nav-account .nav-link.active:focus,
body.avc-login-page .nav-tabs.nav-account .nav-link.active:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

body.avc-login-page .nav-tabs.nav-account .nav-link .fa {
  margin-right: 6px !important;
}

body.avc-login-page .nav-tabs.nav-account .nav-link[aria-label="Redeem invitation"]::before {
  font-family: 'FontAwesome' !important;
  content: '\f0e0' !important;
  margin-right: 6px !important;
}

body.avc-login-page .page-content .row {
  align-items: flex-start !important;
}

body.avc-login-page .portal-form {
  background-color: #ffffff !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  padding: 2.5rem !important;
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
}

body.avc-login-page .page-content .row > .col-md-6:last-child > form {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

body.avc-login-page .page-content .row > .col-md-6:last-child > form > div {
  background-color: #ffffff !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  padding: 2.5rem !important;
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
}

body.avc-login-page .login-heading-section {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  color: #2a314b !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 2px solid #F7671F !important;
  margin-top: 0 !important;
}

body.avc-login-page .col-form-label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  background-color: transparent !important;
}

body.avc-login-page .col-form-label.required::after {
  content: " *" !important;
  color: #F7671F !important;
  font-weight: 400 !important;
}

body.avc-login-page input.form-control,
body.avc-login-page input[type="text"],
body.avc-login-page input[type="password"] {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  transition: border-color 0.15s ease-in-out !important;
  box-shadow: none !important;
}

body.avc-login-page input.form-control::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

body.avc-login-page input.form-control:focus-visible,
body.avc-login-page input[type="text"]:focus-visible,
body.avc-login-page input[type="password"]:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1) !important;
}

body.avc-login-page .checkbox label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  background-color: transparent !important;
}

body.avc-login-page .checkbox input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
  accent-color: #F7671F !important;
}

body.avc-login-page .checkbox input[type="checkbox"]:focus,
body.avc-login-page .checkbox input[type="checkbox"]:focus-visible {
  outline: 2px solid #F7671F !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

body.avc-login-page .btn-primary,
body.avc-login-page button.btn-primary,
body.avc-login-page #submit-signin-local {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 10px 28px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 100px !important;
}

body.avc-login-page .btn-primary:hover,
body.avc-login-page button.btn-primary:hover,
body.avc-login-page #submit-signin-local:hover {
  background-color: #e6994b !important;
  transform: translateY(-2px) !important;
}

body.avc-login-page .btn-primary:focus,
body.avc-login-page .btn-primary:focus-visible,
body.avc-login-page button.btn-primary:focus,
body.avc-login-page button.btn-primary:focus-visible,
body.avc-login-page #submit-signin-local:focus,
body.avc-login-page #submit-signin-local:focus-visible {
  background-color: #e6994b !important;
  outline: 2px solid #e6994b;
  outline-offset: 2px;
}

body.avc-login-page .btn-primary:active,
body.avc-login-page button.btn-primary:active,
body.avc-login-page #submit-signin-local:active {
  transform: translateY(0) !important;
}

body.avc-login-page .btn-default,
body.avc-login-page a.btn-default {
  background-color: transparent !important;
  color: #F7671F !important;
  border: 1.6px solid #F7671F !important;
  border-radius: 25px !important;
  padding: 10px 20px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

body.avc-login-page .btn-default:hover,
body.avc-login-page a.btn-default:hover {
  background-color: #fef3e8 !important;
  border-color: #e6994b !important;
  color: #e6994b !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
}

body.avc-login-page .btn-default:focus,
body.avc-login-page .btn-default:focus-visible,
body.avc-login-page a.btn-default:focus,
body.avc-login-page a.btn-default:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1) !important;
  background-color: #fef3e8 !important;
  border-color: #e6994b !important;
  color: #e6994b !important;
}

body.avc-login-page #submit-signin-local,
body.avc-login-page .btn-default[href*="ForgotPassword"] {
  display: inline-block !important;
  margin-right: 0.75rem !important;
  margin-bottom: 0.5rem !important;
}

body.avc-login-page button[value*="login.windows.net"],
body.avc-login-page button[title*="Microsoft Entra"],
body.avc-login-page .btn-line {
  background-color: #ffffff !important;
  color: #5e5e5e !important;
  border: 1px solid #8c8c8c !important;
  border-radius: 2px !important;
  padding: 10px 24px !important;
  font-family: 'Segoe UI', 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  line-height: normal !important;
  margin-top: 0 !important;
}

body.avc-login-page button[value*="login.windows.net"]:hover,
body.avc-login-page button[title*="Microsoft Entra"]:hover,
body.avc-login-page .btn-line:hover {
  background-color: #f3f3f3 !important;
  border-color: #8c8c8c !important;
  color: #5e5e5e !important;
  transform: none !important;
  box-shadow: none !important;
}

body.avc-login-page button[value*="login.windows.net"]:focus,
body.avc-login-page button[title*="Microsoft Entra"]:focus,
body.avc-login-page button[value*="login.windows.net"]:focus-visible,
body.avc-login-page button[title*="Microsoft Entra"]:focus-visible,
body.avc-login-page .btn-line:focus,
body.avc-login-page .btn-line:focus-visible {
  outline: 2px solid #0067b8 !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

body.avc-login-page button[value*="login.windows.net"]::before,
body.avc-login-page button[title*="Microsoft Entra"]::before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Crect x='1' y='1' width='9' height='9' fill='%23f25022'/%3E%3Crect x='1' y='11' width='9' height='9' fill='%2300a4ef'/%3E%3Crect x='11' y='1' width='9' height='9' fill='%237fba00'/%3E%3Crect x='11' y='11' width='9' height='9' fill='%23ffb900'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

body.avc-login-page .validation-summary-valid,
body.avc-login-page .alert-danger {
  background-color: #fee2e2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 10px !important;
  padding: 1rem !important;
  color: #991b1b !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  margin-bottom: 1.5rem !important;
}

body.avc-login-page .validation-summary-valid[style*="display: none"],
body.avc-login-page .validation-summary-valid:empty {
  display: none !important;
}

body.avc-login-page .row.mb-3 {
  margin-bottom: 1.5rem !important;
}

body.avc-login-page .row.mb-3:last-child {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  body.avc-login-page .page-content .row > .col-md-6:first-child {
    flex: 0 0 58.333333% !important;
    max-width: 58.333333% !important;
    border-right: 1px solid #e9ecef !important;
    padding-right: 30px !important;
  }
  
  body.avc-login-page .page-content .row > .col-md-6:last-child {
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
    padding-left: 30px !important;
  }
}

@media (max-width: 767px) {
  body.avc-login-page .container.wrapper-body {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  
  body.avc-login-page .portal-form {
    padding: 2rem !important;
  }
  
  body.avc-login-page .page-content .row > .col-md-6:last-child > form > div {
    padding: 2rem !important;
  }
  
  body.avc-login-page .nav-tabs.nav-account {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  body.avc-login-page .nav-tabs.nav-account .nav-link {
    text-align: center !important;
  }
  
  body.avc-login-page .btn-primary,
  body.avc-login-page .btn-default {
    width: 100% !important;
    margin-bottom: 0.5rem !important;
  }
  
  body.avc-login-page #submit-signin-local,
  body.avc-login-page .btn-default[href*="ForgotPassword"] {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0.75rem !important;
  }
  
  body.avc-login-page .page-content .row > .col-md-6:first-child {
    border-right: none !important;
    border-bottom: 1px solid #e9ecef !important;
    padding-right: 15px !important;
    padding-bottom: 2rem !important;
    margin-bottom: 2rem !important;
  }
  
  body.avc-login-page .page-content .row > .col-md-6:last-child {
    padding-left: 15px !important;
  }
}

body.avc-login-page .validation-summary-errors,
body.avc-login-page .validation-summary-errors.alert-danger {
  background-color: #fef3e8 !important;
  border: 1px solid #e6994b !important;
  border-radius: 12px !important;
  padding: 1rem 1.5rem !important;
  color: #d97706 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  margin-bottom: 1.5rem !important;
}

body.avc-login-page .validation-summary-errors ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style-type: none !important;
}

body.avc-login-page .validation-summary-errors ul li {
  color: #d97706 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  margin-bottom: 0 !important;
}

body.avc-login-page .validation-summary-errors a {
  color: #d97706 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

body.avc-login-page .validation-summary-errors a:hover {
  color: #b45309 !important;
  text-decoration: underline !important;
}

@media (max-width: 480px) {
  body.avc-login-page .portal-form {
    padding: 1.5rem !important;
  }
  
  body.avc-login-page .page-content .row > .col-md-6:last-child > form > div {
    padding: 1.5rem !important;
  }
  
  body.avc-login-page .login-heading-section {
    font-size: 1.25rem !important;
  }
}

/* ===========================
   FORGOT PASSWORD PAGE
   =========================== */

body.avc-forgot-password-page .xrm-editable-html.page-copy {
  display: none !important;
}

body.avc-forgot-password-page .portal-form {
  background-color: #ffffff !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  padding: 2.5rem !important;
  border: none !important;
}

body.avc-forgot-password-page .forgot-password-heading {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  color: #2a314b !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 2px solid #F7671F !important;
  margin-top: 0 !important;
}

body.avc-forgot-password-page .forgot-password-heading:focus {
  outline: none !important;
  box-shadow: none !important;
}

body.avc-forgot-password-page .col-form-label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
}

body.avc-forgot-password-page .col-form-label.required::after {
  content: " *" !important;
  color: #F7671F !important;
  font-weight: 400 !important;
}

body.avc-forgot-password-page input.form-control {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  transition: all 0.3s ease !important;
}

body.avc-forgot-password-page input.form-control:focus {
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1) !important;
  outline: none !important;
  background-color: #ffffff !important;
}

body.avc-forgot-password-page input.form-control::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

body.avc-forgot-password-page input.form-control:focus-visible {
  outline: 2px solid #F7671F !important;
  outline-offset: 2px !important;
}

body.avc-forgot-password-page .form-text,
body.avc-forgot-password-page .form-text span,
body.avc-forgot-password-page p.form-text,
body.avc-forgot-password-page p.form-text span {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 11px !important;
  color: #767b91 !important;
  margin-top: 0.25rem !important;
  line-height: 1.3 !important;
}

body.avc-forgot-password-page .btn-primary {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 12px 40px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 150px !important;
}

body.avc-forgot-password-page .btn-primary:hover {
  background-color: #e6994b !important;
  transform: translateY(-2px) !important;
}

body.avc-forgot-password-page .btn-primary:focus,
body.avc-forgot-password-page .btn-primary:focus-visible {
  background-color: #e6994b !important;
  outline: 2px solid #e6994b;
  outline-offset: 2px;
}

body.avc-forgot-password-page .btn-primary:active {
  transform: translateY(0) !important;
}

body.avc-forgot-password-page .validation-summary-valid,
body.avc-forgot-password-page .alert-danger {
  background-color: #fee2e2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 10px !important;
  padding: 1rem !important;
  color: #991b1b !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  margin-bottom: 1.5rem !important;
}

body.avc-forgot-password-page .validation-summary-valid[style*="display: none"],
body.avc-forgot-password-page .validation-summary-valid:empty {
  display: none !important;
}

body.avc-forgot-password-page .row.mb-3 {
  margin-bottom: 1.5rem !important;
}

body.avc-forgot-password-page .row.mb-3:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  body.avc-forgot-password-page .portal-form {
    padding: 2rem !important;
  }
  
  body.avc-forgot-password-page .btn-primary {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  body.avc-forgot-password-page .portal-form {
    padding: 1.5rem !important;
  }
  
  body.avc-forgot-password-page .forgot-password-heading {
    font-size: 1.25rem !important;
  }
}

/* ===========================
   REGISTER/REDEEM INVITATION PAGE
   =========================== */

body.avc-login-page .alert.alert-info {
  background-color: #fef3e8 !important;
  border: 1px solid #e6994b !important;
  border-radius: 12px !important;
  padding: 1rem 1.5rem !important;
  color: #d97706 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  margin-bottom: 2rem !important;
}

body.avc-login-page .alert.alert-info strong {
  font-weight: 300 !important;
  color: #d97706 !important;
  word-break: break-all !important;
}

body.avc-login-page .page-content .row > .col-lg-6:first-child {
  flex: 0 0 58.333333% !important;
  max-width: 58.333333% !important;
  border-right: 1px solid #e9ecef !important;
  padding-right: 30px !important;
}

body.avc-login-page .page-content .row > .col-lg-6:last-child {
  flex: 0 0 41.666667% !important;
  max-width: 41.666667% !important;
  padding-left: 30px !important;
}

body.avc-login-page #ContentContainer_MainContent_MainContent_ExternalLogin > input[type="hidden"] {
  display: none !important;
}

body.avc-login-page #ContentContainer_MainContent_MainContent_ExternalLogin > div:not(input) {
  background-color: #ffffff !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  padding: 2.5rem !important;
  border: none !important;
  display: flex !important;
  flex-direction: column !important;
}

body.avc-login-page #ContentContainer_MainContent_MainContent_ShowEmail,
body.avc-login-page #ContentContainer_MainContent_MainContent_ShowUserName {
  margin-bottom: 1.5rem !important;
}

body.avc-login-page .RadCaptcha label,
body.avc-login-page #ctl00_ctl00_ContentContainer_MainContent_MainContent_captcha_CaptchaTextBoxLabel {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #2a314b !important;
  margin-top: 0.5rem !important;
  display: block !important;
}

body.avc-login-page .RadCaptcha input[type="text"] {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  max-width: 300px !important;
}

body.avc-login-page .RadCaptcha input[type="text"]:focus {
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1) !important;
  outline: none !important;
}

body.avc-login-page .RadCaptcha a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #F7671F !important;
  text-decoration: underline !important;
  margin-top: 0.5rem !important;
  display: inline-block !important;
  margin-right: 1rem !important;
}

body.avc-login-page .RadCaptcha a:hover {
  color: #e6994b !important;
}

body.avc-login-page .RadCaptcha .rcRefreshImage,
body.avc-login-page .RadCaptcha .rcCaptchaAudioLink {
  display: inline-block !important;
  margin-right: 1rem !important;
}

@media (max-width: 991px) {
  body.avc-login-page .page-content .row > .col-lg-6:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    border-right: none !important;
    border-bottom: 1px solid #e9ecef !important;
    padding-right: 15px !important;
    padding-bottom: 2rem !important;
    margin-bottom: 2rem !important;
  }
  
  body.avc-login-page .page-content .row > .col-lg-6:last-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
  }
}

@media (max-width: 767px) {
  body.avc-login-page #ContentContainer_MainContent_MainContent_ExternalLogin > div:not(input) {
    padding: 2rem !important;
  }
}

@media (max-width: 480px) {
  body.avc-login-page #ContentContainer_MainContent_MainContent_ExternalLogin > div:not(input) {
    padding: 1.5rem !important;
  }
  
  body.avc-login-page .alert.alert-info {
    font-size: 12px !important;
    padding: 0.75rem 1rem !important;
  }
  
  body.avc-login-page .RadCaptcha a {
    display: block !important;
    margin-bottom: 0.5rem !important;
  }
}

/* ===========================
   RESET PASSWORD PAGE
   =========================== */

body.avc-reset-password-page .container.wrapper-body {
  padding-top: 0 !important;
}

body.avc-reset-password-page .xrm-editable-html.page-copy {
  display: none !important;
}

body.avc-reset-password-page fieldset {
  background-color: #ffffff !important;
  border-radius: 15px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
  padding: 2.5rem !important;
  border: none !important;
}

body.avc-reset-password-page legend {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.5rem !important;
  color: #2a314b !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 1rem !important;
  border-bottom: 2px solid #F7671F !important;
  margin-top: 0 !important;
  width: 100% !important;
}

body.avc-reset-password-page .col-form-label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
}

body.avc-reset-password-page input.form-control {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
}

body.avc-reset-password-page input.form-control:focus {
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1) !important;
  outline: none !important;
  background-color: #ffffff !important;
}

body.avc-reset-password-page input.form-control::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

body.avc-reset-password-page input.form-control:focus-visible {
  outline: 2px solid #F7671F !important;
  outline-offset: 2px !important;
}

body.avc-reset-password-page .btn-primary {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 12px 40px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 150px !important;
}

body.avc-reset-password-page .btn-primary:hover {
  background-color: #e6994b !important;
  transform: translateY(-2px) !important;
}

body.avc-reset-password-page .btn-primary:focus,
body.avc-reset-password-page .btn-primary:focus-visible {
  background-color: #e6994b !important;
  outline: 2px solid #e6994b;
  outline-offset: 2px;
}

body.avc-reset-password-page .btn-primary:active {
  transform: translateY(0) !important;
}

body.avc-reset-password-page .validation-summary-valid,
body.avc-reset-password-page .validation-summary-errors,
body.avc-reset-password-page .alert.alert-danger {
  background-color: #fef3e8 !important;
  border: 1px solid #e6994b !important;
  border-radius: 12px !important;
  padding: 1rem 1.5rem !important;
  color: #d97706 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  margin-bottom: 1.5rem !important;
  text-align: left !important;
}

body.avc-reset-password-page .validation-summary-errors ul,
body.avc-reset-password-page .alert.alert-danger ul {
  margin: 0 !important;
  padding-left: 1.5rem !important;
  list-style-type: disc !important;
}

body.avc-reset-password-page .validation-summary-errors ul li,
body.avc-reset-password-page .alert.alert-danger ul li {
  color: #d97706 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  margin-bottom: 0 !important;
}

body.avc-reset-password-page .validation-summary-valid[style*="display: none"],
body.avc-reset-password-page .validation-summary-valid:empty {
  display: none !important;
}

body.avc-reset-password-page .row.mb-3 {
  margin-bottom: 1.5rem !important;
}

body.avc-reset-password-page .row.mb-3:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  body.avc-reset-password-page .container.wrapper-body {
    padding-top: 1rem !important;
  }
  
  body.avc-reset-password-page fieldset {
    padding: 2rem !important;
  }
  
  body.avc-reset-password-page .btn-primary {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  body.avc-reset-password-page fieldset {
    padding: 1.5rem !important;
  }
  
  body.avc-reset-password-page legend {
    font-size: 1.25rem !important;
  }
  
  body.avc-reset-password-page .validation-summary-errors,
  body.avc-reset-password-page .alert.alert-danger {
    font-size: 12px !important;
    padding: 0.75rem 1rem !important;
  }
}

/* ============================================
   ENTITY LIST STYLING
   ============================================ */

.entitylist {
  font-family: 'Poppins', sans-serif !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  border: none !important;
}

.entitylist *:focus,
.entitylist *:focus-visible,
.entitylist select:focus,
.entitylist input:focus,
.entitylist button:focus,
.entitylist a:focus {
  outline: none !important;
  box-shadow: none !important;
}

.entitylist .view-toolbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 1.5rem !important;
  flex-wrap: nowrap !important;
  gap: 1rem !important;
  background-color: transparent !important;
  padding: 0 !important;
}

.entitylist .view-select.nav.nav-pills {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  float: none !important;
}

.entitylist .view-select .dropdown {
  background-color: transparent !important;
}

.entitylist .view-select .dropdown a.selected-view {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 0.625rem 1rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #2a314b !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.entitylist .view-select .dropdown a.selected-view,
.entitylist .view-select .dropdown a.selected-view:hover,
.entitylist .view-select .dropdown a.selected-view:focus,
.entitylist .view-select .dropdown a.selected-view:active,
.entitylist .view-select .dropdown a.selected-view[aria-expanded="true"] {
  text-decoration: none !important;
}

.entitylist .view-select .dropdown a.selected-view .title,
.entitylist .view-select .dropdown a.selected-view:hover .title,
.entitylist .view-select .dropdown a.selected-view:focus .title,
.entitylist .view-select .dropdown a.selected-view:active .title,
.entitylist .view-select .dropdown a.selected-view[aria-expanded="true"] .title {
  text-decoration: none !important;
}

.entitylist .view-select .dropdown a.selected-view .fa {
  color: #F7671F !important;
}

.entitylist .view-select .dropdown a.selected-view:hover,
.entitylist .view-select .dropdown a.selected-view:focus {
  background-color: #F7671F !important;
  border-color: #F7671F !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}

.entitylist .view-select .dropdown a.selected-view:hover .fa,
.entitylist .view-select .dropdown a.selected-view:focus .fa,
.entitylist .view-select .dropdown a.selected-view:hover .title,
.entitylist .view-select .dropdown a.selected-view:focus .title {
  color: #ffffff !important;
}

.entitylist .view-select .dropdown a.selected-view[aria-expanded="true"] {
  background-color: #F7671F !important;
  border-color: #F7671F !important;
  color: #ffffff !important;
  outline: none !important;
  box-shadow: none !important;
}

.entitylist .view-select .dropdown a.selected-view[aria-expanded="true"] .fa,
.entitylist .view-select .dropdown a.selected-view[aria-expanded="true"] .title {
  color: #ffffff !important;
}

.entitylist .view-select .dropdown.show a.selected-view .fa {
  color: #ffffff !important;
}

.entitylist .view-toolbar .float-end.toolbar-actions,
.entitylist .float-end.toolbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  margin-left: auto !important;
  float: none !important;
}

.entitylist .view-toolbar .view-search.entitylist-search,
.entitylist .view-search.entitylist-search {
  display: flex !important;
  align-items: stretch !important;
  background-color: #ffffff !important;
  border-radius: 25px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #e5e7eb !important;
  transition: all 0.2s ease !important;
  width: auto !important;
  min-width: 350px !important;
  float: none !important;
  margin: 0 !important;
}

.entitylist .view-toolbar .view-search.entitylist-search:focus-within {
  box-shadow: 0 2px 12px rgba(247, 103, 31, 0.15) !important;
}

.entitylist .view-search input.query.form-control,
.entitylist input.query.form-control {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 25px 0 0 25px !important;
  padding: 0.625rem 1rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #2a314b !important;
  flex: 1 !important;
  min-width: 0 !important;
  height: 38px !important;
  display: block !important;
  width: auto !important;
}

.entitylist .view-search input.query.form-control:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background-color: #ffffff !important;
}

.entitylist .view-search input.query.form-control::placeholder {
  color: #9ca3af !important;
}

.entitylist .view-search .input-group-btn,
.entitylist .input-group-btn.align-top {
  display: flex !important;
  align-items: stretch !important;
  width: auto !important;
}

.entitylist .view-search button.btn-default,
.entitylist .input-group-btn button.btn-default {
  background-color: #F7671F !important;
  border: none !important;
  border-radius: 0 25px 25px 0 !important;
  padding: 0.625rem 1.5rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.entitylist .view-search button.btn-default:hover,
.entitylist .input-group-btn button.btn-default:hover {
  background-color: #e6994b !important;
}

.entitylist .view-search button.btn-default .fa-search {
  color: #ffffff !important;
  font-size: 14px !important;
}

.entitylist .toolbar-actions > .input-group.float-start {
  float: none !important;
  display: flex !important;
  width: auto !important;
  margin: 0 !important;
}

.entitylist a.btn-primary.action.create-action,
.entitylist .toolbar-actions a.btn-primary {
  background-color: #F7671F !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 0.625rem 1.75rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #fcfcfa !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
}

.entitylist a.btn-primary.action.create-action:hover,
.entitylist .toolbar-actions a.btn-primary:hover {
  background-color: #e6994b !important;
  color: #fcfcfa !important;
  transform: translateY(-1px) !important;
}

.entitylist table {
  width: 100% !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  box-shadow: none !important;
  border: 1px solid #e9ecef !important;
  table-layout: auto !important;
  display: table !important;
}

.entitylist thead {
  background-color: #f9fafb !important;
  border-bottom: 1px solid #e5e7eb !important;
  display: table-header-group !important;
}

.entitylist thead th,
.entitylist thead th[scope="col"],
.entitylist thead th.sort-enabled,
.entitylist thead th.sort-disabled,
.entitylist thead th.sort-desc,
.entitylist table thead th,
.entitylist table > thead > tr > th,
.entitylist thead > tr > th {
  padding: 0.75rem 0.625rem !important;
  text-align: left !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  white-space: nowrap !important;
  border-bottom: 1px solid #e5e7eb !important;
  background-color: #f9fafb !important;
  vertical-align: middle !important;
}

.entitylist thead th a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.entitylist thead th .fa-arrow-down,
.entitylist thead th .fa-arrow-up,
.entitylist thead th a .fa-arrow-down,
.entitylist thead th a .fa-arrow-up {
  margin-left: 0.25rem !important;
  font-size: 12px !important;
}

.entitylist thead th .visually-hidden,
.entitylist thead th .sr-only,
.entitylist thead th .sort-hint {
  font-size: 14px !important;
}

.entitylist tbody,
.entitylist table tbody {
  display: table-row-group !important;
}

.entitylist tbody tr,
.entitylist table tbody tr {
  border-bottom: 1px solid #f3f4f6 !important;
  transition: background-color 0.15s ease !important;
  background-color: #ffffff !important;
  display: table-row !important;
}

.entitylist tbody tr:hover,
.entitylist table tbody tr:hover {
  background-color: #fef3e8 !important;
}

.entitylist tbody tr:last-child {
  border-bottom: none !important;
}

.entitylist tbody td,
.entitylist table tbody td {
  padding: 0.875rem 0.625rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #2a314b !important;
  vertical-align: middle !important;
  background-color: transparent !important;
  line-height: 1.4 !important;
  display: table-cell !important;
}

.entitylist tbody td:first-child,
.entitylist tbody td:first-child a,
.entitylist table tbody td:first-child {
  font-size: 14px !important;
}

.entitylist tbody td a,
.entitylist a:not(.btn):not(.button1):not(.dropdown-item):not(.action),
.entitylist table tbody td a {
  color: #F7671F !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  transition: color 0.15s ease !important;
}

.entitylist tbody td a:hover,
.entitylist a:not(.btn):not(.button1):not(.dropdown-item):not(.action):hover,
.entitylist table tbody td a:hover {
  color: #e6994b !important;
  text-decoration: underline !important;
}

.entitylist .btn-secondary,
.entitylist .btn-default:not(.view-search .btn-default),
.entitylist button.button2,
.entitylist .dropdown-toggle,
.entitylist tbody td button {
  background-color: transparent !important;
  border: 1.6px solid #F7671F !important;
  border-radius: 20px !important;
  padding: 0.375rem 0.875rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  color: #F7671F !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  min-width: 45px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.entitylist .btn-secondary:hover,
.entitylist .btn-default:not(.view-search .btn-default):hover,
.entitylist button.button2:hover,
.entitylist .dropdown-toggle:hover,
.entitylist tbody td button:hover {
  background-color: #F7671F !important;
  border-color: #F7671F !important;
  color: #fcfcfa !important;
}

.entitylist .dropdown-toggle::after,
.entitylist tbody td button::after {
  color: #F7671F !important;
  transition: color 0.2s ease !important;
  border-top-color: #F7671F !important;
  margin-left: 0.255em !important;
  vertical-align: 0.255em !important;
}

.entitylist .dropdown-toggle:hover::after,
.entitylist tbody td button:hover::after {
  color: #fcfcfa !important;
  border-top-color: #fcfcfa !important;
}

.entitylist .dropdown-menu,
.entitylist .view-select .dropdown-menu {
  background-color: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15) !important;
  padding: 8px 0 !important;
  margin: 4px 0 0 0 !important;
  min-width: 180px !important;
  z-index: 1050 !important;
}

.entitylist .dropdown-item,
.entitylist .dropdown-menu a,
.entitylist .dropdown-menu button,
.entitylist .view-select .dropdown-menu a.dropdown-item {
  display: block !important;
  width: 100% !important;
  padding: 12px 18px !important;
  background: none !important;
  border: none !important;
  color: #2a314b !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  text-align: left !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  border-radius: 0 !important;
}

.entitylist .dropdown-item:hover,
.entitylist .dropdown-menu a:hover,
.entitylist .dropdown-menu button:hover,
.entitylist .view-select .dropdown-menu a.dropdown-item:hover {
  background-color: #fef3e8 !important;
  color: #F7671F !important;
  text-decoration: none !important;
}

.entitylist .dropdown-item:focus,
.entitylist .dropdown-menu a:focus,
.entitylist .dropdown-menu button:focus,
.entitylist .view-select .dropdown-menu a.dropdown-item:focus {
  background-color: #fef3e8 !important;
  color: #F7671F !important;
  outline: none !important;
}

.entitylist .view-select .dropdown-menu li.active a.dropdown-item {
  background-color: #fef3e8 !important;
  color: #F7671F !important;
  font-weight: 400 !important;
}

.entitylist .pagination,
.entitylist .jquery-bootstrap-pagination .pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin-top: 2rem !important;
  padding: 0 !important;
  list-style: none !important;
}

.entitylist .pagination li,
.entitylist .jquery-bootstrap-pagination .pagination li {
  list-style: none !important;
  margin: 0 !important;
}

.entitylist .pagination a,
.entitylist .pagination span,
.entitylist .pagination .page-link,
.entitylist .jquery-bootstrap-pagination .pagination .page-link,
.entitylist .jquery-bootstrap-pagination .pagination a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 0.625rem !important;
  border-radius: 8px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #2a314b !important;
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.entitylist .pagination a:hover,
.entitylist .pagination .page-link:hover {
  background-color: #fef3e8 !important;
  border-color: #F7671F !important;
  color: #F7671F !important;
}

.entitylist .pagination .active a,
.entitylist .pagination .active span,
.entitylist .pagination li.active a,
.entitylist .pagination li.active span,
.entitylist .pagination .page-item.active .page-link,
.entitylist .pagination .page-item.active a,
.entitylist .jquery-bootstrap-pagination .pagination .page-item.active .page-link,
.entitylist .jquery-bootstrap-pagination .pagination .page-item.active a,
.entitylist .jquery-bootstrap-pagination .pagination li.active a,
.entitylist .pagination > .active > a,
.entitylist .pagination > .active > span {
  background-color: #F7671F !important;
  border-color: #F7671F !important;
  color: #ffffff !important;
  pointer-events: none !important;
  font-weight: 500 !important;
}

.entitylist .pagination .disabled a,
.entitylist .pagination .disabled span {
  opacity: 0.4 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
  color: #9ca3af !important;
}

.entitylist .view-empty,
.entitylist .view-empty.message,
.entitylist .no-records {
  text-align: center !important;
  padding: 4rem 2rem !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #2a314b !important;
  line-height: 1.6 !important;
}

.entitylist .view-empty p,
.entitylist .no-records p {
  font-family: 'Poppins', sans-serif !important;
  font-size: 16px !important;
  color: #2a314b !important;
  margin: 0 !important;
}

.entitylist .view-loading.message {
  padding: 1rem 0 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  text-align: center !important;
}

.entitylist .view-loading .fa-spinner.fa-spin {
  color: #F7671F !important;
  font-size: 20px !important;
  margin-right: 0.5rem !important;
  -webkit-animation: fa-spin 0.8s linear infinite !important;
  animation: fa-spin 0.8s linear infinite !important;
}

.tooltip,
.tooltip-inner,
.bs-tooltip-auto,
.bs-tooltip-top,
.bs-tooltip-bottom,
.bs-tooltip-start,
.bs-tooltip-end {
  font-family: 'Poppins', sans-serif !important;
}

.tooltip-inner {
  background-color: #2a314b !important;
  color: #ffffff !important;
  padding: 0.5rem 0.75rem !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  max-width: 300px !important;
  text-align: center !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: #2a314b !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  border-bottom-color: #2a314b !important;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  border-left-color: #2a314b !important;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before,
.tooltip.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  border-right-color: #2a314b !important;
}

a.has-tooltip[data-bs-toggle="tooltip"],
.details-link.has-tooltip {
  position: relative !important;
}

@media (max-width: 1600px) {
  .entitylist tbody td {
    font-size: 12.5px !important;
  }
  
  .entitylist tbody td:first-child {
    font-size: 13.5px !important;
  }
}

@media (max-width: 1400px) {
  .entitylist tbody td {
    font-size: 12px !important;
    padding: 0.75rem 0.5rem !important;
  }
  
  .entitylist tbody td:first-child {
    font-size: 13px !important;
  }
  
  .entitylist thead th {
    padding: 0.75rem 0.5rem !important;
  }
}

@media (max-width: 1200px) {
  .entitylist .view-search.entitylist-search {
    min-width: 280px !important;
  }
  
  .entitylist tbody td {
    font-size: 11.5px !important;
  }
  
  .entitylist tbody td:first-child {
    font-size: 12.5px !important;
  }
}

@media (max-width: 992px) {
  .entitylist .view-toolbar {
    flex-wrap: wrap !important;
  }
  
  .entitylist .float-end.toolbar-actions {
    order: 3 !important;
    width: 100% !important;
    margin-top: 0.5rem !important;
  }
  
  .entitylist .view-search.entitylist-search {
    flex: 1 !important;
    min-width: 220px !important;
  }
  
  .entitylist tbody td {
    font-size: 11px !important;
  }
  
  .entitylist tbody td:first-child {
    font-size: 12px !important;
  }
}

@media (max-width: 768px) {
  .entitylist {
    margin: 1rem 0 !important;
  }

  .entitylist .view-toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }
  
  .entitylist .view-select.nav.nav-pills {
    width: 100% !important;
  }
  
  .entitylist .view-select .dropdown a.selected-view {
    width: 100% !important;
    justify-content: center !important;
  }
  
  .entitylist .float-end.toolbar-actions {
    flex-direction: column !important;
    width: 100% !important;
    order: initial !important;
    margin: 0 !important;
  }
  
  .entitylist .view-search.entitylist-search,
  .entitylist .toolbar-actions a.btn-primary {
    width: 100% !important;
    min-width: 100% !important;
  }
  
  .entitylist table {
    border-radius: 8px !important;
  }
  
  .entitylist thead th,
  .entitylist tbody td {
    font-size: 11px !important;
  }
  
  .entitylist tbody td:first-child {
    font-size: 11.5px !important;
  }
}

@media (max-width: 480px) {
  .entitylist thead th,
  .entitylist tbody td {
    padding: 0.625rem 0.375rem !important;
    font-size: 10px !important;
  }
  
  .entitylist tbody td:first-child {
    font-size: 11px !important;
  }
  
  .entitylist .btn-secondary,
  .entitylist .dropdown-toggle,
  .entitylist tbody td button {
    padding: 0.25rem 0.5rem !important;
    font-size: 10px !important;
    height: 26px !important;
    min-width: 38px !important;
  }
  
  .entitylist .pagination a,
  .entitylist .pagination .page-link {
    min-width: 34px !important;
    height: 34px !important;
    font-size: 12px !important;
  }
}

/* ============================================
   CASE DETAILS PAGE - ENTITY FORM VIEW
   ============================================ */

body.avc-case-details-page .crmEntityFormView {
  font-family: 'Poppins', sans-serif !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  border: none !important;
}

body.avc-case-details-page .crmEntityFormView *:focus,
body.avc-case-details-page .crmEntityFormView *:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

body.avc-case-details-page .crmEntityFormView .validation-summary {
  background-color: #fee2e2 !important;
  border: 1px solid #fecaca !important;
  border-radius: 10px !important;
  padding: 1rem !important;
  margin-bottom: 1.5rem !important;
  color: #991b1b !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
}

body.avc-case-details-page .crmEntityFormView .tab.clearfix {
  display: flex !important;
  gap: 2rem !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
}

body.avc-case-details-page .crmEntityFormView .tab-column:first-child {
  width: 68% !important;
  flex: 0 0 68% !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #e9ecef !important;
}

body.avc-case-details-page .crmEntityFormView .tab-column:last-child {
  width: 32% !important;
  flex: 0 0 32% !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #e9ecef !important;
}

body.avc-case-details-page .crmEntityFormView fieldset:empty,
body.avc-case-details-page .crmEntityFormView fieldset:not(:has(table)),
body.avc-case-details-page .crmEntityFormView fieldset:not(:has(legend)) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.avc-case-details-page .crmEntityFormView fieldset {
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin-bottom: 2.5rem !important;
}

body.avc-case-details-page .crmEntityFormView fieldset:last-child {
  margin-bottom: 0 !important;
}

body.avc-case-details-page .crmEntityFormView fieldset legend {
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  margin-bottom: 1.5rem !important;
  width: 100% !important;
}

body.avc-case-details-page .crmEntityFormView fieldset legend .section-title,
body.avc-case-details-page .crmEntityFormView fieldset legend h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
  margin: 0 !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 2px solid #F7671F !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

body.avc-case-details-page .crmEntityFormView fieldset[aria-label="Case Information"] legend h3::before {
  content: "\f0b1" !important;
  font-family: 'FontAwesome' !important;
  color: #2a314b !important;
  font-size: 16px !important;
}

body.avc-case-details-page .crmEntityFormView fieldset[aria-label="Case Description"] legend h3::before {
  content: "\f0f6" !important;
  font-family: 'FontAwesome' !important;
  color: #2a314b !important;
  font-size: 16px !important;
}

body.avc-case-details-page .crmEntityFormView fieldset[aria-label="Recent Activity"] legend h3::before {
  content: "\f017" !important;
  font-family: 'FontAwesome' !important;
  color: #2a314b !important;
  font-size: 16px !important;
}

body.avc-case-details-page .crmEntityFormView fieldset[aria-label="Additional Details"] legend h3::before {
  content: "\f05a" !important;
  font-family: 'FontAwesome' !important;
  color: #2a314b !important;
  font-size: 16px !important;
}

body.avc-case-details-page .crmEntityFormView table {
  width: 100% !important;
  border-collapse: collapse !important;
  background-color: transparent !important;
  border: none !important;
}

body.avc-case-details-page .crmEntityFormView table tbody tr {
  background-color: transparent !important;
  border: none !important;
}

body.avc-case-details-page .crmEntityFormView table tbody tr td {
  padding: 0.875rem 0.5rem !important;
  border: none !important;
  background-color: transparent !important;
  vertical-align: top !important;
}

body.avc-case-details-page .crmEntityFormView table tbody tr td.zero-cell {
  padding: 0 !important;
  width: 0 !important;
}

body.avc-case-details-page .crmEntityFormView .cell {
  background-color: transparent !important;
  border: none !important;
}

body.avc-case-details-page .crmEntityFormView .table-info label,
body.avc-case-details-page .crmEntityFormView label.field-label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  background-color: transparent !important;
  margin-bottom: 0.375rem !important;
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

body.avc-case-details-page .crmEntityFormView .table-info.required label::after {
  content: " *" !important;
  color: #F7671F !important;
  font-weight: 400 !important;
}

body.avc-case-details-page .crmEntityFormView input[type="text"],
body.avc-case-details-page .crmEntityFormView select,
body.avc-case-details-page .crmEntityFormView textarea,
body.avc-case-details-page .crmEntityFormView .form-control,
body.avc-case-details-page .crmEntityFormView input.readonly,
body.avc-case-details-page .crmEntityFormView select.readonly,
body.avc-case-details-page .crmEntityFormView textarea.readonly,
body.avc-case-details-page .crmEntityFormView .aspNetDisabled,
body.avc-case-details-page .crmEntityFormView input[readonly],
body.avc-case-details-page .crmEntityFormView select[disabled],
body.avc-case-details-page .crmEntityFormView .datetimepicker input,
body.avc-case-details-page .crmEntityFormView .control[tabindex="0"],
body.avc-case-details-page .crmEntityFormView select#prioritycode {
  background-color: transparent !important;
  border: none !important;
  padding: 0.25rem 0 !important;
  cursor: default !important;
  opacity: 1 !important;
  color: #2a314b !important;
  font-weight: 400 !important;
  pointer-events: none !important;
  font-size: 14px !important;
  appearance: none !important;
  background-image: none !important;
  line-height: 1.6 !important;
  box-shadow: none !important;
}

body.avc-case-details-page .crmEntityFormView .control .readonly-text-wrapper {
  background-color: transparent !important;
  border: none !important;
  padding: 0.25rem 0 !important;
  color: #2a314b !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  overflow: hidden !important;
}

body.avc-case-details-page .crmEntityFormView .textarea.form-control-cell .control .readonly-text-wrapper {
  white-space: pre-wrap !important;
  background-color: #f9fafb !important;
  border: 1px solid #e9ecef !important;
  border-radius: 8px !important;
  padding: 0.75rem !important;
  min-height: 120px !important;
}

body.avc-case-details-page .crmEntityFormView .control {
  position: relative !important;
}

body.avc-case-details-page .crmEntityFormView .status-cell .table-info label {
  display: block !important;
}

body.avc-case-details-page .crmEntityFormView .status-cell .control {
  padding: 0.25rem 0 !important;
}

body.avc-case-details-page .crmEntityFormView .status-cell .status {
  display: inline-block !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  background-color: transparent !important;
  color: #2a314b !important;
}

body.avc-case-details-page .crmEntityFormView .picklist-cell .control {
  padding: 0.25rem 0 !important;
}

body.avc-case-details-page .crmEntityFormView select#prioritycode {
  display: inline-block !important;
  padding: 0 !important;
}

body.avc-case-details-page .crmEntityFormView textarea#description {
  background-color: #f9fafb !important;
  border: 1px solid #e9ecef !important;
  border-radius: 12px !important;
  padding: 1rem 1.25rem !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #4b5563 !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  min-height: fit-content !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  resize: none !important;
  pointer-events: auto !important;
  cursor: default !important;
  display: block !important;
}

body.avc-case-details-page .crmEntityFormView .notes-cell {
  padding: 0 !important;
}

body.avc-case-details-page .crmEntityFormView .entity-timeline {
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
}

body.avc-case-details-page .crmEntityFormView .timelineheader {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-bottom: 1.25rem !important;
  margin-top: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

body.avc-case-details-page .crmEntityFormView .timelineheader .title {
  display: none !important;
}

body.avc-case-details-page .crmEntityFormView .timelineheader .buttoncontainer {
  width: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
}

body.avc-case-details-page .crmEntityFormView .timelineheader .addnote {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 0.625rem 1.5rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.avc-case-details-page .crmEntityFormView .timelineheader .addnote:hover {
  background-color: #e6994b !important;
  transform: none !important;
  box-shadow: none !important;
}

body.avc-case-details-page .crmEntityFormView .note {
  background-color: #f9fafb !important;
  border: 1px solid #e9ecef !important;
  border-radius: 10px !important;
  padding: 1rem 1.25rem !important;
  margin-bottom: 1rem !important;
  transition: border-color 0.2s ease !important;
  min-height: auto !important;
}

body.avc-case-details-page .crmEntityFormView .note:hover {
  border-color: #d1d5db !important;
  box-shadow: none !important;
}

body.avc-case-details-page .crmEntityFormView .note:last-child {
  margin-bottom: 0 !important;
}

body.avc-case-details-page .crmEntityFormView .notes-loading-more.message {
  padding: 1rem 0 0 0 !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  text-align: center !important;
}

body.avc-case-details-page .crmEntityFormView .notes-loading-more .fa-spinner.fa-spin {
  color: #F7671F !important;
  font-size: 20px !important;
  margin-right: 0.5rem !important;
  -webkit-animation: fa-spin 0.8s linear infinite !important;
  animation: fa-spin 0.8s linear infinite !important;
}

body.avc-case-details-page .crmEntityFormView .entity-timeline .note-actions.row .mx-auto.col-md-7[class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex-basis: 100% !important;
  flex-grow: 1 !important;
  flex-shrink: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center !important;
  display: block !important;
}

body.avc-case-details-page .crmEntityFormView .entity-timeline .note-actions.row {
  display: block !important;
  width: 100% !important;
  margin: 1.5rem 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

body.avc-case-details-page .crmEntityFormView .entity-timeline .note-actions.row .loadmore {
  display: inline-block !important;
  width: auto !important;
  margin: 0 auto !important;
  float: none !important;
}

.crmEntityFormView .note .row {
  display: flex !important;
  gap: 1rem !important;
  margin: 0 !important;
  align-items: flex-start !important;
}

.crmEntityFormView .note .header {
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.crmEntityFormView .note .portalcommenticon,
.crmEntityFormView .note .emailicon,
.crmEntityFormView .note .phonecallicon,
.crmEntityFormView .note .appointmenticon {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #F7671F !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.crmEntityFormView .note .portalcommenticon .fa,
.crmEntityFormView .note .emailicon .fa,
.crmEntityFormView .note .phonecallicon .fa,
.crmEntityFormView .note .appointmenticon .fa {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
}

.crmEntityFormView .note .metadata {
  text-align: center !important;
  width: auto !important;
  max-width: 110px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

.crmEntityFormView .note .postedon {
  margin-bottom: 0 !important;
}

.crmEntityFormView .note .timeago {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #6b7280 !important;
  display: block !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

.crmEntityFormView .note .modifiedon {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  margin-top: 0.125rem !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

.crmEntityFormView .note .content {
  flex: 1 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-height: auto !important;
}

.crmEntityFormView .note .from h5 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #2a314b !important;
  margin: 0 0 0.625rem 0 !important;
  line-height: 1.5 !important;
}

.crmEntityFormView .note .from h5 .fa-arrow-right {
  color: #9ca3af !important;
  font-size: 12px !important;
  margin: 0 0.375rem !important;
}

.crmEntityFormView .note .description {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #4b5563 !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
}

.crmEntityFormView .note .description p {
  margin: 0 0 0.625rem 0 !important;
  font-size: 14px !important;
  font-family: 'Poppins', sans-serif !important;
  line-height: 1.7 !important;
}

.crmEntityFormView .note .description p:last-child {
  margin-bottom: 0 !important;
}

.crmEntityFormView .note .attachment-outer-border {
  border-top: 1px solid #e9ecef !important;
  padding: 0.875rem 0 !important;
  margin-top: 0.875rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  background-color: #ffffff !important;
  border-radius: 8px !important;
  display: block !important;
}

.crmEntityFormView .note .attachment-outer-border:not(:has(.note-attachment)) {
  padding: 0.875rem 0 !important;
  margin-bottom: 0 !important;
}

.crmEntityFormView .note .createdby {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  margin: 0 !important;
  padding: 0 0.875rem !important;
  display: block !important;
}

.crmEntityFormView .note .attachment-outer-border:has(.note-attachment) .createdby {
  margin-bottom: 0.75rem !important;
}

.crmEntityFormView .note .attachment-separator {
  display: none !important;
}

.crmEntityFormView .attachment-loadmore-section {
  margin: 0 0.875rem !important;
}

.crmEntityFormView .note-attachment {
  margin: 0 !important;
}

.crmEntityFormView .note-attachment .col-lg-12 {
  padding: 0 !important;
}

.crmEntityFormView .note-attachment .row {
  margin: 0 !important;
}

.crmEntityFormView .note-attachment .attachment.alert {
  background-color: #f9fafb !important;
  border: 1px solid #e9ecef !important;
  border-radius: 8px !important;
  padding: 0.625rem 0.875rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.625rem !important;
  margin: 0 !important;
}

.crmEntityFormView .note-attachment .attachment .link {
  display: flex !important;
  align-items: center !important;
  gap: 0.625rem !important;
  width: 100% !important;
}

.crmEntityFormView .note-attachment .attachment .fa {
  color: #F7671F !important;
  font-size: 14px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.crmEntityFormView .note-attachment .attachment a {
  color: #F7671F !important;
  text-decoration: none !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  word-break: break-word !important;
}

.crmEntityFormView .note-attachment .attachment a:hover {
  color: #e6994b !important;
  text-decoration: underline !important;
}

.crmEntityFormView .note-actions {
  margin-top: 1.5rem !important;
  text-align: center !important;
}

.crmEntityFormView .note-actions .loadmore {
  background-color: transparent !important;
  color: #F7671F !important;
  border: 1.6px solid #F7671F !important;
  border-radius: 8px !important;
  padding: 0.625rem 1.5rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.crmEntityFormView .note-actions .loadmore:hover {
  background-color: #F7671F !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
}

.crmEntityFormView .note-actions .loadmore .fa {
  margin-right: 0.5rem !important;
}

.crmEntityFormView .notes-empty,
.crmEntityFormView .notes-loading,
.crmEntityFormView .notes-access-denied,
.crmEntityFormView .notes-error {
  text-align: center !important;
  padding: 2rem !important;
  font-family: 'Poppins', sans-serif !important;
}

.crmEntityFormView .notes-empty .alert,
.crmEntityFormView .notes-access-denied .alert,
.crmEntityFormView .notes-error .alert {
  background-color: #fef3e8 !important;
  border: 1px solid #e6994b !important;
  border-radius: 10px !important;
  color: #2a314b !important;
  font-size: 14px !important;
  font-weight: 300 !important;
}

.crmEntityFormView .notes-loading .fa-spinner {
  color: #F7671F !important;
  font-size: 24px !important;
}

@media (max-width: 991px) {
  body.avc-case-details-page .crmEntityFormView .tab.clearfix {
    flex-direction: column !important;
  }
  
  body.avc-case-details-page .crmEntityFormView .tab-column:first-child,
  body.avc-case-details-page .crmEntityFormView .tab-column:last-child {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
}

@media (max-width: 768px) {
  body.avc-case-details-page .crmEntityFormView .tab-column:first-child,
  body.avc-case-details-page .crmEntityFormView .tab-column:last-child {
    padding: 1.5rem !important;
  }
  
  body.avc-case-details-page .crmEntityFormView .note .row {
    flex-direction: column !important;
    gap: 1rem !important;
  }
  
  body.avc-case-details-page .crmEntityFormView .note .header {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }
  
  body.avc-case-details-page .crmEntityFormView .note .metadata {
    text-align: left !important;
    align-items: flex-start !important;
  }
  
  body.avc-case-details-page .crmEntityFormView .note .timeago,
  body.avc-case-details-page .crmEntityFormView .note .modifiedon {
    text-align: left !important;
  }
  
  body.avc-case-details-page .crmEntityFormView .timelineheader .buttoncontainer,
  body.avc-case-details-page .crmEntityFormView .timelineheader .addnote {
    width: 100% !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  body.avc-case-details-page .crmEntityFormView .tab-column:first-child,
  body.avc-case-details-page .crmEntityFormView .tab-column:last-child {
    padding: 1rem !important;
  }
  
  body.avc-case-details-page .crmEntityFormView table tbody tr td {
    display: block !important;
    width: 100% !important;
    padding: 0.5rem 0 !important;
  }
  
  body.avc-case-details-page .crmEntityFormView .note {
    padding: 1rem !important;
  }
}

/* ============================================
   ADD NOTE MODAL
   ============================================ */

.modal-addnote .modal-dialog {
  max-width: 600px !important;
}

.modal-addnote .modal-content {
  background-color: #ffffff !important;
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2) !important;
}

.modal-addnote .modal-header {
  background-color: #f9fafb !important;
  border-bottom: 1px solid #e9ecef !important;
  padding: 1.5rem 2rem !important;
  border-radius: 12px 12px 0 0 !important;
}

.modal-addnote .modal-header .modal-title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  color: #2a314b !important;
  margin: 0 !important;
}

.modal-addnote .modal-header .form-close {
  background: none !important;
  border: none !important;
  font-size: 28px !important;
  color: #6b7280 !important;
  cursor: pointer !important;
  padding: 0 !important;
  line-height: 1 !important;
  transition: color 0.2s ease !important;
}

.modal-addnote .modal-header .form-close:hover {
  color: #2a314b !important;
}

.modal-addnote .modal-body {
  padding: 2rem !important;
}

.modal-addnote .modal-body .col-form-label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  color: #2a314b !important;
  margin-bottom: 0.5rem !important;
}

.modal-addnote .modal-body textarea.form-control {
  background-color: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  padding: 1rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #2a314b !important;
  line-height: 1.6 !important;
  min-height: 120px !important;
  resize: vertical !important;
  transition: all 0.2s ease !important;
}

.modal-addnote .modal-body textarea.form-control:focus {
  box-shadow: 0 0 0 3px rgba(247, 103, 31, 0.1) !important;
  outline: none !important;
}

.modal-addnote .modal-body .form-control-plaintext {
  padding: 0 !important;
  margin: 0 !important;
}

.modal-addnote .modal-body input[type="file"] {
  font-family: 'Poppins', sans-serif !important;
  font-size: 13px !important;
  color: #4b5563 !important;
  padding: 0.75rem !important;
  border: 1.6px dashed #d1d5db !important;
  border-radius: 8px !important;
  background-color: #f9fafb !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.modal-addnote .modal-body input[type="file"]:hover {
  border-color: #F7671F !important;
  background-color: #fef3e8 !important;
}

.modal-addnote .modal-body input[type="file"]::file-selector-button {
  padding: 0.5rem 1rem !important;
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  cursor: pointer !important;
  margin-right: 1rem !important;
  transition: background-color 0.2s ease !important;
}

.modal-addnote .modal-body input[type="file"]::file-selector-button:hover {
  background-color: #e6994b !important;
}

.modal-addnote .modal-footer {
  background-color: #f9fafb !important;
  border-top: 1px solid #e9ecef !important;
  padding: 1.25rem 2rem !important;
  border-radius: 0 0 12px 12px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
}

.modal-addnote .modal-footer .btn-primary,
.modal-addnote .modal-footer .primary.btn {
  background-color: #F7671F !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 0.625rem 1.75rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.modal-addnote .modal-footer .btn-primary:hover,
.modal-addnote .modal-footer .primary.btn:hover {
  background-color: #e6994b !important;
}

.modal-addnote .modal-footer .btn-default,
.modal-addnote .modal-footer .cancel.btn {
  background-color: transparent !important;
  color: #6b7280 !important;
  border: 1.6px solid #d1d5db !important;
  border-radius: 8px !important;
  padding: 0.625rem 1.75rem !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.modal-addnote .modal-footer .btn-default:hover,
.modal-addnote .modal-footer .cancel.btn:hover {
  background-color: #f9fafb !important;
  border-color: #9ca3af !important;
  color: #2a314b !important;
}

@media (max-width: 768px) {
  .modal-addnote .modal-body,
  .modal-addnote .modal-footer {
    padding: 1.5rem !important;
  }
}

@media (max-width: 480px) {
  .modal-addnote .modal-body,
  .modal-addnote .modal-footer {
    padding: 1rem !important;
  }
}