input::placeholder {
    font-size: 0.7em;
}
.pagination {
    justify-content: center !important;
}
td.details-control {
    background: url("../images/details_open.png") no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url("../images/details_close.png") no-repeat center center;
}

.grid-5 {
    max-height: none;
    display: grid;
    padding-block-end: 5px;
    grid-template-columns: 82px 82px 82px 82px 82px;
    grid-template-rows: 90px 90px 90px;
}

.grid-4 {
    max-height: none;
    display: grid;
    padding-block-end: 20px;
    grid-template-columns: 75px 75px 75px 75px;
    grid-template-rows: 80px 80px 80px;
}

.grid-3 {
    max-height: none;
    display: grid;
    padding-block-end: 20px;
    grid-template-columns: 100px 100px 100px;
    grid-template-rows: 100px 100px 100px;
}

.grid-2 {
    max-height: none;
    display: grid;
    padding-block-end: 20px;
    grid-template-columns: 150px 150px;
    grid-template-rows: 100px 100px 100px;
}

.grid-2-item {
    width: 140px;
    height: 80px;
    margin-left: 5px;
}

.grid-3-item {
    width: 80px;
    height: 80px;
    margin-left: 10px;
}

.grid-4-item {
    width: 70px;
    height: 70px;
}

.grid-5-item {
    width: 75px;
    height: 75px;
}

.grid-footer {
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.grid-container {
    width: 360px;
    min-height: 640px;
    padding-bottom:50px;
    max-height: inherit;
    border-radius: 5px;
}

#accordionExample .draggable--original:first-child+.kanban-item {
    margin-top: 1rem !important;
}

.pc-layout-view {
    width: 800px;
    min-height: 640px;
    padding-bottom:50px;
    max-height: inherit;
    border-radius: 5px;
}

.tagify {
    display: flex !important;
    width: 100% !important;
    min-height: calc(1.5em + .75rem + 2px) !important;
    max-height: none !important;
    padding: .375rem .75rem !important;
    border-radius: .375rem !important;
    overflow-y: visible;
    flex-wrap: wrap !important;
}

.tagify__input {
    flex: 0 1 auto !important;
    min-width: 80px !important;
    max-width: 100% !important;
}

/* 그룹 태그 필드 가로 폭 고정 */
#selected-group-tags + .tagify {
    width: 100% !important;
    max-width: 100% !important;
}

#selected-group-tags + .tagify .tagify__input {
    width: auto !important;
    flex: 0 1 80px !important;
}

.tagify-group-input {
    border: 1px solid #ced4da !important;
    border-radius: .375rem !important;
    background-color: #fff !important;
    padding: .375rem .75rem !important;
    min-height: calc(1.5em + .75rem + 2px) !important;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}

.tagify-group-input.tagify--focus,
.tagify-group-input.form-select:focus {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}

.tagify-group-input .tagify__tag {
    margin-bottom: 0 !important;
}

.group-filter-select {
    flex: 1 0 150px;
    min-width: 150px;
}

.group-filter-select .choices {
    width: 100% !important;
    min-width: 150px;
    margin-bottom: 0;
}

.group-filter-select .choices__inner {
    width: 100%;
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    display: block;
}

.group-filter-select .choices__list--multiple .choices__item,
.group-filter-select .choices__input {
    font-size: 0.875rem;
}

.group-filter-select .choices__input--cloned {
    max-width: 1px !important;
    width: auto !important;
}