/* custom icons */
@font-face {
  font-family: 'icomoon';
  src:  url('/static/fonts/icomoon.eot?imwift');
  src:  url('/static/fonts/icomoon.eot?imwift#iefix') format('embedded-opentype'),
    url('/static/fonts/icomoon.ttf?imwift') format('truetype'),
    url('/static/fonts/icomoon.woff?imwift') format('woff'),
    url('/static/fonts/icomoon.svg?imwift#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-phone_enabled:before {
  content: "\e90d";
}
.icon-money:before {
  content: "\e900";
}
.icon-load_balance:before {
  content: "\e111";
}
.icon-fusionpbx_full:before {
  content: "\e901";
}
.icon-gryphon:before {
  content: "\e902";
}
.icon-fusionpbx:before {
  content: "\e903";
}
.icon-asterisk:before {
  content: "\e904";
}
.icon-kamailio:before {
  content: "\e905";
}
.icon-flowroute:before {
  content: "\e906";
}
.icon-freepbx:before {
  content: "\e907";
}
.icon-zencommunication:before {
  content: "\e908";
}
.icon-call_failfwd:before {
  content: "\e909";
}
.icon-call_hardfwd:before {
  content: "\e90a";
}
.icon-transnexus .path1:before {
  content: "\e90b";
  color: rgb(0, 78, 168);
}
.icon-transnexus .path2:before {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-circle-down:before {
  content: "\ea43";
}

.wrap {
  position: relative;
}

:root {
  --side-menu-width: 18em;
  --side-menu-collapsed-width: 4.5em;
}

.wrap .nav-bar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.wrap .nav-bar .navbar-brand {
  color: #FFB266;
  padding: 0.5em 2em;
}

.wrap .nav-bar .navbar-brand > * {
  max-height: 100%;
}

.wrap .nav-bar .navbar-form {
  margin-top: 25px;
}

.wrap .nav-bar .ml-auto {
  float: right !important;
}

.wrap .nav-bar .ml-auto .btn {
  margin-top: 0.5em;
}

.wrap .nav-bar .nav .dropdown span.fa,
.wrap .nav-bar .nav .dropdown span.caret {
  margin-right: 10px;
}

.wrap .nav-bar .nav .dropdown-menu {
  background: #222;
  left: auto;
  width: 200px;
  right: 0;
}

.wrap .nav-bar .nav .dropdown-menu > .dropdown-item {
  color: #ddd;
  padding: 8px;
}

.wrap .nav-bar .nav .dropdown-menu > .dropdown-item:hover {
  background: #444;
}

.wrap .side-menu-link {
  left: calc(var(--side-menu-width) - 1em);
}

.wrap .burger {
  position: relative;
  width: 35px;
  height: 30px;
  left: 10px;
  top: 10px;
  z-index: 500000;
}

.wrap .burger .burger_inside {
  position: absolute;
  background-color: #222;
  width: 30px;
  height: 5px;
  left: 2.5px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.wrap .burger #bgrOne {
  top: 0;
}

.wrap .burger #bgrTwo {
  top: 10px;
}

.wrap .burger #bgrThree {
  top: 20px;
}

.wrap #side-menu {
  position: absolute;
  z-index: -1;
  background: #404040;
  width: var(--side-menu-width);
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 10px;
  float: left;
  display: block;
  left: 0;
  min-height: 100vh;
}

.wrap #side-menu .side-menu-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 32px;
  margin-bottom: 6px;
}

.sidebar-collapse-btn {
  color: #c4c4c5;
  margin-right: 0;
  padding: 0.35rem 0.5rem;
  line-height: 1;
  display: none;
}

.sidebar-collapse-btn:hover,
.sidebar-collapse-btn:focus {
  color: #ffffff;
  text-decoration: none;
}

.sidebar-collapse-btn.is-active,
.sidebar-collapse-btn.is-active:hover,
.sidebar-collapse-btn.is-active:focus {
  color: #F0AD4E;
}

.wrap.sidebar-collapsed #side-menu {
  width: var(--side-menu-collapsed-width);
  padding-right: 6px;
  padding-left: 6px;
}

.wrap.sidebar-collapsed #side-menu .link {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.wrap.sidebar-collapsed #side-menu .link > a,
.wrap.sidebar-collapsed #side-menu .submenu,
.wrap.sidebar-collapsed #side-menu .link > i.ti-chevron-down {
  display: none !important;
}

.wrap.sidebar-collapsed #side-menu li i {
  position: static;
  display: block;
  margin: 0 auto;
}

.wrap .content {
  position: relative;
  float: right;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  min-height: 100vh;
  width: 100%;
}

@media screen and (min-width: 400px) {
  .wrap .content {
    min-width: 400px;
  }
}

.wrap .content .top-bar {
  height: 45px;
  background: #ddd;
  border: 1px solid transparent;
  overflow: hidden;
}

.wrap .content .content-inner {
  padding: 0;
  margin: 0;
  background: #fff;
  display: block;
  min-height: 100vh;
  width: 100%;
}

.wrap .content .content-inner .content-header {
  border-bottom: 2px solid #dddddd;
  padding: 0 15px 15px 15px;
  margin: 15px 0 20px 0;
}

.wrap .content .content-inner .content-section {
  padding: 15px 0;
  margin: 15px 0;
}

.wrap ul.accordion {
  width: 100%;
  background: transparent;
}

.wrap ul.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #9D9D9D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #303030;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.wrap ul.accordion li:not(open) :last-child .link {
  border-bottom: 0;
}

.wrap ul.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #999;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.wrap ul.accordion li i.ti-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
  padding: 5px;
}

.wrap ul.accordion li.open .link {
  color: #F0AD4E;
}

.wrap ul.accordion li.open i {
  color: #F0AD4E;
}

.wrap.sidebar-collapsed #side-menu li.nav-header.selected-menu-item > .link > i:not(.ti-chevron-down) {
  color: #F0AD4E;
}

.wrap ul.accordion li.open i.ti-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}

.wrap ul.accordion ul.submenu {
  display: none;
  background: transparent;
  font-size: 14px;
  padding: 0;
}

.wrap ul.accordion ul.submenu li {
  border-bottom: 1px solid #4b4a5e;
  list-style: none;
  padding: 5px;
}

.wrap ul.accordion ul.submenu li a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

/*
.wrap ul.accordion ul.submenu li a:hover {
  background: rgba(240, 128, 128, 0.8);
  color: #ffb266;
} */

.card.border-info > .card-header {
  color: #F0AD4E;
  background-color: #000000;
  border-color: #F0AD4E;
}

.card.border-info {
  border-color: #F0AD4E;
}

.loginlogo {
  text-align: center;
}

.navlink a:link,
.navlink a:visited,
.navlink a:hover {
  color: #9d9d9d;
}

/* Side navigation links: show underline only on hover */
#side-menu a.navlink,
#side-menu .submenu a {
  text-decoration: none;
}

#side-menu a.navlink:hover,
#side-menu .submenu a:hover {
  text-decoration: underline;
}

.a {
  color: #9d9d9d;
  text-decoration: none;
}

a.currentlink {
  color: #F0AD4E !important;
}

a.navlink {
  color: #c4c4c5;
}

.label-toggle {
  margin-left: 10px;
  width: 100%;
  /* center the descriptive label against the toggle button */
  vertical-align: middle;
}

.container.container,
.container-fluid {
  width: 100%;
  height: 100%;
  margin: auto;
  padding: 0;
}

.left-half {
  background-color: #f4f6f9;
  position: absolute;
  left: 0px;
  width: 60%;
  height: 100%;
}

.logon-image {
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.right-half {
  background-color: #f4f6f9;
  position: absolute;
  right: 0px;
  width: 40%;
  height: 100%;
}

.sponsor-title {
  color: #5c9a4f;
  font-size: 14px;
  margin-left: 5px;
  margin-bottom: 5px;
}

.sponsor-group {
  width: 100%;
  text-align: left;
  margin-left: 10px
}

.sponsor {
  display: inline-block;
  margin-right: 10px;
}

.sponsor img {
  width: 120px;
}

.navBarButtons {
  float: right;
}

.table-centered th,
.table-centered td {
  text-align: center;
  vertical-align: middle;
}

/* horizontal wrapper for block elements */
.wrapper-horizontal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}

.wrapper-horizontal > div,
.wrapper-horizontal > h1,
.wrapper-horizontal > h2,
.wrapper-horizontal > h3,
.wrapper-horizontal > h4,
.wrapper-horizontal > h5,
.wrapper-horizontal > h6,
.wrapper-horizontal > p,
.wrapper-horizontal > form,
.wrapper-horizontal > header,
.wrapper-horizontal > footer,
.wrapper-horizontal > section,
.wrapper-horizontal > li,
.wrapper-horizontal > ul,
.wrapper-horizontal > ol,
.wrapper-horizontal > table,
.wrapper-horizontal > main,
.wrapper-horizontal > nav,
.wrapper-horizontal > pre,
.wrapper-horizontal > noscript,
.wrapper-horizontal > output,
.wrapper-horizontal > section,
.wrapper-horizontal > video {
  display: inline-block;
}

/* vertical wrapper for block elements */
.wrapper-vertical {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.wrapper-vertical > div,
.wrapper-vertical > h1,
.wrapper-vertical > h2,
.wrapper-vertical > h3,
.wrapper-vertical > h4,
.wrapper-vertical > h5,
.wrapper-vertical > h6,
.wrapper-vertical > p,
.wrapper-vertical > form,
.wrapper-vertical > header,
.wrapper-vertical > footer,
.wrapper-vertical > section,
.wrapper-vertical > li,
.wrapper-vertical > ul,
.wrapper-vertical > ol,
.wrapper-vertical > table,
.wrapper-vertical > main,
.wrapper-vertical > nav,
.wrapper-vertical > pre,
.wrapper-vertical > noscript,
.wrapper-vertical > output,
.wrapper-vertical > section,
.wrapper-vertical > video {
  display: block;
}

.centered {
  margin: auto;
  align-items: center;
  justify-content: center;
}

.centered > * {
  text-align: center;
}

.edge-centered {
  margin: auto;
  align-items: center;
  justify-content: space-between;
}

.edge-centered > * {
  text-align: center;
}

.equal-centered {
  margin: auto;
  align-items: center;
  justify-content: space-evenly;
}

.equal-centered > * {
  text-align: center;
}

.children-align-inherit.children-align-inherit > * {
  text-align: inherit;
}

.hidden {
  display: none;
  visibility: hidden;
  -webkit-transition: opacity 3s ease-in-out;
  -moz-transition: opacity 3s ease-in-out;
  -ms-transition: opacity 3s ease-in-out;
  -o-transition: opacity 3s ease-in-out;
  transition: opacity 3s ease-in-out;
}

/* add to parent elem */
.resizable {
  overflow: hidden;
}

.resizable > * {
  overflow: auto;
  resize: both;
}

/* make the modal dialogs relatively larger */
.modal-dialog {
  width: 50vw;
}

/* ensure responsive tables inside modal bodies can scroll horizontally */
.modal-body .table-responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* prevent name column from wrapping */
table#carriers td.name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

/* fix bootstrap modals when stacking */
.modal-open.modal {
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 9999;
}

.selected {
  background-color: #acbad4 !important;
}

.wrapper-fieldicon-right {
  position: relative;
}

.wrapper-fieldicon-right > .field-icon,
.wrapper-fieldicon-right > span {
  position: absolute;
  bottom: 6px;
  right: 12px;
  cursor: pointer;
  line-height: inherit;
  top: inherit;
}

.submit-form-btn.submit-form-btn {
  width: 100%;
}

/* force dataTables to use full table width */
table.dataTable {
  width: 100% !important;
}

/* give dataTables header and footer some padding */
.dataTables_wrapper > div:first-child,
.dataTables_wrapper > div:last-child {
  padding-right: 10px;
  padding-left: 10px;
}

/* add breathing room before pagination controls on paginated pages */
.dataTables_wrapper .dataTables_paginate,
div.dt-container div.dt-paging {
  margin-top: 0.75rem;
}

#reloading_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("/static/images/spinner.svg"), -webkit-gradient(linear, left bottom, left top, from(rgba(74, 243, 245, 0.85)), to(rgba(34, 45, 55, 0.85)));
  background-image: url("/static/images/spinner.svg"), -o-linear-gradient(bottom, rgba(74, 243, 245, 0.85) 0%, rgba(34, 45, 55, 0.85) 100%);
  background-image: url("/static/images/spinner.svg"), linear-gradient(0deg, rgba(74, 243, 245, 0.85) 0%, rgba(34, 45, 55, 0.85) 100%);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: auto auto;
  -webkit-box-shadow: inset 2em 2em 2em -20px rgba(20, 20, 20, .1);
  box-shadow: inset 2em 2em 2em -20px rgba(20, 20, 20, .1);
  z-index: 1050;
}

/* Layout breakpoints */
/* Extra small devices (portrait phones, less than 576px) - Default styles */

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
  .sidebar-collapse-btn {
    display: inline-flex;
    align-items: center;
  }

  .side-menu-link {
    display: none;
  }

  .wrap .content {
    width: calc(100% - var(--side-menu-width));
  }

  .wrap.sidebar-collapsed .content {
    width: calc(100% - var(--side-menu-collapsed-width));
  }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
}

/* Specific overrides for small screens */
@media screen and (max-width: 767.98px) {
  .wrap .content .top-bar {
    display: block !important;
  }
  .wrap .nav-bar .navbar-brand {
    margin-top: 0;
    padding-left: 0;
  }

  .wrap .side-menu-link {
    display: inline-block;
  }

  .wrap #side-menu #qform {
    position: absolute;
    top: 10px;
  }

  .wrap .content {
    left: 0;
  }

  .wrap.active .content {
    -webkit-transform: translateX(var(--side-menu-width));
    -moz-transform: translateX(var(--side-menu-width));
    -ms-transform: translateX(var(--side-menu-width));
    -o-transform: translateX(var(--side-menu-width));
    transform: translateX(var(--side-menu-width));
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
  }

  .wrap.active .content #bgrOne {
    top: 10px;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
  }

  .wrap.active .content #bgrTwo {
    opacity: 0;
  }

  .wrap.active .content #bgrThree {
    top: 10px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  
  .left-half {
    display: none;
  }

  .right-half {
    width: 100%;
  }

  .col-4 {
    width: 70%;
    display: inline-block;
  }
}

#reload_kam, #reload_dsip {
  cursor: pointer;
}

.reload-required {
    /* Red overlay approach for better color forcing */
    background-blend-mode: multiply;
    background-image: linear-gradient(#fd7e14, rgba(253, 126, 20, 0.4));

    /* Subtle fading border */
    border: 2px solid #fd7e14;
    
}

/* Fix Bootstrap 5 nav flex direction for sidebar */
#side-menu .nav {
  flex-direction: column;
}

#side-menu .nav-header {
  width: 100%;
}

/* Reload dropdown item states */
.wrap .nav-bar .nav .dropdown-menu > .dropdown-item.btn-warning {
  background-color: #F0AD4E;
  color: #333;
}

.wrap .nav-bar .nav .dropdown-menu > .dropdown-item.btn-warning:hover {
  background-color: #ec971f;
  color: #333;
}

.wrap .nav-bar .nav .dropdown-menu > .dropdown-item.btn-secondary {
  background-color: transparent;
  color: #999;
}

.wrap .nav-bar .nav .dropdown-menu > .dropdown-item.btn-secondary:hover {
  background-color: #333;
  color: #ccc;
}

/* Force navbar items on same line */
.nav.navbar-nav.ml-auto {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}

.nav.navbar-nav.ml-auto > * {
  display: inline-block;
  margin-left: 0.5em;
}

/* Add space after admin dropdown */
.nav.navbar-nav.ml-auto {
  margin-right: 1em;
}

/* Fix modal close button position for Bootstrap 5 */
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-header .close,
.modal-header .btn-close {
  order: 2;
  margin-left: auto;
  border: none;
  background: transparent;
  box-shadow: none;
  outline: none;
}

.modal-header .close .ti-x {
  /* Change the color of the X */
  color: #000000;
  /* Change the size of the icon */
  font-size: 24px; 
  /* Adjust how thick the line strokes are */
  stroke-width: 0px; 
  font-weight: bold;
}


.modal-header .modal-title {
  order: 1;
}

/* Add vertical spacing between form fields in modals */
.modal-body .form-group,
.modal-body .form-control,
.modal-body .form-select,
.modal-body input[type='text'],
.modal-body input[type='number'],
.modal-body input[type='email'],
.modal-body input[type='password'],
.modal-body select,
.modal-body textarea {
  margin-bottom: 1rem;
}

.modal-body label {
  margin-bottom: 0.5rem;
  display: block;
}

/* Fix nav-tabs styling for Bootstrap 5 */
.modal-body .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 1rem;
}

.modal-body .nav-tabs li {
  margin-bottom: -1px;
}

.modal-body .nav-tabs li a {
  display: block;
  padding: 0.5rem 1rem;
  color: #495057;
  text-decoration: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.modal-body .nav-tabs li a:hover {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.modal-body .nav-tabs li a.active,
.modal-body .nav-tabs li.active a {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.modal-body .tab-content {
  padding-top: 1rem;
}

/* Make endpoint group modals wider and let them grow with the form content */
#edit.modal .modal-dialog,
#add.modal .modal-dialog {
  width: min(95vw, 1200px);
  max-width: min(95vw, 1200px);
}

/* Ensure tabs don't wrap */
.modal-body .nav-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.modal-body .nav-tabs .nav-item {
  white-space: nowrap;
}

/* Add Row button on one line */
#addEndpointRow,
#updateEndpointRow {
  white-space: nowrap;
}

/* Make endpoint table wider and host field auto-expand */
#endpoint-table2,
#endpoint-table {
  width: 100%;
  table-layout: auto;
}

#endpoint-table2 th,
#endpoint-table th {
  white-space: nowrap;
}

/* Keep Tabledit action buttons on one line in endpoint tables */
#endpoint-table .tabledit-toolbar,
#endpoint-table2 .tabledit-toolbar {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 0.25rem;
}

#endpoint-table .tabledit-toolbar .tabledit-save-button,
#endpoint-table2 .tabledit-toolbar .tabledit-save-button {
  margin-left: 0.25rem;
}

/* Host field default width and auto-expand */
#endpoint-table2 input[name='host'],
#endpoint-table input[name='host'],
#endpoint-tablebody2 input[name='host'],
#endpoint-tablebody input[name='host'],
.endpoint-host {
  min-width: 20ch;
  width: 20ch;
  max-width: 100%;
}

/* Host field expand on focus */
input[name='host']:focus {
  width: auto !important;
  min-width: 20ch !important;
  max-width: 400px !important;
}

/* Remove space after tabs */
.modal-body .nav-tabs {
  margin-bottom: 0;
}

.modal-body .tab-content {
  padding-top: 0.5rem;
  /* bottom breathing room so a short tab (e.g. FusionPBX toggle when disabled)
     isn't cramped against the modal footer */
  padding-bottom: 1rem;
}

#endpoint-nav {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Compatibility for hidden class */
.hidden {
  display: none !important;
}

/* Add space before backup/restore buttons */
#backup .form-group,
#restore .form-group {
  margin-top: 1.5rem;
}

.btn-reload {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2188B0;
    --bs-btn-border-color: #2188B0;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2188B0;
    --bs-btn-hover-border-color: #2188B0;

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2188B0;
    --bs-btn-active-border-color: #2188B0;
}

.btn-reload-required {
    --bs-btn-color: #fff;
    --bs-btn-bg: #fd7e14;
    --bs-btn-border-color: #fd7e14;

    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #e66a00;
    --bs-btn-hover-border-color: #d65f00;

    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c95600;
    --bs-btn-active-border-color: #bb5100;
}

.custom-nav-dropdown-item {
  color: #c4c4c5;
}

.custom-nav-dropdown-item-active {
  color: #fd7e14;
}

.user-profile-button {
    color: #fff;
}

.tableAddButton {
    padding-top: 4px;
}