label.error {
    font-size: 10px;
    color: red;
}

.dataTable {
    width: 100% !important;
}

/*일반 (1200px 미만)*/
.sidenav .languagechanger {
    display: inherit;
}
.navbar-nav .languagechanger {
    display: none;
}

/*1200px 미만일때만 */
@media (min-width: 1200px) {
    .sidenav .languagechanger {
        display: none;
    }
    .navbar-nav .languagechanger {
        display: inherit;
    }
}

.top * {
    margin-top: 0;
    margin-bottom: 0;
}

/*테이블 간격 조정*/
table.dataTable thead th,
table.dataTable tbody th,
table.dataTable tbody td {
    padding: 4px 5px;
    text-align: center !important;
}


.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.input-group a,
.input-group label,
.input-group button{
    margin-bottom: 0 !important;
}

.card-footer a,
.card-footer button,
.modal-footer a,
.modal-footer button {
    margin-bottom: 0 !important;
}

th, td {
    vertical-align: middle !important;
}


input[type="file"]::-webkit-file-upload-button {
    display: none;
}

/* 클 때 */
@media (min-width: 768px) {
    .vertical-align {
        align-items: center !important;
        display: flex !important;
    }

    .vertical-align > * {
        margin-right: 5px;
        margin-bottom: 0 !important;
    }

    .vertical-align > *:last-child {
        margin-right: 0;
    }
}

/* 작을때 */
@media (max-width: 767.99px) {
    .vertical-align {

    }

    .vertical-align > * {
        margin-bottom: .5rem;
    }

    .vertical-align > *:last-child {
        margin-right: 0;
    }
}


a {
    cursor: pointer;
}
.material-icons {
    user-select: none;
}
.btn-outline-info {
    color: #1A73E8;
}
.btn-outline-noti {
    color: yellowgreen;
}
.btn-outline-ing {
    color: red;
}
.table-bordered> :not(caption)>*>* {
    border-width: 1px 1px;
    border-color: #f0f2f5;
}

.modal-body {
    max-height: calc(100vh - 273px);
    overflow: auto;
}

.swal-content {
    text-align: left;
    display: inline-block;
}
.swal-content strong {
    display: inline-block;
    min-width: 100px;
    text-align: left;
}
.swal-content .align-right {
    display: inline-block;
    text-align: left;
    min-width: 100px;
    margin-left: 10px;
}


.form-label {
    width: 100%;
}


.input-group.input-group-outline.is-invalid .form-label+.form-control {
    border-color: #F44335 !important;
}

/* Sticky left column */
.sticky-left {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #f8f9fa !important;
    border-right: 1px solid #dee2e6;
    white-space: nowrap;
}

/* Sticky header */
.sticky-header {
    position: sticky;
    top: 45px;
    z-index: 3;
    background-color: #e5e6eb !important;
    border-bottom: 1px solid #dee2e6;
    text-align: center;
}
.sticky-header-top0 {
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #e5e6eb !important;
    border-bottom: 1px solid #dee2e6;
    text-align: center;
}

/* Fixed top-left corner */
.sticky-corner {
    z-index: 4;
}

/* Row and column highlight */
.table-hover-highlight td:hover,
.table-hover-highlight th:hover {
    background-color: #d1d3d8 !important;
    cursor: pointer;
}

/* Active row and column highlight */
.table-hover-highlight td.active,
.table-hover-highlight th.active {
    background-color: #b0b3b9 !important;
    color: #fff;
    cursor: pointer;
}

/* Scrollbar styles (optional) */
.table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

.swal2-html-container {
    max-height: 300px;
}

/*.list-group-item-action:hover:not(.no_custom) {*/
/*    background-color: #f8f9fa; !* 밝은 회색 하이라이트 *!*/
/*    cursor: pointer;*/
/*}*/

/* UI Utilities */
.hover-scale {
    transition: transform 0.2s ease-in-out;
}
.hover-scale:hover {
    transform: scale(1.05);
}
.transition-all {
    transition: all 0.2s ease-in-out;
}
.hover-opacity-100:hover {
    opacity: 1 !important;
}

/* Dropdown Menu Customization */
.dropdown-menu {
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1), 0 4px 15px -5px rgba(0, 0, 0, 0.05) !important;
    border: 0 !important;
    margin-top: 10px !important;
}
.dropdown-item {
    transition: all 0.2s ease-in-out;
}
.dropdown-item:hover {
    background-color: #f8f9fa !important;
    transform: translateX(5px);
}

/*.small-footer {*/
/*  padding: 0.4rem 0.8rem;*/
/*}*/