body {
    margin: 0;
}
.toggle_footer {
    font-weight: bold;
}
.header {
    /* border: 1pt solid black; */
    /* background-color: #0AD4A4; */
    background-color: rgb(77, 222, 188);

    /* 下の二つで上に張り付け */
    position: sticky;
    top: 0;
    /* jquery ui dialog の z-index:100 よりも下を設定 */
    z-index: 90;
}
.contents {
    /* border: 1pt solid black;
    background-color: lightyellow; */
    background-color: #FFFFFF;
}
.footer {
    border: 1pt solid black;
    background-color: lightgreen;

    /* 下の四行で下に貼り付け */
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
}
.ui-widget-overlay {
    opacity: 0.5;
}

.search-btn-primary {
    color: #FFFFFF;
    background-color: #FA9E37;
    border-color: #FFFFFF;
}

.btn-primary {
    color: #fff;
    background-color: #0AD4A4;
    border-color: #FFFFFF;
}

.btn-primary:hover {
    color: #fff;
    background-color: #0AB484;
    border-color: #FFFFFF;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #0AB484;
    border-color: #FFFFFF;
    box-shadow: 0 0 0 0.2rem rgba(99, 99, 99, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #0AA454;
    border-color: #CCCCCC;
}
  
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0AB484;
  border-color: #FFFFFF;
}

.btn-white {
    background-color: white;
    color: black;
}

.button-style-radio {
    display: none;
}

.button-style-label {
    display : inline-block;
    color: black;
    background: lightgray;
    padding: 5px 20px;
    border-radius: 5px;
    /* min-width: 100px; */
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
}
.button-style-radio:checked + .button-style-label {
    color: #FFFFFF;
    background: #268D6F;
  }

.button-style-radio:disabled + .button-style-label {
    opacity: .4;
    cursor: default;
}

.toast {
    max-width: 80%;
}

#clients_class1otc {
    font-weight: normal;
    padding: 2px 5px;
}
.class1otc_approved {
    color: #FFFFFF;
    border: 1pt solid #FFFFFF;
    background-color: #FA9E37;
}
.class1otc_unapproved {
    color: gray;
    border: 1pt solid gray;
    background-color: darkgray;
}

.mini-table {
    border: 1pt solid black;
    margin: 0.5rem;
    font-size: 0.8rem;
}
.mini-table > tr > td {
    border: 1pt solid black;
    padding: 0 0.5rem;
}
.mini-table-cur {
    background-color: lightyellow;
}

.alart {
    border: 2pt solid red;
    background-color: lightpink;
    color: red;
    padding: 5px;
}

/* 顔画像表示エリア */
/* 通常は 96px * 96px の固定表示 */
.face-img {
    height: 96px;
    width: 96px;
    object-fit: cover;
}
/* マウスを当てたとき、実際の全体画像が見えるようになる */
.face-img:hover {
    width: unset;
}
/* 登録画面の所に出す登録日 */
.date-label {
    top: -5px;
    left: 5px;
    background: white;
    padding: 0px 5px;
}

td.noteColumn {
    /* td 内のコンテンツを上下左右中央寄せ */
    height: 104px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
}
td.noteColumn > div {
    height: 100%;
    overflow: hidden;
}
.btn-fill {
    width: 100%;
    height: 100%;
}
thead th {
    white-space: nowrap;
}

/*
<input type="number">のスピンボタン(上下の矢印ボタン)をCSSで非表示にする
*/
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}

.pdf-unchecked td {
    background-color: #FA9E37;
}

.fl { float: left; }
.fr { float: right; }
.tar { text-align: right; }
.tal { text-align: left; }

.checkbox-label {
    user-select: none;
    cursor: pointer;
    padding: 0px 7px;
}

@media print {
    .no_print {
        display: none;
    }
    thead {
        display: table-header-group;
    }
}