.sidenav-header {
    height: auto !important;
}

.navbar-brand-img {
    max-height: fit-content !important;
}

.sidenav .navbar-brand {
    padding: 1.5rem 1.5rem;
}

.sidenav .navbar-brand-img {
    padding-bottom: 1.5rem;
}

.navbar-vertical.navbar-expand-xs .navbar-collapse {
    display: block;
    overflow: auto;
    height: auto;
}

.alert {
    color: #fff;
}

.icon-sm i {
    top: 1px;
    font-size: 0.875rem;
}


.list-table {
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    border-radius: .25rem;
    margin-bottom: 1rem;
    width: 100%;
    table-layout: auto;
}

.list-table th{
    white-space: nowrap;
    background-color: #0ec396;
    color: #fff;
}

.overflow {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.databox a {
    display: block;
    width: 100%;
    height: 100%;
}

.check-area{
    margin-top: 11px;
    margin-left: 34px;
}

.text-area{
    margin-top: 11px;
    margin-left: 13px
}

@media screen and (min-width: 768px) {
    .control-label{
        padding-top: 11px;
        text-align: right;
    }
}

.pagination {
    justify-content: center;
}

.has-error {
    color: #cb0c9f;
}
.has-warning {
    color: #8a6d3b;
}
.has-success {
}

label.has-error {
    font-size: 0.8rem;
    margin-bottom: 0px;
    margin-top: 10px;
}
label.has-warning {
    font-size: 0.8rem;
    margin-bottom: 0px;
    margin-top: 10px;
}
label.has-success {
}

.has-error input,
.has-error select,
.has-error .select2-container--default .select2-selection--single,
.has-error textarea
{
    border: 1px solid #cb0c9f;
}
.has-warning input,
.has-warning select,
.has-warning .select2-container--default .select2-selection--single,
.has-warning textarea
{
    border: 1px solid #8a6d3b;
}
.has-success input,
.has-success select,
.has-success .select2-container--default .select2-selection--single,
.has-success textarea{
}

/*
スライダー関連
*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 40px;
}

.pagetop a {
    display: block;
    background-color: #3DB680;
    opacity: 0.6;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-size: 36px;
    text-decoration: none;
    padding: 4px 18px;
}

.pagetop a:hover {
    display: block;
    background-color: #009250;
    opacity: 0.8;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-size: 36px;
    text-decoration: none;
    padding: 4px 18px;
}

.clear-both{
    clear: both;
}

/*
マージン関連
*/
.mt0{
    margin-top: 0px;
}
.mt1{
    margin-top: 1px;
}
.mt2{
    margin-top: 2px;
}
.mt3{
    margin-top: 3px;
}
.mt4{
    margin-top: 4px;
}
.mt5{
    margin-top: 5px;
}
.mt10{
    margin-top: 10px;
}
.mt15{
    margin-top: 15px;
}
.mt20{
    margin-top: 20px;
}
.mt25{
    margin-top: 25px;
}
.mt30{
    margin-top: 30px;
}
.mb5{
    margin-bottom: 5px;
}
.mb10{
    margin-bottom: 10px;
}
.mb15{
    margin-bottom: 15px;
}
.mb20{
    margin-bottom: 20px;
}
.mb25{
    margin-bottom: 25px;
}
.mb30{
    margin-bottom: 30px;
}

.mr5{
    margin-right: 5px;
}
.mr10{
    margin-right: 10px;
}
.mr15{
    margin-right: 15px;
}
.mr20{
    margin-right: 20px;
}
.mr25{
    margin-right: 25px;
}
.mr30{
    margin-right: 30px;
}
.ml5{
    margin-left: 5px;
}
.ml10{
    margin-left: 10px;
}
.ml15{
    margin-left: 15px;
}
.ml20{
    margin-left: 20px;
}
.ml25{
    margin-left: 25px;
}
.ml30{
    margin-left: 30px;
}


.pt0{
    padding-top: 0px;
}
.pt1{
    padding-top: 1px;
}
.pt2{
    padding-top: 2px;
}
.pt3{
    padding-top: 3px;
}
.pt4{
    padding-top: 4px;
}
.pt5{
    padding-top: 5px;
}
.pt10{
    padding-top: 10px;
}
.pt15{
    padding-top: 15px;
}
.pt20{
    padding-top: 20px;
}
.pt25{
    padding-top: 25px;
}
.pt30{
    padding-top: 30px;
}
.pb5{
    padding-bottom: 5px;
}
.pb10{
    padding-bottom: 10px;
}
.pb15{
    padding-bottom: 15px;
}
.pb20{
    padding-bottom: 20px;
}
.pb25{
    padding-bottom: 25px;
}
.pb30{
    padding-bottom: 30px;
}
.pt5{
    padding-top: 5px;
}
.pr10{
    padding-right: 10px;
}
.pr15{
    padding-right: 15px;
}
.pr20{
    padding-right: 20px;
}
.pr25{
    padding-right: 25px;
}
.pr30{
    padding-right: 30px;
}
.pl5{
    padding-left: 5px;
}
.pl10{
    padding-left: 10px;
}
.pl15{
    padding-left: 15px;
}
.pl20{
    padding-left: 20px;
}
.pl25{
    padding-left: 25px;
}
.pl30{
    padding-left: 30px;
}

.wd25{
    width: 25px;
}


.admin_post{
    background-color: #bbb;
}


tr.link:hover{
    opacity: 0.5 ;
    cursor: pointer;
}

tr.checked {
    background-color: #edf8f3;
}

.pointer-events-none{
    pointer-events: none;
}

.pointer-events-auto{
    pointer-events: auto;
}

td.created_at{
    max-width: 200px;
    min-width: 110px;
}

td.name{
    max-width: 200px;
    min-width: 110px;
}

hr {
    border-top: 1px solid #ddd;
}

.finished {
    background-color: #ccc;
}


.search .datepicker {
    width: 130px !important;
}

.search .number{
    width: 130px !important;
}

@media screen and (min-width: 768px) {
    .total .cell:not(:last-child) {
        border-right: solid 1px #eee;
    }

    .total .row{
        margin-bottom: 3px;
    }
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 250px;
}

.th-id {
    width: 100px;
}

.th-date {
    width: 150px;
}

.th-note {
    width: 250px;
}

.th-check {
    width: 50px;
}

.th-line {
    width: 170px;
}

.select2-results {
    max-height: 250px;
    overflow: scroll;
}

ul.select2-results__options {
    display: table;
    width: 100%;
}
li.select2-results__option { display: table-row; }
li.select2-results__option > span {
    display: table-cell;
    white-space: nowrap;
    padding: 5px;
}

li.select2-results__option > span.none {
    display: block;
}

li.select2-results__message {
    display: block;
    padding: 10px;
}

#sidenav-collapse-main i{
    color: #333;
}
#sidenav-collapse-main .active i{
    color: #fff;
}

.select2-dropdown {
    border: 1px solid #d2d6da;
}


input.form-control{
    font-size: 0.875rem;
}

.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.table.align-items-center td, .table.align-items-center th {
    vertical-align: top;
}

.page-item.active .page-link {
    color: #fff;
}

.required {
    color: #cb0c9f;
}

.modal-footer {
    display: block;
    padding: 30px 35px 20px 35px;
}

.bootbox-body {
    font-size: 0.875rem;
    padding: 0px 24px 15px;
}

.modal-cover{
    position: fixed;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.sortable td:last-child {
    background: url(/img/icon/sort-solid.svg) no-repeat right 15px center/10px;
}

.select2-container--default .select2-selection {
    border: 1px solid #d2d6da;
    padding: 0.5rem 0.75rem;
    height: calc(2.25rem + 4px);
    border-radius: 0.5rem;
}

element.style {
    padding: 0;
}
.select2-container--default .select2-selection .select2-selection__rendered {
    padding: 0;
    font-size: 0.875rem;
    line-height: inherit;
}

.select2-container--default .select2-selection .select2-selection__arrow {
    top: 7px;
}

.select2-container--default .select2-selection.select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #d2d6da;
    padding: 0.2rem 0.75rem;
    height: calc(2.25rem + 4px);
    border-radius: 0.5rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0px solid #d2d6da;
    font-size: 0.875rem;
    padding: 10px;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23999"%3E%3Cpath d="M505 442.7L405.3 343c28.4-34.9 45.7-79.5 45.7-128C451 96.5 354.5 0 234.5 0S18 96.5 18 215.5 114.5 431 234.5 431c48.5 0 93.1-17.3 128-45.7l99.7 99.7c15.1 15.1 39.6 15.1 54.6 0s15.1-39.6 0-54.6zM234.5 384c-92.6 0-168-75.4-168-168s75.4-168 168-168 168 75.4 168 168-75.4 168-168 168z"/%3E%3C/svg%3E') no-repeat left center;
    padding-left: 34px; /* アイコンとテキストの間のスペースを確保 */
    background-size: 16px 16px; /* アイコンのサイズを調整 */
    background-position: 10px center;
}

li.select2-results__option > span {
    padding: 7px 12px;
    font-size: 0.875rem;
}

.more .close {
    display: none;
}
.more .close {
    display: none;
}
.more.on-click .open {
    display: none;
}
.more.on-click .close {
    display: block;
}

.table{
    border-collapse: collapse;
}

.author-admin{
    background-color: #ddd;
}

.table td {
    padding: 0.8rem 0.5rem;
}

.avatar {
    border-radius: 50%;
}

table.line tr,
table.line td,
table.line th{
    border-style: none;
}

.author-admin {
    text-align: left;
    display: inline-block;
    max-width: 600px;
    white-space: normal;
    background-color: #00b900;
    color: #fff;
    border-radius: 15px;
    position: relative;
}

.author-admin:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -10px;
    border: 8px solid transparent;
    border-left: 20px solid #00b900;
}

.author-user {
    text-align: left;
    display: inline-block;
    max-width: 600px;
    white-space: normal;
    background-color: #344767;
    color: #fff;
    border-radius: 15px;
    position: relative;
}

.author-user:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -28px;
    margin-top: -10px;
    border: 8px solid transparent;
    border-right: 20px solid #344767;
}

.product-img {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border-radius: 0.75rem;
    height: 48px;
    width: 48px;
    transition: all .2s ease-in-out;
}


.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    position: unset;
}

form .from{
    position: relative;
}
form .from::before{
    content:"-";
    display: block;
    position: absolute;
    right: -2px;
    top: 20%;
}

#loading{
    width: 100%;
}

.modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: 28px;
    margin-left: auto;
}

.bootbox .modal-dialog,
#modal_message .modal-dialog {
    transition: transform 0s ease-out;
    margin-right: auto;
}

/*
.modal.fade .modal-dialog {
    transition: none;
}

.fade {
    transition: none;
}
*/

.form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {
    font-family: "Font Awesome 5 Free";
    content: "レ";
    font-weight: 900;
}

.form-control::placeholder {
    color: #adb5bd;
    opacity: 0.4;
}

hr.modal_hr {
    border: #67748e 1px solid
}

.border-bottom-last{
    border-bottom: 3px solid #000000;
}

a.link:hover{
    cursor: pointer;
}