html {
    scroll-behavior: smooth;
}

.MainLayoutBody {
    padding-top: 78px;
}

.MainLayoutStickyTop {
    top:78px;
}
.top-mt-22 {
    margin-top:22px;
}
.was-validated .form-control.is-invalid {
    border-color: red !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23f34770' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='6' cy='6' r='5'%3e%3c/circle%3e%3cline x1='8' y1='4' x2='4' y2='8'%3e%3c/line%3e%3cline x1='4' y1='4' x2='8' y2='8'%3e%3c/line%3e%3c/svg%3e") !important;
}
.was-validated .form-select.is-invalid {
    border-color: red !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23373f50' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23f34770' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='6' cy='6' r='5'%3e%3c/circle%3e%3cline x1='8' y1='4' x2='4' y2='8'%3e%3c/line%3e%3cline x1='4' y1='4' x2='8' y2='8'%3e%3c/line%3e%3c/svg%3e") !important;
}
.invalid-feedback {
    display: block;
}
.login-avatar {
    width: 40px;
    height:40px;
}
.user-avatar {
    width: 60px;
    height: 60px;
}
.login-info .login-name {
    font-size: 0.875rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.65);
}
.bg-gray {
    background-color: #e9e9e9;
}
.input-focus:not(:focus) {
    border-left: 0;
}
.text-gray {
    color : gray;
}
.on-cursor:hover {
    cursor : pointer;
}
.on-cusor-hover:hover {
    background-color: #eceded !important;
}
.mainbody-sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 1020;
}
.font-bold {
    font-weight:bold;
}
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-16 {
    font-size: 16px;
}
.font-24 {
    font-size: 24px;
}
.font-normal {
    font-weight:100 !important;
}
.user-table table th {
    font-size: 14px;
}
.user-table table td {
    font-size: 14px;
}
.user-table table td p {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
}
.text-black {
    color:black !important;
}
.password-toggle .form-control {
    padding-right:1em !important;
}
    .password-toggle .form-control.is-invalid {
        padding-right: 3em !important;
    }

i.icon-warning {
    font-weight: bold;
}
.side-nav > li > a.active > i.icon-warning {
    color: white !important;
}
.side-nav > li > a > i.icon-warning {
    color: red !important;
}
.border-gray {
    border-color: #dae1e7;
}
@media print {
    @page {
        margin: 20px;
    }
}

.max-width-50p {
    max-width:100px !important;
}
.card-table > .card-footer:first-child {
    border-top:none;
}
.tree-left {
    padding-left:8px;
}
@media (min-width: 992px) {
    .offcanvas-enabled {
        padding-left: 19.5rem;
    }
        .offcanvas-enabled.offcanvas-end {
            padding-right: 19.5rem;
            padding-left: 0;
        }
}

.group_accordion-item > .accordion-item:nth-child(2) {
    border-top: 1px solid #dde4eb !important;
}


.iziToast.iziToast-blue {
    border-color: rgba(20,44,103,0.5);
    color: rgb(20,44,103);
}

    .iziToast.iziToast-blue > .iziToast-close {
        color: rgb(20,44,103);
    }

@media print {
    @page {
        margin: 20px;
    }

    .no-print-page {
        display: none;
    }

    pre {
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
    }
}
pre {
    white-space: pre-wrap; /* pre tag내에 word wrap */
}
.page-print {
    page-break-before: always;
}
.profile-size-52 {
    width:52px;
}
.profile-size-128 {
    width: 128px;
}
.profile-size-90 {
    width: 90px;
}