/*
    Fidessa colour palette (-10% brightness versions for button hover - see http://colorizer.org/)
    ----------------------------------------------------------------------------------------------
    - Dark Gray   - #5a676f (#525d65)
    - Light Gray  - #a7a8aa (#969799)
    - Light Green - #c3d600 (#b1c200)
    - Blue        - #00baff (#00a8e6)
    - Orange      - #f67522 (#dc691e)
    - Dark Green  - #16c5a8 (#14b398)
    - Yellow      - #ffcd00 (#e6b900)
    - Purple      - #c287cb (#af79b7)

    Additional colours
    ------------------
    - Red         - #ff2222 (#e61e1e)
*/

/*
    General Font (Arial / Dark Gray)
    --------------------------------
*/
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: 'Montserrat', Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: -0.05em;
}

body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: /*Dark Gray*/ #5a676f;
}

/* All links use the Primary (Blue) color */
a {
    color: /*Blue*/ #00baff;
    text-decoration: none; /* Remove the Bootstrap 5 underscore from links */
}
a:hover, a:focus {
    color: /*Blue-10%*/ #00a8e6;
}

/*
    Navbar (Dark Gray / Light Gray text)
    ------------------------------------
*/
.bg-fidessa {
    background-color: /*Dark Gray*/ #5a676f;
}

.under-navbar {
  background-color: /*Blue*/ #00baff;
  line-height:10px;
}

.under-navbar-dev {
    background-color: /*Orange*/ #f67522;
    line-height: 10px;
}

/*
    Table Header (Dark Gray)
    ------------------------
*/
.table-fidessa {
    --bs-table-color: #fff;
    --bs-table-bg: /*Dark Gray*/ #5a676f;
    --bs-table-border-color: #4d5154;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

/*
    Primary (Blue)
    --------------
*/

.text-primary-table,
.text-primary {
  color: /*Blue*/ #00baff;
}

.btn-primary {
  color: /*White*/ #ffffff;
  background-color: /*Blue*/ #00baff;
  border-color: /*Blue*/ #00baff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: /*White*/ #ffffff;
  background-color: /*Blue-10%*/ #00a8e6;
  border-color: /*Blue-10%*/ #00a8e6;
}

/*
    Success (Dark Green)
    --------------------
*/

.text-success {
    color: /*Dark Green*/ #16c5a8;
}

.alert-success,
.btn-success {
  color: /*White*/ #ffffff;
  background-color: /*Dark Green*/ #16c5a8;
  border-color: /*Dark Green*/ #16c5a8;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: /*White*/ #ffffff;
  background-color: /*Dark Green-10%*/ #14b398;
  border-color: /*Dark Green-10%*/ #14b398;
}

/*
    Danger (Red)
    ------------
*/

.text-danger-table,
.text-danger {
    color: /*Red*/ #ff2222;
}

.alert-danger,
.btn-danger {
    color: /*White*/ #ffffff;
    background-color: /*Red*/ #ff2222;
    border-color: /*Red*/ #ff2222;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: /*White*/ #ffffff;
  background-color: /*Red-10%*/ #e61e1e;
  border-color: /*Red-10%*/ #e61e1e;
}

/*
    Warning (Yellow)
    ----------------
*/

.text-warning-table,
.text-warning {
    color: /*Yellow*/ #ffcd00;
}

/*
    (Orange)
    --------
*/

.text-orange {
  color: /*Orange*/ #f67522;
}

/*
    Disabled
    --------
*/

.text-disabled {
    color: /*Light Gray*/ #a7a8aa;
}

.btn-sm-disabled {
    color: /*White*/ #ffffff;
    background-color: /*Light Gray*/ #a7a8aa;
    border: 1px solid /*Light Gray*/ #a7a8aa;
    display: inline-block;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    font-size: 0.875rem;
    text-align: center;
    vertical-align: middle;
    border-radius: 0.25rem;
}