.btn-light {
    background: #292a2d!important;
    border-color: #292a2d!important;
    color: #ffffff!important;
}

.btn-light:hover {
    background: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
    color: var(--bs-gray-900);
}

.text-fohead {
    font-weight: 700;
    font-size: 1.1rem!important;
    text-transform: uppercase;
}

.text-body {
    color: #dee2e6!important;
}

.btn {
    letter-spacing: 0.5px;
}

.text-white {
    color: #ffffff;
}

a:hover {
    color: #19c57d!important;
}

.modal-localisation .item-selector .item.active {
    background-color: #ddd0!important;
    border-color: #19c57d!important;
    color: #19c57d!important;
}

.modal-localisation .item-selector .item:hover {
    background-color: #19c57d!important;
    color: #ffffff!important;
}

.modal-localisation .item-selector .item {
    border-radius: 3px!important;
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f8f8;
    --bs-btn-border-color: #f8f8f8;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: lightgray;
    --bs-btn-hover-border-color: #c6c6c6;
    --bs-btn-focus-shadow-rgb: 211, 211, 211;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c6c6;
    --bs-btn-active-border-color: #bababa;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f8f8;
    --bs-btn-disabled-border-color: #f8f8f8;
}


@media only screen and (max-width: 600px) {
    header.header .logo-img {
        max-height: 45px!important;
    }
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: #202124!important;
    color: #c4c5c7;
}

.fill-mode {
    fill: #fff!important;
}

.payments-text {
    vertical-align: middle;
}

hr {
    margin: 1rem 0!important;
    color: #85878a!important;
    border: 0!important;
    border-top: 1px solid #85878a!important;
    opacity: 0.25!important;
}

header.header .toolbar .nav-link {
    border: 1px solid #dce0e5!important;
    color: #202124!important;
    position: relative;
    font-size: .9em;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%!important;
    padding: 0;
    text-align: center;
    background: #f8f8f8!important;
}

.badge-info {
    color: #fff;
    background-color: #09b850!important;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.mt-n3 {
  margin-top: -1rem !important;
}

.mt-n4 {
  margin-top: -1.6rem !important;
}

.mt-n5 {
  margin-top: -2.5rem !important;
}

.mt-n6 {
  margin-top: -3.5rem !important;
}

.mt-n7 {
  margin-top: -4rem !important;
}

.mt-n8 {
  margin-top: -8rem !important;
}

.mt-n9 {
  margin-top: -11rem !important;
}

.me-n1 {
  margin-right: -0.25rem !important;
}

.me-n2 {
  margin-right: -0.5rem !important;
}

.me-n3 {
  margin-right: -1rem !important;
}

.me-n4 {
  margin-right: -1.6rem !important;
}

.me-n5 {
  margin-right: -2.5rem !important;
}

.me-n6 {
  margin-right: -3.5rem !important;
}

.me-n7 {
  margin-right: -4rem !important;
}

.me-n8 {
  margin-right: -8rem !important;
}

.me-n9 {
  margin-right: -11rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.mb-n3 {
  margin-bottom: -1rem !important;
}

.mb-n4 {
  margin-bottom: -1.6rem !important;
}

.mb-n5 {
  margin-bottom: -2.5rem !important;
}

.mb-n6 {
  margin-bottom: -3.5rem !important;
}

.mb-n7 {
  margin-bottom: -4rem !important;
}

.mb-n8 {
  margin-bottom: -8rem !important;
}

.mb-n9 {
  margin-bottom: -11rem !important;
}

.ms-n1 {
  margin-left: -0.25rem !important;
}

.ms-n2 {
  margin-left: -0.5rem !important;
}

.ms-n3 {
  margin-left: -1rem !important;
}

.ms-n4 {
  margin-left: -1.6rem !important;
}

.ms-n5 {
  margin-left: -2.5rem !important;
}

.ms-n6 {
  margin-left: -3.5rem !important;
}

.ms-n7 {
  margin-left: -4rem !important;
}

.ms-n8 {
  margin-left: -8rem !important;
}

.ms-n9 {
  margin-left: -11rem !important;
}

.top-0 {
  top: 0 !important;
}

.end-0 {
  right: 0 !important;
}

.vh-100 {
  height: 100vh !important;
}

.h-20px {
  height: 20px !important;
}

.h-25px {
  height: 25px !important;
}

.h-30px {
  height: 30px !important;
}

.h-40px {
  height: 40px !important;
}

.h-50px {
  height: 50px !important;
}

.h-60px {
  height: 60px !important;
}

.h-65px {
  height: 65px !important;
}

.h-150px {
  height: 150px !important;
}

.h-200px {
  height: 200px !important;
}

.h-250px {
  height: 250px !important;
}

.h-300px {
  height: 300px !important;
}

.h-400px {
  height: 400px !important;
}

.h-500px {
  height: 500px !important;
}

.h-600px {
  height: 600px !important;
}

.h-700px {
  height: 700px !important;
}

.h-750px {
  height: 750px !important;
}

.w-30 {
  width: 30% !important;
}

.w-20px {
  width: 20px !important;
}

.w-30px {
  width: 30px !important;
}

.w-40px {
  width: 40px !important;
}

.w-50px {
  width: 50px !important;
}

.w-80px {
  width: 80px !important;
}

.w-150px {
  width: 150px !important;
}

.w-200px {
  width: 200px !important;
}

.w-250px {
  width: 250px !important;
}

.nav-link {
    padding-left: 0!important;
    padding-top: 0.3rem!important;
    padding-bottom: 0.3rem!important;
}

.nav-link {
    display: block;
    font-size: 0.938rem!important;
    font-weight: 500!important;
    color: #c5c6cc!important;
    background: none;
    border: 0;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.wgs_custom-btn {
    background: #1ac57d;
}

.primary-bg-color {
    background-color: #ffffff!important;
}

.btn-success {
    color: #ffffff!important;
    background-color: #19c57d!important;
    border-color: #19c57d!important;
}

.btn-success:hover {
    color: #ffffff!important;
    background-color: #089c44!important;
    border-color: #089c44!important;
}

.btn-default:hover {
    color: #333;
    background-color: #f7f7f7!important;
    border-color: #adadad!important;
}

.badge-secondary {
    color: #ffffff!important;
    background-color: #1ac57d!important;
}

a.badge-secondary:focus, a.badge-secondary:hover {
    color: #fff!important;
    background-color: #1ac57d!important;
}

.sidebar .list-group-item.active, .sidebar .list-group-item.active:focus, .sidebar .list-group-item.active:hover {
    background-color: #1ac57d!important;
    border-color: #1ac57d!important;
    color: white!important;
}

.card-body, .mc-promo-login .content, .mc-promo-manage .content {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem!important;
}

.client-home-cards .card-header {
    background-color: #f7f7f7!important;
}

header.header .topbar .btn {
    line-height: 1;
    color: #ffffff!important;
}