.btn-success {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
}

.buttons-password {
  width: 300px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.buttons-passwordElements {
  margin: 0 20px;
  width: 300px;
}

body {
  font-family: 'Segoe UI', nobel, -apple-system, BlinkMacSystemFont, sans-serif !important;
  background-color: #f2f2f2 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Segoe UI', nobel, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

a {
  font-family: 'Segoe UI', nobel, -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.btn-warning {
  color: #000 !important;
  background-color: #e4e4e4 !important;
  border-color: #e4e4e4 !important;
}

.table > thead {
  font-weight: 900 !important;
  font-size: 16px !important;
}

.wrapper {
  width: 200px;
  padding: 20px;
  height: 150px;
}

.card {
  border: none !important;
  box-shadow: none !important;
  background-color: #f2f2f2 !important;
  font-size: 15px !important;
}

.table label {
  font-weight: bold !important;
}

.search {
  background-color: #f2f2f2 !important;
  border-radius: 20px !important;
}

.card-header {
  background-color: #f2f2f2 !important;
  border: none !important;
}

.card-footer {
  background-color: #f2f2f2 !important;
  border: none !important;
}

.menu-link.active {
  border: 1px solid white;
  border-radius: 8px;
}
/* .menu-link.active .nav-link-icon-wrapper {
  border: 1px solid white;
  border-radius: 8px;
} */

.navbar-menu {
  font-size: 18px !important;
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
  padding: 0;
}

@media (max-width: 767.98px) {
  [data-layout="vertical"] .app-menu {
    margin-left: 0;
    padding: 32px 24px;
  }
}

.main-content {
  margin-left: 88px;
  /* margin-left: 250px; */
}

#page-topbar {
  left: 88px;
  /* left: 250px; */
}

.footer {
  left: 88px;
  /* left: 250px; */
}

.navbar-menu.close {
  width: 88px;
}

.navbar-menu.close ul {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.navbar-menu.close .menu-link span:last-child {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#console-logo {
  width: 100%;
  height: auto;
}

#close-btn-menu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scaleX(-1);
  right: -14px;
  padding: 12px;
  width: 24px;
  height: 24px;
}

.navbar-menu.close #close-btn-menu {
  transform: translateY(-50%) scaleX(1);
}

.nav-link {
  padding: 0;
  display: flex;
  align-items: center;
  gap: 18px;
}

.nav-link-icon {
  font-size: 24px;
}

.nav-link-icon-wrapper {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-link,
.nav-link:hover,
.nav-link:focus {
  color: currentColor;
}

.secondmodal {
  z-index: 1056 !important;
}

.navbar-menu .navbar-nav .nav-link.active {
  color: #fff !important;
}

.navbar-menu .navbar-nav .nav-link:hover {
  color: #fff !important;
}

.navbar-menu
  .navbar-nav
  .nav-link[data-bs-toggle="collapse"][aria-expanded="true"] {
  color: #fff !important;
}

.navbar-menu .navbar-nav .nav-link {
  color: #a6a6a6 !important;
  font-size: 18px !important;
  font-weight: bold !important;
}

.navbar-menu
  .navbar-nav
  .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff !important;
}

.navbar-menu
  .navbar-nav
  .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  color: #fff !important;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]:after {
  display: block;
  content: "\f0142";
  font-family: "Material Design Icons";
  margin-left: auto;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  font-size: 1.05rem;
  position: absolute;
  right: 18px;
  color: #a6a6a6 !important;
}

.card-body {
  border-radius: 20px !important;
  background-color: #fff !important;
}

.form-switch-info .form-check-input:checked {
  background-color: #a6a6a6;
  border-color: #a6a6a6;
}

.form-select,
.form-control-select {
  border: none !important;
  border-radius: 0px !important;
  border-bottom: 3px solid #000 !important;
}
@-moz-document url-prefix() {
  .form-select,
  .form-control-select {
    padding-right: 40px;
  }
}
.form-control-select {
  display: block;
  width: 100%;
  padding: 0.5rem 0.9rem 0.5rem 2.7rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--vz-body-color);
  background-color: var(--vz-input-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: left 0.9rem center;
  background-size: 16px 12px;
  border: 1px solid var(--vz-input-border);
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-control-select {
    -webkit-transition: none;
    transition: none;
  }
}

.form-control-select:focus {
  border-color: var(--vz-input-focus-border);
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(194, 0, 0, 0.25);
  box-shadow: 0 0 0 0 rgba(194, 0, 0, 0.25);
}

.form-control-select[multiple],
.form-control-select[size]:not([size="1"]) {
  padding-left: 0.9rem;
  background-image: none;
}

.form-control-select:disabled {
  background-color: var(--vz-input-disabled-bg);
}

.form-control-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--vz-body-color);
}

.form-control-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-right: 0.5rem;
  font-size: 0.7109375rem;
  border-radius: 0.2rem;
}

.form-control-select-lg {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-right: 1.2rem;
  font-size: 1.015625rem;
  border-radius: 0.3rem;
}

.breadcrumb-item {
  font-family: 'Segoe UI', nobel, sans-serif;
}

.breadcrumb-item + .breadcrumb-item::before {
  font-family: "Material Design Icons";
  font-size: 28px;
  line-height: 26px;
}

.table-toyota {
  color: #000 !important;
  background-color: #f2f2f2 !important;
}

.table-responsive {
  margin-top: 16px !important;
  margin-bottom: -16px !important;
  margin-left: -16px !important;
  margin-right: -16px !important;
}
.table-workgroup {
  max-height: 300px;
  overflow-y: scroll;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fff !important;
}

tr:nth-child(odd) {
  background-color: #f2f2f2 !important;
}

tr:nth-child(even) {
  background-color: #f2f2f2 !important;
}

th {
  background-color: #cccccc !important;
}

.icon i {
  font-size: 24px;
  margin-right: 10px;
  color: #000;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  vertical-align: middle;
}

.search-box .search-icon {
  width: 18px;
  font-size: 18px;
  position: absolute;
  left: 16px;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.page-link {
  position: static !important;
  color: #000 !important;
  /* background-color: #f2f2f2 !important; */
  border-color: #a6a6a670 !important; /*none !important;*/
  font-size: 18px !important;
  font-weight: bold !important;
  box-shadow: none !important;
}

/*.page-link.active {
          color: #000 !important;
          background-color: #f2f2f2 !important;
          border-color: #000 !important;
          font-size: 18px !important;
          font-weight: bold !important;
          box-shadow: none !important;
      }*/

.page-link:hover {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #a6a6a6 !important;
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.page-item.disabled .page-link {
  color: #878a99 !important;
  pointer-events: none !important;
  background-color: #c2c2c26b !important;
  /* background-color: var(--vz-card-bg);
      border-color: var(--vz-border-color);*/
}

.page-toyota {
  color: #000 !important;
  background-color: #f2f2f2 !important;
  border-color: none !important;
  font-size: 18px !important;
  font-weight: bold !important;
  position: relative !important;
  top: 4px !important;
}

.registros {
  width: 210px !important;
}

.table-success {
  background-color: #c3e6cb !important;
  --vz-table-active-bg: #c3e6cb !important;
  --vz-table-active-color: #000 !important;
  --vz-table-hover-bg: #c3e6cb !important;
  color: #000 !important;
}

.table-success :hover {
  background-color: #c3e6cb !important;
}

.table-success :active {
  background-color: #c3e6cb !important;
}

.table-danger {
  background-color: #f5c6cb !important;
  --vz-table-active-bg: #f5c6cb !important;
  --vz-table-active-color: #000 !important;
  --vz-table-hover-bg: #f5c6cb !important;
  color: #000 !important;
}

.table-danger :hover {
  background-color: #f5c6cb !important;
}

.table-danger :active {
  background-color: #f5c6cb !important;
}

.table-warning {
  background-color: #ffeeba !important;
  --vz-table-active-bg: #ffeeba !important;
  --vz-table-active-color: #000 !important;
  --vz-table-hover-bg: #ffeeba !important;
  color: #000 !important;
}

.table-warning:hover {
  background-color: #ffeeba !important;
}

.table-warning:active {
  background-color: #ffeeba !important;
}

.loader {
  width: 48px;
  height: 48px;
  display: block;
  margin: 20px auto;
  position: relative;
  border: 3px solid #000;
  border-radius: 50%;
  box-sizing: border-box;
  animation: animloader 2s linear infinite;
}

.loader::after {
  content: "";
  box-sizing: border-box;
  width: 6px;
  height: 24px;
  background: #000;
  transform: rotate(-45deg);
  position: absolute;
  bottom: -20px;
  left: 46px;
}

@keyframes animloader {
  0% {
    transform: translate(-10px, -10px);
  }

  25% {
    transform: translate(-10px, 10px);
  }

  50% {
    transform: translate(10px, 10px);
  }

  75% {
    transform: translate(10px, -10px);
  }

  100% {
    transform: translate(-10px, -10px);
  }
}

.form-check-input:focus {
  border-color: #a6a6a6 !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgb(124 118 118 / 25%) !important;
  box-shadow: 0 0 0 0 rgb(133 126 126 / 25%) !important;
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e") !important;
}

.table .form-check {
  padding-left: 1.6em;
  margin-bottom: 0;
}

.toastify-bottom {
  bottom: 70px !important;
}

.toastify {
  padding: 25px 35px;
  /*color: #fff;
      display: inline-block;*/
  /*-webkit-box-shadow: 0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);
      box-shadow: 0 3px 6px -1px rgba(0,0,0,.12),0 10px 36px -4px rgba(77,96,232,.3);
      background: #009d63;
      position: fixed;
      opacity: 0;
      -webkit-transition: all .4s cubic-bezier(.215,.61,.355,1);
      transition: all .4s cubic-bezier(.215,.61,.355,1);*/
  /* border-radius: 6px !important;*/
  /* cursor: pointer;
      text-decoration: none;
      max-width: calc(50% - 20px);
      z-index: 2147483647;*/
}

.toastify-right {
  right: 45px !important;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

.toast-close {
  opacity: 0.4;
  padding: 0 5px;
  position: relative;
  left: 4px;
  margin-left: 4px;
  color: white !important;
  background: none;
  border: none;
}

.choices__list--multiple .choices__item {
  background-color: #000 !important;
  border: 1px solid #000 !important;
}

body,
html {
  width: 100%;
  height: 100%;
  min-height: 100vh;
}

.cargandospinner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0px;
  left: 0px;
  z-index: 10000;
  text-align: center;
  position: absolute;
  background-color: #797979;
  opacity: 0.6;
}

.cssload-container {
  width: 100%;
  height: 69px;
  text-align: center;
}

.cssload-zenith {
  width: 69px;
  height: 69px;
  margin: 0 auto;
  border-radius: 50%;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  box-shadow: 4px 4px 1px rgb(0, 0, 0);
  /*box-shadow: 4px 4px 1px rgb(255, 255, 255); //30,69,117/ animation: cssload-spin 690ms infinite linear;*/
  -o-animation: cssload-spin 690ms infinite linear;
  -ms-animation: cssload-spin 690ms infinite linear;
  -webkit-animation: cssload-spin 690ms infinite linear;
  -moz-animation: cssload-spin 690ms infinite linear;
}

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

/*.footer {
      bottom: auto !important;
  }*/

.form-control-without-accents,
.form-control-alphanumeric,
.form-control-numeric,
.form-email,
.form-password,
.form-change-detail {
  display: block;
  width: 100%;
  padding: 0.5rem 0.9rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--vz-body-color);
  background-color: var(--vz-input-bg);
  background-clip: padding-box;
  border: 1px solid var(--vz-input-border);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

/* Focus */
.form-control:focus,
.form-control-without-accents:focus,
.form-control-alphanumeric:focus,
.form-control-numeric:focus,
.form-control-select:focus,
.form-control-multiple-select:focus,
.form-email:focus,
.form-password:focus,
.form-change-detail:focus,
.is-focused .choices__inner,
.is-open .choices__inner {
  color: var(--vz-body-color);
  background-color: var(--vz-input-bg);
  border-color: #000 !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(194, 0, 0, 0.25);
  box-shadow: 0 0 0 0 rgba(194, 0, 0, 0.25);
}

/* Valid */
.form-control.is-valid,
.form-control-without-accents.is-valid,
.form-control-alphanumeric.is-valid,
.form-control-numeric.is-valid,
.form-control-select.is-valid,
.form-control-multiple-select.is-valid,
.form-email.is-valid,
.form-change-detail.is-valid,
.choices__inner.is-valid,
.was-validated .form-control:valid {
  border-color: #009d63;
  padding-right: calc(1.5em + 1rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23009d63' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.25rem) center;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}

/* Invalid */
.form-control.is-invalid,
.form-control-without-accents.is-invalid,
.form-control-alphanumeric.is-invalid,
.form-control-numeric.is-invalid,
.form-control-select.is-invalid,
.form-control-multiple-select.is-invalid,
.form-email.is-invalid,
.form-change-detail.is-invalid,
.choices__inner.is-invalid,
.was-validated .form-control:invalid {
  border-color: #c20000;
  padding-right: calc(1.5em + 1rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c20000'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c20000' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.25rem) center;
  background-size: calc(0.75em + 0.5rem) calc(0.75em + 0.5rem);
}

.form-password.is-valid {
  border-color: #009d63;
}

.form-password.is-invalid {
  border-color: #c20000;
}

/* Disabled */
.form-control:disabled,
.form-control-without-accents:disabled,
.form-control-alphanumeric:disabled,
.form-control-numeric:disabled,
.form-control-select:disabled,
.form-control-multiple-select:disabled,
.form-email:disabled,
.form-password:disabled,
.form-change-detail:disabled {
  background-color: var(--vz-input-disabled-bg);
  opacity: 1;
}

.form-password-icon {
  right: 14px;
  top: 8px;
  position: absolute;
}

.page-item.active .page-link {
  cursor: pointer !important;
}

.page-item .page-link {
  cursor: pointer !important;
}

.choices {
  position: relative !important;
  margin-bottom: 0 !important;
  font-size: 16px !important;
}

.choices__placeholder {
  color: #000000 !important;
  opacity: 1;
}

.choices__inner {
  border: 3px solid #000000 !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-radius: 0rem !important;
}

.form-switch .form-check-input:checked:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

#container-viewer .modal-container .document-container .previewimg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#container-viewer .modal-container .document-container .preview iframe {
  height: 100%;
}

#container-viewer {
  display: none;
  position: fixed;
  z-index: 10000;
  padding: 16px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

#container-viewer .modal-container {
  margin: auto;
  display: block;
  background-color: #fff;
  border-radius: 10px;
  width: 90%;
  height: 99%;
  max-width: 900px;
}

#container-viewer .modal-container .document-container {
  display: inline-block;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 16px;
}

#container-viewer .modal-container .document-container .preview {
  height: 100%;
  width: 100%;
  display: grid;
  max-width: 1000px;
  grid-template-rows: auto auto 1fr auto;
}

#container-viewer
  .modal-container
  .document-container
  .preview
  .title-document {
  font-size: 18px;
  padding: 6px 8px 6px 16px;
  background-color: #000;
  color: white;
  border-radius: 10px 10px 0px 0px;
}

#container-viewer .modal-container .document-container .preview .tabs-document {
  font-size: 12px;
  background-color: #dbdbdb;
  color: white;
}

#container-viewer
  .modal-container
  .document-container
  .preview
  .tabs-document
  > div {
  background-color: #a6a6a6;
  border-radius: 6px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

#container-viewer
  .modal-container
  .document-container
  .preview
  .footer-document {
  font-size: 18px;
  padding: 6px 8px 6px 16px;
  background-color: #000;
  color: white;
  border-radius: 0px 0px 10px 10px;
}

#container-viewer .modal-container .document-container .preview #document-img {
  justify-items: center;
  align-content: center;
  padding: 16px;
  /*height: 95%;*/
  min-height: 100%;
  width: 100%;
  background-color: #454545;
  max-width: 1200px;
  overflow: hidden;
}

#container-viewer .modal-container .document-container .preview #document-file {
  justify-items: center;
  align-content: center;
  /*height: 95%;*/
  width: 100%;
  background-color: #454545;
  overflow-x: auto;
  overflow-y: auto;
}

#container-viewer
  .modal-container
  .document-container
  .preview
  .document
  center {
  justify-items: center;
  align-content: center;
  padding: 16px;
  height: 95%;
  width: 100%;
  background-color: #454545;
  overflow-x: auto;
  overflow-y: auto;
}

#container-viewer .modal-container .document-container .preview .zoom-controls {
  width: 100%;
  color: #f1f1f1;
  font-size: 24px;
  text-align: center;
  margin: 2px;
}

.badge-documents {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 4px 8px 4px 8px;
  font-weight: 600;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
}

.badge-documents.is-valid-document {
  background-color: #007e33;
}

.badge-documents.pending-upload-document {
  background-color: #0099cc;
}

.badge-documents.validating-document {
  background-color: #ffbb33;
}

.badge-documents.validating-document-ocr {
  background-color: #eb712c;
}

.badge-documents.is-invalid-document {
  background-color: #cc0000;
}

.btn-documents {
  font-size: 12px !important;
  padding: 2px 8px;
  margin: 2px 4px 2px 4px;
  border-radius: 5px;
}

.btn-documents.decline {
  background-color: #cc0000;
  /*height: 25px;*/
}

.btn-documents.approve {
  background-color: #007e33;
  /*height: 23px*/
}

.btn-green {
  background-color: #007e33;
  color: white;
}

.btn-green:hover,
.btn-red:hover {
  opacity: 0.7;
  color: white;
}

.btn-red {
  background-color: #cc0000;
  color: white;
}

.btn-documents.decline:hover {
  background-color: #ff4444;
  /*height: 25px;*/
}

.btn-documents.approve:hover {
  background-color: #00c851;
  /*height: 23px*/
}

.textCapitalize::first-letter {
  text-transform: capitalize !important;
}
.maxImageDivStyle {
  display: none;
}

.auth-page-wrapper {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  padding-top: 48px;
}

.password-requirements {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.password-requirements-list {
  list-style: none;
  list-style-position: inside;
  padding-left: 0;
}

.password-requirements-list .password-requirements-item {
  display: flex;
  gap: 10px;
}

.password-requirements-list
  .password-requirements-item
  .password-requirements-item-marker {
  display: inline-block;
  min-width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.49984 14.8334C11.5497 14.8334 14.8332 11.5499 14.8332 7.50008C14.8332 3.45025 11.5497 0.166748 7.49984 0.166748C3.45 0.166748 0.166504 3.45025 0.166504 7.50008C0.166504 11.5499 3.45 14.8334 7.49984 14.8334ZM11.5426 4.79531C11.1534 4.4035 10.5202 4.40141 10.1284 4.79065L6.78784 8.10875L5.51872 6.91368L5.44074 6.84735C5.03852 6.53894 4.4601 6.57921 4.10514 6.95616C3.72653 7.35824 3.74554 7.99112 4.14762 8.36974L6.8253 10.8912L11.5379 6.20952L11.6068 6.13379C11.9285 5.74208 11.9075 5.16263 11.5426 4.79531Z' fill='%23B2B2B2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.password-requirements-list
  .password-requirements-item.valid
  .password-requirements-item-marker {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.50033 15.8334C12.5502 15.8334 15.8337 12.5499 15.8337 8.50008C15.8337 4.45025 12.5502 1.16675 8.50033 1.16675C4.45049 1.16675 1.16699 4.45025 1.16699 8.50008C1.16699 12.5499 4.45049 15.8334 8.50033 15.8334ZM12.5431 5.79531C12.1539 5.4035 11.5207 5.40141 11.1289 5.79065L7.78833 9.10875L6.51921 7.91368L6.44123 7.84735C6.03901 7.53894 5.46058 7.57921 5.10563 7.95616C4.72701 8.35824 4.74603 8.99112 5.14811 9.36974L7.82579 11.8912L12.5384 7.20952L12.6073 7.13379C12.929 6.74208 12.908 6.16263 12.5431 5.79531Z' fill='%2300B34C'/%3E%3C/svg%3E%0A");
}

.password-requirements-list
  .password-requirements-item.invalid
  .password-requirements-item-marker {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.165039' y='0.165039' width='14.67' height='14.67' rx='7.335' fill='%23C9271D'/%3E%3Cpath d='M7.26201 8.69946C6.69443 8.69946 6.39699 8.41839 6.3697 7.85626L6.2469 4.4671C6.23053 4.1833 6.31512 3.95136 6.50068 3.77126C6.6917 3.5857 6.94002 3.49292 7.24564 3.49292C7.55672 3.49292 7.80504 3.5857 7.9906 3.77126C8.18162 3.95136 8.26894 4.18603 8.25257 4.47529L8.12158 7.84808C8.09975 8.41567 7.81323 8.69946 7.26201 8.69946ZM7.26201 11.5074C6.95093 11.5074 6.68897 11.4173 6.47612 11.2372C6.26873 11.0571 6.16504 10.8197 6.16504 10.525C6.16504 10.2303 6.26873 9.99291 6.47612 9.81281C6.68897 9.63271 6.95093 9.54266 7.26201 9.54266C7.56764 9.54266 7.82415 9.63271 8.03153 9.81281C8.23892 9.99291 8.34262 10.2303 8.34262 10.525C8.34262 10.8197 8.23892 11.0571 8.03153 11.2372C7.82415 11.4173 7.56764 11.5074 7.26201 11.5074Z' fill='white'/%3E%3C/svg%3E%0A");
}

#page-topbar {
  background: #f2f2f2;
  padding: 0;
  position: relative;
  margin-left: 88px;
  /* margin-left: 250px; */
  left: 0;
}

.layout-width {
  padding: 24px;
}

.navbar-header {
  padding: 24px 16px;
  background: white;
  border-radius: 20px;
}

.page-content {
  padding-top: 24px;
}

/* Para navegadores WebKit (Chrome, Safari, Edge) */
#navbar-options-wrapper::-webkit-scrollbar {
  width: 2px; /* Ancho del scroll */
}

#navbar-options-wrapper::-webkit-scrollbar-track {
  background: #000; /* Fondo del track del scroll */
}

#navbar-options-wrapper::-webkit-scrollbar-thumb {
  padding-right: 12px;
  background-color: #ccc; /* Color del thumb del scroll */
  border-radius: 10px; /* Borde redondeado */
  /* border: 2px solid #f0f0f0;  */
  /* Borde alrededor del thumb */
}

/* Para Firefox */
#navbar-options-wrapper {
  scrollbar-width: thin; /* Ancho fino */
  scrollbar-color: #ccc #000; /* Color del thumb y del track */
}

.tooltip.bs-tooltip-auto {
  font-family: 'Segoe UI', nobel, sans-serif !important;
}

#paginator {
  align-items: center;
}

.ps-35 {
  padding-left: 35px;
}

.placeholder-black::placeholder {
  color: var(--vz-body-color);
}

.date-input-custom-arrow-bg {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  background-size: 16px 12px;
  padding-right: 2.7rem;
}
#rejectJustification {
  resize: none;
}
.modalPassword {
    font-weight: 400;
    font-size:16px !important;
    line-height: 100%;
    letter-spacing:0px;
    align-content:center;
    color:#666666;
}