/*
-----目次-----
1.:Body
1.1.:Html
2.:Table
2.1.:slider
2.2.:thread
2.3.:tbody/th/tr/td
3.:Alert
4.:MasterTableTemplate(Data maintenance)
5.:Datepicker
6.:Common
--------------
*/

/*1.:Body*/
body {
  margin-bottom: 60px;
}

/*1.1.:Html*/
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

/*2.:Table*/
.table_frame {
  width: 100%;
  height: 50%;
  overflow: auto;
}

/*2.1.:slider*/
.slider {
  overflow-y: auto;
  height: calc(100vh/1.7);
  margin: 0 auto;
}

.slider table {
  margin: 0 auto;
  padding: 0;
  border-collapse: collapse;
}

/*2.2.:thread*/
.slider table thead th {
  background-color: white;
}

/*2.3.:tbody/th/tr/td*/
/* .slider table tbody tr td:nth-child(1),
.slider table tbody tr td:nth-child(2) {
    background-color: white;
}

.slider table thead tr th:nth-child(1),
.slider table tbody tr th:nth-child(1),
.slider table thead tr td:nth-child(1),
.slider table tbody tr td:nth-child(1),
.slider table thead tr th:nth-child(2),
.slider table tbody tr th:nth-child(2),
.slider table thead tr td:nth-child(2),
.slider table tbody tr td:nth-child(2),
.slider table thead tr th:nth-child(3),
.slider table tbody tr th:nth-child(3),
.slider table thead tr td:nth-child(3),
.slider table tbody tr td:nth-child(3) {
    position: sticky;
    position: -webkit-sticky;
    z-index: 1;
}

.slider table thead tr th:nth-child(1),
.slider table tbody tr th:nth-child(1),
.slider table thead tr td:nth-child(1),
.slider table tbody tr td:nth-child(1) {
    left: 0;
    font-weight: bold;
}

.slider table thead tr th:nth-child(2),
.slider table tbody tr th:nth-child(2),
.slider table thead tr td:nth-child(2),
.slider table tbody tr td:nth-child(2) {
    left: 62px;
    font-weight: bold;
}


.slider table thead tr th:nth-child(3),
.slider table tbody tr th:nth-child(3),
.slider table thead tr td:nth-child(3),
.slider table tbody tr td:nth-child(3) {
    left: 144px;
    font-weight: bold;
}

.slider table thead tr:nth-child(1) th,
.slider table thead tr:nth-child(2) th,
.slider table thead tr:nth-child(3) th {
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
}

.slider table thead tr:nth-child(1) th {
  top: 0;
}

.slider table thead tr:nth-child(2) th,
.slider table thead tr:nth-child(3) th {
  top: 2rem;
}

.slider table thead tr th:nth-child(1),
.slider table thead tr th:nth-child(2),
.slider table thead tr th:nth-child(3) {
    z-index: 3;
} */

.invalid-feedback {
  display: block !important;
  width: 100%;
  margin-bottom: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

/*3.:Alert*/
.alert {
  border: none;
}
.alert .alert-title{
  font-size: 18px;
  font-weight: 700;
  margin-top: 5px;
}
.alert p {
  margin-bottom: 0 !important;
}
.alert.alert-has-icon {
  display: flex;
}
.alert.alert.alert-has-icon .alert-body {
  flex: 1;
}

/*4.:MasterTableTemplate(Data maintenance)*/
.required {
    position: relative;
}

    .required:before {
        content: "*";
        color: red;
        position: absolute;
        left: -15px;
        top: 50%;
        transform: translateY(-50%);
    }

/*5.:DatePicker*/
.ui-datepicker {
    z-index: 9999 !important; /* Set this value higher than any other z-index on your page */
    position: relative; /* Ensure position is absolute */
}

/*6.:Common*/
.mr-1 {
  margin-right: 10px;
}

.mr-2 {
  margin-right: 20px;;
}

.card-body-custom {
  padding: 10px;
  margin: 5 0 0 0;
  background-color: #F0F0F0;
  border-color: transparent;
}

.card-title {
  font-weight: bolder;
}
.only-number {
  text-align: right;
}