body {
  font-family: 'Verdana';
  color: #414042;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a, a:hover, .mv-carousel-item a:hover {
  color: #f7941d;
}
a:hover {
  text-decoration: none;
}

.bg-light {
  background-color: #fff !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-primary.disabled, .btn-primary:disabled {
  background-color: #f7941d;
  border-color: #f7941d;
  color: #000;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  background-color: #000;
  border-color: #000;
}

.alert, .selectize-input, .selectize-dropdown {
  border-radius: 0;
}

.alert-primary {
  background-color: #f7941d;
  border-color: #f7941d;
  color: #000;
}

.modal-content {
  border-radius: 0;
}

.table td, .table th {
  padding: 7.5px 2px;
}

.mb-10 {
  margin-bottom: 10px;
}

.w-20 {
  width: 20px;
}

.fs-14 {
  font-size: 14px;
}

.selectize-input {
  padding-top: 9px;
  padding-bottom: 9px;
}

.break-all {
  word-break: break-all;
}

.ws-normal {
  white-space: normal;
}

.navbar-brand img {
  max-height: 60px;
}

.navbar-light .navbar-toggler {
  border: none;
}

.navbar-nav {
  /* margin-right: 20px; */
  margin-right: auto;
}

.navbar-light .navbar-nav .nav-link {
  color: #414042;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(65, 64, 66, 0.7);
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active {
  font-weight: bold;
  border-bottom: 4px solid #f7941d;
}

.dropdown-menu {
  border-radius: 0;
  background-color: #000;
  border-color: #000;
}

.dropdown-item {
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-left: 0;
  margin: 0 1.5rem;
  width: auto;
}
.dropdown-item:last-child {
  border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #f7941d;
  background: none;
}

.dropdown-item.active, .dropdown-item:active {
  background: none;
  font-weight: bold;
  color: #f7941d;
}

.navbar-collapse .input-group {
  max-width: 175px;
}

#search {
  border-radius: 0;
  background-color: #ccc;
  border-color: #ccc;
  color: #818181;
}

.navbar-collapse .input-group-append {
  background-color: #898989;
}

#search-submit img {
  padding: 9px 9px 9px 10px;
}

.horizontal-bar {
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  background-color: #f7941d;
}

.hb-left {
  background-color: #000;
  width: 50%;
  height: 6px;
}

.content {
  background-image: url('/img/content_background.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  margin-top: 92px;
  padding: 50px 0;
}

.category-name, .mv-carousel-item a, .mineral-item {
  color: #414042;
}

#home-carousel.owl-carousel .owl-nav button.owl-next, #home-carousel.owl-carousel .owl-nav button.owl-prev {
  color: rgba(255, 255, 255, 0.5);
  font-size: 150px;
  position: absolute;
  top: 12.5%;
}

#home-carousel.owl-carousel .owl-nav button.owl-next {
  right: 0;
}

.mv-carousel-item {
  text-align: center;
  margin: 0 10px;
}

#mv-carousel h6, .mineral-item h6 {
  margin-bottom: .25rem;
  text-transform: uppercase;
}

#mv-carousel h6, .mi-title {
  font-size: 14px;
}

.mi-des {
  font-size: 12px;
}

.main-filter {
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.sc-bg {
  background-image: url('/img/steam_coal.jpg');
}

.mpc-bg {
  background-image: url('/img/mmpp_coal.jpg');
}

.mc-bg {
  background-image: url('/img/met_coal.jpg');
}

.a-bg {
  background-image: url('/img/andesite.jpg');
}

.g-bg {
  background-image: url('/img/granite.jpg');
}

.mf-content {
  background-color: #f7941d;
  text-align: center;
  max-width: 200px;
  margin-left: auto;
  padding: 45px 0;
  color: #000;
}

.a-bg .mf-content, .g-bg .mf-content {
  max-width: 250px;
}

.mf-content h6 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.mf-content .input-group {
  max-width: 150px;
  margin: 0 auto;
}

.a-bg .input-group, .g-bg .input-group {
  max-width: 200px;
}

.mf-content .form-control {
  border-radius: 0;
}

.la-range {
  font-size: 50px;
  line-height: 30px;
}

.mf-content .input-group-append, .filter-content .input-group-append {
  background-color: #7f7f7f;
}

.filter-content .input-group-append {
  border: 1px solid #ced4da;
}

.a-bg .input-group-append {
  margin-left: 4px;
}

#cv_gar_submit img, #la_abrassion_submit img, #nama_owner_submit img, #csn_submit img {
  padding: 10px 10px 10px 12.5px;
}

.order, .page {
  font-weight: bold;
  font-size: 14px;
  display: inline;
  margin-right: 1rem;
}

#order, #page {
  width: auto;
  border-radius: 0;
  display: inline;
}

.filter, .owner-info {
  background-color: #e1e1e1;
}

.filter-content, .oi-content {
  padding: 25px;
  color: #000;
}

.filter-content h6, .filter-content h3 {
  font-weight: bold;
}

.filter-content h6 {
  font-size: 14px;
}

.filter-content h3 {
  margin-bottom: 44px;
}

.filter-title {
  text-align: center;
  border-top: 2px solid #c3c3c3;
  border-bottom: 2px solid #c3c3c3;
  padding: 15px 0;
  margin-bottom: 25px;
}

.filter-content .form-control {
  border-radius: 0;
}

#product-carousel, #engineer-carousel {
  margin-bottom: 10px;
}

#product-carousel.owl-carousel .owl-item img, #thumbnail-carousel.owl-carousel .owl-item img, .owner-logo, .ol-logo, .mv-carousel-item img, .mineral-item img, #engineer-carousel.owl-carousel .owl-item img, #engineer-thumbnail-carousel.owl-carousel .owl-item img, .company-logo {
  border: 1px solid #c3c3c3;
}

#product-carousel h5, #engineer-carousel h5 {
  position: absolute;
  top: 5px;
  left: 5px;
  margin: 0;
  text-transform: uppercase;
  background-color: #e1e1e1;
  color: #000;
  padding: 10px 15px;
  font-size: 1rem;
}

.class-icon {
  list-style-image: url('/img/class.png');
}

.subclass-1-icon {
  list-style-image: url('/img/subclass_1.png');
}

.subclass-2-icon {
  list-style-image: url('/img/subclass_2.png');
}

.lightbox .lb-image {
  border-radius: 0;
}

.lb-data .lb-caption {
  text-transform: uppercase;
}

.thumbnail-carousel-item {
  margin: 0 4px;
}

.mineral-details.table td, .mineral-details.table th {
  border-color: #c3c3c3;
  font-size: 14px;
}

.mineral-details.table th {
  padding-left: 0;
}

.bottom-detail {
  border-bottom: 1px solid #c3c3c3;
}

.owner-logo {
  padding: 65px 0;
}

.oi-content a h6 {
  color: #000;
  font-weight: bold;
}

.oi-content p {
  border-bottom: 2px solid #c3c3c3;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.od-alamat {
  width: 100px;
}

.od-info {
  width: 15px;
}

.owner-mineral {
  font-weight: bold;
  background-color: #f7941d;
  color: #fff;
  padding: 10px 20px;
  margin-bottom: 1.5rem;
}

.company-clients {
  margin: 0 20px 24px;
}

.list-img {
  width: 100%;
  border: 1px solid #c3c3c3;
  margin-bottom: 10px;
}

.no-result {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.search-page .page, .search-page #page {
  float: none;
  display: inline;
}

.gmaps {
  width: 100%;
  height: 450px;
  border: none;
  margin-bottom: 1rem;
}

.alert-primary ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.contact-form {
  border-radius: 0;
}

.chart-legend {
  font-size: 8px;
  font-weight: 700;
}

.table.company-table td {
  padding: .3rem;
}

.engineer-details th {
  text-transform: uppercase;
}

#chart {
  margin: -35px 0 -70px;
}

#mChart {
  margin: -35px 0;
}

.universities tr:first-child th, .universities tr:first-child td {
  border-top: none;
}

#foto, #selfie, #srtf {
  min-height: 135px;
}

.form-text {
  display: inline-block;
  cursor: pointer;
  border-bottom: 1px dotted;
}

.list-group-item:first-child, .list-group-item:last-child {
  border-radius: 0;
}

.list-group-item.active {
  background-color: #f7941d;
  border-color: #f7941d;
}

#qpc .form-group, #cqc .form-group, #sc_1 .form-group, #sc_2 .form-group, #sc_3 .form-group, #sc_4 .form-group, #sc_5 .form-group, #sc_6 .form-group, #sc_7 .form-group, #sc_8 .form-group, #mac_1 .form-group, #mac_2 .form-group, #wrs_3 .form-group, #wrs_4 .form-group, #wrs_1 .form-group, #bs .form-group, #bc .form-group, #wrs_2 .form-group, #mfs .form-group {
  margin-bottom: .25rem;
}

#wrs_4 .col-form-label, #wrs_4 .mw-99, #wrs_4_calc, #wrs_4 .form-control {
  font-size: 13px;
  padding-top: 10px;
}

.mw-99, .mw-116 {
  border-radius: 0;
  justify-content: flex-end;
}

.mw-99 {
  min-width: 85px;
}

.mw-116 {
  min-width: 116px;
}

.calc-result {
  background-color: #f7941d;
  color: #000;
}

#bs .calc-result {
  background: none;
  color: #414042;
}

.solution-bottom-card {
  background-color: #e9ecef;
  border-bottom-color: #ced4da;
}

#solution-email-modal, #bc-save-modal, #bc-save, #bc-cancel, #bc-load-modal, #bc-load, #bc-load-cancel, #bc_nama, #bc_id, #bs-save-modal, #bs-save, #bs-cancel, #bs-load-modal, #bs-load, #bs-load-cancel, #bs_nama, #bs_id, #qpc-save-modal, #qpc-save, #qpc-cancel, #qpc-load-modal, #qpc-load, #qpc-load-cancel, #qpc_nama, #qpc_id, #cqc-save-modal, #cqc-save, #cqc-cancel, #cqc-load-modal, #cqc-load, #cqc-load-cancel, #cqc_nama, #cqc_id, #mac_1-save-modal, #mac_1-save, #mac_1-cancel, #mac_1-load-modal, #mac_1-load, #mac_1-load-cancel, #mac_1_nama, #mac_1_id, #mac_2-save-modal, #mac_2-save, #mac_2-cancel, #mac_2-load-modal, #mac_2-load, #mac_2-load-cancel, #mac_2_nama, #mac_2_id, #sc_1-save-modal, #sc_1-save, #sc_1-cancel, #sc_1-load-modal, #sc_1-load, #sc_1-load-cancel, #sc_1_nama, #sc_1_id, #sc_2-save-modal, #sc_2-save, #sc_2-cancel, #sc_2-load-modal, #sc_2-load, #sc_2-load-cancel, #sc_2_nama, #sc_2_id, #sc_3-save-modal, #sc_3-save, #sc_3-cancel, #sc_3-load-modal, #sc_3-load, #sc_3-load-cancel, #sc_3_nama, #sc_3_id, #sc_4-save-modal, #sc_4-save, #sc_4-cancel, #sc_4-load-modal, #sc_4-load, #sc_4-load-cancel, #sc_4_nama, #sc_4_id, #sc_5-save-modal, #sc_5-save, #sc_5-cancel, #sc_5-load-modal, #sc_5-load, #sc_5-load-cancel, #sc_5_nama, #sc_5_id, #sc_6-save-modal, #sc_6-save, #sc_6-cancel, #sc_6-load-modal, #sc_6-load, #sc_6-load-cancel, #sc_6_nama, #sc_6_id, #sc_7-save-modal, #sc_7-save, #sc_7-cancel, #sc_7-load-modal, #sc_7-load, #sc_7-load-cancel, #sc_7_nama, #sc_7_id, #sc_8-save-modal, #sc_8-save, #sc_8-cancel, #sc_8-load-modal, #sc_8-load, #sc_8-load-cancel, #sc_8_nama, #sc_8_id, #wrs_1-save-modal, #wrs_1-save, #wrs_1-cancel, #wrs_1-load-modal, #wrs_1-load, #wrs_1-load-cancel, #wrs_1_nama, #wrs_1_id, #wrs_2-save-modal, #wrs_2-save, #wrs_2-cancel, #wrs_2-load-modal, #wrs_2-load, #wrs_2-load-cancel, #wrs_2_nama, #wrs_2_id, #wrs_3-save-modal, #wrs_3-save, #wrs_3-cancel, #wrs_3-load-modal, #wrs_3-load, #wrs_3-load-cancel, #wrs_3_nama, #wrs_3_id, #wrs_4-save-modal, #wrs_4-save, #wrs_4-cancel, #wrs_4-load-modal, #wrs_4-load, #wrs_4-load-cancel, #wrs_4_nama, #wrs_4_id, #mfs_1-save-modal, #mfs_1-save, #mfs_1-cancel, #mfs_1-load-modal, #mfs_1-load, #mfs_1-load-cancel, #mfs_1_nama, #mfs_1_id, #mfs_2-save-modal, #mfs_2-save, #mfs_2-cancel, #mfs_2-load-modal, #mfs_2-load, #mfs_2-load-cancel, #mfs_2_nama, #mfs_2_id, #mfs_3-save-modal, #mfs_3-save, #mfs_3-cancel, #mfs_3-load-modal, #mfs_3-load, #mfs_3-load-cancel, #mfs_3_nama, #mfs_3_id {
  text-transform: uppercase;
}

.footer {
  background-color: #000;
  color: #fff;
  border-top: 11px solid #f7941d;
  padding: 35px 0;
}

.subscribe {
  font-size: 14px;
}

.forgot-password {
  display: block;
  text-align: right;
  margin-top: 5px;
}
.forgot-password:hover, .forgot-password:focus {
  text-decoration: underline;
}

#email, #email-submit, #forgot-password-modal .btn {
  border-radius: 0;
}

#email {
  font-style: italic;
}

.about-list {
  list-style: none;
  padding: 0;
}

.about-list a {
  color: #fff;
}

.copyright {
  font-size: 11px;
  margin-top: 1rem;
}

.sosmed-icon {
  margin-right: 10px;
}

#disclaimer-modal, #engineer-disclaimer-modal {
  background-color: rgba(0, 0, 0, .5);
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #f7941d;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 4px;
}

.loader-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
  z-index: 99999;
  display: none;
}

.loader-wrapper.show {
  display: block;
}

.loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1rem solid #e9ecef;
  border-radius: 50%;
  border-top: 1rem solid #f7941d;
  width: 100px;
  height: 100px;
  margin: auto;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (max-width: 767.98px) {
  .navbar-nav {
    margin-bottom: .5rem;
  }

  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    border: none;
  }

  .navbar-collapse .input-group {
    max-width: 100%;
  }

  #home-carousel.owl-carousel .owl-nav button.owl-next, #home-carousel.owl-carousel .owl-nav button.owl-prev {
    font-size: 75px;
  }

  .mv-carousel-item {
    margin: 0 5px;
  }

  .mf-content, .a-bg .mf-content, .g-bg .mf-content {
    max-width: 100%;
  }

  .order {
    margin: 0 0 .5rem 0;
  }

  #order {
    width: 100%;
  }

  .mineral-details {
    margin-bottom: 27.5px;
  }

  .owner-logo {
    padding: 0;
  }

  .search-page .page, .search-page #page {
    width: auto;
  }

  .search-page .page {
    position: static;
  }

  .search-page #page {
    margin: 0;
  }

  .filter-content h3 {
    margin-bottom: 1rem;
  }

  #cqc .col-form-label, #cqc h6 {
    font-size: 15px;
  }

  /* #cqc .col-form-label {
    padding-top: 10px;
  }

  #cqc .col-form-label {
    max-height: 38px;
  } */

  #sc_1 .col-form-label, #sc_2 .col-form-label, #sc_1_calc, #sc_2_calc, #bs .col-form-label, #bs_calc {
    font-size: 12px;
  }

  #sc_1 .col-form-label, #sc_2 .col-form-label, #sc_3 .col-form-label, #sc_4 .col-form-label, #sc_5 .col-form-label, #sc_6 .col-form-label, #sc_7 .col-form-label, #sc_8 .col-form-label, #mac_1 .col-form-label, #wrs_3 .col-form-label, #wrs_4 .col-form-label, #wrs_1 .col-form-label, #bs .col-form-label, #bc .col-form-label, #wrs_2 .col-form-label, #mfs .col-form-label {
    padding-top: 10px;
  }

  #sc_3 .col-form-label, #sc_3_calc, #sc_5 .col-form-label, #sc_5_calc, #wrs_2 .col-form-label, #wrs_2_calc {
    font-size: 10px;
  }

  #sc_4 .col-form-label, #sc_4_calc, #sc_6 .col-form-label, #sc_6_calc, #sc_7 .col-form-label, #sc_7_calc, #sc_8 .col-form-label, #sc_8_calc, #wrs_1 .col-form-label, #wrs_1 h6, #wrs_1_calc {
    font-size: 11px;
  }

  #mac_1 .col-form-label, #mac_1_calc, #wrs_3 .col-form-label, #wrs_3_calc, #wrs_4 .col-form-label, #wrs_4_calc, #bc .col-form-label, #bc h6, #bc_calc, #bc .mw-99, #mfs .col-form-label, #mfs_calc_or, #mfs_calc_coal_capacity, #mfs_calc_ob_capacity, #mfs h6, #mfs .mw-99 {
    font-size: 9px;
  }

  #bc .mw-99, #mfs .mw-99 {
    min-width: 55px;
  }

  #wrs_2_water_flow_label {
    padding-top: 5px !important;
    padding-bottom: 0;
  }

  #wrs_3_water_flow_label, #mfs_change_shift_loss_hour_label, #mfs_coal_haul_distance_rom_cpp_label, #mfs_estimated_biggest_coal_fleet_label, #mfs_estimated_biggest_ob_fleet_label, #wrs_4_estimated_groundwater_flow_label {
    padding-top: 7.5px !important;
    padding-bottom: 0;
  }

  #wrs_4 .mw-99 {
    font-size: 11px;
    min-width: 73px;
  }

  #mac_2 .col-form-label, #mac_2_calc, #mac_2 h6, #mac_2 .calc-result {
    font-size: 12px;
  }

  #sc_1 .calc-result, #sc_2 .calc-result, #sc_3 .calc-result, #sc_4 .calc-result, #sc_5 .calc-result, #sc_6 .calc-result, #sc_7 .calc-result, #sc_8 .calc-result {
    font-size: 15px;
    padding-top: 7.5px;
  }

  #mac_2 .calc-result, #bs .calc-result {
    line-height: 16px;
    padding-top: 3px;
    padding-bottom: 0;
  }

  .mw-116 {
    min-width: 77px;
    font-size: 9px;
  }

  #wrs_3 .mw-99 {
    min-width: 62px;
    font-size: 11px;
  }

  .copyright {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }

  .navbar-light .navbar-nav .nav-link {
    font-size: 15px;
  }
}