@import url(/apps/payport/javax.faces.resource/co-payport/css/cogov.css.html);

/* This file is intended for CSS to manage PayPort frontend layouts. */
.nav-btn-lg {
  min-height: 9rem;
}

.d-grid.cols-1 {
  grid-template-columns: 1fr;
}
.d-grid.cols-2 {
  grid-template-columns: repeat(2, minmax(49%, 1fr));
}
.d-grid.cols-3 {
  grid-template-columns: repeat(2, minmax(33%, 1fr));
}

.color-required {
  color: var(--cogov-red);
}
.form-label.required::after {
  speak: never;
  content: ' *';
  content: ' *' / '';
  color: var(--cogov-red);
}

legend {
  font-size: unset;
}

.login-form {
  max-width: 500px;
}
.logo {
  max-width: 85px;
  max-height: 66px;
}
.logo-rule {
  height: 3.5em;
  opacity: 1;
}

tr.org-depth-0 th:first-of-type { padding-left: 0.5rem !important; }
tr.org-depth-1 th:first-of-type { padding-left: 1.5rem !important; }
tr.org-depth-2 th:first-of-type { padding-left: 2.5rem !important; }
tr.org-depth-3 th:first-of-type { padding-left: 3.5rem !important; }
tr.org-depth-4 th:first-of-type { padding-left: 4.5rem !important; }
tr.org-depth-5 th:first-of-type { padding-left: 5.5rem !important; }

@media (min-width: 576px /*var(--bs-breakpoint-sm)*/) {
  .d-grid.cols-sm-1 {
    grid-template-columns: 1fr !important;
  }
  .d-grid.cols-sm-2 {
    grid-template-columns: repeat(2, minmax(49%, 1fr)) !important;
  }
  .d-grid.cols-sm-3 {
    grid-template-columns: repeat(3, minmax(33%, 1fr)) !important;
  }
}

@media (min-width: 768px /*var(--bs-breakpoint-md)*/) {
  .d-grid.cols-md-1 {
    grid-template-columns: 1fr !important;
  }
  .d-grid.cols-md-2 {
    grid-template-columns: repeat(2, minmax(49%, 1fr)) !important;
  }
  .d-grid.cols-md-3 {
    grid-template-columns: repeat(3, minmax(33%, 1fr)) !important;
  }
}

@media (min-width: 992px /*var(--bs-breakpoint-md)*/) {
  .d-grid.cols-lg-1 {
    grid-template-columns: 1fr !important;
  }
  .d-grid.cols-lg-2 {
    grid-template-columns: repeat(2, minmax(49%, 1fr)) !important;
  }
  .d-grid.cols-lg-3 {
    grid-template-columns: repeat(3, minmax(33%, 1fr)) !important;
  }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  -moz-appearance:textfield; /* Firefox */
}

.navbar-brand {
  max-width: 50%;
}