@charset "UTF-8";
body {
  min-width: 1025px;
}
body * {
  font-family: "MSゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", Meiryo, "MS PGothic", sans-serif;
  color: #222;
}
body.responsive {
  min-width: auto;
}
body.responsive #iconNavbarSidenav {
  width: 40px;
  height: 40px;
  right: 20px;
  top: 20px;
  z-index: 10000;
  position: fixed;
  display: block;
}
@media screen and (min-width: 1100px) {
  body.responsive #iconNavbarSidenav {
    display: none;
  }
}
body.responsive #iconNavbarSidenav .sidenav-toggler-inner {
  height: 100%;
  position: relative;
}
body.responsive #iconNavbarSidenav span {
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #222;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
body.responsive #iconNavbarSidenav span:nth-child(2) {
  top: 10px;
}
body.responsive #iconNavbarSidenav span:nth-child(3) {
  top: 20px;
}
@media screen and (min-width: 1100px) {
  body.responsive.g-sidenav-show:not(.rtl) .sidenav {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
body.responsive.g-sidenav-pinned #iconNavbarSidenav span:first-child {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 10px;
}
body.responsive.g-sidenav-pinned #iconNavbarSidenav span:nth-child(2) {
  opacity: 0;
}
body.responsive.g-sidenav-pinned #iconNavbarSidenav span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 10px;
}

.icon-lg i {
  font-size: 2rem;
  top: 26%;
}

@media screen and (min-width: 1200px) {
  .fs-2 {
    font-size: 2.5rem !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .fs-2 {
    font-size: 2rem !important;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1366px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
}

input.dateIn {
  position: relative;
}

input.dateIn:before {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 12px;
  content: attr(data-date);
  display: inline-block;
}

input.dateIn::-webkit-datetime-edit,
input.dateIn::-webkit-inner-spin-button,
input.dateIn::-webkit-clear-button {
  display: none;
}

input.dateIn::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 12px;
  opacity: 1;
}

input#dateIn {
  position: relative;
}

input#dateIn:before {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 12px;
  content: attr(data-date);
  display: inline-block;
}

input#dateIn::-webkit-datetime-edit,
input#dateIn::-webkit-inner-spin-button,
input#dateIn::-webkit-clear-button {
  display: none;
}

input#dateIn::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 12px;
  opacity: 1;
}

.main-content .page-header {
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  .main-content .page-header {
    padding: 80px 0;
  }
}

.basic-card .bg-gradient-primary {
  background: #006280;
}
.basic-card .shadow-primary {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 98, 128, 0.4) !important;
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 98, 128, 0.4) !important;
}
.basic-card .btn.bg-gradient-primary {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 98, 128, 0.15), 0 3px 1px -2px rgba(0, 98, 128, 0.2), 0 1px 5px 0 rgba(0, 98, 128, 0.15);
          box-shadow: 0 3px 3px 0 rgba(0, 98, 128, 0.15), 0 3px 1px -2px rgba(0, 98, 128, 0.2), 0 1px 5px 0 rgba(0, 98, 128, 0.15);
}
.basic-card .btn.bg-gradient-primary:hover, .basic-card .btn.bg-gradient-primary:not(:disabled):not(.disabled):active {
  background-color: #0584ab;
  border-color: #0584ab;
  color: #fff;
}
.shi-page .basic-card .btn.bg-gradient-primary:hover, .shi-page .basic-card .btn.bg-gradient-primary:not(:disabled):not(.disabled):active {
  background-color: #0946c7;
  border-color: #0946c7;
}
.repre-page .basic-card .btn.bg-gradient-primary:hover, .repre-page .basic-card .btn.bg-gradient-primary:not(:disabled):not(.disabled):active {
  background-color: #6612c0;
  border-color: #6612c0;
}
.personal-page .basic-card .btn.bg-gradient-primary:hover, .personal-page .basic-card .btn.bg-gradient-primary:not(:disabled):not(.disabled):active {
  background-color: #f1db6c;
  border-color: #f1db6c;
}
.basic-card .form-control {
  height: 52px;
  font-size: 20px;
}
.basic-card .form-control.readonly {
  background-color: rgba(0, 98, 128, 0.1) !important;
}
.shi-page .basic-card .form-control.readonly {
  background-color: rgba(3, 64, 141, 0.1) !important;
}
.repre-page .basic-card .form-control.readonly {
  background-color: rgba(62, 0, 128, 0.1) !important;
}
.repre-page .basic-card .form-control.readonly {
  background-color: rgba(62, 0, 128, 0.1) !important;
}
.personal-page .basic-card .form-control.readonly {
  background-color: rgba(239, 202, 11, 0.1) !important;
  pointer-events: none;
}
.basic-card .form-label {
  font-size: 20px;
  font-weight: bold;
}
.basic-card .form-select {
  font-size: 20px;
  padding-left: 10px;
  background-position: right 5px center;
  display: inline-block;
}
.basic-card .form-select:focus {
  border: 1px solid #0584ab;
}
.shi-page .basic-card .form-select:focus {
  border: 1px solid #0946c7;
}
.repre-page .basic-card .form-select:focus {
  border: 1px solid #6612c0;
}
.personal-page .basic-card .form-select:focus {
  border: 1px solid #f1db6c;
}
.basic-card .form-text {
  border: none;
  font-size: 20px;
  background-color: transparent;
}
.basic-card .form-text:focus {
  border: none;
  outline: none;
}
.basic-card .input-group.input-group-outline .form-label {
  line-height: 2.6 !important;
  top: 0;
}
.basic-card .input-group.input-group-outline .form-label + input {
  font-size: 16px;
}
.basic-card .input-group.input-group-outline.is-filled .form-label, .basic-card .input-group.input-group-outline.is-focused .form-label {
  font-size: 16px !important;
  top: -18px;
  color: #006280;
}
.shi-page .basic-card .input-group.input-group-outline.is-filled .form-label, .shi-page .basic-card .input-group.input-group-outline.is-focused .form-label {
  color: #03408d;
}
.repre-page .basic-card .input-group.input-group-outline.is-filled .form-label, .repre-page .basic-card .input-group.input-group-outline.is-focused .form-label {
  color: #3e0080;
}
.personal-page .basic-card .input-group.input-group-outline.is-filled .form-label, .personal-page .basic-card .input-group.input-group-outline.is-focused .form-label {
  color: #efca0b;
}
.basic-card .input-group.input-group-outline.is-filled .form-label:before, .basic-card .input-group.input-group-outline.is-filled .form-label:after, .basic-card .input-group.input-group-outline.is-focused .form-label:before, .basic-card .input-group.input-group-outline.is-focused .form-label:after {
  margin-top: 18px;
  border-color: #006280;
  -webkit-box-shadow: inset 0 1px #006280;
          box-shadow: inset 0 1px #006280;
}
.shi-page .basic-card .input-group.input-group-outline.is-filled .form-label:before, .shi-page .basic-card .input-group.input-group-outline.is-filled .form-label:after, .shi-page .basic-card .input-group.input-group-outline.is-focused .form-label:before, .shi-page .basic-card .input-group.input-group-outline.is-focused .form-label:after {
  border-color: #03408d;
  -webkit-box-shadow: inset 0 1px #03408d;
          box-shadow: inset 0 1px #03408d;
}
.repre-page .basic-card .input-group.input-group-outline.is-filled .form-label:before, .repre-page .basic-card .input-group.input-group-outline.is-filled .form-label:after, .repre-page .basic-card .input-group.input-group-outline.is-focused .form-label:before, .repre-page .basic-card .input-group.input-group-outline.is-focused .form-label:after {
  border-color: #3e0080;
  -webkit-box-shadow: inset 0 1px #3e0080;
          box-shadow: inset 0 1px #3e0080;
}
.personal-page .basic-card .input-group.input-group-outline.is-filled .form-label:before, .personal-page .basic-card .input-group.input-group-outline.is-filled .form-label:after, .personal-page .basic-card .input-group.input-group-outline.is-focused .form-label:before, .personal-page .basic-card .input-group.input-group-outline.is-focused .form-label:after {
  border-color: #efca0b;
  -webkit-box-shadow: inset 0 1px #efca0b;
          box-shadow: inset 0 1px #efca0b;
}
.basic-card .input-group.input-group-outline.is-filled .form-label + .form-control, .basic-card .input-group.input-group-outline.is-focused .form-label + .form-control {
  border-color: #006280 !important;
  border-top-color: transparent !important;
  -webkit-box-shadow: inset 1px 0 #006280, inset -1px 0 #006280, inset 0 -1px #006280;
          box-shadow: inset 1px 0 #006280, inset -1px 0 #006280, inset 0 -1px #006280;
}
.shi-page .basic-card .input-group.input-group-outline.is-filled .form-label + .form-control, .shi-page .basic-card .input-group.input-group-outline.is-focused .form-label + .form-control {
  border-color: #03408d !important;
  border-top-color: transparent !important;
  -webkit-box-shadow: inset 1px 0 #03408d, inset -1px 0 #03408d, inset 0 -1px #03408d;
          box-shadow: inset 1px 0 #03408d, inset -1px 0 #03408d, inset 0 -1px #03408d;
}
.repre-page .basic-card .input-group.input-group-outline.is-filled .form-label + .form-control, .repre-page .basic-card .input-group.input-group-outline.is-focused .form-label + .form-control {
  border-color: #3e0080 !important;
  border-top-color: transparent !important;
  -webkit-box-shadow: inset 1px 0 #3e0080, inset -1px 0 #3e0080, inset 0 -1px #3e0080;
          box-shadow: inset 1px 0 #3e0080, inset -1px 0 #3e0080, inset 0 -1px #3e0080;
}
.personal-page .basic-card .input-group.input-group-outline.is-filled .form-label + .form-control, .personal-page .basic-card .input-group.input-group-outline.is-focused .form-label + .form-control {
  border-color: #efca0b !important;
  border-top-color: transparent !important;
  -webkit-box-shadow: inset 1px 0 #efca0b, inset -1px 0 #efca0b, inset 0 -1px #efca0b;
          box-shadow: inset 1px 0 #efca0b, inset -1px 0 #efca0b, inset 0 -1px #efca0b;
}
.basic-card .input-group.input-group-outline.is-filled .form-label + input, .basic-card .input-group.input-group-outline.is-focused .form-label + input {
  font-size: 20px;
}
.basic-card .input-group.input-group-outline .fa {
  font-size: 20px;
  color: #777;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  visibility: hidden;
  z-index: 10;
}
.basic-card .input-group.input-group-outline .question {
  position: static;
  visibility: visible;
  color: #006280;
  margin-top: 8px;
}
.shi-page .basic-card .input-group.input-group-outline .question {
  color: #03408d;
}
.repre-page .basic-card .input-group.input-group-outline .question {
  color: #3e0080;
}
.personal-page .basic-card .input-group.input-group-outline .question {
  color: #efca0b;
}
.basic-card .input-group.input-group-outline #btn-unit-number {
  position: absolute;
  right: 0;
  top: 0;
  height: 52px;
}
.basic-card .input-group.input-group-outline input:-webkit-autofill,
.basic-card .input-group.input-group-outline input:-webkit-autofill:focus {
  -webkit-transition: background-color 600000s 0s, color 600000s 0s;
  transition: background-color 600000s 0s, color 600000s 0s;
}
.basic-card .input-group.input-group-outline input[data-autocompleted] {
  background-color: transparent !important;
}
.basic-card .h-5 .form-control {
  height: 320px;
}
.basic-card .h-3 .form-control {
  height: 140px;
}
.basic-card .h-2 .form-control {
  height: 100px;
}
.basic-card .h-1 .form-control {
  height: 75px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.basic-card .form-check-inline {
  padding-left: 0;
  padding-top: 5px;
  width: calc(50% - 20px);
}
.basic-card .form-check-label {
  font-size: 20px;
}
.basic-card .form-check:not(.form-switch) .form-check-input[type=radio] {
  margin-top: 0;
}
.basic-card .form-check:not(.form-switch) .form-check-input[type=radio]:checked {
  border-color: #006280;
}
.shi-page .basic-card .form-check:not(.form-switch) .form-check-input[type=radio]:checked {
  border-color: #03408d;
}
.repre-page .basic-card .form-check:not(.form-switch) .form-check-input[type=radio]:checked {
  border-color: #3e0080;
}
.personal-page .basic-card .form-check:not(.form-switch) .form-check-input[type=radio]:checked {
  border-color: #efca0b;
}
.basic-card .form-check:not(.form-switch) .form-check-input[type=radio]:after {
  background: #006280;
}
.shi-page .basic-card .form-check:not(.form-switch) .form-check-input[type=radio]:after {
  background: #03408d;
}
.repre-page .basic-card .form-check:not(.form-switch) .form-check-input[type=radio]:after {
  background: #3e0080;
}
.personal-page .basic-card .form-check:not(.form-switch) .form-check-input[type=radio]:after {
  background: #efca0b;
}
.basic-card .btn-secondary {
  background: none;
  padding: 0 5px;
}
.basic-card .btn-submit {
  font-size: 20px;
  font-weight: bold;
}
.basic-card .form-number-input-container {
  text-align: center;
}
.basic-card .form-number-input-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 52px;
  height: 52px;
  margin: 0 5px;
}
.basic-card .form-number-input-item input[type=number] {
  width: 100%;
  font-size: 20px;
  padding: 10px;
  border: 1px solid #d2d6da;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0px;
  -moz-appearance: textfield;
}
.basic-card .form-number-input-item input[type=number]::-webkit-outer-spin-button, .basic-card .form-number-input-item input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.basic-card .form-number-input-item input[type=number]:focus-visible {
  outline-color: #006280;
}
.shi-page .basic-card .form-number-input-item input[type=number]:focus-visible {
  outline-color: #03408d;
}
.repre-page .basic-card .form-number-input-item input[type=number]:focus-visible {
  outline-color: #3e0080;
}
.personal-page .basic-card .form-number-input-item input[type=number]:focus-visible {
  outline-color: #efca0b;
}
@media screen and (max-width: 767px) {
  .basic-card .form-number-input-item {
    width: 40px;
    height: 40px;
    margin: 0px 2px;
  }
  .basic-card .form-number-input-item input[type=number] {
    font-size: 16px;
    padding: 5px;
    height: 100%;
  }
}

.other-option {
  display: none;
}
.other-option.is-filled .form-control, .other-option.is-focused .form-control {
  border-color: #006280 !important;
  border-width: 2px !important;
}
.shi-page .other-option.is-filled .form-control, .shi-page .other-option.is-focused .form-control {
  border-color: #03408d !important;
}
.repre-page .other-option.is-filled .form-control, .repre-page .other-option.is-focused .form-control {
  border-color: #3e0080 !important;
}
.personal-page .other-option.is-filled .form-control, .personal-page .other-option.is-focused .form-control {
  border-color: #efca0b !important;
}

.page-login {
  background-image: url("/fuko/assets/images/bg-login.jpg");
  background-position: right top;
  background-repeat: no-repeat;
}

.login-form .forgot-txt {
  font-size: 20px;
}
.login-form .forgot-txt u {
  line-height: 1.4;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.login-form .forgot-txt u:hover {
  text-decoration: none;
}

.repre-page .basic-card .bg-gradient-primary {
  background: #3e0080;
}
.repre-page .basic-card .shadow-primary {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 98, 128, 0.4) !important;
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 98, 128, 0.4) !important;
}
.repre-page .basic-card .btn.bg-gradient-primary {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 98, 128, 0.15), 0 3px 1px -2px rgba(0, 98, 128, 0.2), 0 1px 5px 0 rgba(0, 98, 128, 0.15);
          box-shadow: 0 3px 3px 0 rgba(0, 98, 128, 0.15), 0 3px 1px -2px rgba(0, 98, 128, 0.2), 0 1px 5px 0 rgba(0, 98, 128, 0.15);
}
.repre-page .basic-card .btn.bg-gradient-primary:hover, .repre-page .basic-card .btn.bg-gradient-primary:not(:disabled):not(.disabled):active {
  background-color: #6612c0;
  border-color: #6612c0;
  color: #fff;
}
.repre-page .basic-card .input-group.input-group-outline #btn-c-number {
  position: absolute;
  right: 0;
  top: 0;
  height: 52px;
}
@media screen and (max-width: 767px) {
  .repre-page .basic-card .form-control {
    font-size: 16px;
  }
  .repre-page .basic-card .form-select {
    font-size: 16px;
  }
  .repre-page .basic-card .form-check-label,
  .repre-page .basic-card .form-label {
    font-size: 16px;
  }
  .repre-page .basic-card .input-group.input-group-outline.is-filled .form-label + input,
  .repre-page .basic-card .input-group.input-group-outline.is-focused .form-label + input {
    font-size: 16px;
  }
  .repre-page .basic-card .btn {
    font-size: 16px !important;
    padding: 10px 5px;
  }
  .repre-page .basic-card .btn.small {
    font-size: 12px;
  }
  .repre-page .basic-card .input-group.input-group-outline.is-focused .form-label, .repre-page .basic-card .input-group.input-group-outline.is-filled .form-label {
    top: -18px;
  }
  .repre-page .basic-card .input-group.input-group-outline .form-label {
    top: 7px;
  }
}

.shi-page .basic-card .bg-gradient-primary {
  background: #03408d;
}
.shi-page .basic-card .shadow-primary {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(3, 64, 141, 0.4) !important;
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(3, 64, 141, 0.4) !important;
}
.shi-page .basic-card .btn.bg-gradient-primary {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 98, 128, 0.15), 0 3px 1px -2px rgba(3, 64, 141, 0.2), 0 1px 5px 0 rgba(3, 64, 141, 0.15);
          box-shadow: 0 3px 3px 0 rgba(0, 98, 128, 0.15), 0 3px 1px -2px rgba(3, 64, 141, 0.2), 0 1px 5px 0 rgba(3, 64, 141, 0.15);
}
.shi-page .basic-card .btn.bg-gradient-primary:hover, .shi-page .basic-card .btn.bg-gradient-primary:not(:disabled):not(.disabled):active {
  background-color: #0946c7;
  border-color: #0946c7;
  color: #fff;
}

.personal-page .basic-card .bg-gradient-primary {
  background: #efca0b;
}
.personal-page .basic-card .shadow-primary {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 98, 128, 0.4) !important;
          box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 98, 128, 0.4) !important;
}
.personal-page .basic-card .btn.bg-gradient-primary {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 98, 128, 0.15), 0 3px 1px -2px rgba(0, 98, 128, 0.2), 0 1px 5px 0 rgba(0, 98, 128, 0.15);
          box-shadow: 0 3px 3px 0 rgba(0, 98, 128, 0.15), 0 3px 1px -2px rgba(0, 98, 128, 0.2), 0 1px 5px 0 rgba(0, 98, 128, 0.15);
}
.personal-page .basic-card .btn.bg-gradient-primary:hover, .personal-page .basic-card .btn.bg-gradient-primary:not(:disabled):not(.disabled):active {
  background-color: #f1db6c;
  border-color: #f1db6c;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .personal-page .basic-card .form-check-label,
  .personal-page .basic-card .form-label {
    font-size: 16px;
  }
  .personal-page .basic-card .input-group.input-group-outline.is-filled .form-label + input,
  .personal-page .basic-card .input-group.input-group-outline.is-focused .form-label + input {
    font-size: 16px;
  }
  .personal-page .basic-card .btn {
    font-size: 16px;
    padding: 10px 5px;
  }
  .personal-page .basic-card .btn.small {
    font-size: 12px;
  }
  .personal-page .basic-card .input-group.input-group-outline.is-focused .form-label, .personal-page .basic-card .input-group.input-group-outline.is-filled .form-label {
    top: -18px;
  }
  .personal-page .basic-card .input-group.input-group-outline .form-label {
    top: 7px;
  }
}

.navbar-main {
  padding: 50px 0 20px;
  background: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.navbar-main nav {
  position: relative;
  width: 100%;
}
.navbar-main .alert {
  position: absolute;
  top: -14px;
  background-color: #f3f31a;
  left: 20%;
  padding: 10px !important;
  border-radius: 0;
}
.navbar-main .alert span {
  color: #da1717;
  font-weight: bold;
}
.navbar-main .alert-dismissible {
  padding-right: 16px;
}
.navbar-main .alert-dismissible .btn-close {
  position: static;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  font-size: 12px !important;
  padding: 5px 10px !important;
  height: auto;
  background-color: #ccc;
  margin-left: 20px;
}
.navbar-main .alert-dismissible .btn-close span {
  color: #333;
}

.text-super-large {
  font-size: 48px !important;
}

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

a.card {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a.card:hover {
  opacity: 0.7;
}

.sidenav * {
  color: #fff;
}
.sidenav hr.horizontal {
  margin-left: 16px;
  margin-right: 16px;
  background-color: #fff;
  opacity: 1;
}
.sidenav .icon {
  font-size: 20px;
}

.navbar-vertical .navbar-brand {
  padding-left: 16px;
  padding-right: 16px;
}
.navbar-vertical .navbar-brand > img, .navbar-vertical .navbar-brand-img {
  max-height: 32px;
  width: 32px;
}
.navbar-vertical .navbar-brand span {
  line-height: 1.4;
}

.navbar-vertical .nav .nav-link {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.navbar-vertical .nav .nav-link span {
  display: inline-block;
  margin-right: 20px;
}
.navbar-vertical .nav-item:hover .nav-link,
.navbar-vertical .nav-item:hover .nav-link + .collapse .nav .nav-item:hover > .nav-link {
  background-color: #e91e63;
}
.navbar-vertical .nav-item .nav-link[aria-expanded=true] {
  background-color: rgba(199, 199, 199, 0.2);
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
  color: #fff;
}
.navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
  color: #fff;
}
.navbar-vertical.navbar-expand-xs .navbar-collapse {
  height: auto;
}

hr.horizontal.dark {
  background: #4F4F52 !important;
}

.text-home {
  color: #364868;
}
.text-home i, .text-home span {
  color: #7B809A;
}

.text-nav i {
  color: #7B809A;
}

.text-mr {
  margin-left: 80px;
}

@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .card .card-body {
    padding: 1rem;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
  .card p {
    font-size: 14px;
  }
}
.card dd {
  margin-bottom: 0;
}
.card dl {
  margin-bottom: 15px;
}

.table > :not(caption) > * > * {
  border-width: 0;
}
.table > :not(caption) > *:last-child.total > * {
  border-top-width: 1px;
}

.history .btn {
  height: 41px;
  white-space: nowrap;
}
.history .timeline .timeline-step {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.history .timeline .timeline-step i {
  line-height: 1;
}
@media screen and (max-width: 575px) {
  .history .timeline {
    height: auto !important;
  }
}

.page-item {
  margin: 0 3px;
}
.page-item .page-link {
  margin: 0;
  cursor: pointer;
}
.page-item .page-link:hover {
  background-color: #e91e63 !important;
  color: #fff !important;
  border-color: #e91e63 !important;
}
.page-item .page-link.active {
  background-color: #e91e63 !important;
  color: #fff !important;
  border-color: #e91e63 !important;
}
.page-item:first-child .page-link, .page-item:last-child .page-link {
  border-color: #7B809A;
}

.pagination + .more {
  margin-top: 20px;
}
.pagination + .more span {
  color: #7B809A !important;
  margin-right: 10px;
}
.pagination + .more .page-link {
  border: 1px solid rgb(222, 226, 230);
}
.pagination + .more .page-link.active {
  background-color: #e91e63 !important;
  color: #fff !important;
  border-color: #e91e63 !important;
}

.list-group .edit {
  height: 189px;
}
.list-group .edit * {
  color: #fff !important;
}
.list-group + nav .page-item:not(:first-child) .page-link {
  margin-left: 0;
}
.list-group .btn.btn-link:hover {
  opacity: 0.7;
}

.modal {
  z-index: 10000;
}
.modal-dialog {
  max-width: 843px;
}
.modal-notice .modal-dialog {
  max-width: 385px;
  margin-left: auto;
  margin-right: auto;
}
.modal-notice .card-body {
  padding: 28px 34px;
}
.modal-pdf .modal-dialog {
  max-width: 1000px;
}
.modal-pdf img {
  display: block;
  width: 100%;
  height: auto;
}

.filter-list select,
.filter-list input,
.filter-list button {
  height: 41px;
}
.filter-list button {
  min-width: 96px;
  padding: 10px;
}
.filter-list .form-select {
  padding: 5px 30px 5px 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 14L0.205772 0.5L15.7942 0.5L8 14Z' fill='%23202020'/%3E%3C/svg%3E");
  background-position: right 10px center;
  min-width: 80px;
  max-width: 120px;
}
.filter-list .form-select:focus {
  border-color: #d2d6da;
}
.filter-list .form-control {
  max-width: 120px;
}
.filter-list .input-group .form-label {
  left: 0;
  right: 0;
  text-wrap-mode: nowrap;
  overflow: hidden;
}
.filter-list-result table p {
  margin-bottom: 0;
}
.filter-list-result table * {
  color: #7B809A !important;
}
.filter-list-result table a {
  text-decoration: underline;
  font-weight: normal !important;
}
.filter-list-result table a:hover {
  text-decoration: none;
}
.filter-list-result table td, .filter-list-result table th {
  text-wrap-mode: wrap;
}
.filter-list-result table td {
  height: 50px;
  vertical-align: middle;
  min-width: 60px;
}
.filter-list-result table td:nth-child(2) {
  width: 50px;
}
.filter-list-result table td.email {
  width: 200px;
}
.filter-list-result table td button,
.filter-list-result table td .btn {
  color: #fff !important;
  margin-bottom: 0;
}
.filter-list-result table tr {
  border-top: 1px solid #E9EAED !important;
}
.filter-list-result table tr:last-child {
  border-bottom: 1px solid #E9EAED !important;
}
.filter-list-result--less table tr {
  border-top: none !important;
}
.filter-list-result--less table tr:first-child, .filter-list-result--less table tr:last-child {
  border-bottom: 1px solid #E9EAED !important;
}
.filter-list-result .form-check-input {
  width: 18px;
  height: 18px;
  border-color: #7B809A;
}
.filter-list-result .form-check-input:disabled {
  opacity: 1;
}
.filter-list-result .form-check:not(.form-switch) .form-check-input[type=checkbox] {
  border-color: #7B809A;
}
.filter-list-result .form-check:not(.form-switch) .form-check-input[type=checkbox]:disabled {
  background: rgb(209, 214, 220);
  background: -webkit-gradient(linear, left top, right top, from(rgb(209, 214, 220)), to(rgb(229, 233, 239)));
  background: linear-gradient(90deg, rgb(209, 214, 220) 0%, rgb(229, 233, 239) 100%);
}
.filter-list-result.column-4 td {
  width: 20%;
}
.filter-list-result.column-4 td:first-child {
  width: 5%;
  text-align: left !important;
}
.filter-list-result.column-4 td:first-child p {
  text-align: left !important;
  padding-left: 30px;
}
.filter-list-result.column-4 td:nth-child(2) {
  width: 30%;
}
.filter-list-result.column-4 td:nth-child(3) {
  width: 30%;
}
.filter-list-result.column-4 td:last-child {
  width: 15%;
  text-align: right !important;
}
.filter-list-result.column-4 td:last-child p {
  text-align: right !important;
  padding-right: 30px;
}
.filter-list-result.column-5 td {
  width: 25%;
}
.filter-list-result.column-5 td:first-child {
  width: 20%;
  text-align: left !important;
}
.filter-list-result.column-5 td:first-child p {
  text-align: left !important;
  padding-left: 30px;
}
.filter-list-result.column-5 td:nth-child(4) {
  width: 20%;
}
.filter-list-result.column-5 td:nth-child(3) {
  width: 25%;
}
.filter-list-result.column-5 td:last-child {
  width: 10%;
  text-align: right !important;
}
.filter-list-result.column-5 td:last-child p {
  text-align: right !important;
  padding-right: 30px;
}
.filter-list-result.column-6 td {
  width: 18%;
}
.filter-list-result.column-6 td:first-child {
  width: 17%;
  text-align: left !important;
}
.filter-list-result.column-6 td:first-child p {
  text-align: left !important;
  padding-left: 30px;
}
.filter-list-result.column-6 td:nth-child(5) {
  width: 15%;
}
.filter-list-result.column-6 td:nth-child(4) {
  width: 22%;
}
.filter-list-result.column-6 td:nth-child(3) {
  width: 18%;
}
.filter-list-result.column-6 td:last-child {
  width: 10%;
  text-align: right !important;
}
.filter-list-result.column-6 td:last-child p {
  text-align: right !important;
  padding-right: 30px;
}
.filter-list-result.column-4-center td:nth-child(3) {
  width: 25%;
}
.filter-list-result.column-4-center td:nth-child(4) {
  width: 35%;
}
.filter-list-result.column-4-center td:nth-child(2) {
  width: 20%;
}
.filter-list-result.column-4-center td:first-child {
  width: 5%;
}
.filter-list-result.column-4-center td:last-child {
  width: 15%;
}
.filter-list-result.column-3-center td p {
  text-wrap-mode: wrap;
}
.filter-list-result.column-3-center td:nth-child(3) {
  width: 25%;
}
.filter-list-result.column-3-center td:nth-child(2) {
  width: 20%;
}
.filter-list-result.column-3-center td:first-child {
  width: 5%;
}
.filter-list-result.column-3-center td:last-child {
  width: 50%;
  padding: 8px 50px;
}
.filter-list-result.column-3-center td:last-child p {
  display: -webkit-box;
  width: 100%;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tablist {
  padding: 10px 10px;
  background-color: #de246b;
}
.tablist a {
  color: #fff;
  border-radius: 6px;
}
.tablist a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
.tablist a.active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
.tablist .nav-item {
  padding: 0 5px;
}

.table-numbers {
  width: 100%;
  border-collapse: collapse;
}
.table-numbers th, .table-numbers td {
  border: 1px solid #999;
  padding: 8px;
  text-align: center;
}
.table-numbers th {
  background-color: #ccc;
}
.table-numbers .subTotal,
.table-numbers .grand_total,
.table-numbers .gray {
  background-color: #c6c0c0;
}

.numbers {
  position: relative;
  z-index: 2;
}
.numbers:before {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  right: 0;
  bottom: -15px;
  background-color: #fff;
  border-radius: 12px;
  z-index: -1;
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.home-page .card-header p {
  font-size: 1.2rem;
}
.home-page .card-footer h4, .home-page .card-footer .text-end {
  font-size: 2.4rem !important;
}

.main-content .card-header p {
  font-size: 1.2rem;
}
.main-content .card-header h4 {
  font-size: 2.4rem !important;
}
.main-content .card-header .text-end p {
  padding-left: 4rem;
}
.main-content .card-footer h4, .main-content .card-footer .text-end {
  font-size: 2.4rem !important;
}

.navbar-main h6 {
  font-size: 0.9rem;
}

.sidenav.fixed-start + .main-content {
  margin-left: 17.125rem;
}

.navbar-vertical .nav-item .nav-link + .collapse .nav .nav-item > .nav-link,
.navbar-vertical .nav-item .nav-link + .collapsing .nav .nav-item > .nav-link {
  text-wrap-mode: wrap;
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
  text-wrap-mode: wrap;
}

.ps {
  overflow: visible !important;
}

.ps__rail-y {
  display: none !important;
}