html, body {
    height: 100%;
    background: url(/images/c1.png) no-repeat center center fixed;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover; /* Mozilla*/
    -o-background-size: cover; /* Opera*/
    background-size: cover;
}

a {
    text-decoration: unset;
}

.td-danger td {
    color: red;
}

thead td {
    text-align: center !important;
}

.tooltip {
    --bs-tooltip-bg: var(--bs-primary);
}

.tooltip-inner {
    max-width: unset;
}

.popover {
    max-width: unset;
}

.dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
}

.navbar-brand {
    font-size: 1.5rem;
    padding-top: unset;
    padding-bottom: unset;
    margin-right: 1.5rem;
}

.bg-card {
    background-size: contain;
    background-position: right;
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

[dir=rtl] .bg-card {
    background-position: left;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    will-change: transform,opacity,filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0
}

.card {
    --card-cap-padding-y: 1rem;
    --card-cap-padding-x: 1.25rem;
    --card-border-width: 0px;
    --card-border-color: rgba(0, 0, 0, 0.125);
    --card-cap-bg: rgba(0, 0, 0, 0);
}

.card-header {
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    margin-bottom: 0;
    background-color: var(--card-cap-bg);
    border-bottom: var(--card-border-width) solid var(--card-border-color)
}

.form-signin {
    max-width: 400px;
    padding: 1rem;
}

    .form-signin .form-floating:focus-within {
        z-index: 2;
    }

    .form-signin input[type="email"] {
        margin-bottom: -1px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
        margin-bottom: 10px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.form-floating > label {
    font-size: 0.875em;
}

.form-floating > .form-select, .form-floating > button {
    padding-top: unset !important;
    padding-bottom: unset !important;
    font-size: 0.875em;
}

.text-divider {
    margin: 2em 0;
    line-height: 0;
    text-align: center;
    background-color: transparent;
}

    .text-divider span {
        background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity));
        padding-left: .5em;
        padding-right: .5em;
    }

    .text-divider:before {
        content: " ";
        display: block;
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    }

.d-web {
    display: -webkit-box;
}

.offcanvas {
    width: 340px !important;
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --bs-offcanvas-width: 360px;
}

/* */

div.dataTables_wrapper div.dataTables_processing, div.dt-container div.dt-processing {
    background-color: transparent !important;
    border: 0 !important;
}

    div.dataTables_processing > div:last-child, div.dt-processing > div:last-child {
        display: none !important;
    }

    div.dataTables_wrapper > div.row > *, div.dt-container > div.row > * {
        padding-left: 0;
        padding-right: 0;
    }

div.dataTables_wrapper > div.row > div, div.dt-container > div.row > div {
    padding-bottom: 0.5rem;
}

table.table.dataTable > :not(caption) > * > * {
    background-color: transparent;
}

table.table.dataTable > tbody > tr {
    background-color: transparent;
}

    @media (max-width: 576px) {
        .dataTables_info, .dt-info {
            display: none;
        }

        .my-none {
            display: none;
        }
    }

/* */

    .ms-parent {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
}

.ms-choice {
    border-radius: var(--bs-border-radius) !important;
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border: 0 !important;
}

    .ms-choice > span.placeholder {
        opacity: 1;
        --bs-text-opacity: 1;
        color: var(--bs-secondary-color) !important;
        background-color: transparent !important;
    }

    .ms-choice > div.icon-caret {
        display: none !important;
    }

.overflow {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.text-overflow {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important
}

.my_table {
    margin-bottom: 0;
}

    .my_table > :not(caption) > * > * {
        background-color: transparent;
        border: 0;
        padding: .2rem .2rem;
    }

    .thin_table > :not(caption) > * > * {
        background-color: transparent;
        border: 0;
        padding: 0;
        margin: 0;
    }

.start-120 {
    left: 150% !important;
}

.middle {
    vertical-align: middle;
}

/*.table-as > :not(caption) > :last-child {
    border-bottom: hidden;
}*/

.table-as > :not(caption) > :first-child {
    border-top: 2px var(--bs-table-border-color) solid;
}

.table-as > :not(caption) > tr > :nth-child(odd) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table > :not(caption) > * > * {
    background-color: transparent; /* 테이블 배경 투명*/
}

.option {
    font-family: monospace; /* 고정폭 폰트 사용 (등간격 글꼴) */
}

.alert {
    --bs-alert-padding-x: 0.75rem;
    --bs-alert-padding-y: 0.375rem;
    --bs-alert-margin-bottom: unset;
}

.my-translate-middle {
    transform: translate(-50%, -35%) !important;
}

.my-bg-primary {
    background-color: rgba(0, 141, 203, 0.1) !important;
}

.myChat {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1050; /* Bootstrap modal보다 낮고 tooltip보다 높은 값 */
}

    .myChat img {
        width: 80px; /* 원하는 사이즈로 조절 가능 */
        height: auto;
    }