/* Ekko Portal Base Design
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* classnames MUST match stack */



/* External URLs
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #106DB5;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #0969f4;
}


/* Internal URLs
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button_internal_link {
  color: #438FFD;
}

.button_internal_link:hover {
  color: #2572D7;
}


/* Banner
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.thin_header_banner {
  background-color: #415F71;
}


/* Breadcrumb
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.breadcrumb-item.active {
  color: #106DB5;
}

/* Styles the '/' in between breadcrumb pages */
.breadcrumb-item+.breadcrumb-item::before{
color: #898989;
}


/* Ag-Grid  
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.ag-theme-alpine-dark {
  --ag-alpine-active-color: #438FFD;
  --ag-input-focus-border-color: #0969f4;
}


/* Radio List
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.radio_input {
  accent-color: #0969f4;
}

/* Scrollbar
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Handle */
::-webkit-scrollbar-thumb {
  background: #737373;
  border-radius: 6px;
}




/* {Light Mode Design}
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
  background-color: #FFFFFF;
  color: #333133;
}

/* Header Colors 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #1D1C1D
}

/* Close Button
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Dash Override */
body .btn-close {
  background-image: url("/assets/icons/close_button.svg");
  background-size: 70%;
}