@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&family=Prompt:wght@100;200;300;400;500;600;700;800&display=swap');
body {
    font-family: 'Poppins', 'Prompt';
}
:root {
  --bs-primary: $primary;
  --bs-primary-rgb: 240, 122, 34;
  --bs-btn-hover-bg: 240, 122, 34;
  --bs-btn-hover-border-color: 240, 122, 34;
  /* --bs-secondary: $secondary; */
  --bs-secondary-rgb: 26, 26, 24;
}

.t-table tr {
  border-bottom: 2px solid #eeeeee30;
}

span.navbar-toggler-icon:before {
  content: "\f0c9";
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  vertical-align: middle;
  background-image: unset;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  line-height: 1.15em;
}

span.navbar-toggler-icon:before {
  content: "\f0c9";
  font-family: 'FontAwesome';
  color: #fff;
}



a {
  text-decoration: unset;
} 

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: #00000094 !important;
  backdrop-filter: blur(9px);
}



.about .circle img {
  max-width: unset;
  width: 250px;
}

.box-nav-carousel .text-shadow {
  text-shadow: 11px 10px 20px #000000a1;
}

p {
  font-size: 16px;
  font-weight: 200 !important;
}

.input-footer {
  background: linear-gradient(to right, rgb(240, 122, 34), rgba(0, 0, 0, 0));
}
.input-footer input {
  height: 44px;
}

.input-footer button.btn.btn-primary {
  height: 44px;
  padding: 0px 2rem;
  text-transform: uppercase;
  border-radius: 6px;
}


.footer {
  background-color: #000000;
  position: relative;
}
.footer .box-contact .contact {
  display: flex;
  align-items: center;
}
.footer .box-contact .contact .icon {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.footer .box-contact .contact .icon i {
  font-size: 18px;
}
.footer .circle {
  position: absolute;
  top: 0px;
}
.footer .circle.footers {
  right: 0;
  top: unset;
  bottom: 0;
}

.footer .border-t {
  border-top: 1px solid #f07a22;
}


.tab-content .border-primary {
  --bs-border-opacity: 2;
  border-color: #e7752182 !important;
  border: 2px solid #e7752157 !important;
}

.tab-content button {
  margin-top: 3rem;
}

.header {
  position: fixed;
  z-index: 9999999;
  width: 100%;
}
.header.nofix {
  position: relative;
}
@media (max-width: 991px) {
  .header {
    position: relative;
  }
  button.btn-primary.navbar-toggler {
    padding: 7px;
  }
  .box-privacy.d-flex {
    display: block !important;
  }
}

.header .navbar .logo {
  max-width: 100px;
}
.header .navbar .navbar-nav .nav-item {
  text-shadow: 0px 5px 16px rgba(0, 0, 0, 0.5);
  padding: 8px;
  text-align: center;
}
.header .navbar .navbar-nav .nav-item .nav-link {
  color: #FFFFFF;
  font-size: 16px;
  padding: 0px;
  display: inline-block;
}
.header .navbar .navbar-nav .nav-item .nav-link:hover::before, .header .navbar .navbar-nav .nav-item .nav-link.active::before {
  content: "";
  border-bottom: 3px solid #F07A22;
  width: 100%;
  display: block;
  position: relative;
  bottom: -30px;
}
.header .navbar .navbar-nav .nav-item .dropdown-item:hover {
  background-color: #F07A22;
}

.box-content-benfitis {
  position: absolute;
  top: -60px;
  left: 0;
  /* Rotate from top left corner (not default) */
  transform: rotate(270deg);
  margin-left: 200px;
}
.box-content-benfitis .box-benfitis {
  padding: 15px 15px;
  margin-bottom: 15px;
}
.box-content-benfitis .box-benfitis p {
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1 !important;
  color: #FFFFFF;
}
.box-content-benfitis .box-benfitis p {
  font-weight: 400 !important;
}

.box-content-benfitis .box-benfitis.one {
  background: linear-gradient(to right, rgb(253, 169, 29), rgba(253, 169, 29, 0));
}
.box-content-benfitis .box-benfitis.two {
  background: linear-gradient(to right, rgb(253, 148, 9), rgba(253, 169, 29, 0));
}
.box-content-benfitis .box-benfitis.three {
  background: linear-gradient(to right, rgb(231, 75, 36), rgba(253, 169, 29, 0));
}
.box-content-benfitis .box-benfitis.four {
  background: linear-gradient(to right, rgb(188, 48, 12), rgba(253, 169, 29, 0));
}
.box-content-benfitis .box-benfitis.five {
  background: linear-gradient(to right, rgb(213, 38, 6), rgba(253, 169, 29, 0));
}
.box-content-benfitis .box-benfitis.six {
  background: linear-gradient(to right, rgb(252, 52, 14), rgba(253, 169, 29, 0));
}
@media (max-width: 991px) {
  .box-content-benfitis {
    position: relative;
    transform: unset;
    margin: 0;
    margin-top: 15px;
  }
}

.news {
  margin-bottom: 40px;
}

.box-title-news h6 {
  font-size: 18px;
  font-weight: 400 !important;
}
.news .box-title {
  position: relative;
  z-index: 9999;
}
.news .box-title .text-view-more .icon-viewmore {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news .box-title h3 {
  font-weight: 600;
}
.news .bg-news {
  position: absolute;
  height: 150px;
  width: 100%;
  z-index: 999;
  left: 0px;
}
.news .bg-news::before {
  content: "";
  position: absolute;
  top: -86px;
  left: 0;
  width: 100%;
  height: 100%;
  border-color: #000 transparent transparent transparent;
  border-radius: 70%/70px 70px 0 0;
  background: linear-gradient(0deg, #1a1a18 37%, #4f3013 100%);
  transform: rotate(0.5turn);
}
.news .bg-news.footer-news::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 100%;
  border-color: #000 transparent transparent transparent;
  border-radius: 80%/50px 50px 0 0;
  background: linear-gradient(0deg, #1a1a18 37%, #4f3013 100%);
  transform: unset;
}

.members {
  background: linear-gradient(180deg, rgba(232, 118, 33, 0) 0%, rgba(228, 116, 33, 0.32) 100%);
}
.members .box-title h3 {
  font-weight: 600;
}

.benfites .circle {
  position: absolute;
  bottom: -170px;
}
.benfites .box-text-title h3 {
  font-weight: 600;
}

.about .circle {
  position: absolute;
  top: 100px;
  right: 0;
}
.about .box-text-title h3 {
  font-weight: 600;
}

.news.page .box-news {
  position: relative;
  padding: 0 12px;
}
.news.page .box-news .details {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px 30px;
}
.news.page .box-news .details .text-title p {
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
}

.contact .map {
  height: 100%;
}
.contact .map iframe {
  width: 100%;
  height: 100%;
}
.contact .box-contact {
  padding: 45px 25px;
}
.contact .box-contact .icon-contact i {
  font-size: 24px;
}

.about .box-content-timeline .details p {
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 8 !important;
  font-size: 15px;
  color: #FFFFFF;
}
.box-content-timeline .owl-item.active {
  opacity: 1;
}
.box-content-timeline .owl-item {
  opacity: 0.35;
}

.box-text-title h3 {
  margin-bottom: 35px;
  font-size: 32px;
  position: relative;
}
.box-text-title h3::before {
  content: "";
  position: absolute;
  bottom: -20px;
  display: inline-block;
  width: 84px;
  border-bottom: 8px solid #F07A22;
}

.line-separate {
  width: 5px;
  height: 100px;
  background: linear-gradient(to bottom, rgb(255, 122, 0), rgba(255, 122, 29, 0));
}

.box-news {
  padding: 0;
  position: relative;
}
.box-news .box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  z-index: 100;
  background: linear-gradient(360deg, #1a1a1880, transparent);
}

.box-news .inner {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 6px 20px 0px #000;
}

.box-news.news-index .inner {
  border-radius: 0px;
  overflow: hidden;
  box-shadow: 0px 6px 20px 0px #000;
}
.box-news.news-index .inner:hover {
  box-shadow: 0px 6px 20px 0px #000;
}

.box-news .box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  z-index: 100;
  background: unset;
}

.box-news.news-index .inner:hover div.pic:before {
  /* background: #3e1c0357 !important; */
  background: linear-gradient(rgba(32, 32, 32, 0)40%, #843906);
}

.box-news .inner:hover div.pic:before {
  /* background: #3e1c0357 !important; */
  background: linear-gradient(rgba(32, 32, 32, 0)40%, #843906);
}

.box-news .inner:hover {
  box-shadow: 0px 0px 0px 3px #f07b228e;
}



.box-news .pic::before {
  content: "";
  display: block !important;
  position: absolute;
  height: 100%;
  width: 100%;
  background: linear-gradient(rgba(32, 32, 32, 0)40%, rgb(34 34 34 / 60%)80%);
  top: 0;
}

.box-news .img-fluid {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.box-news .pic {
  border-radius: 10px;
}

.box-news .pic {
  border-radius: 10px;
  position: relative;
}

.box-testimomials {
  position: relative;
  height: 100%;
}
.box-testimomials .box-testimomials-content .box-img {
  position: relative;
}
.box-testimomials .box-testimomials-content .box-img .testimomials-name {
  position: absolute;
  bottom: 0;
  padding: 15px;
}
.box-testimomials .box-testimomials-content .box-img .testimomials-name h3 {
  font-size: 32px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 600;
}
.box-testimomials .box-testimomials-content .box-content .country p {
  font-size: 14px;
}
.box-testimomials .box-testimomials-content:first-child {
  position: relative;
}

.box-nav-carousel {
  position: absolute;
  z-index: 9999;
  background: linear-gradient(to right, rgb(26, 26, 24) 19%, rgba(26, 26, 26, 0));
  width: 440px;
  height: 470px;
}
.box-nav-carousel .owl-carousel-nav {
  position: relative;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}
.box-nav-carousel .owl-carousel-nav .icon-testimomials {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .box-nav-carousel .owl-carousel-nav {
    background: unset;
    position: relative;
    height: auto;
    width: 100%;
    align-items: center;
  }
}
@media (max-width: 1199px) {
  .box-nav-carousel {
    width: 320px;
  }
}
@media (max-width: 991px) {
  .box-nav-carousel {
    background: unset;
    position: relative;
    height: auto;
    width: 100%;
  }
}

.box-members-content img {
  filter: grayscale(1);
}
.box-members-content img:hover {
  filter: unset;
}

.dot {
  height: 9px;
  width: 9px;
  border-radius: 50%;
  background-color: #F07A22;
  margin: 0px 15px;
}

.icon {
  height: 56px;
  width: 56px;
  border-radius: 50%;
  background-color: #65320b;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0px 14px 34px 0px rgba(0, 0, 0, 0.7);
}

.contact .icon i {
  font-size: 1.5rem;
}

.icon.carousel {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 999;
  top: 50%;
}
.icon.carousel.icon-right {
  right: -35px;
}
.icon.carousel.icon-left {
  left: 15px;
}
.icon i {
  color: #FFFFFF;
  font-size: 16px;
}

.box-nav-carousel-banner {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.btn.btn-xs {
  width: 16px;
  height: 16px;
  font-size: 8px;
  line-height: 16px;
}
.btn.btn-sm {
  width: 22px;
  height: 22px;
  font-size: 11px;
  line-height: 22px;
}
.btn.btn-lg {
  width: 34px;
  height: 34px;
  font-size: 17px;
  line-height: 34px;
}
.btn.btn-xs {
  font-size: 0.6875rem;
  padding: 2px 6px;
}
.btn[class*=btn-outline-]:not(.btn-yellow):not(.btn-white):hover {
  color: #FFFFFF;
}

.btn-default {
  color: #FFFFFF;
  background-color: #BCBFC7;
  border-color: #BCBFC7;
  box-shadow: none;
}
.btn-default:hover {
  color: #FFFFFF;
  background-color: #ced4da;
  border-color: #ced4da;
}
.btn-check:focus + .btn-default, .btn-default:focus {
  color: #FFFFFF;
  background-color: #ced4da;
  border-color: #ced4da;
  box-shadow: 0 0 0 0.25rem rgba(198, 201, 207, 0.5);
}
.btn-check:checked + .btn-default, .btn-check:active + .btn-default, .btn-default:active, .btn-default.active, .show > .btn-default.dropdown-toggle {
  color: #FFFFFF;
  background-color: #ced4da;
  border-color: #ced4da;
}
.btn-check:checked + .btn-default:focus, .btn-check:active + .btn-default:focus, .btn-default:active:focus, .btn-default.active:focus, .show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(198, 201, 207, 0.5);
}
.btn-default:disabled, .btn-default.disabled {
  color: #FFFFFF;
  background-color: #cdcfd5;
  border-color: #cdcfd5;
}
.btn-group > .btn + .btn-default, .input-group > .btn + .btn-default, .input-group > .btn + .dropdown-menu + .btn-default {
  border-left: 1px solid #ced4da;
}

.btn-primary {
  color: #FFFFFF;
  background-color: #F07A22;
  border-color: #F07A22;
  box-shadow: none;
}
.btn-primary:hover {
  color: #FFFFFF;
  background-color: #b45c1a;
  border-color: #b45c1a;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #FFFFFF;
  background-color: #b45c1a;
  border-color: #b45c1a;
  box-shadow: 0 0 0 0.25rem rgba(242, 142, 67, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #000000;
  background-color: #b45c1a;
  border-color: #b45c1a;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(242, 142, 67, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #000000;
  background-color: #f49b59;
  border-color: #f49b59;
}
.btn-group > .btn + .btn-primary, .input-group > .btn + .btn-primary, .input-group > .btn + .dropdown-menu + .btn-primary {
  border-left: 1px solid #b45c1a;
}

.btn-secondary {
  color: #FFFFFF;
  background-color: #1A1A18;
  border-color: #1A1A18;
  box-shadow: none;
}
.btn-secondary:hover {
  color: #FFFFFF;
  background-color: #141412;
  border-color: #141412;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #FFFFFF;
  background-color: #141412;
  border-color: #141412;
  box-shadow: 0 0 0 0.25rem rgba(60, 60, 59, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #FFFFFF;
  background-color: #141412;
  border-color: #141412;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 60, 59, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #FFFFFF;
  background-color: #535352;
  border-color: #535352;
}
.btn-group > .btn + .btn-secondary, .input-group > .btn + .btn-secondary, .input-group > .btn + .dropdown-menu + .btn-secondary {
  border-left: 1px solid #141412;
}

.btn-success {
  color: #FFFFFF;
  background-color: #69BB59;
  border-color: #69BB59;
  box-shadow: none;
}
.btn-success:hover {
  color: #FFFFFF;
  background-color: #4f8c43;
  border-color: #4f8c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #FFFFFF;
  background-color: #4f8c43;
  border-color: #4f8c43;
  box-shadow: 0 0 0 0.25rem rgba(128, 197, 114, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #FFFFFF;
  background-color: #4f8c43;
  border-color: #4f8c43;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(128, 197, 114, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #FFFFFF;
  background-color: #8fcc83;
  border-color: #8fcc83;
}
.btn-group > .btn + .btn-success, .input-group > .btn + .btn-success, .input-group > .btn + .dropdown-menu + .btn-success {
  border-left: 1px solid #4f8c43;
}

.btn-info {
  color: #FFFFFF;
  background-color: #49b6d6;
  border-color: #49b6d6;
  box-shadow: none;
}
.btn-info:hover {
  color: #FFFFFF;
  background-color: #3789a1;
  border-color: #3789a1;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #FFFFFF;
  background-color: #3789a1;
  border-color: #3789a1;
  box-shadow: 0 0 0 0.25rem rgba(100, 193, 220, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #FFFFFF;
  background-color: #3789a1;
  border-color: #3789a1;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(100, 193, 220, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #FFFFFF;
  background-color: #77c8e0;
  border-color: #77c8e0;
}
.btn-group > .btn + .btn-info, .input-group > .btn + .btn-info, .input-group > .btn + .dropdown-menu + .btn-info {
  border-left: 1px solid #3789a1;
}

.btn-warning {
  color: #FFFFFF;
  background-color: #f59c1a;
  border-color: #f59c1a;
  box-shadow: none;
}
.btn-warning:hover {
  color: #FFFFFF;
  background-color: #b87514;
  border-color: #b87514;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #FFFFFF;
  background-color: #b87514;
  border-color: #b87514;
  box-shadow: 0 0 0 0.25rem rgba(247, 171, 60, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #FFFFFF;
  background-color: #b87514;
  border-color: #b87514;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 171, 60, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #FFFFFF;
  background-color: #f8b553;
  border-color: #f8b553;
}
.btn-group > .btn + .btn-warning, .input-group > .btn + .btn-warning, .input-group > .btn + .dropdown-menu + .btn-warning {
  border-left: 1px solid #b87514;
}

.btn-danger {
  color: #FFFFFF;
  background-color: #D84E52;
  border-color: #D84E52;
  box-shadow: none;
}
.btn-danger:hover {
  color: #FFFFFF;
  background-color: #a23b3e;
  border-color: #a23b3e;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #FFFFFF;
  background-color: #a23b3e;
  border-color: #a23b3e;
  box-shadow: 0 0 0 0.25rem rgba(222, 105, 108, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #FFFFFF;
  background-color: #a23b3e;
  border-color: #a23b3e;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(222, 105, 108, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #FFFFFF;
  background-color: #e27a7d;
  border-color: #e27a7d;
}
.btn-group > .btn + .btn-danger, .input-group > .btn + .btn-danger, .input-group > .btn + .dropdown-menu + .btn-danger {
  border-left: 1px solid #a23b3e;
}

.btn-light {
  color: #FFFFFF;
  background-color: #f2f3f4;
  border-color: #f2f3f4;
  box-shadow: none;
}
.btn-light:hover {
  color: #FFFFFF;
  background-color: #b6b6b7;
  border-color: #b6b6b7;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #FFFFFF;
  background-color: #b6b6b7;
  border-color: #b6b6b7;
  box-shadow: 0 0 0 0.25rem rgba(244, 245, 246, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #FFFFFF;
  background-color: #b6b6b7;
  border-color: #b6b6b7;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(244, 245, 246, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #FFFFFF;
  background-color: #f5f6f7;
  border-color: #f5f6f7;
}
.btn-group > .btn + .btn-light, .input-group > .btn + .btn-light, .input-group > .btn + .dropdown-menu + .btn-light {
  border-left: 1px solid #b6b6b7;
}

.btn-dark {
  color: #FFFFFF;
  background-color: #202329;
  border-color: #202329;
  box-shadow: none;
}
.btn-dark:hover {
  color: #FFFFFF;
  background-color: #181a1f;
  border-color: #181a1f;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #FFFFFF;
  background-color: #181a1f;
  border-color: #181a1f;
  box-shadow: 0 0 0 0.25rem rgba(65, 68, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #181a1f;
  border-color: #181a1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 68, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #FFFFFF;
  background-color: #585a5f;
  border-color: #585a5f;
}
.btn-group > .btn + .btn-dark, .input-group > .btn + .btn-dark, .input-group > .btn + .dropdown-menu + .btn-dark {
  border-left: 1px solid #181a1f;
}

.btn-inverse {
  color: #FFFFFF;
  background-color: #2d353c;
  border-color: #2d353c;
  box-shadow: none;
}
.btn-inverse:hover {
  color: #FFFFFF;
  background-color: #22282d;
  border-color: #22282d;
}
.btn-check:focus + .btn-inverse, .btn-inverse:focus {
  color: #FFFFFF;
  background-color: #22282d;
  border-color: #22282d;
  box-shadow: 0 0 0 0.25rem rgba(77, 83, 89, 0.5);
}
.btn-check:checked + .btn-inverse, .btn-check:active + .btn-inverse, .btn-inverse:active, .btn-inverse.active, .show > .btn-inverse.dropdown-toggle {
  color: #FFFFFF;
  background-color: #22282d;
  border-color: #22282d;
}
.btn-check:checked + .btn-inverse:focus, .btn-check:active + .btn-inverse:focus, .btn-inverse:active:focus, .btn-inverse.active:focus, .show > .btn-inverse.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 83, 89, 0.5);
}
.btn-inverse:disabled, .btn-inverse.disabled {
  color: #FFFFFF;
  background-color: #62686d;
  border-color: #62686d;
}
.btn-group > .btn + .btn-inverse, .input-group > .btn + .btn-inverse, .input-group > .btn + .dropdown-menu + .btn-inverse {
  border-left: 1px solid #22282d;
}

.btn-blue {
  color: #FFFFFF;
  background-color: #0d6efd;
  border-color: #0d6efd;
  box-shadow: none;
}
.btn-blue:hover {
  color: #FFFFFF;
  background-color: #0a53be;
  border-color: #0a53be;
}
.btn-check:focus + .btn-blue, .btn-blue:focus {
  color: #FFFFFF;
  background-color: #0a53be;
  border-color: #0a53be;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-blue, .btn-check:active + .btn-blue, .btn-blue:active, .btn-blue.active, .show > .btn-blue.dropdown-toggle {
  color: #FFFFFF;
  background-color: #0a53be;
  border-color: #0a53be;
}
.btn-check:checked + .btn-blue:focus, .btn-check:active + .btn-blue:focus, .btn-blue:active:focus, .btn-blue.active:focus, .show > .btn-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-blue:disabled, .btn-blue.disabled {
  color: #FFFFFF;
  background-color: #4a92fe;
  border-color: #4a92fe;
}
.btn-group > .btn + .btn-blue, .input-group > .btn + .btn-blue, .input-group > .btn + .dropdown-menu + .btn-blue {
  border-left: 1px solid #0a53be;
}

.btn-indigo {
  color: #FFFFFF;
  background-color: #8753de;
  border-color: #8753de;
  box-shadow: none;
}
.btn-indigo:hover {
  color: #FFFFFF;
  background-color: #653ea7;
  border-color: #653ea7;
}
.btn-check:focus + .btn-indigo, .btn-indigo:focus {
  color: #FFFFFF;
  background-color: #653ea7;
  border-color: #653ea7;
  box-shadow: 0 0 0 0.25rem rgba(153, 109, 227, 0.5);
}
.btn-check:checked + .btn-indigo, .btn-check:active + .btn-indigo, .btn-indigo:active, .btn-indigo.active, .show > .btn-indigo.dropdown-toggle {
  color: #FFFFFF;
  background-color: #653ea7;
  border-color: #653ea7;
}
.btn-check:checked + .btn-indigo:focus, .btn-check:active + .btn-indigo:focus, .btn-indigo:active:focus, .btn-indigo.active:focus, .show > .btn-indigo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(153, 109, 227, 0.5);
}
.btn-indigo:disabled, .btn-indigo.disabled {
  color: #FFFFFF;
  background-color: #a57ee6;
  border-color: #a57ee6;
}
.btn-group > .btn + .btn-indigo, .input-group > .btn + .btn-indigo, .input-group > .btn + .dropdown-menu + .btn-indigo {
  border-left: 1px solid #653ea7;
}

.btn-purple {
  color: #FFFFFF;
  background-color: #727cb6;
  border-color: #727cb6;
  box-shadow: none;
}
.btn-purple:hover {
  color: #FFFFFF;
  background-color: #565d89;
  border-color: #565d89;
}
.btn-check:focus + .btn-purple, .btn-purple:focus {
  color: #FFFFFF;
  background-color: #565d89;
  border-color: #565d89;
  box-shadow: 0 0 0 0.25rem rgba(135, 144, 193, 0.5);
}
.btn-check:checked + .btn-purple, .btn-check:active + .btn-purple, .btn-purple:active, .btn-purple.active, .show > .btn-purple.dropdown-toggle {
  color: #FFFFFF;
  background-color: #565d89;
  border-color: #565d89;
}
.btn-check:checked + .btn-purple:focus, .btn-check:active + .btn-purple:focus, .btn-purple:active:focus, .btn-purple.active:focus, .show > .btn-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(135, 144, 193, 0.5);
}
.btn-purple:disabled, .btn-purple.disabled {
  color: #FFFFFF;
  background-color: #959dc8;
  border-color: #959dc8;
}
.btn-group > .btn + .btn-purple, .input-group > .btn + .btn-purple, .input-group > .btn + .dropdown-menu + .btn-purple {
  border-left: 1px solid #565d89;
}

.btn-pink {
  color: #FFFFFF;
  background-color: #fb5597;
  border-color: #fb5597;
  box-shadow: none;
}
.btn-pink:hover {
  color: #FFFFFF;
  background-color: #bc4071;
  border-color: #bc4071;
}
.btn-check:focus + .btn-pink, .btn-pink:focus {
  color: #FFFFFF;
  background-color: #bc4071;
  border-color: #bc4071;
  box-shadow: 0 0 0 0.25rem rgba(252, 111, 167, 0.5);
}
.btn-check:checked + .btn-pink, .btn-check:active + .btn-pink, .btn-pink:active, .btn-pink.active, .show > .btn-pink.dropdown-toggle {
  color: #FFFFFF;
  background-color: #bc4071;
  border-color: #bc4071;
}
.btn-check:checked + .btn-pink:focus, .btn-check:active + .btn-pink:focus, .btn-pink:active:focus, .btn-pink.active:focus, .show > .btn-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(252, 111, 167, 0.5);
}
.btn-pink:disabled, .btn-pink.disabled {
  color: #FFFFFF;
  background-color: #fc80b1;
  border-color: #fc80b1;
}
.btn-group > .btn + .btn-pink, .input-group > .btn + .btn-pink, .input-group > .btn + .dropdown-menu + .btn-pink {
  border-left: 1px solid #bc4071;
}

.btn-red {
  color: #FFFFFF;
  background-color: #D84E52;
  border-color: #D84E52;
  box-shadow: none;
}
.btn-red:hover {
  color: #FFFFFF;
  background-color: #a23b3e;
  border-color: #a23b3e;
}
.btn-check:focus + .btn-red, .btn-red:focus {
  color: #FFFFFF;
  background-color: #a23b3e;
  border-color: #a23b3e;
  box-shadow: 0 0 0 0.25rem rgba(222, 105, 108, 0.5);
}
.btn-check:checked + .btn-red, .btn-check:active + .btn-red, .btn-red:active, .btn-red.active, .show > .btn-red.dropdown-toggle {
  color: #FFFFFF;
  background-color: #a23b3e;
  border-color: #a23b3e;
}
.btn-check:checked + .btn-red:focus, .btn-check:active + .btn-red:focus, .btn-red:active:focus, .btn-red.active:focus, .show > .btn-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(222, 105, 108, 0.5);
}
.btn-red:disabled, .btn-red.disabled {
  color: #FFFFFF;
  background-color: #e27a7d;
  border-color: #e27a7d;
}
.btn-group > .btn + .btn-red, .input-group > .btn + .btn-red, .input-group > .btn + .dropdown-menu + .btn-red {
  border-left: 1px solid #a23b3e;
}

.btn-orange {
  color: #FFFFFF;
  background-color: #f59c1a;
  border-color: #f59c1a;
  box-shadow: none;
}
.btn-orange:hover {
  color: #FFFFFF;
  background-color: #b87514;
  border-color: #b87514;
}
.btn-check:focus + .btn-orange, .btn-orange:focus {
  color: #FFFFFF;
  background-color: #b87514;
  border-color: #b87514;
  box-shadow: 0 0 0 0.25rem rgba(247, 171, 60, 0.5);
}
.btn-check:checked + .btn-orange, .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active, .show > .btn-orange.dropdown-toggle {
  color: #FFFFFF;
  background-color: #b87514;
  border-color: #b87514;
}
.btn-check:checked + .btn-orange:focus, .btn-check:active + .btn-orange:focus, .btn-orange:active:focus, .btn-orange.active:focus, .show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(247, 171, 60, 0.5);
}
.btn-orange:disabled, .btn-orange.disabled {
  color: #FFFFFF;
  background-color: #f8b553;
  border-color: #f8b553;
}
.btn-group > .btn + .btn-orange, .input-group > .btn + .btn-orange, .input-group > .btn + .dropdown-menu + .btn-orange {
  border-left: 1px solid #b87514;
}

.btn-yellow {
  color: #FFFFFF;
  background-color: #ffd900;
  border-color: #ffd900;
  box-shadow: none;
}
.btn-yellow:hover {
  color: #FFFFFF;
  background-color: #bfa300;
  border-color: #bfa300;
}
.btn-check:focus + .btn-yellow, .btn-yellow:focus {
  color: #FFFFFF;
  background-color: #bfa300;
  border-color: #bfa300;
  box-shadow: 0 0 0 0.25rem rgba(255, 223, 38, 0.5);
}
.btn-check:checked + .btn-yellow, .btn-check:active + .btn-yellow, .btn-yellow:active, .btn-yellow.active, .show > .btn-yellow.dropdown-toggle {
  color: #FFFFFF;
  background-color: #bfa300;
  border-color: #bfa300;
}
.btn-check:checked + .btn-yellow:focus, .btn-check:active + .btn-yellow:focus, .btn-yellow:active:focus, .btn-yellow.active:focus, .show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 223, 38, 0.5);
}
.btn-yellow:disabled, .btn-yellow.disabled {
  color: #FFFFFF;
  background-color: #ffe340;
  border-color: #ffe340;
}
.btn-group > .btn + .btn-yellow, .input-group > .btn + .btn-yellow, .input-group > .btn + .dropdown-menu + .btn-yellow {
  border-left: 1px solid #bfa300;
}

.btn-green {
  color: #FFFFFF;
  background-color: #32a932;
  border-color: #32a932;
  box-shadow: none;
}
.btn-green:hover {
  color: #FFFFFF;
  background-color: #267f26;
  border-color: #267f26;
}
.btn-check:focus + .btn-green, .btn-green:focus {
  color: #FFFFFF;
  background-color: #267f26;
  border-color: #267f26;
  box-shadow: 0 0 0 0.25rem rgba(81, 182, 81, 0.5);
}
.btn-check:checked + .btn-green, .btn-check:active + .btn-green, .btn-green:active, .btn-green.active, .show > .btn-green.dropdown-toggle {
  color: #FFFFFF;
  background-color: #267f26;
  border-color: #267f26;
}
.btn-check:checked + .btn-green:focus, .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(81, 182, 81, 0.5);
}
.btn-green:disabled, .btn-green.disabled {
  color: #FFFFFF;
  background-color: #65bf65;
  border-color: #65bf65;
}
.btn-group > .btn + .btn-green, .input-group > .btn + .btn-green, .input-group > .btn + .dropdown-menu + .btn-green {
  border-left: 1px solid #267f26;
}

.btn-teal {
  color: #FFFFFF;
  background-color: #69BB59;
  border-color: #69BB59;
  box-shadow: none;
}
.btn-teal:hover {
  color: #FFFFFF;
  background-color: #4f8c43;
  border-color: #4f8c43;
}
.btn-check:focus + .btn-teal, .btn-teal:focus {
  color: #FFFFFF;
  background-color: #4f8c43;
  border-color: #4f8c43;
  box-shadow: 0 0 0 0.25rem rgba(128, 197, 114, 0.5);
}
.btn-check:checked + .btn-teal, .btn-check:active + .btn-teal, .btn-teal:active, .btn-teal.active, .show > .btn-teal.dropdown-toggle {
  color: #FFFFFF;
  background-color: #4f8c43;
  border-color: #4f8c43;
}
.btn-check:checked + .btn-teal:focus, .btn-check:active + .btn-teal:focus, .btn-teal:active:focus, .btn-teal.active:focus, .show > .btn-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(128, 197, 114, 0.5);
}
.btn-teal:disabled, .btn-teal.disabled {
  color: #FFFFFF;
  background-color: #8fcc83;
  border-color: #8fcc83;
}
.btn-group > .btn + .btn-teal, .input-group > .btn + .btn-teal, .input-group > .btn + .dropdown-menu + .btn-teal {
  border-left: 1px solid #4f8c43;
}

.btn-lime {
  color: #FFFFFF;
  background-color: #90ca4b;
  border-color: #90ca4b;
  box-shadow: none;
}
.btn-lime:hover {
  color: #FFFFFF;
  background-color: #6c9838;
  border-color: #6c9838;
}
.btn-check:focus + .btn-lime, .btn-lime:focus {
  color: #FFFFFF;
  background-color: #6c9838;
  border-color: #6c9838;
  box-shadow: 0 0 0 0.25rem rgba(161, 210, 102, 0.5);
}
.btn-check:checked + .btn-lime, .btn-check:active + .btn-lime, .btn-lime:active, .btn-lime.active, .show > .btn-lime.dropdown-toggle {
  color: #FFFFFF;
  background-color: #6c9838;
  border-color: #6c9838;
}
.btn-check:checked + .btn-lime:focus, .btn-check:active + .btn-lime:focus, .btn-lime:active:focus, .btn-lime.active:focus, .show > .btn-lime.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(161, 210, 102, 0.5);
}
.btn-lime:disabled, .btn-lime.disabled {
  color: #FFFFFF;
  background-color: #acd778;
  border-color: #acd778;
}
.btn-group > .btn + .btn-lime, .input-group > .btn + .btn-lime, .input-group > .btn + .dropdown-menu + .btn-lime {
  border-left: 1px solid #6c9838;
}

.btn-cyan {
  color: #FFFFFF;
  background-color: #49b6d6;
  border-color: #49b6d6;
  box-shadow: none;
}
.btn-cyan:hover {
  color: #FFFFFF;
  background-color: #3789a1;
  border-color: #3789a1;
}
.btn-check:focus + .btn-cyan, .btn-cyan:focus {
  color: #FFFFFF;
  background-color: #3789a1;
  border-color: #3789a1;
  box-shadow: 0 0 0 0.25rem rgba(100, 193, 220, 0.5);
}
.btn-check:checked + .btn-cyan, .btn-check:active + .btn-cyan, .btn-cyan:active, .btn-cyan.active, .show > .btn-cyan.dropdown-toggle {
  color: #FFFFFF;
  background-color: #3789a1;
  border-color: #3789a1;
}
.btn-check:checked + .btn-cyan:focus, .btn-check:active + .btn-cyan:focus, .btn-cyan:active:focus, .btn-cyan.active:focus, .show > .btn-cyan.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(100, 193, 220, 0.5);
}
.btn-cyan:disabled, .btn-cyan.disabled {
  color: #FFFFFF;
  background-color: #77c8e0;
  border-color: #77c8e0;
}
.btn-group > .btn + .btn-cyan, .input-group > .btn + .btn-cyan, .input-group > .btn + .dropdown-menu + .btn-cyan {
  border-left: 1px solid #3789a1;
}

.btn-white {
  color: #FFFFFF;
  background-color: #FFFFFF;
  border-color: #ced4da;
  box-shadow: none;
}
.btn-white:hover {
  color: #FFFFFF;
  background-color: #e9ecef;
  border-color: #707479;
}
.btn-check:focus + .btn-white, .btn-white:focus {
  color: #FFFFFF;
  background-color: #e9ecef;
  border-color: #707479;
  box-shadow: 0 0 0 0.25rem rgba(213, 218, 224, 0.5);
}
.btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .show > .btn-white.dropdown-toggle {
  color: #FFFFFF;
  background-color: #e9ecef;
  border-color: #707479;
}
.btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .show > .btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(213, 218, 224, 0.5);
}
.btn-white:disabled, .btn-white.disabled {
  color: #FFFFFF;
  background-color: #eff1f3;
  border-color: #94979b;
}
.btn-group > .btn + .btn-white, .input-group > .btn + .btn-white, .input-group > .btn + .dropdown-menu + .btn-white {
  border-left: 1px solid #707479;
}

.btn-gray {
  color: #FFFFFF;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: none;
}
.btn-gray:hover {
  color: #FFFFFF;
  background-color: #51585e;
  border-color: #51585e;
}
.btn-check:focus + .btn-gray, .btn-gray:focus {
  color: #FFFFFF;
  background-color: #51585e;
  border-color: #51585e;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-gray, .btn-check:active + .btn-gray, .btn-gray:active, .btn-gray.active, .show > .btn-gray.dropdown-toggle {
  color: #FFFFFF;
  background-color: #51585e;
  border-color: #51585e;
}
.btn-check:checked + .btn-gray:focus, .btn-check:active + .btn-gray:focus, .btn-gray:active:focus, .btn-gray.active:focus, .show > .btn-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-gray:disabled, .btn-gray.disabled {
  color: #FFFFFF;
  background-color: #91989e;
  border-color: #91989e;
}
.btn-group > .btn + .btn-gray, .input-group > .btn + .btn-gray, .input-group > .btn + .dropdown-menu + .btn-gray {
  border-left: 1px solid #51585e;
}

.btn-gray-dark {
  color: #FFFFFF;
  background-color: #2d353c;
  border-color: #2d353c;
  box-shadow: none;
}
.btn-gray-dark:hover {
  color: #FFFFFF;
  background-color: #22282d;
  border-color: #22282d;
}
.btn-check:focus + .btn-gray-dark, .btn-gray-dark:focus {
  color: #FFFFFF;
  background-color: #22282d;
  border-color: #22282d;
  box-shadow: 0 0 0 0.25rem rgba(77, 83, 89, 0.5);
}
.btn-check:checked + .btn-gray-dark, .btn-check:active + .btn-gray-dark, .btn-gray-dark:active, .btn-gray-dark.active, .show > .btn-gray-dark.dropdown-toggle {
  color: #FFFFFF;
  background-color: #22282d;
  border-color: #22282d;
}
.btn-check:checked + .btn-gray-dark:focus, .btn-check:active + .btn-gray-dark:focus, .btn-gray-dark:active:focus, .btn-gray-dark.active:focus, .show > .btn-gray-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 83, 89, 0.5);
}
.btn-gray-dark:disabled, .btn-gray-dark.disabled {
  color: #FFFFFF;
  background-color: #62686d;
  border-color: #62686d;
}
.btn-group > .btn + .btn-gray-dark, .input-group > .btn + .btn-gray-dark, .input-group > .btn + .dropdown-menu + .btn-gray-dark {
  border-left: 1px solid #22282d;
}

.btn-muted {
  color: #FFFFFF;
  background-color: #707479;
  border-color: #707479;
  box-shadow: none;
}
.btn-muted:hover {
  color: #FFFFFF;
  background-color: #54575b;
  border-color: #54575b;
}
.btn-check:focus + .btn-muted, .btn-muted:focus {
  color: #FFFFFF;
  background-color: #54575b;
  border-color: #54575b;
  box-shadow: 0 0 0 0.25rem rgba(133, 137, 141, 0.5);
}
.btn-check:checked + .btn-muted, .btn-check:active + .btn-muted, .btn-muted:active, .btn-muted.active, .show > .btn-muted.dropdown-toggle {
  color: #FFFFFF;
  background-color: #54575b;
  border-color: #54575b;
}
.btn-check:checked + .btn-muted:focus, .btn-check:active + .btn-muted:focus, .btn-muted:active:focus, .btn-muted.active:focus, .show > .btn-muted.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(133, 137, 141, 0.5);
}
.btn-muted:disabled, .btn-muted.disabled {
  color: #FFFFFF;
  background-color: #94979b;
  border-color: #94979b;
}
.btn-group > .btn + .btn-muted, .input-group > .btn + .btn-muted, .input-group > .btn + .dropdown-menu + .btn-muted {
  border-left: 1px solid #54575b;
}

.btn-black {
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000;
  box-shadow: none;
}
.btn-black:hover {
  color: #FFFFFF;
  background-color: black;
  border-color: black;
}
.btn-check:focus + .btn-black, .btn-black:focus {
  color: #FFFFFF;
  background-color: black;
  border-color: black;
  box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
}
.btn-check:checked + .btn-black, .btn-check:active + .btn-black, .btn-black:active, .btn-black.active, .show > .btn-black.dropdown-toggle {
  color: #FFFFFF;
  background-color: black;
  border-color: black;
}
.btn-check:checked + .btn-black:focus, .btn-check:active + .btn-black:focus, .btn-black:active:focus, .btn-black.active:focus, .show > .btn-black.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(38, 38, 38, 0.5);
}
.btn-black:disabled, .btn-black.disabled {
  color: #FFFFFF;
  background-color: #404040;
  border-color: #404040;
}
.btn-group > .btn + .btn-black, .input-group > .btn + .btn-black, .input-group > .btn + .dropdown-menu + .btn-black {
  border-left: 1px solid black;
}

.btn-silver {
  color: #FFFFFF;
  background-color: #b6c2c9;
  border-color: #b6c2c9;
  box-shadow: none;
}
.btn-silver:hover {
  color: #FFFFFF;
  background-color: #899297;
  border-color: #899297;
}
.btn-check:focus + .btn-silver, .btn-silver:focus {
  color: #FFFFFF;
  background-color: #899297;
  border-color: #899297;
  box-shadow: 0 0 0 0.25rem rgba(193, 203, 209, 0.5);
}
.btn-check:checked + .btn-silver, .btn-check:active + .btn-silver, .btn-silver:active, .btn-silver.active, .show > .btn-silver.dropdown-toggle {
  color: #FFFFFF;
  background-color: #899297;
  border-color: #899297;
}
.btn-check:checked + .btn-silver:focus, .btn-check:active + .btn-silver:focus, .btn-silver:active:focus, .btn-silver.active:focus, .show > .btn-silver.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(193, 203, 209, 0.5);
}
.btn-silver:disabled, .btn-silver.disabled {
  color: #FFFFFF;
  background-color: #c8d1d7;
  border-color: #c8d1d7;
}
.btn-group > .btn + .btn-silver, .input-group > .btn + .btn-silver, .input-group > .btn + .dropdown-menu + .btn-silver {
  border-left: 1px solid #899297;
}

.btn-gray-100 {
  color: #FFFFFF;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: none;
}
.btn-gray-100:hover {
  color: #FFFFFF;
  background-color: #babbbc;
  border-color: #babbbc;
}
.btn-check:focus + .btn-gray-100, .btn-gray-100:focus {
  color: #FFFFFF;
  background-color: #babbbc;
  border-color: #babbbc;
  box-shadow: 0 0 0 0.25rem rgba(249, 250, 251, 0.5);
}
.btn-check:checked + .btn-gray-100, .btn-check:active + .btn-gray-100, .btn-gray-100:active, .btn-gray-100.active, .show > .btn-gray-100.dropdown-toggle {
  color: #FFFFFF;
  background-color: #babbbc;
  border-color: #babbbc;
}
.btn-check:checked + .btn-gray-100:focus, .btn-check:active + .btn-gray-100:focus, .btn-gray-100:active:focus, .btn-gray-100.active:focus, .show > .btn-gray-100.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(249, 250, 251, 0.5);
}
.btn-gray-100:disabled, .btn-gray-100.disabled {
  color: #FFFFFF;
  background-color: #fafbfb;
  border-color: #fafbfb;
}
.btn-group > .btn + .btn-gray-100, .input-group > .btn + .btn-gray-100, .input-group > .btn + .dropdown-menu + .btn-gray-100 {
  border-left: 1px solid #babbbc;
}

.btn-gray-200 {
  color: #FFFFFF;
  background-color: #e9ecef;
  border-color: #e9ecef;
  box-shadow: none;
}
.btn-gray-200:hover {
  color: #FFFFFF;
  background-color: #afb1b3;
  border-color: #afb1b3;
}
.btn-check:focus + .btn-gray-200, .btn-gray-200:focus {
  color: #FFFFFF;
  background-color: #afb1b3;
  border-color: #afb1b3;
  box-shadow: 0 0 0 0.25rem rgba(236, 239, 241, 0.5);
}
.btn-check:checked + .btn-gray-200, .btn-check:active + .btn-gray-200, .btn-gray-200:active, .btn-gray-200.active, .show > .btn-gray-200.dropdown-toggle {
  color: #FFFFFF;
  background-color: #afb1b3;
  border-color: #afb1b3;
}
.btn-check:checked + .btn-gray-200:focus, .btn-check:active + .btn-gray-200:focus, .btn-gray-200:active:focus, .btn-gray-200.active:focus, .show > .btn-gray-200.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(236, 239, 241, 0.5);
}
.btn-gray-200:disabled, .btn-gray-200.disabled {
  color: #FFFFFF;
  background-color: #eff1f3;
  border-color: #eff1f3;
}
.btn-group > .btn + .btn-gray-200, .input-group > .btn + .btn-gray-200, .input-group > .btn + .dropdown-menu + .btn-gray-200 {
  border-left: 1px solid #afb1b3;
}

.btn-gray-300 {
  color: #FFFFFF;
  background-color: #dee2e6;
  border-color: #dee2e6;
  box-shadow: none;
}
.btn-gray-300:hover {
  color: #FFFFFF;
  background-color: #a7aaad;
  border-color: #a7aaad;
}
.btn-check:focus + .btn-gray-300, .btn-gray-300:focus {
  color: #FFFFFF;
  background-color: #a7aaad;
  border-color: #a7aaad;
  box-shadow: 0 0 0 0.25rem rgba(227, 230, 234, 0.5);
}
.btn-check:checked + .btn-gray-300, .btn-check:active + .btn-gray-300, .btn-gray-300:active, .btn-gray-300.active, .show > .btn-gray-300.dropdown-toggle {
  color: #FFFFFF;
  background-color: #a7aaad;
  border-color: #a7aaad;
}
.btn-check:checked + .btn-gray-300:focus, .btn-check:active + .btn-gray-300:focus, .btn-gray-300:active:focus, .btn-gray-300.active:focus, .show > .btn-gray-300.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(227, 230, 234, 0.5);
}
.btn-gray-300:disabled, .btn-gray-300.disabled {
  color: #FFFFFF;
  background-color: #e6e9ec;
  border-color: #e6e9ec;
}
.btn-group > .btn + .btn-gray-300, .input-group > .btn + .btn-gray-300, .input-group > .btn + .dropdown-menu + .btn-gray-300 {
  border-left: 1px solid #a7aaad;
}

.btn-gray-400 {
  color: #FFFFFF;
  background-color: #ced4da;
  border-color: #ced4da;
  box-shadow: none;
}
.btn-gray-400:hover {
  color: #FFFFFF;
  background-color: #9b9fa4;
  border-color: #9b9fa4;
}
.btn-check:focus + .btn-gray-400, .btn-gray-400:focus {
  color: #FFFFFF;
  background-color: #9b9fa4;
  border-color: #9b9fa4;
  box-shadow: 0 0 0 0.25rem rgba(213, 218, 224, 0.5);
}
.btn-check:checked + .btn-gray-400, .btn-check:active + .btn-gray-400, .btn-gray-400:active, .btn-gray-400.active, .show > .btn-gray-400.dropdown-toggle {
  color: #FFFFFF;
  background-color: #9b9fa4;
  border-color: #9b9fa4;
}
.btn-check:checked + .btn-gray-400:focus, .btn-check:active + .btn-gray-400:focus, .btn-gray-400:active:focus, .btn-gray-400.active:focus, .show > .btn-gray-400.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(213, 218, 224, 0.5);
}
.btn-gray-400:disabled, .btn-gray-400.disabled {
  color: #FFFFFF;
  background-color: #dadfe3;
  border-color: #dadfe3;
}
.btn-group > .btn + .btn-gray-400, .input-group > .btn + .btn-gray-400, .input-group > .btn + .dropdown-menu + .btn-gray-400 {
  border-left: 1px solid #9b9fa4;
}

.btn-gray-500 {
  color: #FFFFFF;
  background-color: #707479;
  border-color: #707479;
  box-shadow: none;
}
.btn-gray-500:hover {
  color: #FFFFFF;
  background-color: #54575b;
  border-color: #54575b;
}
.btn-check:focus + .btn-gray-500, .btn-gray-500:focus {
  color: #FFFFFF;
  background-color: #54575b;
  border-color: #54575b;
  box-shadow: 0 0 0 0.25rem rgba(133, 137, 141, 0.5);
}
.btn-check:checked + .btn-gray-500, .btn-check:active + .btn-gray-500, .btn-gray-500:active, .btn-gray-500.active, .show > .btn-gray-500.dropdown-toggle {
  color: #FFFFFF;
  background-color: #54575b;
  border-color: #54575b;
}
.btn-check:checked + .btn-gray-500:focus, .btn-check:active + .btn-gray-500:focus, .btn-gray-500:active:focus, .btn-gray-500.active:focus, .show > .btn-gray-500.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(133, 137, 141, 0.5);
}
.btn-gray-500:disabled, .btn-gray-500.disabled {
  color: #FFFFFF;
  background-color: #94979b;
  border-color: #94979b;
}
.btn-group > .btn + .btn-gray-500, .input-group > .btn + .btn-gray-500, .input-group > .btn + .dropdown-menu + .btn-gray-500 {
  border-left: 1px solid #54575b;
}

.btn-gray-600 {
  color: #FFFFFF;
  background-color: #6c757d;
  border-color: #6c757d;
  box-shadow: none;
}
.btn-gray-600:hover {
  color: #FFFFFF;
  background-color: #51585e;
  border-color: #51585e;
}
.btn-check:focus + .btn-gray-600, .btn-gray-600:focus {
  color: #FFFFFF;
  background-color: #51585e;
  border-color: #51585e;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-gray-600, .btn-check:active + .btn-gray-600, .btn-gray-600:active, .btn-gray-600.active, .show > .btn-gray-600.dropdown-toggle {
  color: #FFFFFF;
  background-color: #51585e;
  border-color: #51585e;
}
.btn-check:checked + .btn-gray-600:focus, .btn-check:active + .btn-gray-600:focus, .btn-gray-600:active:focus, .btn-gray-600.active:focus, .show > .btn-gray-600.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-gray-600:disabled, .btn-gray-600.disabled {
  color: #FFFFFF;
  background-color: #91989e;
  border-color: #91989e;
}
.btn-group > .btn + .btn-gray-600, .input-group > .btn + .btn-gray-600, .input-group > .btn + .dropdown-menu + .btn-gray-600 {
  border-left: 1px solid #51585e;
}

.btn-gray-700 {
  color: #FFFFFF;
  background-color: #495057;
  border-color: #495057;
  box-shadow: none;
}
.btn-gray-700:hover {
  color: #FFFFFF;
  background-color: #373c41;
  border-color: #373c41;
}
.btn-check:focus + .btn-gray-700, .btn-gray-700:focus {
  color: #FFFFFF;
  background-color: #373c41;
  border-color: #373c41;
  box-shadow: 0 0 0 0.25rem rgba(100, 106, 112, 0.5);
}
.btn-check:checked + .btn-gray-700, .btn-check:active + .btn-gray-700, .btn-gray-700:active, .btn-gray-700.active, .show > .btn-gray-700.dropdown-toggle {
  color: #FFFFFF;
  background-color: #373c41;
  border-color: #373c41;
}
.btn-check:checked + .btn-gray-700:focus, .btn-check:active + .btn-gray-700:focus, .btn-gray-700:active:focus, .btn-gray-700.active:focus, .show > .btn-gray-700.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(100, 106, 112, 0.5);
}
.btn-gray-700:disabled, .btn-gray-700.disabled {
  color: #FFFFFF;
  background-color: #777c81;
  border-color: #777c81;
}
.btn-group > .btn + .btn-gray-700, .input-group > .btn + .btn-gray-700, .input-group > .btn + .dropdown-menu + .btn-gray-700 {
  border-left: 1px solid #373c41;
}

.btn-gray-800 {
  color: #FFFFFF;
  background-color: #2d353c;
  border-color: #2d353c;
  box-shadow: none;
}
.btn-gray-800:hover {
  color: #FFFFFF;
  background-color: #22282d;
  border-color: #22282d;
}
.btn-check:focus + .btn-gray-800, .btn-gray-800:focus {
  color: #FFFFFF;
  background-color: #22282d;
  border-color: #22282d;
  box-shadow: 0 0 0 0.25rem rgba(77, 83, 89, 0.5);
}
.btn-check:checked + .btn-gray-800, .btn-check:active + .btn-gray-800, .btn-gray-800:active, .btn-gray-800.active, .show > .btn-gray-800.dropdown-toggle {
  color: #FFFFFF;
  background-color: #22282d;
  border-color: #22282d;
}
.btn-check:checked + .btn-gray-800:focus, .btn-check:active + .btn-gray-800:focus, .btn-gray-800:active:focus, .btn-gray-800.active:focus, .show > .btn-gray-800.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(77, 83, 89, 0.5);
}
.btn-gray-800:disabled, .btn-gray-800.disabled {
  color: #FFFFFF;
  background-color: #62686d;
  border-color: #62686d;
}
.btn-group > .btn + .btn-gray-800, .input-group > .btn + .btn-gray-800, .input-group > .btn + .dropdown-menu + .btn-gray-800 {
  border-left: 1px solid #22282d;
}

.btn-gray-900 {
  color: #FFFFFF;
  background-color: #292D35;
  border-color: #292D35;
  box-shadow: none;
}
.btn-gray-900:hover {
  color: #FFFFFF;
  background-color: #1f2228;
  border-color: #1f2228;
}
.btn-check:focus + .btn-gray-900, .btn-gray-900:focus {
  color: #FFFFFF;
  background-color: #1f2228;
  border-color: #1f2228;
  box-shadow: 0 0 0 0.25rem rgba(73, 77, 83, 0.5);
}
.btn-check:checked + .btn-gray-900, .btn-check:active + .btn-gray-900, .btn-gray-900:active, .btn-gray-900.active, .show > .btn-gray-900.dropdown-toggle {
  color: #FFFFFF;
  background-color: #1f2228;
  border-color: #1f2228;
}
.btn-check:checked + .btn-gray-900:focus, .btn-check:active + .btn-gray-900:focus, .btn-gray-900:active:focus, .btn-gray-900.active:focus, .show > .btn-gray-900.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(73, 77, 83, 0.5);
}
.btn-gray-900:disabled, .btn-gray-900.disabled {
  color: #FFFFFF;
  background-color: #5f6268;
  border-color: #5f6268;
}
.btn-group > .btn + .btn-gray-900, .input-group > .btn + .btn-gray-900, .input-group > .btn + .dropdown-menu + .btn-gray-900 {
  border-left: 1px solid #1f2228;
}

.btn-outline-default {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #BCBFC7;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #BCBFC7;
  background-color: transparent;
}
.btn-outline-default:hover {
  color: #BCBFC7;
  background-color: #BCBFC7;
  border-color: #BCBFC7;
}
.btn-outline-default:active {
  color: #BCBFC7;
  background-color: #BCBFC7;
  border-color: #BCBFC7;
}

.btn-outline-primary {
  display: inline-block;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #F07A22;
  padding: 0.5rem 1.5rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #F07A22;
  background-color: transparent;
}

.btn-outline-primary:hover {
  color: #F07A22;
  background-color: #F07A22;
  border-color: #F07A22;
}
.btn-outline-primary:active {
  color: #F07A22;
  background-color: #F07A22;
  border-color: #F07A22;
}

.btn-outline-secondary {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #1A1A18;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #1A1A18;
  background-color: transparent;
}
.btn-outline-secondary:hover {
  color: #1A1A18;
  background-color: #1A1A18;
  border-color: #1A1A18;
}
.btn-outline-secondary:active {
  color: #1A1A18;
  background-color: #1A1A18;
  border-color: #1A1A18;
}

.btn-outline-success {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #69BB59;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #69BB59;
  background-color: transparent;
}
.btn-outline-success:hover {
  color: #69BB59;
  background-color: #69BB59;
  border-color: #69BB59;
}
.btn-outline-success:active {
  color: #69BB59;
  background-color: #69BB59;
  border-color: #69BB59;
}

.btn-outline-info {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #49b6d6;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #49b6d6;
  background-color: transparent;
}
.btn-outline-info:hover {
  color: #49b6d6;
  background-color: #49b6d6;
  border-color: #49b6d6;
}
.btn-outline-info:active {
  color: #49b6d6;
  background-color: #49b6d6;
  border-color: #49b6d6;
}

.btn-outline-warning {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #f59c1a;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #f59c1a;
  background-color: transparent;
}
.btn-outline-warning:hover {
  color: #f59c1a;
  background-color: #f59c1a;
  border-color: #f59c1a;
}
.btn-outline-warning:active {
  color: #f59c1a;
  background-color: #f59c1a;
  border-color: #f59c1a;
}

.btn-outline-danger {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #D84E52;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #D84E52;
  background-color: transparent;
}
.btn-outline-danger:hover {
  color: #D84E52;
  background-color: #D84E52;
  border-color: #D84E52;
}
.btn-outline-danger:active {
  color: #D84E52;
  background-color: #D84E52;
  border-color: #D84E52;
}

.btn-outline-light {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #f2f3f4;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #f2f3f4;
  background-color: transparent;
}
.btn-outline-light:hover {
  color: #f2f3f4;
  background-color: #f2f3f4;
  border-color: #f2f3f4;
}
.btn-outline-light:active {
  color: #f2f3f4;
  background-color: #f2f3f4;
  border-color: #f2f3f4;
}

.btn-outline-dark {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #202329;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #202329;
  background-color: transparent;
}
.btn-outline-dark:hover {
  color: #202329;
  background-color: #202329;
  border-color: #202329;
}
.btn-outline-dark:active {
  color: #202329;
  background-color: #202329;
  border-color: #202329;
}

.btn-outline-inverse {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #2d353c;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #2d353c;
  background-color: transparent;
}
.btn-outline-inverse:hover {
  color: #2d353c;
  background-color: #2d353c;
  border-color: #2d353c;
}
.btn-outline-inverse:active {
  color: #2d353c;
  background-color: #2d353c;
  border-color: #2d353c;
}

.btn-outline-blue {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #0d6efd;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #0d6efd;
  background-color: transparent;
}
.btn-outline-blue:hover {
  color: #0d6efd;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-outline-blue:active {
  color: #0d6efd;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-outline-indigo {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #8753de;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #8753de;
  background-color: transparent;
}
.btn-outline-indigo:hover {
  color: #8753de;
  background-color: #8753de;
  border-color: #8753de;
}
.btn-outline-indigo:active {
  color: #8753de;
  background-color: #8753de;
  border-color: #8753de;
}

.btn-outline-purple {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #727cb6;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #727cb6;
  background-color: transparent;
}
.btn-outline-purple:hover {
  color: #727cb6;
  background-color: #727cb6;
  border-color: #727cb6;
}
.btn-outline-purple:active {
  color: #727cb6;
  background-color: #727cb6;
  border-color: #727cb6;
}

.btn-outline-pink {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #fb5597;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #fb5597;
  background-color: transparent;
}
.btn-outline-pink:hover {
  color: #fb5597;
  background-color: #fb5597;
  border-color: #fb5597;
}
.btn-outline-pink:active {
  color: #fb5597;
  background-color: #fb5597;
  border-color: #fb5597;
}

.btn-outline-red {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #D84E52;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #D84E52;
  background-color: transparent;
}
.btn-outline-red:hover {
  color: #D84E52;
  background-color: #D84E52;
  border-color: #D84E52;
}
.btn-outline-red:active {
  color: #D84E52;
  background-color: #D84E52;
  border-color: #D84E52;
}

.btn-outline-orange {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #f59c1a;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #f59c1a;
  background-color: transparent;
}
.btn-outline-orange:hover {
  color: #f59c1a;
  background-color: #f59c1a;
  border-color: #f59c1a;
}
.btn-outline-orange:active {
  color: #f59c1a;
  background-color: #f59c1a;
  border-color: #f59c1a;
}

.btn-outline-yellow {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #ffd900;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #ffd900;
  background-color: transparent;
}
.btn-outline-yellow:hover {
  color: #ffd900;
  background-color: #ffd900;
  border-color: #ffd900;
}
.btn-outline-yellow:active {
  color: #ffd900;
  background-color: #ffd900;
  border-color: #ffd900;
}

.btn-outline-green {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #32a932;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #32a932;
  background-color: transparent;
}
.btn-outline-green:hover {
  color: #32a932;
  background-color: #32a932;
  border-color: #32a932;
}
.btn-outline-green:active {
  color: #32a932;
  background-color: #32a932;
  border-color: #32a932;
}

.btn-outline-teal {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #69BB59;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #69BB59;
  background-color: transparent;
}
.btn-outline-teal:hover {
  color: #69BB59;
  background-color: #69BB59;
  border-color: #69BB59;
}
.btn-outline-teal:active {
  color: #69BB59;
  background-color: #69BB59;
  border-color: #69BB59;
}

.btn-outline-lime {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #90ca4b;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #90ca4b;
  background-color: transparent;
}
.btn-outline-lime:hover {
  color: #90ca4b;
  background-color: #90ca4b;
  border-color: #90ca4b;
}
.btn-outline-lime:active {
  color: #90ca4b;
  background-color: #90ca4b;
  border-color: #90ca4b;
}

.btn-outline-cyan {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #49b6d6;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #49b6d6;
  background-color: transparent;
}
.btn-outline-cyan:hover {
  color: #49b6d6;
  background-color: #49b6d6;
  border-color: #49b6d6;
}
.btn-outline-cyan:active {
  color: #49b6d6;
  background-color: #49b6d6;
  border-color: #49b6d6;
}

.btn-outline-white {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #FFFFFF;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #FFFFFF;
  background-color: transparent;
}
.btn-outline-white:hover {
  color: #FFFFFF;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn-outline-white:active {
  color: #FFFFFF;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.btn-outline-gray {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #6c757d;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-gray:hover {
  color: #6c757d;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-gray:active {
  color: #6c757d;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-gray-dark {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #2d353c;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #2d353c;
  background-color: transparent;
}
.btn-outline-gray-dark:hover {
  color: #2d353c;
  background-color: #2d353c;
  border-color: #2d353c;
}
.btn-outline-gray-dark:active {
  color: #2d353c;
  background-color: #2d353c;
  border-color: #2d353c;
}

.btn-outline-muted {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #707479;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #707479;
  background-color: transparent;
}
.btn-outline-muted:hover {
  color: #707479;
  background-color: #707479;
  border-color: #707479;
}
.btn-outline-muted:active {
  color: #707479;
  background-color: #707479;
  border-color: #707479;
}

.btn-outline-black {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #000000;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #000000;
  background-color: transparent;
}
.btn-outline-black:hover {
  color: #000000;
  background-color: #000000;
  border-color: #000000;
}
.btn-outline-black:active {
  color: #000000;
  background-color: #000000;
  border-color: #000000;
}

.btn-outline-silver {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #b6c2c9;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #b6c2c9;
  background-color: transparent;
}
.btn-outline-silver:hover {
  color: #b6c2c9;
  background-color: #b6c2c9;
  border-color: #b6c2c9;
}
.btn-outline-silver:active {
  color: #b6c2c9;
  background-color: #b6c2c9;
  border-color: #b6c2c9;
}

.btn-outline-gray-100 {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #f8f9fa;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-gray-100:hover {
  color: #f8f9fa;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-gray-100:active {
  color: #f8f9fa;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-gray-200 {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #e9ecef;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #e9ecef;
  background-color: transparent;
}
.btn-outline-gray-200:hover {
  color: #e9ecef;
  background-color: #e9ecef;
  border-color: #e9ecef;
}
.btn-outline-gray-200:active {
  color: #e9ecef;
  background-color: #e9ecef;
  border-color: #e9ecef;
}

.btn-outline-gray-300 {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #dee2e6;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #dee2e6;
  background-color: transparent;
}
.btn-outline-gray-300:hover {
  color: #dee2e6;
  background-color: #dee2e6;
  border-color: #dee2e6;
}
.btn-outline-gray-300:active {
  color: #dee2e6;
  background-color: #dee2e6;
  border-color: #dee2e6;
}

.btn-outline-gray-400 {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #ced4da;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #ced4da;
  background-color: transparent;
}
.btn-outline-gray-400:hover {
  color: #ced4da;
  background-color: #ced4da;
  border-color: #ced4da;
}
.btn-outline-gray-400:active {
  color: #ced4da;
  background-color: #ced4da;
  border-color: #ced4da;
}

.btn-outline-gray-500 {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #707479;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #707479;
  background-color: transparent;
}
.btn-outline-gray-500:hover {
  color: #707479;
  background-color: #707479;
  border-color: #707479;
}
.btn-outline-gray-500:active {
  color: #707479;
  background-color: #707479;
  border-color: #707479;
}

.btn-outline-gray-600 {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #6c757d;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-gray-600:hover {
  color: #6c757d;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-gray-600:active {
  color: #6c757d;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-gray-700 {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #495057;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #495057;
  background-color: transparent;
}
.btn-outline-gray-700:hover {
  color: #495057;
  background-color: #495057;
  border-color: #495057;
}
.btn-outline-gray-700:active {
  color: #495057;
  background-color: #495057;
  border-color: #495057;
}

.btn-outline-gray-800 {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #2d353c;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #2d353c;
  background-color: transparent;
}
.btn-outline-gray-800:hover {
  color: #2d353c;
  background-color: #2d353c;
  border-color: #2d353c;
}
.btn-outline-gray-800:active {
  color: #2d353c;
  background-color: #2d353c;
  border-color: #2d353c;
}

.btn-outline-gray-900 {
  display: inline-block;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  border: 1px solid #292D35;
  padding: 0.4375rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 4px;
  color: #292D35;
  background-color: transparent;
}
.btn-outline-gray-900:hover {
  color: #292D35;
  background-color: #292D35;
  border-color: #292D35;
}
.btn-outline-gray-900:active {
  color: #292D35;
  background-color: #292D35;
  border-color: #292D35;
}

.box-btn .icon-plus {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #F07A22;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}
.box-btn button:hover .icon-plus {
  background-color: #FFFFFF;
}
.box-btn button:hover .icon-plus i {
  color: #F07A22 !important;
}

input,
textarea,
select {
  color: #FFFFFF !important;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: #8b8b8b !important;
}
input:focus,
textarea:focus,
select:focus {
  box-shadow: none !important;
}

.contact input {
  height: 50px;
  background: transparent !important;
  text-transform: uppercase;
}
.contact select, .contact textarea.form-control {background: transparent !important;text-transform: uppercase;}

.event-teb {
  display: flex;
  justify-content: center;
}
.event-teb .nav-item {
  margin: 0 15px;
}
.event-teb .nav-item .nav-link.active {
  color: #FFFFFF;
  background-color: #F07A22;
  border-color: #F07A22;
}

.box-teb-event .details {
  padding: 15px 20px;
}
.box-teb-event .details .title h4 {
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2 !important;
  font-size: 20px;
}
.box-teb-event .details .text-details p {
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3 !important;
  font-size: 14px;
}

.timeline-tab {
  display: flex;
  justify-content: space-between;
}
.timeline-tab .nav-item {
  position: relative;
  display: flex;
  flex: 1;
  justify-content: center;
}

.timeline-tab .nav-item .nav-link {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #1A1A18;
  font-size: 18px;
}
.timeline-tab .nav-item:last-child:before {
  display: none;
}
.timeline-tab .nav-item .nav-link:hover, .timeline-tab .nav-item .nav-link.active {
  color: #FFFFFF;
  background-color: #F07A22;
  border-color: #F07A22;
}
.timeline-tab .nav-item .nav-link.first::before {
  content: none;
}
.timeline-tab .nav-item .nav-link::before {
  position: absolute;
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F07A22;
  left: -10px;
  top: 40px;
}
.timeline-tab .nav-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #F07A22;
  width: 100%;
  top: 50%;
  z-index: -1;
}

.aslk {
  position: relative;
}
.aslk .tglk {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

body {
  background-color: #1A1A18;
  font-family: "Poppins", sans-serif;
}

.section {
  padding: 80px 0px;
}

#btn-back-to-top {
  position: fixed;
  bottom: 11px;
  right: 20px;
  display: none;
  border-radius: 100rem;
  z-index: 999;
}

button#btn-back-to-top i {
  font-size: 1rem;
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: auto;
  margin-left: -5px;
}

/* Responsive */

@media (max-width: 1024px){
  .header .navbar .navbar-nav .nav-item .nav-link {
    color: #FFFFFF;
    font-size: 14px;
    padding: 0px;
    display: inline-block;
  }
  /* menu member */
  .button-area button.btn.active {
    background: #F07A22;
    color: #fff;
    border: unset;
    border-radius: 100px;
  }
  .second-header .button-area .btn {
      font-size: 16px;
      padding: 0;
  }
  .second-header .button-area {
    margin-bottom: 1rem;
    text-align: center;
    display: flex;
    flex-wrap: unset;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: left;
  }
  .second-header .button-area::-webkit-scrollbar {
    display: none;
  }
  .second-header .button-area .btn a {
    display: block;
    width: max-content;
    padding: 5px 10px;
  }
  .second-header .row.mb-5 {
    margin-bottom: 1.5rem !important;
  }
  /* menu member */
  
}

@media (max-width: 991px) {
  .section:nth-child(2) {
    /* margin-top: 83px; */
  }
}
.section.nofix {
  margin-top: 83px;
}

@media (max-width: 991px) {
  p {
  font-size: 14px;
  }
  .header .navbar {
    background-color: #1A1A18;
  }
  a.dropdown-item {
    font-size: 0.9rem;
    font-weight: 200;
  }

  table tr td {
    font-size: 14px;
  }
  table tr th {
    font-size: 16px;
  }

  .owl-nav {
    display: none;
  }
  .bs-stepper-header .step .step-trigger .bs-stepper-circle:before {
    /* display: none; */
  }
  .event-teb .nav-item .nav-link {
    width: 180px;
    margin-bottom: 1rem;
    line-height: 10px;
    font-size: 1rem;
    overflow: hidden;
  }
  .event-teb .nav-item {
    margin: 0 5px;
  }
  .event-teb .nav-item .nav-link.px-5{
    padding: 0.8rem 0px !important;
  }
  div#lawmsg button {
    margin-top: 1rem;
  }
  .section.input-footer .text {
    text-align: center;
  }
  .col-md-1.d-flex.align-items-center {
    justify-content: center;
  }
  .section.contact .col-lg-6.mb-3.d-flex.align-items-center.justify-content-end {
    justify-content: left !important;
  }
  .login-form {
    width: 350px !important;
  }
  .form-search input {
    border: unset;
    background: unset;
    width: 250px;
  }
  .bs-stepper .form-group .row div {
    margin-bottom: 1rem;
  }
  .bs-stepper .form-group .row {
    margin-bottom: 0rem;
  }
  .t-table .table-x {
    overflow-x: auto;
  }
  .bs-stepper-circle {
    width: 2.5em;
    height: 2.5em;
    padding: .5em 0;
    margin: .25rem;
    line-height: 1.5em;
    color: #fff;
    background-color: #6c757d;
    border-radius: 100rem;
    font-size: 1.2rem;
    font-weight: 600;
  }

  .table-headline-trans tr.headlines th {
    color: #fff;
    padding: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
  }
  .section.banner.p-0.position-relative {margin-top: 5rem;}
  .mt-5.policy {margin-top: 2rem !important;}
  p.bs-stepper-label {font-size: 14px;}
  .bs-stepper .line, .bs-stepper-line {-ms-flex-preferred-size: 20px;flex-basis: 0px;}
  .section {
    padding: 50px 0px;
  }
  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  .head-member.empty {
    display: none;
  }
  .t-table.table-headline-bg.mb-h {
    margin-top: 0;
  }
  .mb-h tr.headlines {
    background: #f07a224a !important;
  }
  .t-table.mb-h tr th {
    font-size: 1rem;
    font-weight: 500;
  }
  table tr td {
    text-align: center;
    padding: 1rem;
    color: #fff;
    font-size: 11px;
  }
  .second-header {
    padding-top: 6rem;
  }
  .second-header .button-area {
    margin-bottom: 1rem;
    text-align: center;
  }
  .form-search {
    margin: auto !important;
  }
  .t-table table {
    width: 250%;
  }
  .icon.icon-left.carousel, .icon.icon-left, .icon.icon-right {
    display: none;
  }
  .icon.icon-right.carousel {
    display: none;
  }
  .box-title-news h6 {
    font-size: 12px;
    font-weight: 400 !important;
  }
  .box-content-benfitis {
    /* position: absolute; */
    top: 0;
    left: 0;
    margin-top: 1rem;
  }
  .section.benfites.mt-5.position-relative {
    margin-top: 0 !important;
  }
  .box-nav-carousel .d-none {
    display: block !important;
  }
  .box-nav-carousel {
    text-align: center;
    order: 1;
    margin-bottom: 1rem;
  }
  .box-nav-carousel .owl-carousel-nav .icon-testimomials {
    display: none;
  }
  .col-12.box-testimomials {
    order: 2;
  }
  .section.testimomials {
    padding-top: 0;
  }
  .logo-footer img {
    width: 40%;
    text-align: start;
  }
  .logo-footer {
    margin-bottom: 1rem;
  }

  hr.dropdown-divider.border-primary.text-center {
    display: none;
  }

  .table-responsive table {
    width: 100% !important;
  }
  .step button:before {
    top: 45px;
    left: 50%;
  }
  .step:last-child button:before {
    left: -50%;
  }
  
  /* footer */
  .section.footer .row .col-lg-4 {
    width: 37%;
  }
  .section.footer .row .col-lg-4:nth-child(1) {
    width: 25%;
  }
  .logo-footer img {
    width: 70%;
    text-align: start;
  }
  .section.input-footer .row div:nth-child(1) {
    width: 100% !important;
    text-align: left;
  }
  .section.input-footer .row div:nth-child(2), .section.input-footer .row div:nth-child(3) {
    width: 40%;
  }
  .section.input-footer .row div:nth-child(4) {
    width: 20%;
  }
  .section.input-footer .row {
    align-items: start;
  }
  .logo-footer img {
    width: 70%;
    text-align: start;
  }
  .second-header .row.mb-5 .col-md-6 {
    width: 100%;
  }
  .input-footer button.btn.btn-primary {
    padding: 0px 1rem;
  }
    /* menu member */
    .second-header .row.mb-5 .col-md-6 {
      width: 100%;
    }
    .button-area button.btn.active {
      background: #F07A22;
      color: #fff;
      border: unset;
      border-radius: 100px;
    }
    .second-header .button-area .btn {
        font-size: 14px;
        padding: 0;
    }
    .second-header .button-area {
      margin-bottom: 1rem;
      text-align: center;
      display: flex;
      flex-wrap: unset;
      overflow-x: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none;
      justify-content: center;
    }
    .second-header .button-area::-webkit-scrollbar {
      display: none;
    }
    .second-header .button-area .btn a {
      display: block;
      width: max-content;
      padding: 5px 10px;
    }
    .second-header .row.mb-5 {
      margin-bottom: 1.5rem !important;
    }
    /* menu member */

    .row.service-licens .col-sm-6.col-6 {
      width: 100% !important;  
    }
    .row.service-licens .col-sm-6.col-6.ps-4 {
      padding: 14px !important;
    }

}

@media (max-width: 450px) {
  .modal.show .modal-dialog {
    transform: none;
    padding: 0px 10px;
  }
  p {
    font-size: 14px !important;
  }
  .table-d-directory.table-responsive table {
    width: 100% !important;
    font-size: 1rem !important;
  }
  .table-responsive table {
    width: 250% !important;
  }
  .step button:before {
    top: 33px;
  }
  .section.input-footer .col-lg-1.d-flex.align-items-center {
    justify-content: center;
  }
  .section.input-footer.p-0.py-3 {
    padding: 30px 50px !important;
  }
  .section.input-footer .row div:nth-child(n+1) {
    width: 100%;
  }
  .tab-content.mt-5 {
    margin-top: 1rem !important;
  }
  .input-footer {
    background: linear-gradient(to bottom, rgb(240, 122, 34), rgba(0, 0, 0, 0));
  }
  .section.input-footer .box-btn .btn {
    background: #e47422;
    width: 100%;
    border: 1px solid #9f4c18;
  }
  .timeline-tab .nav-item .nav-link {
    width: 60px;
    height: 60px;
  }
  .timeline-tab .nav-item .nav-link::before {
    top: 25px;
  }

  .box-text-contact-details .d-flex h6 {
    width: 37%;
  }
  .box-text-contact-details .d-flex h6 span{
    display: none;
  }
  .box-text-contact-details .d-flex.align-items-center{
    align-items: top !important;
  }

  /* Footer */
  .section.footer .row .col-lg-4 {
    width: 100% !important;
  }
  .logo-footer img {
    width: 40%;
    text-align: start;
  }
  /* Footer */

  /* Search */
  .form-search {
    background-color: #fff;
    width: 100%;
    border-radius: 100px;
    padding: 7px 10px;
    margin: auto;
    margin-right: 0;
  }
  .form-search input {
    border: unset;
    background: unset;
    width: 90%;
  }
  /* Search */
  /* menu member */
  .second-header .button-area {
    justify-content: left !important;
  }
 
  /* menu member */

  .step button {
    position: relative;
    width: 100%;
    padding: 15px 0px !important;
  }
  .bs-stepper-label {
    display: block;
    margin: 0.5rem 0.1rem;
    width: fit-content;
    font-size: 9.5px !important;
  }

 



}

@media (max-width: 320px) {
  .header .navbar .logo {
    max-width: 72px;
  }
  a.navbar-brand {
    margin: 0;
  }
}