body {
  color: #3C4048 !important;
}

.active {
  color: #b8631c !important;
  font-weight: bold;
}

.actives {
  background-color: #b8631c !important;
  color: #ffffff !important;
}

.btn-light {
  font-size: 14px !important;
}

.btn-primary {
  border: #3C4048;
  background-color: #b8631c;
  color: #ffffff;
  font-size: 14px !important;
}

.btn-primary:hover {
  background-color: #3C4048 !important;
}

.btn-outline-primary {
  border: #3C4048;
  background-color: #ffd9ba;
  color: #ffffff;
  font-size: 14px !important;
}

.btn-outline-primary:hover {
  background-color: #3C4048 !important;
}

.btn-primary.actives {
  border: none;
  color: #ffffff !important;
}

.btn-primary.actives:hover {
  background-color: #3C4048 !important;
}

.section-carousel {
  z-index: 0 !important;
  display: block;
}

.bread-crumb {
  text-decoration: none !important;
  color: #3C4048;
}

.bread-crumb:hover {
  color: #b8631c;
}

.table-penjualan .table thead tr th {
  font-weight: bold;
  font-size: 14px;
}

.table-penjualan .table tbody tr td {
  font-size: 14px !important;
}

.card-penjualan {
  font-size: 14px;
}

.pagination .page-item {
  border: none;
}

.pagination .page-item .page-link {
  color: #3C4048;
}

.pagination .page-item .page-link:hover {
  background-color: #b8631c;
  color: #ffffff;
}

.section-detailbanner .row .col-lg-6 {
  font-size: 14px;
}

.section-progressbar #form {
  text-align: center;
  position: relative;
  margin-top: 20px;
}

.section-progressbar #form fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  font-size: 14px;
}

.section-progressbar .finish {
  text-align: center;
}

.section-progressbar #form fieldset:not(:first-of-type) {
  display: none;
}

.section-progressbar #form .previous-step, .section-progressbar .next-step {
  width: 120px;
  color: white;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  padding: 7px 5px;
  margin: 7px 5px 7px 0px;
  float: right;
}

.section-progressbar .form, .section-progressbar .previous-step {
  background: #616161;
}

.section-progressbar .form, .section-progressbar .next-step {
  background: #b8631c;
}

.section-progressbar #form .previous-step:hover,
.section-progressbar #form .previous-step:focus {
  background-color: #3C4048;
}

.section-progressbar #form .next-step:hover,
.section-progressbar #form .next-step:focus {
  background-color: #3C4048;
}

.section-progressbar .text {
  color: #b8631c;
  font-weight: normal;
}

.section-progressbar #progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: #B2B2B2;
}

.section-progressbar #progressbar .active {
  color: #b8631c;
}

.section-progressbar #progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: 400;
}

.section-progressbar #progressbar #step1:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.section-progressbar #progressbar #step2:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.section-progressbar #progressbar #step3:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f3c1";
}

.section-progressbar #progressbar #step4:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
}

.section-progressbar #progressbar #step5:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
}

.section-progressbar #progressbar #step6:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
}

.section-progressbar #progressbar #step7:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
}

.section-progressbar #progressbar #step8:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f023";
}

.section-progressbar #progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
}

.section-progressbar #progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}

.section-progressbar #progressbar li.active:before,
.section-progressbar #progressbar li.active:after {
  background: #b8631c;
}

.section-progressbar .progress {
  height: 10px;
}

.section-progressbar .progress-barlevel {
  background-color: #b8631c;
}

.section-statuslevel #form {
  text-align: center;
  position: relative;
  margin-top: 20px;
}

.section-statuslevel #form fieldset {
  background: white;
  border: 0 none;
  border-radius: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  position: relative;
  font-size: 14px;
}

.section-statuslevel .finish {
  text-align: center;
}

.section-statuslevel #form fieldset:not(:first-of-type) {
  display: none;
}

.section-statuslevel #form .previous-step, .section-statuslevel .next-step {
  width: 120px;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px 10px 0px;
  float: right;
}

.section-statuslevel .form, .section-statuslevel .previous-step {
  background: #616161;
}

.section-statuslevel .form, .section-statuslevel .next-step {
  background: #b8631c;
}

.section-statuslevel #form .previous-step:hover,
.section-statuslevel #form .previous-step:focus {
  background-color: #3C4048;
}

.section-statuslevel #form .next-step:hover,
.section-statuslevel #form .next-step:focus {
  background-color: #3C4048;
}

.section-statuslevel .text {
  color: #b8631c;
  font-weight: normal;
}

.section-statuslevel #progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey;
}

.section-statuslevel #progressbar .active {
  color: #b8631c;
}

.section-statuslevel #progressbar li {
  list-style-type: none;
  font-size: 15px;
  width: 25%;
  float: left;
  position: relative;
  font-weight: 400;
}

.section-statuslevel #progressbar #step1:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.section-statuslevel #progressbar #step2:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.section-statuslevel #progressbar #step3:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.section-statuslevel #progressbar #step4:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.section-statuslevel #progressbar #step5:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.section-statuslevel #progressbar #step6:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.section-statuslevel #progressbar #step7:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
}

.section-statuslevel #progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 20px;
  color: #ffffff;
  background: lightgray;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
}

.section-statuslevel #progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}

.section-statuslevel #progressbar li.active:before,
.section-statuslevel #progressbar li.active:after {
  background: #b8631c;
}

.section-statuslevel .progress {
  height: 10px;
}

.section-statuslevel .progress-bar {
  background-color: #b8631c;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-notif .d-lg-block .d-flex .icon-notif .fa-bell {
    width: 65px;
  }
  .section-notif .d-lg-block .d-flex .description-notif {
    font-size: 12px !important;
  }
  .section-notif .d-lg-block .d-flex .button-notif .btn-primary {
    font-size: 14px !important;
  }
}
/*# sourceMappingURL=main.css.map */