:root {
    --color-primary: #1D283A;
    --color-secondary: #FBC649;
    --color-font: #333;
    --color-menu: #1D283A;
    --color-text-menu: #A6B3CC;
    --default-link-color: #4A8DB8;
}

.form-control {
    border-radius: 8px;
}

.input-group-addon:first-child {
    border-radius: 8px 0 0 8px;
}
.input-group-addon:last-child {
    border-radius: 0 8px 8px 0;
}

.ts-wrapper,
.ts-control {
    border-radius: 8px!important;
}

.btn-lg, .btn, .btn-group-sm > .btn {
    border-radius: 8px;
}

html .air-datepicker {
    --adp-cell-background-color-selected: #1D283A;
    --adp-cell-background-color-selected-hover: #1D283A;
    --adp-cell-background-color-in-range: #FFFAF1;
    --adp-cell-background-color-in-range-hover: #F4F6F9;
    --adp-color-current-date: #1D283A;
    --adp-day-name-color: #1D283A;
}
html .air-datepicker-cell.-selected- {
    color: #FFF;
}
html .air-datepicker-body--day-name {
    font-weight: 700;
}

.h1, h1 {
    font-weight: 700;
}
.h2, .h3, .h4, h2, h3, h4 {
    font-weight: 500;
}
.h1 .badgetsmall, .h1 badgetsmall, .h2 .badgetsmall, .h2 badgetsmall, .h3 .badgetsmall, .h3 badgetsmall, h1 .badgetsmall, h1 badgetsmall, h2 .badgetsmall, h2 badgetsmall, h3 .badgetsmall, h3 badgetsmall {
    font-size: 40%;
    font-weight: 300;
}

/******************/
/***** LOGIN ******/
/******************/
.login-sidebar {
    background: var(--color-primary);
}

.login-cab-logo {
    background: #1D283A;
}

/******************/
/***** NAVBAR *****/
/******************/
.navbar-inverse .navbar-toggle {
       border-color: #A6B3CC;
}
.navbar-toggle {
    color: #A6B3CC;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #A6B3CC;
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #A6B3CC;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #A6B3CC;
}

.navbar {
    background-color: #1D283A;
}
.navbar-inverse {
    background-color: #1D283A;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #FBC649;
}
.navbar-inverse .navbar-nav > li > a {
    color: #A6B3CC;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #1D283A;
}
.nav-subsidebar > li > a:focus, .nav-subsidebar > li > a:hover {
    background-color: #FBC649 !important;
}
.nav-subsidebar > .active > a,
.nav-subsidebar > .active > a:hover,
.nav-subsidebar > .active > a:focus {
  background-color: #FBC649;
}
.btn-primary,
.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary:disabled:active:hover,
.btn-primary:disabled:focus {
    background-color: #1D283A;
    border-color: #1D283A;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    background-color: #FBC649;
    border-color: #1D283A;
}
.table-responsive {
    border-radius: 8px;
    border: 0.5px solid #CDD4E0;
    margin-bottom: 20px;
}
.table {
    background-color: #FFFFFF;
    margin-bottom: 0px;
}
.table > thead {
    background-color: #F4F6F9;
}
.table > thead > tr > th {
    border-bottom: 0.5px solid #CDD4E0;
    font-family: 'Outfit', sans-serif;
}
.table > tbody > tr > td {
    border-top: 0.5px solid #EDF0F5;
}
.table > tfoot > tr > td {
    border-bottom: 0.5px solid #FFF;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: var(--color-beige);
}
.table-striped > tbody > tr:hover {
    background-color: #f5f5f5;
}
.table > tfoot, .element-promote {
    background-color: #FFFFFF;
}
.table > thead > tr > th > [class^="fa-"],
.table > thead > tr > th > .popover-icon > [class^="fa-"] {
    color: #FBC649;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #1D283A;
    border-color: #1D283A;
}
.pagination > li > a {
    color: #1D283A;
}
.dropdown-menu > li > .btn-link {
    color: #1D283A;
}

/*
 * Sidebar
 */
/* Sidebar navigation */
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  background-color: #1D283A;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #1D283A;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: #1D283A;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #1D283A;
}
.nav-pills > li.subactive > a, .nav-pills > li.subactive > a:focus, .nav-pills > li.subactive > a:hover {
    background-color: #FBC649;
}
a {
    color: #1D283A;
}
a:focus, a:hover {
    color: #FBC649;
}
a:focus:not(:focus-visible) {
    outline: none;
    outline-offset: 0;
}
a:focus-visible {
    color: #FBC649;
    outline: 2px solid currentColor;
    outline-offset: 2px;
}
.dropdown-menu > li > a {
    color: #1D283A;
}
.admin a {
    color:#1D283A;
}
.admin a:hover {
    color:#FBC649;
}
.ui-widget-header {
    background: #1D283A none repeat-x scroll 50% 50%;
}

/***********************/
/***** TOKEN INPUT *****/
/***********************/

@media (min-width: 768px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #1D283A;
    }
}


/***********************/
/***** BREADCRUMBS *****/
/***********************/
.cd-multi-steps .label-primary {
    background-color: #1D283A;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #1D283A;
}
@media only screen and (min-width: 1200px) {
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    background-color: #1D283A;
    border-color: #1D283A;
  }
}
@media only screen and (min-width: 1200px) {
  .cd-multi-steps li.visited::after {
    background-color: #1D283A;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    background-color: #1D283A;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #1D283A;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #1D283A;
  }
}

/******************/
/***** SWITCH *****/
/******************/
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
    background-color: #FBC649;
    border-color: #FBC649;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.form-group .btn-group .btn-primary {
    background-color: #fff;
    border-color: #ccc;
    color: inherit;
}
.form-group .btn-group .btn-primary.active, .form-group .btn-group .btn-primary.focus, .form-group .btn-group .btn-primary:active, .form-group .btn-group .btn-primary:focus, .form-group .btn-group .btn-primary:hover {
    background-color: #1D283A;
    border-color: #1D283A;
    color: #fff;
}

/****************/
/***** APPS *****/
/****************/

#apps .label-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.tags .label-secondary {
    background-color: #FBC649;
    border-color: #FBC649;
}

/********************/
/***** DARKMODE *****/
/********************/