@charset "UTF-8";
/* Import custom styles (these are your own custom styles) */
/* resources/sass/variables.sass */
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body[data-sidebar=user] .form-control {
  border-radius: 25px;
}
body[data-sidebar=user] .form-control::-moz-placeholder {
  color: #adb5bd;
}
body[data-sidebar=user] .form-control::placeholder {
  color: #adb5bd;
}
body[data-sidebar=user] .form-control:focus {
  box-shadow: none;
  border-color: #B88C56;
}
body[data-sidebar=user] .form-control.btn {
  margin-bottom: 1rem;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  width: 100%;
  min-width: 150px;
  text-align: center;
  box-sizing: border-box;
  max-width: 100%;
  text-decoration: none;
}
@media only screen and (max-width: 991px) {
  body[data-sidebar=user] .form-control.btn {
    min-width: 100px;
  }
}
body[data-sidebar=user] .form-control.btn:active {
  background-color: #B88C56;
  color: #fff;
  border-color: #B88C56;
}
body[data-sidebar=user] .btn, body[data-sidebar=user] a.btn {
  border-radius: 25px;
  display: inline-block;
}
body[data-sidebar=user] .btn.active, body[data-sidebar=user] a.btn.active {
  background-color: #B88C56;
  color: #fff;
}
body[data-sidebar=user] .btn.active:hover, body[data-sidebar=user] a.btn.active:hover {
  color: #fff;
}
body[data-sidebar=user] .btn-active, body[data-sidebar=user] a.btn-active {
  background-color: #B88C56;
  color: #fff;
  border-color: #B88C56;
}
body[data-sidebar=user] .btn:hover, body[data-sidebar=user] a.btn:hover {
  border-color: #B88C56;
  color: #B88C56;
}
body[data-sidebar=user] .btn.disabled, body[data-sidebar=user] a.btn.disabled {
  color: #ccc;
  background-color: transparent;
}
body[data-sidebar=user] .btn-outline, body[data-sidebar=user] a.btn-outline {
  background-color: transparent;
  color: #B88C56;
  border-color: #B88C56;
}
body[data-sidebar=user] .btn-outline:hover, body[data-sidebar=user] a.btn-outline:hover {
  background-color: #B88C56;
  color: #fff;
}
body[data-sidebar=user] .password-toggle {
  position: absolute;
  right: 0.75rem;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  color: #6c757d;
}
body[data-sidebar=user] .password-toggle:hover, body[data-sidebar=user] .password-toggle:focus {
  background-color: transparent;
  box-shadow: none;
}
body[data-sidebar=user] .btn-close:focus {
  box-shadow: none;
}

.btn-circle {
  width: 32px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.btn {
  min-height: 32px;
}

.btn-icon-split {
  padding: 0;
  overflow: hidden;
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
}
.btn-icon-split .icon {
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  padding: 3px 12px;
  align-items: center;
}
.btn-icon-split .icon.icon_check {
  width: 37px;
}
.btn-icon-split.collapsed .fa-search-minus:before {
  content: "\f00e";
}
.btn-icon-split .text {
  display: inline-block;
  padding: 0.35rem 0.5rem;
  min-width: 100px;
}
@media only screen and (max-width: 991px) {
  .btn-icon-split .text {
    display: none !important;
  }
}
.btn-icon-split.btn-success .text {
  min-width: 10px;
}
.btn-icon-split.btn-success .text.w_100 {
  min-width: 100px;
}
.btn-icon-split [data-icon=plus] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  min-height: 20px;
  font-size: 1rem;
  line-height: 1rem;
  vertical-align: text-bottom;
}

.btn-primary:hover {
  background-color: rgb(191.54375, 152.21875, 103.95625);
  border: 1px solid rgb(191.54375, 152.21875, 103.95625);
}

.btn-primary:hover:focus, .btn-primary:focus:focus, .btn-primary:active:focus, .btn-primary.disabled:focus, .btn-primary:disabled:focus {
  box-shadow: 0 0 0 0.05rem rgb(214.175, 188.875, 157.825);
}

.form-group span.form-error-cont {
  font-size: 12px;
  margin-top: 5px;
  color: #a94442;
}
.form-group.parsley-error button:not(.btn), .form-group.parsley-error input:not(.btn), .form-group.parsley-error textarea:not(.btn) {
  border-color: #a94442;
}
.form-group.parsley-error .custom-control-label:before {
  border-color: #a94442;
}
.form-group div.parsley-error button:not(.btn), .form-group div.parsley-error input:not(.btn), .form-group div.parsley-error textarea:not(.btn) {
  border-color: #a94442;
}
.form-group.parsley-success button:not(.btn), .form-group.parsley-success input:not(.btn), .form-group.parsley-success textarea:not(.btn) {
  border-color: #5cb85c;
}
.form-group div.parsley-success button:not(.btn), .form-group div.parsley-success input:not(.btn), .form-group div.parsley-success textarea:not(.btn) {
  border-color: #5cb85c;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: unset !important;
}
.bootstrap-select .dropdown-toggle:focus .dropdown-item.active {
  background-color: hsl(33.0612244898, 40.8333333333%, 102.9411764706%);
}

.form-control[disabled], .form-control[aria-disabled=true] {
  background-color: #e9ecef;
}

.swal2-styled:active {
  color: #000;
}

.font-size-32 {
  font-size: 32px;
}

#toggle-columns-btn {
  display: flex;
  align-items: center;
  background-color: #6c757d;
  color: #fff;
}
#toggle-columns-btn .icon {
  background: rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 40px;
}
#toggle-columns-btn .icon .svg-inline--fa {
  width: 1rem;
  height: 1rem;
}
#toggle-columns-btn .text {
  flex-grow: 1;
}
#toggle-columns-btn .badge {
  font-size: 0.75rem;
  border-radius: 50%;
  margin-left: 5px;
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dc3545;
  color: #fff;
}
#toggle-columns-btn.dropdown-toggle::after {
  margin-left: 0.25rem;
  font-size: 1rem;
  vertical-align: middle;
  display: inline-block;
  margin: 0 6px;
}

/* 引入变量 */
/* resources/sass/variables.sass */
body[data-sidebar=user] {
  /* 自定义 Banner 和 Breadcrumb 样式 */
  /* 自定义 Navbar 头部样式 */
}
body[data-sidebar=user] .banner {
  background-size: cover;
  background-position: center;
  height: 300px;
}
body[data-sidebar=user] .banner .container {
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 85%;
  margin-top: auto;
}
body[data-sidebar=user] .banner h1 {
  color: #F7D27B;
  margin-top: 1rem;
}
body[data-sidebar=user] .custom-navbar {
  background-color: #033742;
  color: #ffffff;
  /* 给 li 之间添加垂直分隔线 */
  /* 圆圈背景的头像图标 */
}
body[data-sidebar=user] .custom-navbar .navbar-brand,
body[data-sidebar=user] .custom-navbar .nav-link {
  color: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
}
body[data-sidebar=user] .custom-navbar .navbar-brand:hover,
body[data-sidebar=user] .custom-navbar .nav-link:hover {
  color: #7994A0;
}
body[data-sidebar=user] .custom-navbar .navbar-toggler {
  border-color: #ffffff;
}
body[data-sidebar=user] .custom-navbar .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ffffff' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
body[data-sidebar=user] .custom-navbar .navbar-nav .nav-item {
  position: relative;
}
@media only screen and (max-width: 991px) {
  body[data-sidebar=user] .custom-navbar .navbar-nav .nav-item {
    text-align: right;
  }
}
@media only screen and (max-width: 991px) {
  body[data-sidebar=user] .custom-navbar .dropdown {
    text-align: right;
    width: 100%;
  }
}
body[data-sidebar=user] .custom-navbar .nav-icon .nav-link {
  font-size: 36px;
  width: 36px;
  height: 36px;
  background-color: #343a40;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #adb5bd;
}
body[data-sidebar=user] .custom-navbar .nav-icon .nav-link:hover {
  color: rgb(6.8347826087, 125.3043478261, 150.3652173913);
}

/* Breadcrumb Styles */
body[data-sidebar=user] .breadcrumb {
  background-color: transparent;
  padding: 0;
  margin: 0;
  /* Custom Breadcrumb Separator */
}
body[data-sidebar=user] .breadcrumb .breadcrumb-item a {
  color: #F7D27B;
}
body[data-sidebar=user] .breadcrumb .breadcrumb-item a:hover {
  color: rgb(204.6, 147.25, 12.4);
}
body[data-sidebar=user] .breadcrumb .breadcrumb-item.active {
  color: rgb(251.3714285714, 234.5892857143, 195.1285714286);
}
body[data-sidebar=user] .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: #F7D27B;
  padding: 0 0.5rem;
}

/* resources/sass/default/footer.sass */
/* Import variables */
.custom-footer {
  background-color: #033742;
  color: #ffffff;
  padding: 2rem 0;
  font-size: 12px;
  line-height: 1rem;
}
.custom-footer p {
  color: rgb(252.8285714286, 242.7857142857, 219.1714285714);
  font-weight: bold;
  margin-bottom: 8px;
}
.custom-footer ul {
  padding-left: 0;
  list-style: none;
}
.custom-footer ul li {
  color: #ffffff;
  margin-bottom: 0.5rem;
}
.custom-footer .text-center small {
  color: #ffffff;
}
.custom-footer .social-icons {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.custom-footer .social-icons a {
  color: #ffffff;
  margin: 0 0.5rem;
}
.custom-footer .social-icons a:hover {
  color: hsl(0, 0%, 120%);
}

/* resources/sass/main.sass */
/* Import variables */
/* Login Page Styles */
.general-page {
  min-height: 500px;
}
.general-page h1, .general-page label, .general-page a {
  color: #B88C56;
}
.general-page a:hover {
  color: rgb(136.25625, 100.78125, 57.24375);
}
.general-page .btn-primary {
  background-color: #B88C56;
  border-color: #B88C56;
}
.general-page .btn-primary:hover {
  background-color: rgb(154.2125, 114.0625, 64.7875);
}
.general-page .btn-secondary {
  background-color: #7994A0;
  border-color: #7994A0;
}
.general-page .btn-secondary:hover {
  background-color: rgb(95.4148471616, 122.5327510917, 134.5851528384);
}

body[data-sidebar=user] .mineral-types .mining-item {
  position: relative;
  text-align: center;
}
body[data-sidebar=user] .mineral-types .mining-item .image {
  padding-top: 85.8734177215%;
  width: 100%;
  max-width: 395px;
  max-height: 339.2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  transition: transform 0.3s ease-in-out;
}
body[data-sidebar=user] .mineral-types .mining-item .image:hover {
  transform: scale(1.05);
}
body[data-sidebar=user] .mineral-types .mining-item h1 {
  margin-top: -46.582278481%;
  color: #ffffff;
  font-size: 28px;
}
body[data-sidebar=user] .mining-license .license-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
body[data-sidebar=user] .mining-license .license-grid .file-item {
  background-color: #7994A0;
  color: #fff;
  padding: 15px;
  border-radius: 8px;
  transition: background-color 0.3s ease;
  font-size: 14px;
}
body[data-sidebar=user] .mining-license .license-grid .file-item:hover {
  background-color: rgb(95.4148471616, 122.5327510917, 134.5851528384) !important;
}
body[data-sidebar=user] .mining-license .license-grid .file-item.active {
  background-color: #B88C56 !important;
  color: #fff !important;
}
body[data-sidebar=user] .mining-license .nav-tabs {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
}
body[data-sidebar=user] .mining-license .nav-tabs .nav-link {
  flex: 1;
  text-align: center;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 0;
  color: #B88C56;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}
body[data-sidebar=user] .mining-license .nav-tabs .nav-link.active {
  background-color: #B88C56 !important;
  color: #fff !important;
}
body[data-sidebar=user] .mining-license .nav-tabs .nav-link:hover {
  background-color: rgb(154.2125, 114.0625, 64.7875) !important;
  color: #fff !important;
}
body[data-sidebar=user] .navbar-font-weight {
  font-weight: 700;
  letter-spacing: 2px;
}

.bootstrap-select {
  width: 100% !important;
}
.bootstrap-select .btn {
  border: 2px solid rgb(205.3, 174.5, 136.7);
  background-color: #fff;
}
.bootstrap-select .btn:active {
  border-color: #B88C56;
  background-color: #fff;
  color: #B88C56;
}
.bootstrap-select .btn, .bootstrap-select .dropdown-item {
  display: flex;
  color: #B88C56;
}
.bootstrap-select .btn:focus, .bootstrap-select .dropdown-item:focus {
  outline: none !important;
  border-color: #B88C56;
}
.bootstrap-select .btn.active, .bootstrap-select .dropdown-item.active {
  background-color: rgb(194.65, 157.25, 111.35);
  color: #fff;
}
.bootstrap-select .btn:hover, .bootstrap-select .dropdown-item:hover {
  background-color: #fff;
}
.bootstrap-select .dropdown-item:hover {
  background-color: #B88C56;
  color: #ffffff;
}
.bootstrap-select .btn.show {
  color: #B88C56;
  background-color: #fff;
}
.bootstrap-select .dropdown-menu {
  padding: 4px 0;
}
.bootstrap-select .dropdown-menu .dropdown-item {
  padding: 10px 15px;
  border-radius: 0.375rem;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.selectpicker {
  border: 2px solid #B88C56;
  border-radius: 50px;
  padding: 10px 35px 10px 20px;
  color: #B88C56;
  background-color: transparent;
  width: 100%;
  box-sizing: border-box;
}

.pdf-viewer-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.pdf-viewer-container .pdf-viewer-row {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #495057;
  border: 1px solid #ccc;
  min-height: 1200px;
}
@media only screen and (max-width: 991px) {
  .pdf-viewer-container .pdf-viewer-row {
    min-height: 800px;
  }
}
@media only screen and (max-width: 767px) {
  .pdf-viewer-container .pdf-viewer-row {
    min-height: 600px;
  }
}
.pdf-viewer-container .pdf-viewer-row .pdf-viewer {
  width: 100%;
  max-width: 800px;
  height: auto;
  border: 1px solid #ccc;
  background-color: #f8f9fa;
}
.pdf-viewer-container .no-data-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
  font-size: 1.2rem;
  text-align: center;
}
.pdf-viewer-container .thumbnail-nav-prev,
.pdf-viewer-container .thumbnail-nav-next {
  background: none;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  height: 50px;
  background-color: #495057;
  border: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.pdf-viewer-container .thumbnail-nav-prev:hover,
.pdf-viewer-container .thumbnail-nav-next:hover {
  background-color: transparent;
  opacity: 0.7;
}
@media only screen and (max-width: 991px) {
  .pdf-viewer-container .thumbnail-nav-prev,
  .pdf-viewer-container .thumbnail-nav-next {
    background-color: transparent;
  }
}
@media only screen and (max-width: 767px) {
  .pdf-viewer-container .thumbnail-nav-prev,
  .pdf-viewer-container .thumbnail-nav-next {
    top: 35%;
  }
}
.pdf-viewer-container .thumbnail-nav-prev::before,
.pdf-viewer-container .thumbnail-nav-next::before {
  content: ">";
  font-size: 1.5rem;
  color: #FFF;
}
@media only screen and (max-width: 991px) {
  .pdf-viewer-container .thumbnail-nav-prev::before,
  .pdf-viewer-container .thumbnail-nav-next::before {
    color: #495057;
  }
}
.pdf-viewer-container .thumbnail-nav-prev::before:hover,
.pdf-viewer-container .thumbnail-nav-next::before:hover {
  opacity: 0.7;
}
.pdf-viewer-container .thumbnail-nav-prev::before {
  content: "<";
}
.pdf-viewer-container .thumbnail-nav-prev {
  left: 8.5%;
}
@media only screen and (max-width: 991px) {
  .pdf-viewer-container .thumbnail-nav-prev {
    left: 0%;
  }
}
.pdf-viewer-container .thumbnail-nav-next {
  right: 8.5%;
}
@media only screen and (max-width: 991px) {
  .pdf-viewer-container .thumbnail-nav-next {
    right: 0%;
  }
}
.pdf-viewer-container .pdf-thumbnail-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #212529;
  padding: 10px;
  width: 100%;
  overflow-x: auto;
}
.pdf-viewer-container .pdf-thumbnail-navigation .thumbnails {
  display: flex;
  overflow-x: auto;
  max-width: 720px;
  white-space: nowrap;
}
.pdf-viewer-container .pdf-thumbnail-navigation .thumbnails::-webkit-scrollbar {
  height: 12px;
}
.pdf-viewer-container .pdf-thumbnail-navigation .thumbnails::-webkit-scrollbar-track {
  background-color: #e9ecef;
  border-radius: 8px;
  margin: 20px 130px;
}
.pdf-viewer-container .pdf-thumbnail-navigation .thumbnails::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #adb5bd;
}
.pdf-viewer-container .pdf-thumbnail-navigation .pdf-thumbnail {
  height: auto;
  margin: 0 5px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

/* resources/sass/datatable.sass */
/* Import variables */
.table > tbody > tr > td {
  padding: 5px 0.85rem;
  vertical-align: middle;
}

.table-responsive {
  overflow: visible;
}

div.dataTables_processing > div:last-child > div {
  background: #B88C56;
}

/* Limit the URL column width */
.dataTable td:nth-child(1) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}
@media only screen and (max-width: 767px) {
  .dataTable td:nth-child(1) {
    max-width: 200px;
  }
}

.toast-success {
  background-color: #5cb85c !important;
}

.toast-error {
  background-color: #a94442 !important;
}

.toast-info {
  background-color: #050505 !important;
}

.toast-warning {
  background-color: #f5b225 !important;
}

#toast-container > div {
  opacity: 1;
}