/* Style for the select element */
select#applicationSelect {
    height: 35px; /* Adjust the height as needed */
    width: 300px; /* Adjust the height as needed */
    border: 1px solid lightgray; /* Light border */
    padding: 5px;
    font-size: 14px; /* Adjust font size as needed */
    width: 200px; /* Adjust width as needed */
}
.steps {
    --tblr-steps-color: #206bc4 !important;
    --tblr-steps-inactive-color: #e6e7e9 !important;
    --tblr-steps-dot-size: .5rem !important;
    --tblr-steps-border-width: 2px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 2rem 0 !important;
    list-style: none !important;
  }

  .steps-blue {
    --tblr-steps-color: var(--tblr-blue) !important;
  }

  .steps-azure {
    --tblr-steps-color: var(--tblr-azure) !important;
  }

  .steps-indigo {
    --tblr-steps-color: var(--tblr-indigo) !important;
  }

  .steps-purple {
    --tblr-steps-color: var(--tblr-purple) !important;
  }

  .steps-pink {
    --tblr-steps-color: var(--tblr-pink) !important;
  }

  .steps-red {
    --tblr-steps-color: var(--tblr-red) !important;
  }

  .steps-orange {
    --tblr-steps-color: var(--tblr-orange) !important;
  }

  .steps-yellow {
    --tblr-steps-color: var(--tblr-yellow) !important;
  }

  .steps-lime {
    --tblr-steps-color: var(--tblr-lime) !important;
  }

  .steps-green {
    --tblr-steps-color: var(--tblr-green) !important;
  }

  .steps-teal {
    --tblr-steps-color: var(--tblr-teal) !important;
  }

  .steps-cyan {
    --tblr-steps-color: var(--tblr-cyan) !important;
  }

  .step-item {
    position: relative !important;
    flex: 1 1 0 !important;
    min-height: 1rem !important;
    margin-top: 0 !important;
    color: inherit !important;
    text-align: center !important;
    cursor: default !important;
    /* padding-top: calc(var(--tblr-steps-dot-size)) !important; */
    padding-top: 35px !important;
  }
  a.step-item {
    cursor: pointer !important;
  }
  a.step-item:hover {
    color: inherit !important;
  }

  .step-item:after, .step-item:before {
    background: var(--tblr-steps-color) !important;
  }
  .step-item:not(:last-child):after {
    position: absolute !important;
    left: 50% !important;
    width: 100% !important;
    content: "" !important;
    transform: translateY(-50%) !important;
  }
  .step-item:after {
    top: calc(var(--tblr-steps-dot-size) * 0.5) !important;
    height: var(--tblr-steps-border-width) !important;
  }
  .step-item:before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 1 !important;
    box-sizing: content-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100rem !important;
    transform: translateX(-50%) !important;
    /* color: var(--tblr-white) !important; */
    color: #ffffff !important;
    width: var(--tblr-steps-dot-size) !important;
    height: var(--tblr-steps-dot-size) !important;
  }
  .step-item.active {
    /* font-weight: var(--tblr-font-weight-bold) !important; */
    font-weight: 700 !important;
  }
  .step-item.active:after {
    background: var(--tblr-steps-inactive-color) !important;
  }
  .step-item.active ~ .step-item {
    /* color: var(--tblr-disabled-color) !important; */
    color: #c8d3e1 !important;
  }
  .step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
    background: var(--tblr-steps-inactive-color) !important;
  }

  .steps-counter {
    --tblr-steps-dot-size: 1.5rem !important;
    counter-reset: steps !important;
  }
  .steps-counter .step-item {
    counter-increment: steps !important;
  }
  .steps-counter .step-item:before {
    content: counter(steps) !important;
  }

  .steps-vertical {
    --tblr-steps-dot-offset: 6px !important;
    flex-direction: column !important;
  }
  .steps-vertical.steps-counter {
    --tblr-steps-dot-offset: -2px !important;
  }
  .steps-vertical .step-item {
    text-align: left !important;
    padding-top: 0 !important;
    padding-left: calc(var(--tblr-steps-dot-size) + 1rem) !important;
    min-height: auto !important;
  }
  .steps-vertical .step-item:not(:first-child) {
    margin-top: 1rem !important;
  }
  .steps-vertical .step-item:before {
    top: var(--tblr-steps-dot-offset) !important;
    left: 0 !important;
    transform: translate(0, 0) !important;
  }
  .steps-vertical .step-item:not(:last-child):after {
    position: absolute !important;
    content: "" !important;
    transform: translateX(-50%) !important;
    top: var(--tblr-steps-dot-offset) !important;
    left: calc(var(--tblr-steps-dot-size) * 0.5) !important;
    width: var(--tblr-steps-border-width) !important;
    height: calc(100% + 1rem) !important;
  }
  /**
Datagrid
 */
 .datagrid {
    --tblr-datagrid-padding: 1.5rem;
    --tblr-datagrid-item-width: 15rem;
    display: grid;
    grid-gap: var(--tblr-datagrid-padding);
    grid-template-columns: repeat(auto-fit, minmax(var(--tblr-datagrid-item-width), 1fr));
  }

  .datagrid-title {
    font-size: 0.625rem;
    font-weight: var(--tblr-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    line-height: 1rem;
    color: var(--tblr-muted);
    margin-bottom: 0.25rem;
  }

  /** Status */

  .status {
    --tblr-status-height: 1.5rem;
    --tblr-status-color: #616876;
    --tblr-status-color-rgb: 97, 104, 118;
    display: inline-flex;
    align-items: center;
    height: var(--tblr-status-height);
    padding: 0.25rem 0.75rem;
    gap: 0.5rem;
    color: var(--tblr-status-color);
    background: rgba(var(--tblr-status-color-rgb), 0.1);
    font-size: 0.875rem;
    text-transform: none;
    letter-spacing: normal;
    border-radius: 100rem;
    font-weight: var(--tblr-font-weight-medium);
    line-height: 1;
    margin: 0;
  }
  .status .status-dot {
    background: var(--tblr-status-color);
  }
  .status .icon {
    font-size: 1.25rem;
  }

  .status-lite {
    border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color) !important;
    background: transparent !important;
    color: var(--tblr-body-color) !important;
  }

  .status-primary {
    --tblr-status-color: #206bc4;
    --tblr-status-color-rgb: 32, 107, 196;
  }

  .status-secondary {
    --tblr-status-color: #616876;
    --tblr-status-color-rgb: 97, 104, 118;
  }

  .status-success {
    --tblr-status-color: #2fb344;
    --tblr-status-color-rgb: 47, 179, 68;
  }

  .status-info {
    --tblr-status-color: #4299e1;
    --tblr-status-color-rgb: 66, 153, 225;
  }

  .status-warning {
    --tblr-status-color: #f76707;
    --tblr-status-color-rgb: 247, 103, 7;
  }

  .status-danger {
    --tblr-status-color: #d63939;
    --tblr-status-color-rgb: 214, 57, 57;
  }

  .status-light {
    --tblr-status-color: #f8fafc;
    --tblr-status-color-rgb: 248, 250, 252;
  }

  .status-dark {
    --tblr-status-color: #1d273b;
    --tblr-status-color-rgb: 29, 39, 59;
  }

  .status-muted {
    --tblr-status-color: #616876;
    --tblr-status-color-rgb: 97, 104, 118;
  }

  .status-blue {
    --tblr-status-color: #206bc4;
    --tblr-status-color-rgb: 32, 107, 196;
  }

  .status-azure {
    --tblr-status-color: #4299e1;
    --tblr-status-color-rgb: 66, 153, 225;
  }

  .status-indigo {
    --tblr-status-color: #4263eb;
    --tblr-status-color-rgb: 66, 99, 235;
  }

  .status-purple {
    --tblr-status-color: #ae3ec9;
    --tblr-status-color-rgb: 174, 62, 201;
  }

  .status-pink {
    --tblr-status-color: #d6336c;
    --tblr-status-color-rgb: 214, 51, 108;
  }

  .status-red {
    --tblr-status-color: #d63939;
    --tblr-status-color-rgb: 214, 57, 57;
  }

  .status-orange {
    --tblr-status-color: #f76707;
    --tblr-status-color-rgb: 247, 103, 7;
  }

  .status-yellow {
    --tblr-status-color: #f59f00;
    --tblr-status-color-rgb: 245, 159, 0;
  }

  .status-lime {
    --tblr-status-color: #74b816;
    --tblr-status-color-rgb: 116, 184, 22;
  }

  .status-green {
    --tblr-status-color: #2fb344;
    --tblr-status-color-rgb: 47, 179, 68;
  }

  .status-teal {
    --tblr-status-color: #0ca678;
    --tblr-status-color-rgb: 12, 166, 120;
  }

  .status-cyan {
    --tblr-status-color: #17a2b8;
    --tblr-status-color-rgb: 23, 162, 184;
  }

  .status-facebook {
    --tblr-status-color: #1877F2;
    --tblr-status-color-rgb: 24, 119, 242;
  }

  .status-twitter {
    --tblr-status-color: #1da1f2;
    --tblr-status-color-rgb: 29, 161, 242;
  }

  .status-linkedin {
    --tblr-status-color: #0a66c2;
    --tblr-status-color-rgb: 10, 102, 194;
  }

  .status-google {
    --tblr-status-color: #dc4e41;
    --tblr-status-color-rgb: 220, 78, 65;
  }

  .status-youtube {
    --tblr-status-color: #ff0000;
    --tblr-status-color-rgb: 255, 0, 0;
  }

  .status-vimeo {
    --tblr-status-color: #1ab7ea;
    --tblr-status-color-rgb: 26, 183, 234;
  }

  .status-dribbble {
    --tblr-status-color: #ea4c89;
    --tblr-status-color-rgb: 234, 76, 137;
  }

  .status-github {
    --tblr-status-color: #181717;
    --tblr-status-color-rgb: 24, 23, 23;
  }

  .status-instagram {
    --tblr-status-color: #e4405f;
    --tblr-status-color-rgb: 228, 64, 95;
  }

  .status-pinterest {
    --tblr-status-color: #bd081c;
    --tblr-status-color-rgb: 189, 8, 28;
  }

  .status-vk {
    --tblr-status-color: #6383a8;
    --tblr-status-color-rgb: 99, 131, 168;
  }

  .status-rss {
    --tblr-status-color: #ffa500;
    --tblr-status-color-rgb: 255, 165, 0;
  }

  .status-flickr {
    --tblr-status-color: #0063dc;
    --tblr-status-color-rgb: 0, 99, 220;
  }

  .status-bitbucket {
    --tblr-status-color: #0052cc;
    --tblr-status-color-rgb: 0, 82, 204;
  }

  .status-tabler {
    --tblr-status-color: #206bc4;
    --tblr-status-color-rgb: 32, 107, 196;
  }

  .status-dot {
    --tblr-status-dot-color: var(--tblr-status-color, #616876);
    --tblr-status-size: 0.5rem;
    position: relative;
    display: inline-block;
    width: var(--tblr-status-size);
    height: var(--tblr-status-size);
    background: var(--tblr-status-dot-color);
    border-radius: 100rem;
  }

  .status-dot-animated:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: inherit;
    border-radius: inherit;
    opacity: 0.6;
    animation: 1s linear 2s backwards infinite status-pulsate-tertiary;
  }

  .status-indicator {
    --tblr-status-indicator-size: 2.5rem;
    --tblr-status-indicator-color: var(--tblr-status-color, #616876);
    display: block;
    position: relative;
    width: var(--tblr-status-indicator-size);
    height: var(--tblr-status-indicator-size);
  }

  .status-indicator-circle {
    --tblr-status-circle-size: .75rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: calc(var(--tblr-status-circle-size) / -2) 0 0 calc(var(--tblr-status-circle-size) / -2);
    width: var(--tblr-status-circle-size);
    height: var(--tblr-status-circle-size);
    border-radius: 100rem;
    background: var(--tblr-status-color);
  }
  .status-indicator-circle:nth-child(1) {
    z-index: 3;
  }
  .status-indicator-circle:nth-child(2) {
    z-index: 2;
    opacity: 0.1;
  }
  .status-indicator-circle:nth-child(3) {
    z-index: 1;
    opacity: 0.3;
  }

  .status-indicator-animated .status-indicator-circle:nth-child(1) {
    animation: 2s linear 1s infinite backwards status-pulsate-main;
  }
  .status-indicator-animated .status-indicator-circle:nth-child(2) {
    animation: 2s linear 1s infinite backwards status-pulsate-secondary;
  }
  .status-indicator-animated .status-indicator-circle:nth-child(3) {
    animation: 2s linear 1s infinite backwards status-pulsate-tertiary;
  }

  /* .service-section {
    border-bottom: 1px solid #8d8d8d;  
    margin-bottom: 20px; 
    padding-bottom: 10px;  
  } */
  
  .service-section {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    margin-bottom: 20px;
  }
  .service-section::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #ccc; /* Change #ccc to any color you prefer for the border */
  }

  /* .service-row {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  } */