/* ---- class*= ----- */
 [class*=btn-outline].disabled, [class*=btn-outline]:disabled {}

 /*[class*=disabled], *:disabled {
  pointer-events: none;
 }*/
/* -//- end class*= -//-- */

/* ---- ETC ----- */
 body, pre {
  color: #08051e; /*changed*/
 }
 a {
  color: #4F2EF0; /*changed */
 }
 a:hover {
  color: #2c0ec4; /*changed */
 }
 .apparent {
  color: #2c0ec4; /* added */
  text-decoration: underline;
 }
 .apparent:hover, .apparent:focus {
  color: #ffc107; /* added */
 }
 caption, .blockquote-footer, .figure-caption {
  color: #403a63; /*changed */
 }
 mark, .mark {
  background-color: #fffbce; /*standard*/
 }
 .img-thumbnail {
  border-color: #ddd; /*standard*/
 }
 kbd {
  background-color: #08051e; /*changed*/
 }
 code {
  color: #bd4147; /*standard*/
  background-color: #F0F0F0; /*changed */
 }
 .table th, .table td {
  border-color: #b7b5c4; /*changed*/
 }
 .table thead th {
  border-color: #b7b5c4; /*changed*/
 }
 .table tbody + tbody {
  border-color: #b7b5c4; /*changed*/
 }
 .table-bordered {
  border-color: #b7b5c4; /*changed*/
 }
 .table-bordered th, .table-bordered td {
  border-color: #b7b5c4; /*changed*/
 }
 .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); /*standard*/
 }
 .table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); /*standard*/
 }
 .table-active, .table-active > th, .table-active > td {
  background-color: rgba(0, 0, 0, 0.075); /*standard*/
 }
 .table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); /*standard*/
 }
 .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075); /*standard*/
 }
 .thead-inverse th {
  background-color: #08051e; /*changed*/
 }
 .thead-default th {
  color: #282250; /*changed */
  background-color: #b7b5c4; /*changed*/
 }
 .table-inverse {
  background-color: #08051e; /*changed*/
 }
 .table-inverse th, .table-inverse td, .table-inverse thead th {
  border-color: #110a3f; /*changed */
 }
 .table-inverse.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05); /*standard*/
 }
 .table-inverse.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075); /*standard*/
 }
 .btn:focus, .btn.focus {
  box-shadow: 0 0 0 3px rgba(79,47,240, 0.25); /*changed - rgba for primary color */
 }
 .btn-link {
  color: #110a3d; /*changed */
 }
 .btn-link:focus, .btn-link:hover {
  color: #2c0ec4; /*changed */
 }
 .btn-link:disabled {
  color: #403a63; /*changed */
 }
 .dropdown-menu {
  color: #08051e; /*changed*/
  border-color: rgba(0, 0, 0, 0.15); /*standard*/
 }
 .dropdown-divider {
  border-color: #b7b5c4; /*changed*/
 }
 .dropdown-item {
  color: #08051e; /*changed*/
 }
 .dropdown-item:focus, .dropdown-item:hover {
  color: #020108; /*changed */
  background-color: #F0F0F0; /*changed */
 }
 .dropdown-item.active, .dropdown-item:active {
  /*background-color: #110a3d; /*changed */*/
 }
 .dropdown-item.disabled, .dropdown-item:disabled {
  color: #403a63; /*changed */
 }
 .dropdown-header {
  color: #403a63; /*changed */
 }
 .nav-link.disabled {
  color: #403a63; /*changed */
 }
 .nav-tabs {
  border-color: #ddd;/*standard*/
 }
 .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #b7b5c4 #b7b5c4 #ddd; /*changed*//*standard*/
 }
 .nav-tabs .nav-link.disabled {
  color: #403a63; /*changed */
 }
 .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #282250; /*changed */
  background-color: #fff; /*standard*/
  border-color: #ddd #ddd #fff; /*standard*/
 }
 .nav-pills .nav-link.active, .show > .nav-pills .nav-link {
  background-color: #110a3d; /*changed */
 }
 .card {
  background-color: #fff; /*standard*/
  border-color: rgba(0, 0, 0, 0.125); /*standard*/
 }
 .card-header {
  background-color: rgba(0, 0, 0, 0.03); /*standard*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); /*standard*/
 }
 .card-footer {
  background-color: rgba(0, 0, 0, 0.03); /*standard*/
  border-color: rgba(0, 0, 0, 0.125); /*standard*/
 }
 .breadcrumb {
  background-color: #b7b5c4; /*changed*/
 }
 .breadcrumb-item + .breadcrumb-item::before {
  color: #403a63; /*changed */
 }
 .breadcrumb-item.active {
  color: #403a63; /*changed */
 }
 .page-item.active .page-link {
  background-color: #110a3d; /*changed */
  border-color: #110a3d; /*changed */
 }
 .page-item.disabled .page-link {
  color: #403a63; /*changed */
  border-color: #ddd;/*standard*/
 }
 .page-link {
  color: #110a3d; /*changed */
  border-color: #ddd;/*standard*/
 }
 .page-link:focus, .page-link:hover {
  color: #2c0ec4; /*changed */
  background-color: #b7b5c4; /*changed*/
  border-color: #ddd;/*standard*/
 }
 .jumbotron {
  background-color: #F0F0F0; /*changed*/
 }
 .progress {
  background-color: #F0F0F0; /*changed*/
 }
 .progress-bar {
  background-color: #110a3d; /*changed */
 }
 .list-group-item-action {
  color: #282250; /*changed */
 }
 .list-group-item-action:focus, .list-group-item-action:hover {
  color: #282250; /*changed */
  background-color: #F0F0F0; /*changed */
 }
 .list-group-item-action:active {
  color: #08051e; /*changed*/
  background-color: #b7b5c4; /*changed*/
 }
 .list-group-item {
  background-color: #fff; /*standard*/
  border-color: rgba(0, 0, 0, 0.125); /*standard*/
 }
 .list-group-item.disabled, .list-group-item:disabled {
  background-color: #fff; /*standard*/
  color: #403a63; /*changed */
 }
 .list-group-item.active {
  background-color: #110a3d; /*changed */
  border-color: #110a3d; /*changed */
 }
 .border {
  border-color: #b7b5c4; /*changed*/
 }
 .text-muted {
  color: #CECECE !important; /*changed */
 }
 /* ---- form styles ---- */
  .form-control {
   color: #282250; /*changed */
   border-color: rgba(0, 0, 0, 0.15); /*standard*/
  }
  .form-control:focus {
   color: #282250; /*changed */
   box-shadow: 0 0 0 0.1rem rgba(180, 166, 249,.25);
   border-color: #b4a6f9; /*changed */
  }
  .form-control::placeholder {
   color: #BBB; /*changed*/
  }
  .form-control:disabled, .form-control[readonly] {
   background-color: #b7b5c4; /*changed*/
  }
  select.form-control:focus::-ms-value {
   color: #282250; /*changed */
  }
  .form-check.disabled .form-check-label {
   color: #403a63; /*changed */
  }
  .invalid-feedback {
   color: #c33f49; /*changed */
  }
  .invalid-tooltip {
   background-color: rgba(195, 63, 73, 0.8); /*changed - rgba for danger color */
  }
  .was-validated .form-control:valid, .form-control.is-valid, 
  .was-validated.custom-select:valid, .custom-select.is-valid {
   border-color: #40C377; /*changed */
  }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus, 
  .was-validated.custom-select:valid:focus, .custom-select.is-valid:focus {
   box-shadow: 0 0 0 0.2rem rgba(63, 167, 157, 0.25); /*changed - rgba for success color */
  }
  .was-validated .form-check-input:valid + .form-check-label, 
  .form-check-input.is-valid + .form-check-label {
   color: #40C377; /*changed */
  }
  .was-validated .custom-control-input:valid ~ .custom-control-indicator, 
  .custom-control-input.is-valid ~ .custom-control-indicator {
   background-color: rgba(63, 167, 157, 0.25); /*changed - rgba for success color */
  }
  .was-validated .custom-control-input:valid ~ .custom-control-description, 
  .custom-control-input.is-valid ~ .custom-control-description {
   color: #40C377; /*changed */
  }
  .was-validated .custom-file-input:valid ~ .custom-file-control, 
  .custom-file-input.is-valid ~ .custom-file-control {
   border-color: #40C377; /*changed */
  }
  .was-validated .custom-file-input:valid:focus, .custom-file-input.is-valid:focus {
   box-shadow: 0 0 0 0.2rem rgba(63, 167, 157, 0.25); /*changed - rgba for success color */
  }
  .was-validated .form-control:invalid, .form-control.is-invalid, 
  .was-validated.custom-select:invalid, .custom-select.is-invalid {
   border-color: #c33f49; /*changed */
  }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, 
  .was-validated.custom-select:invalid:focus, .custom-select.is-invalid:focus {
   box-shadow: 0 0 0 0.2rem rgba(195, 63, 73, 0.25); /*changed - rgba for danger color */
  }
  .was-validated .form-check-input:invalid + .form-check-label, 
  .form-check-input.is-invalid + .form-check-label {
   color: #c33f49; /*changed */
  }
  .was-validated .custom-control-input:invalid ~ .custom-control-indicator, 
  .custom-control-input.is-invalid ~ .custom-control-indicator {
   background-color: rgba(195, 63, 73, 0.25); /*changed - rgba for danger color */
  }
  .was-validated .custom-control-input:invalid ~ .custom-control-description, 
  .custom-control-input.is-invalid ~ .custom-control-description {
   color: #c33f49; /*changed */
  }
  .was-validated .custom-file-input:invalid ~ .custom-file-control, 
  .custom-file-input.is-invalid ~ .custom-file-control {
   border-color: #c33f49; /*changed */
  }
  .was-validated .custom-file-input:invalid:focus, 
  .custom-file-input.is-invalid:focus {
   box-shadow: 0 0 0 0.2rem rgba(195, 63, 73, 0.25); /*changed - rgba for danger color */
  }
  .input-group-addon {
   color: #282250; /*changed */
   background-color: #b7b5c4; /*changed*/
   border-color: rgba(0, 0, 0, 0.15); /*standard*/
  }

  .custom-checkbox .custom-control-input:checked~.custom-control-label {
  }
  .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
   color: #fff;
   background-image: none;
    content: "\f00c";
    font-weight: 300;
    font-family: "Font Awesome 5 Pro";
  }
  .custom-control-input:checked~.custom-control-label::after {
   top: 1px;
   left: -21px;
  }
  .custom-control-label::before {
   width: 18px;
   height: 18px;
  }
  .custom-checkbox .custom-control-label::before {
   border-radius: 2px;
  }
  .custom-control-input:focus~.custom-control-label::before {
   box-shadow: 0 0 0 0.2rem rgba(79,47,240,.25);
  }
  .custom-control-input:checked~.custom-control-label::before {
   background-color: #4f2ff0;
   border-color: #4f2ff0;
  }
  .custom-control-input:checked ~ .custom-control-indicator {
   background-color: #110a3d; /*changed */
  }
  .custom-control-input:focus ~ .custom-control-indicator {
   box-shadow: 0 0 0 1px #fff, 0 0 0 3px #4f2ff0; /*changed */
  }
  .custom-control-input:active ~ .custom-control-indicator {
   background-color: #dcd5fc; /*changed */
  }
  .custom-control-input:disabled ~ .custom-control-indicator {
   background-color: #b7b5c4; /*changed*/
  }
  .custom-control-input:disabled ~ .custom-control-description {
   color: #403a63; /*changed */
  }
  .custom-control-indicator {
   background-color: #ddd;/*standard*/
  }
  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
   background-color: #110a3d; /*changed */
  }
  .custom-select {
   color: #282250; /*changed */
   border-color: rgba(0, 0, 0, 0.15); /*standard*/
  }
  .custom-select:focus {
   border-color: #b4a6f9; /*changed */
  }
  .custom-select:focus::-ms-value {
   color: #282250; /*changed */
  }
  .custom-select:disabled {
   color: #403a63; /*changed */
   background-color: #b7b5c4; /*changed*/
  }
  .custom-file-control {
   color: #282250; /*changed */
   border-color: rgba(0, 0, 0, 0.15); /*standard*/
  }
  .custom-file-control::before {
   color: #282250; /*changed */
   background-color: #b7b5c4; /*changed*/
   border-color: rgba(0, 0, 0, 0.15); /*standard*/
  }
 /* -//- end form styles -//-- */
/* -//- end ETC -//-- */

/* ---- primary ----- */
 .table-primary, .table-primary > th, .table-primary > td {
  background-color: #ded7fc; /*changed */
 }
 .table-hover .table-primary:hover {
  background-color: #cabffa; /*changed */
 }
 .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
  background-color: #cabffa; /*changed */
 }
 .btn-primary {
  background-color: #4f2ff0; /*changed */
  border-color: #4f2ff0; /*changed */
 }
 .btn-primary:hover {
  background-color: #3411e8; /*changed */
  border-color: #3210dc; /*changed */
 }
 .btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 3px rgba(79,47,240, 0.5); /*changed - rgba for primary color */
 }
 .btn-primary.disabled, .btn-primary:disabled {
  border-color: #4f2ff0; /*changed */
  background-color: #4f2ff0; /*changed */
 }
 .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle,
 .btn-primary:not(:disabled):not(.disabled).active,
 .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #3411e8; /*changed */
  border-color: #3210dc; /*changed */
 }
 .btn-outline-primary {
  color: #4f2ff0; /*changed */
  border-color: #4f2ff0; /*changed */
 }
 .btn-outline-primary:hover {
  background-color: #4f2ff0; /*changed */
  border-color: #4f2ff0; /*changed */
 }
 .btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 3px rgba(79,47,240, 0.5); /*changed - rgba for primary color */
 }
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #4f2ff0; /*changed */
 }
 .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle,
 .btn-outline-primary:not(:disabled):not(.disabled).active,
 .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: #4f2ff0; /*changed */
  border-color: #4f2ff0; /*changed */
 }
 .badge-primary {
  background-color: #4f2ff0; /*changed */
 }
 .badge-primary[href]:focus, .badge-primary[href]:hover {
  background-color: #3210dc; /*changed */
 }
 .alert-primary {
  color: #24166e; /*changed */
  background-color: #edeafe; /*same*/
  border-color: #ded7fc; /*changed */
 }
 .alert-primary hr {
  border-top-color: #cabffa; /*changed */
 }
 .alert-primary .alert-link {
  color: #160e44; /*same*/
 }
 .list-group-item-primary {
  color: #24166e; /*changed */
  background-color: #ded7fc; /*changed */
 }
 a.list-group-item-primary, button.list-group-item-primary {
  color: #24166e; /*changed */
 }
 a.list-group-item-primary:focus, a.list-group-item-primary:hover,
 button.list-group-item-primary:focus, button.list-group-item-primary:hover {
  color: #24166e; /*changed */
  background-color: #cabffa; /*changed */
 }
 a.list-group-item-primary.active, button.list-group-item-primary.active {
  background-color: #24166e; /*changed */
  border-color: #24166e; /*changed */
 }
 .bg-primary {
  background-color: #4f2ff0 !important; /*changed */
 }
 a.bg-primary:focus, a.bg-primary:hover {
  background-color: #3210dc !important; /*changed */
 }
 .border-primary {
  border-color: #4f2ff0 !important; /*changed */
 }
 .text-primary {
  color: #4f2ff0 !important; /*changed */
 }
 a.text-primary:focus, a.text-primary:hover {
  color: #3210dc !important; /*changed */
 }
/* -//- end primary -//-- */


/* ---- primary-light ----- */
 .btn-primary-light {
  color: #4F2EF0;
  background-color: #E4E2FB; /* added */
  border-color: #E4E2FB; /* added */
 }
 .btn-primary-light:hover {
  color: #4F2EF0;
  background-color: #D1CFE5; /*changed*/
  border-color: #D1CFE5; /*changed*/
 }
 .btn-primary-light:focus, .btn-primary-light.focus {
  box-shadow: 0 0 0 3px rgba(228,226,251, 0.5); /* added */
 }
 .btn-primary-light.disabled, .btn-primary-light:disabled {
  background-color: #F0F0F0; /* added */
  border-color: #F0F0F0; /* added */
 }
 .btn-primary-light:active, .btn-primary-light.active, .show > .btn-primary-light.dropdown-toggle,
 .btn-primary-light:not(:disabled):not(.disabled).active,
 .btn-primary-light:not(:disabled):not(.disabled):active {
  background-color: #D1CFE5; /* added */
  border-color: #D1CFE5; /* added */
 }
/* -//- end primary-light -//-- */

/* ---- secondary ----- */
 .table-secondary, .table-secondary > th, .table-secondary > td {
  background-color: #edecf0; /*changed */
 }
 .table-hover .table-secondary:hover {
  background-color: #e0dee5; /*changed */
 }
 .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
  background-color: #e0dee5; /*changed */
 }
 .btn-secondary {
  background-color: #8f8d9f; /*changed*/
  border-color: #8f8d9f; /*changed*/
 }
 .btn-secondary:hover {
  background-color: #8a88a0; /*changed*/
  border-color: #83819a; /*changed*/
 }
 .btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 3px rgba(143, 141, 159, 0.5); /*changed - rgba for secondary color */
 }
 .btn-secondary.disabled, .btn-secondary:disabled {
  background-color: #8f8d9f; /*changed*/
  border-color: #8f8d9f; /*changed*/
 }
 .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle,
 .btn-secondary:not(:disabled):not(.disabled).active,
 .btn-secondary:not(:disabled):not(.disabled):active {
  background-color: #8a88a0; /*changed*/
  border-color: #83819a; /*changed*/
 }
 .btn-outline-secondary {
  color: #8f8d9f; /*changed*/
  border-color: #8f8d9f; /*changed*/
 }
 .btn-outline-secondary:hover {
  background-color: #8f8d9f; /*changed*/
  border-color: #8f8d9f; /*changed*/
 }
 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 3px rgba(143, 141, 159, 0.5); /*changed - rgba for secondary color */
 }
 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #8f8d9f; /*changed*/
 }
 .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle,
 .btn-outline-secondary:not(:disabled):not(.disabled).active,
 .btn-outline-secondary:not(:disabled):not(.disabled):active {
  background-color: #8f8d9f; /*changed*/
  border-color: #8f8d9f; /*changed*/
 }
 .badge-secondary {
  background-color: #8f8d9f; /*changed*/
 }
 .badge-secondary[href]:focus, .badge-secondary[href]:hover {
  background-color: #83819a; /*changed*/
 }
 .alert-secondary {
  color: #494851; /*changed*/
  background-color: #f5f5f7; /*changed*/
  border-color: #edecf0; /*changed */
 }
 .alert-secondary hr {
  border-top-color: #e0dee5; /*changed */
 }
 .alert-secondary .alert-link {
  color: #313036; /*changed*/
 }
 .list-group-item-secondary {
  color: #494851; /*changed*/
  background-color: #edecf0; /*changed */
 }
 a.list-group-item-secondary, button.list-group-item-secondary {
  color: #494851; /*changed*/
 }
 a.list-group-item-secondary:focus, a.list-group-item-secondary:hover,
 button.list-group-item-secondary:focus, button.list-group-item-secondary:hover {
  color: #494851; /*changed*/
  background-color: #e0dee5; /*changed */
 }
 a.list-group-item-secondary.active, button.list-group-item-secondary.active {
  background-color: #494851; /*changed*/
  border-color: #494851; /*changed*/
 }
 .bg-secondary {
  background-color: #8f8d9f !important; /*changed*/
 }
 a.bg-secondary:focus, a.bg-secondary:hover {
  background-color: #83819a !important; /*changed*/
 }
 .border-secondary {
  border-color: #8f8d9f !important; /*changed*/
 }
 .text-secondary {
  color: #8f8d9f !important; /*changed*/
 }
 a.text-secondary:focus, a.text-secondary:hover {
  color: #83819a !important; /*changed*/
 }
/* -//- end secondary -//-- */

/* ---- success ----- */
 .table-success, .table-success > th, .table-success > td {
  background-color: #d2f3e0; /*changed*/
 }
 .table-hover .table-success:hover {
  background-color: #cae6e3; /*changed*/
 }
 .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
  background-color: #cae6e3; /*changed*/
 }
 .btn-success {
  background-color: #40C377; /*changed */
  border-color: #40C377; /*changed */
 }
 .btn-success:hover {
  background-color: #358b83; /*changed */
  border-color: #31827a; /*changed */
 }
 .btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 3px rgba(63, 167, 157, 0.5); /*changed - rgba for success color */
 }
 .btn-success.disabled, .btn-success:disabled {
  background-color: #40C377; /*changed */
  border-color: #40C377; /*changed */
 }
 .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle,
 .btn-success:not(:disabled):not(.disabled).active,
 .btn-success:not(:disabled):not(.disabled):active {
  background-color: #358b83; /*changed */
  border-color: #31827a; /*changed */
 }
 .btn-outline-success {
  color: #40C377; /*changed */
  border-color: #40C377; /*changed */
 }
 .btn-outline-success:hover {
  background-color: #40C377; /*changed */
  border-color: #40C377; /*changed */
 }
 .btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 3px rgba(63, 167, 157, 0.5); /*changed - rgba for success color */
 }
 .btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #40C377; /*changed */
 }
 .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle,
 .btn-outline-success:not(:disabled):not(.disabled).active,
 .btn-outline-success:not(:disabled):not(.disabled):active {
  background-color: #40C377; /*changed */
  border-color: #40C377; /*changed */
 }
 .badge-success {
  background-color: #40C377; /*changed */
 }
 .badge-success[href]:focus, .badge-success[href]:hover {
  background-color: #31827a; /*changed */
 }
 .alert-success {
  color: #40C377; /*changed */
  background-color: #e4f6ec; /*changed*/
  border-color: #d2f3e0; /*changed*/
 }
 .alert-success hr {
  border-top-color: #cae6e3; /*changed*/
 }
 .alert-success .alert-link {
  color: #0f2825; /*changed */
 }
 .list-group-item-success {
  color: #1d4d48; /*changed */
  background-color: #d2f3e0; /*changed*/
 }
 a.list-group-item-success, button.list-group-item-success {
  color: #1d4d48; /*changed */
 }
 a.list-group-item-success:focus, a.list-group-item-success:hover,
 button.list-group-item-success:focus, button.list-group-item-success:hover {
  color: #1d4d48; /*changed */
  background-color: #cae6e3; /*changed*/
 }
 a.list-group-item-success.active, button.list-group-item-success.active {
  background-color: #1d4d48; /*changed */
  border-color: #1d4d48; /*changed */
 }
 .bg-success {
  background-color: #40C377 !important; /*changed */
 }
 a.bg-success:focus, a.bg-success:hover {
  background-color: #31827a !important; /*changed */
 }
 .border-success {
  border-color: #40C377 !important; /*changed */
 }
 .text-success {
  color: #40C377 !important; /*changed */
 }
 a.text-success:focus, a.text-success:hover {
  color: #31827a !important; /*changed */
 }
/* -//- end success -//-- */

/* ---- info ----- */
 .table-info, .table-info > th, .table-info > td {
  background-color: #dbe9f4; /*changed */
 }
 .table-hover .table-info:hover {
  background-color: #c7ddee; /*changed */
 }
 .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
  background-color: #c7ddee; /*changed */
 }
 .btn-info {
  background-color: #3f8bc3; /*changed*/
  border-color: #3f8bc3; /*changed*/
 }
 .btn-info:hover {
  background-color: #3477a7; /*changed*/
  border-color: #31709e; /*changed*/
 }
 .btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 3px rgba(63, 139, 195, 0.5); /*changed - rgba for info color */
 }
 .btn-info.disabled, .btn-info:disabled {
  background-color: #3f8bc3; /*changed*/
  border-color: #3f8bc3; /*changed*/
 }
 .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle,
 .btn-info:not(:disabled):not(.disabled).active,
 .btn-info:not(:disabled):not(.disabled):active {
  background-color: #3477a7; /*changed*/
  border-color: #31709e; /*changed*/
 }
 .btn-outline-info {
  color: #3f8bc3; /*changed*/
  border-color: #3f8bc3; /*changed*/
 }
 .btn-outline-info:hover {
  background-color: #3f8bc3; /*changed*/
  border-color: #3f8bc3; /*changed*/
 }
 .btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 3px rgba(63, 139, 195, 0.5); /*changed - rgba for info color */
 }
 .btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #3f8bc3; /*changed*/
 }
 .btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle,
 .btn-outline-info:not(:disabled):not(.disabled).active,
 .btn-outline-info:not(:disabled):not(.disabled):active {
  background-color: #3f8bc3; /*changed*/
  border-color: #3f8bc3; /*changed*/
 }
 .badge-info {
  background-color: #3f8bc3; /*changed*/
 }
 .badge-info[href]:focus, .badge-info[href]:hover {
  background-color: #31709e; /*changed*/
 }
 .alert-info {
  color: #1d405a; /*changed*/
  background-color: #ecf3f9; /*changed*/
  border-color: #dbe9f4; /*changed */
 }
 .alert-info hr {
  border-top-color: #c7ddee; /*changed */
 }
 .alert-info .alert-link {
  color: #112533; /*changed*/
 }
 .list-group-item-info {
  color: #1d405a; /*changed*/
  background-color: #dbe9f4; /*changed */
 }
 a.list-group-item-info, button.list-group-item-info {
  color: #1d405a; /*changed*/
 }
 a.list-group-item-info:focus, a.list-group-item-info:hover,
 button.list-group-item-info:focus, button.list-group-item-info:hover {
  color: #1d405a; /*changed*/
  background-color: #c7ddee; /*changed */
 }
 a.list-group-item-info.active, button.list-group-item-info.active {
  background-color: #1d405a; /*changed*/
  border-color: #1d405a; /*changed*/
 }
 .bg-info {
  background-color: #3f8bc3 !important; /*changed*/
 }
 a.bg-info:focus, a.bg-info:hover {
  background-color: #31709e !important; /*changed*/
 }
 .border-info {
  border-color: #3f8bc3 !important; /*changed*/
 }
 .text-info {
  color: #3f8bc3 !important; /*changed*/
 }
 a.text-info:focus, a.text-info:hover {
  color: #31709e !important; /*changed*/
 }
/* -//- end info -//-- */

/* ---- warning ----- */
 .table-warning, .table-warning > th, .table-warning > td {
  background-color: #fcf0d7; /*changed*/
 }
 .table-hover .table-warning:hover {
  background-color: #fae7bf; /*changed*/
 }
 .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
  background-color: #fae7bf; /*changed*/
 }
 .btn-warning {
  background-color: #f0af2f; /*changed*/
  border-color: #f0af2f; /*changed*/
 }
 .btn-warning:hover {
  background-color: #e8a011; /*changed*/
  border-color: #dc9710; /*changed*/
 }
 .btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 3px rgba(240, 175, 47, 0.5); /*changed - rgba for warning color */
 }
 .btn-warning.disabled, .btn-warning:disabled {
  background-color: #f0af2f; /*changed*/
  border-color: #f0af2f; /*changed*/
 }
 .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle,
 .btn-warning:not(:disabled):not(.disabled).active,
 .btn-warning:not(:disabled):not(.disabled):active {
  background-color: #e8a011; /*changed*/
  border-color: #dc9710; /*changed*/
 }
 .btn-outline-warning {
  color: #f0af2f; /*changed*/
  border-color: #f0af2f; /*changed*/
 }
 .btn-outline-warning:hover {
  background-color: #f0af2f; /*changed*/
  border-color: #f0af2f; /*changed*/
 }
 .btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 3px rgba(240, 175, 47, 0.5); /*changed - rgba for warning color */
 }
 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f0af2f; /*changed*/
 }
 .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle,
 .btn-outline-warning:not(:disabled):not(.disabled).active,
 .btn-outline-warning:not(:disabled):not(.disabled):active {
  background-color: #f0af2f; /*changed*/
  border-color: #f0af2f; /*changed*/
 }
 .badge-warning {
  background-color: #f0af2f; /*changed*/
 }
 .badge-warning[href]:focus, .badge-warning[href]:hover {
  background-color: #dc9710; /*changed*/
 }
 .alert-warning {
  color: #6e5116; /*changed*/
  background-color: #fef7ea; /*changed */
  border-color: #fcf0d7; /*changed*/
 }
 .alert-warning hr {
  border-top-color: #fae7bf; /*changed*/
 }
 .alert-warning .alert-link {
  color: #44320e; /*changed*/
 }
 .list-group-item-warning {
  color: #6e5116; /*changed*/
  background-color: #fcf0d7; /*changed*/
 }
 a.list-group-item-warning, button.list-group-item-warning {
  color: #6e5116; /*changed*/
 }
 a.list-group-item-warning:focus, a.list-group-item-warning:hover,
 button.list-group-item-warning:focus, button.list-group-item-warning:hover {
  color: #6e5116; /*changed*/
  background-color: #fae7bf; /*changed*/
 }
 a.list-group-item-warning.active, button.list-group-item-warning.active {
  background-color: #6e5116; /*changed*/
  border-color: #6e5116; /*changed*/
 }
 .bg-warning {
  background-color: #f0af2f !important; /*changed*/
 }
 a.bg-warning:focus, a.bg-warning:hover {
  background-color: #dc9710 !important; /*changed*/
 }
 .border-warning {
  border-color: #f0af2f !important; /*changed*/
 }
 .text-warning {
  color: #f0af2f !important; /*changed*/
 }
 a.text-warning:focus, a.text-warning:hover {
  color: #dc9710 !important; /*changed*/
 }
/* -//- end warning -//-- */

/* ---- danger ----- */
 .table-danger, .table-danger > th, .table-danger > td {
  background-color: #f4dbdc; /*changed*/
 }
 .table-hover .table-danger:hover {
  background-color: #eec7c9; /*changed*/
 }
 .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
  background-color: #eec7c9; /*changed*/
 }
 .btn-danger {
  background-color: #c33f49; /*changed */
  border-color: #c33f49; /*changed */
 }
 .btn-danger:hover {
  background-color: #a7343d; /*changed*/
  border-color: #9e313a; /*changed*/
 }
 .btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 3px rgba(195, 63, 73, 0.5); /*changed - rgba for danger color */
 }
 .btn-danger.disabled, .btn-danger:disabled {
  background-color: #c33f49; /*changed */
  border-color: #c33f49; /*changed */
 }
 .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle,
 .btn-danger:not(:disabled):not(.disabled).active,
 .btn-danger:not(:disabled):not(.disabled):active {
  background-color: #a7343d; /*changed*/
  border-color: #9e313a; /*changed*/
 }
 .btn-outline-danger {
  color: #c33f49; /*changed */
  border-color: #c33f49; /*changed */
 }
 .btn-outline-danger:hover {
  background-color: #c33f49; /*changed */
  border-color: #c33f49; /*changed */
 }
 .btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 3px rgba(195, 63, 73, 0.5); /*changed - rgba for danger color */
 }
 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #c33f49; /*changed */
 }
 .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle,
 .btn-outline-danger:not(:disabled):not(.disabled).active,
 .btn-outline-danger:not(:disabled):not(.disabled):active {
  background-color: #c33f49; /*changed */
  border-color: #c33f49; /*changed */
 }
 .badge-danger {
  background-color: #c33f49; /*changed */
 }
 .badge-danger[href]:focus, .badge-danger[href]:hover {
  background-color: #9e313a; /*changed*/
 }
 .alert-danger {
  color: #5a1d22; /*changed*/
  background-color: #f9eced; /*changed*/
  border-color: #f4dbdc; /*changed*/
 }
 .alert-danger hr {
  border-top-color: #eec7c9; /*changed*/
 }
 .alert-danger .alert-link {
  color: #331113; /*changed*/
 }
 .list-group-item-danger {
  color: #5a1d22; /*changed*/
  background-color: #f4dbdc; /*changed*/
 }
 a.list-group-item-danger, button.list-group-item-danger {
  color: #5a1d22; /*changed*/
 }
 a.list-group-item-danger:focus, a.list-group-item-danger:hover,
 button.list-group-item-danger:focus, button.list-group-item-danger:hover {
  color: #5a1d22; /*changed*/
  background-color: #eec7c9; /*changed*/
 }
 a.list-group-item-danger.active, button.list-group-item-danger.active {
  background-color: #5a1d22; /*changed*/
  border-color: #5a1d22; /*changed*/
 }
 .bg-danger {
  background-color: #c33f49 !important; /*changed */
 }
 a.bg-danger:focus, a.bg-danger:hover {
  background-color: #9e313a !important; /*changed*/
 }
 .border-danger {
  border-color: #c33f49 !important; /*changed */
 }
 .text-danger {
  color: #c33f49 !important; /*changed */
 }
 a.text-danger:focus, a.text-danger:hover {
  color: #9e313a !important; /*changed*/
 }
/* -//- end danger -//-- */

/* ---- light ----- */
 .table-light, .table-light > th, .table-light > td {
  background-color: #f6f6f8; /*changed */
 }
 .table-hover .table-light:hover {
  background-color: #e8e8ed; /*changed*/
 }
 .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
  background-color: #e8e8ed; /*changed*/
 }
 .btn-light {
  background-color: #F0F0F0; /*changed */
  border-color: #F0F0F0; /*changed */
 }
 .btn-light:hover {
  background-color: #B3B2B3; /*changed*/
  border-color: #b3b2c1; /*changed*/
 }
 .btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 3px rgba(207, 206, 216, 0.5); /*changed - rgba for light color */
 }
 .btn-light.disabled, .btn-light:disabled {
  background-color: #F0F0F0; /*changed */
  border-color: #F0F0F0; /*changed */
 }
 .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle,
 .btn-light:not(:disabled):not(.disabled).active,
 .btn-light:not(:disabled):not(.disabled):active {
  background-color: #B3B2B3; /*changed*/
  border-color: #b3b2c1; /*changed*/
 }
 .btn-outline-light {
  color: #F0F0F0; /*changed */
  border-color: #F0F0F0; /*changed */
 }
 .btn-outline-light:hover {
  background-color: #F0F0F0; /*changed */
  border-color: #F0F0F0; /*changed */
 }
 .btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 3px rgba(207, 206, 216, 0.5); /*changed - rgba for light color */
 }
 .btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #F0F0F0; /*changed */
 }
 .btn-outline-light:active, .btn-outline-light.active, .show > .btn-outline-light.dropdown-toggle,
 .btn-outline-light:not(:disabled):not(.disabled).active,
 .btn-outline-light:not(:disabled):not(.disabled):active {
  background-color: #F0F0F0; /*changed */
  border-color: #F0F0F0; /*changed */
 }
 .badge-light {
  background-color: #EBEDF2; /*changed */
 }
 .badge-light[href]:focus, .badge-light[href]:hover {
  background-color: #b3b2c1; /*changed*/
 }
 .alert-light {
  color: #5f5f63; /*changed*/
  background-color: #fafafb; /*changed */
  border-color: #f6f6f8; /*changed */
 }
 .alert-light hr {
  border-top-color: #e8e8ed; /*changed*/
 }
 .alert-light .alert-link {
  color: #464649; /*changed */
 }
 .list-group-item-light {
  color: #5f5f63; /*changed*/
  background-color: #f6f6f8; /*changed */
 }
 a.list-group-item-light, button.list-group-item-light {
  color: #5f5f63; /*changed*/
 }
 a.list-group-item-light:focus, a.list-group-item-light:hover,
 button.list-group-item-light:focus, button.list-group-item-light:hover {
  color: #5f5f63; /*changed*/
  background-color: #e8e8ed; /*changed*/
 }
 a.list-group-item-light.active, button.list-group-item-light.active {
  background-color: #5f5f63; /*changed*/
  border-color: #5f5f63; /*changed*/
 }
 .bg-light {
  background-color: #EBEDF2 !important; /*changed */
 }
 a.bg-light:focus, a.bg-light:hover {
  background-color: #b3b2c1 !important; /*changed*/
 }
 .bg-lighter {
  background-color: #ECECEC !important; /* added */
 }
 .border-light {
  border-color: #F0F0F0 !important; /*changed */
 }
 .text-light {
  color: #F0F0F0 !important; /*changed */
 }
 a.text-light:focus, a.text-light:hover {
  color: #b3b2c1 !important; /*changed*/
 }
 /* ---- light navbar ----- */
  .navbar-light .navbar-brand {
   color: rgba(0, 0, 0, 0.9); /*standard*/
  }
  .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
   color: rgba(0, 0, 0, 0.9); /*standard*/
  }
  .navbar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.5); /*standard*/
  }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
   color: rgba(0, 0, 0, 0.7); /*standard*/
  }
  .navbar-light .navbar-nav .nav-link.disabled {
   color: rgba(0, 0, 0, 0.3); /*standard*/
  }
  .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
   color: rgba(0, 0, 0, 0.9); /*standard*/
  }
  .navbar-light .navbar-toggler {
   color: rgba(0, 0, 0, 0.5); /*standard*/
   border-color: rgba(0, 0, 0, 0.1); /*standard*/
  }
  .navbar-light .navbar-text {
   color: rgba(0, 0, 0, 0.5); /*standard*/
  }
 /* -//- end light navbar -//-- */
/* -//- end light -//-- */

/* ---- dark ----- */
 .table-dark, .table-dark > th, .table-dark > td {
  background-color: #d2d0da; /*changed */
 }
 .table-hover .table-dark:hover {
  background-color: #c4c2cf; /*changed */
 }
 .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
  background-color: #c4c2cf; /*changed */
 }
 .btn-dark {
  background-color: #110a3d; /*changed */
  border-color: #110a3d; /*changed */
 }
 .btn-dark:hover {
  background-color: #08051c; /*changed */
  border-color: #050311; /*changed */
 }
 .btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 3px rgba(17, 10, 61, 0.5); /*changed - rgba for dark color */
 }
 .btn-dark.disabled, .btn-dark:disabled {
  background-color: #110a3d; /*changed */
  border-color: #110a3d; /*changed */
 }
 .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle,
 .btn-dark:not(:disabled):not(.disabled).active,
 .btn-dark:not(:disabled):not(.disabled):active {
  background-color: #050311; /*changed */
  border-color: #050311; /*changed */
 }
 .btn-outline-dark {
  color: #110a3d; /*changed */
  border-color: #110a3d; /*changed */
 }
 .btn-outline-dark:hover {
  background-color: #110a3d; /*changed */
  border-color: #110a3d; /*changed */
 }
 .btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 3px rgba(17, 10, 61, 0.5); /*changed - rgba for dark color */
 }
 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #110a3d; /*changed */
 }
 .btn-outline-dark:active, .btn-outline-dark.active, .show > .btn-outline-dark.dropdown-toggle,
 .btn-outline-dark:not(:disabled):not(.disabled).active,
 .btn-outline-dark:not(:disabled):not(.disabled):active {
  background-color: #110a3d; /*changed */
  border-color: #110a3d; /*changed */
 }
 .badge-dark {
  background-color: #110a3d; /*changed */
 }
 .badge-dark[href]:focus, .badge-dark[href]:hover {
  background-color: #050311; /*changed */
 }
 .alert-dark {
  color: #08051c; /*changed */
  background-color: #e7e7ec; /*changed */
  border-color: #d2d0da; /*changed */
 }
 .alert-dark hr {
  border-top-color: #c4c2cf; /*changed */
 }
 .alert-dark .alert-link {
  color: #000; /*changed */
 }
 .list-group-item-dark {
  color: #08051c; /*changed */
  background-color: #d2d0da; /*changed */
 }
 a.list-group-item-dark, button.list-group-item-dark {
  color: #08051c; /*changed */
 }
 a.list-group-item-dark:focus, a.list-group-item-dark:hover,
 button.list-group-item-dark:focus, button.list-group-item-dark:hover {
  color: #08051c; /*changed */
  background-color: #c4c2cf; /*changed */
 }
 a.list-group-item-dark.active, button.list-group-item-dark.active {
  background-color: #08051c; /*changed */
  border-color: #08051c; /*changed */
 }
 .bg-dark {
  background-color: #110a3d !important; /*changed */
 }
 a.bg-dark:focus, a.bg-dark:hover {
  background-color: #050311 !important; /*changed */
 }
 .border-dark {
  border-color: #110a3d !important; /*changed */
 }
 .text-dark {
  color: #110a3d !important; /*changed */
 }
 a.text-dark:focus, a.text-dark:hover {
  color: #050311 !important; /*changed */
 }
 /* ---- dark navbar ----- */
  .navbar-dark .navbar-brand {
   color: white; /*same*/
  }
  .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
   color: white; /*same*/
  }
  .navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.5); /*same*/
  }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
   color: rgba(255, 255, 255, 0.75); /*same*/
  }
  .navbar-dark .navbar-nav .nav-link.disabled {
   color: rgba(255, 255, 255, 0.25); /*same*/
  }
  .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
   color: white; /*same*/
  }
  .navbar-dark .navbar-toggler {
   color: rgba(255, 255, 255, 0.5); /*same*/
   border-color: rgba(255, 255, 255, 0.1); /*same*/
  }
  .navbar-dark .navbar-text {
   color: rgba(255, 255, 255, 0.5); /*same*/
  }
 /* -//- end dark navbar -//-- */
/* -//- end dark -//-- */

/* ---- custom swatch ----- */
 .swatch-blue {
  background-color: #110a3d; /*changed */
 }
 .swatch-indigo {
  background-color: #4f2ff0; /*changed */
 }
 .swatch-purple {
  background-color: #773fc3; /*changed - singular */
 }
 .swatch-pink {
  background-color: #c33f8b; /*changed - singular */
 }
 .swatch-red {
  background-color: #c33f49; /*changed */
 }
 .swatch-orange {
  background-color: #f0af2f; /*changed*/
 }
 .swatch-yellow {
  background-color: #f0df3f; /*changed - singular */
 }
 .swatch-green {
  background-color: #40C377; /*changed - singular */
 }
 .swatch-teal {
  background-color: #40C377; /*changed */
 }
 .swatch-cyan {
  background-color: #3f8bc3; /*changed*/
 }
 .swatch-gray {
  background-color: #403a63; /*changed */
 }
 .swatch-gray-dark {
  background-color: #4f2ff0; /*changed */
 }
 .swatch-primary {
  background-color: #4f2ff0; /*changed */
 }
 .swatch-secondary {
  background-color: #8f8d9f; /*changed*/
 }
 .swatch-success {
  background-color: #40C377; /*changed */
 }
 .swatch-info {
  background-color: #3f8bc3; /*changed*/
 }
 .swatch-warning {
  background-color: #f0af2f; /*changed*/
 }
 .swatch-danger {
  background-color: #c33f49; /*changed */
 }
 .swatch-light {
  background-color: #F0F0F0; /*changed */
 }
 .swatch-dark {
  background-color: #4f2ff0; /*changed */
 }
 .swatch-100 {
  background-color: #F0F0F0; /*changed */
 }
 .swatch-200 {
  background-color: #b7b5c4; /*changed*/
 }
 .swatch-300 {
  background-color: #8f8d9f; /*changed - singular */
 }
 .swatch-400 {
  background-color: #8f8d9f; /*changed*/
 }
 .swatch-500 {
  background-color: #585377; /*changed - singular */
 }
 .swatch-600 {
  background-color: #403a63; /*changed */
 }
 .swatch-700 {
  background-color: #282250; /*changed */
 }
 .swatch-800 {
  background-color: #4f2ff0; /*changed */
 }
 .swatch-900 {
  background-color: #08051e; /*changed*/
 }
/* -//- custom swatch ----- */

.badge-primary.soft {
  color: #4F2EF0;
  background-color: rgba(79, 46, 240, 0.08);
}

.badge-secondary.soft {
  color: #8f8d9f;
  background-color: rgba(143, 141, 159, 0.08);
}

.badge-success.soft {
  color: #40C377;
  background-color: rgba(64, 195, 119, 0.08);
}

.badge-info.soft {
  color: #3f8bc3;
  background-color: rgba(63, 139, 195, 0.08);
}

.badge-warning.soft {
  color: #f0af2f;
  background-color: rgba(240, 175, 47, 0.08);
}

.badge-danger.soft {
  color: #c33f49;
  background-color: rgba(195, 63, 73, 0.08);
}

.badge-light.soft {
  color: #EBEDF2;
  background-color: rgba(235, 237, 242, 0.08);
}

.badge-dark.soft {
  color: #07021d;
  background-color: rgba(7, 2, 29, 0.08);
}