input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.btn-border-2 {
    border-width: 2px;
}

.border-2 {
    border: 2px solid #dee2e6;
}

.text-man {
    color: #3A77FF;
}

.text-woman {
    color: #FF3368;
}

/* 0px */
@media (min-width: 0px) {
    .col-1-24 {
        -ms-flex: 0 0 4.166666666666667%;
        flex: 0 0 4.166666666666667%;
        max-width: 4.166666666666667%;
    }

    .col-2-24 {
        -ms-flex: 0 0 8.333333333333333%;
        flex: 0 0 8.333333333333333%;
        max-width: 8.333333333333333%;
    }

    .col-21-24 {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
    }

    .col-22-24 {
        -ms-flex: 0 0 91.66666666666667%;
        flex: 0 0 91.66666666666667%;
        max-width: 91.66666666666667%;
    }

    .col-23-24 {
        -ms-flex: 0 0 95.83333333333333%;
        flex: 0 0 95.83333333333333%;
        max-width: 95.83333333333333%;
    }
}
/* 496px */
@media (min-width: 496px) {
}
/* sm Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}
/* md Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}
/* lg Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}
/* xl Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .row-cols-xl-7 > * {
        -ms-flex: 0 0 14.28571428571429%;
        flex: 0 0 14.28571428571429%;
        max-width: 14.28571428571429%;
    }
}

html {
    user-select: none; /* standard syntax */
    -webkit-user-select: none; /* for Chrome、Safari */
    -moz-user-select: none; /* for Mozilla、Firefox */
}

@font-face {
    font-family: cns11643;
    src: url(../Fonts/EUDCMING.TTF);
}

.cns11643 {
    font-family: cns11643, serif;
}

.active {
    /* display: block !important; */
}

[v-cloak] {
    display: none !important;
}

.bootbox.modal {
    z-index: 9999 !important;
}

.form-control::placeholder {
    color: #cccccc;
}

.warning_border {
    border: 3px solid #ff0000 !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-grab {
    cursor: grab !important;
}

.cursor-ns-resize {
    cursor: ns-resize !important;
}

.cursor-trash-can {
    cursor: url('../images/trash-can.ico') 8 8, auto;
}

.Gold {
    color: #F4D03F;
}

.Silver {
    color: #BDC3C7;
}

.Copper {
    color: #DC7633;
}

.bk-disabled-white:disabled {
    background-color: white;
}

.d-contents {
    display: contents;
}

a[accesskey] {
    float: right;
    text-decoration: none;
    color: #888;
    font-size: 1.5rem;
}

.lg-title {
    font-size: 3rem;
    font-weight: bolder;
    color: #6D5DFF;
}

.md-title {
    font-size: 2rem;
    font-weight: bolder;
    color: #6D5DFF;
}

.sm-title {
    font-size: 1.1rem;
    font-weight: bolder;
    color: #6D5DFF;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}

.bg-transparent {
    background-color: transparent !important;
}

.border-transparent-1 {
    border: 1px solid transparent !important;
}

.BreadcrumbCss {
    color: #58bb96 !important;
    border: solid #58bb96 2px !important;
    letter-spacing: 0.1rem !important;
    display: inline-block !important;
    font-weight: 700 !important;
    padding: 0.25rem !important;
    margin-left: 0.5rem !important;
}

.border-purple {
    border-color: purple !important;
}

.bg-purple {
    background-color: #F0EEFF;
}


.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: transparent !important;
    border: solid 1px rgb(178 178 178 / 60%);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label span {
    color: rgb(178 178 178 / 60%);
}

.custom-checkbox .custom-control-input:disabled.sub_box:checked ~ .custom-control-label::after {
    color: rgb(178 178 178 / 60%);
}

.custom-radio .custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef !important;
}

.btn-outline-dark-yellow.active {
    color: #000;
    background-color: #faee58;
    border-color: #000;
    border-radius: unset;
}

    .btn-outline-dark-yellow.active:hover {
        color: #000;
        background-color: #FFF;
        border-color: #000;
    }

    .btn-outline-dark-yellow.active.focus, .btn-outline-dark-yellow.active:focus {
        box-shadow: 0 0 0 0.1rem #000;
    }

.btn-outline-dark-yellow {
    color: #000;
    border-color: #000;
    background-color: #FFF;
}

    .btn-outline-dark-yellow:hover {
        color: #000;
        background-color: #faee58;
        border-color: #000;
    }

    .btn-outline-dark-yellow.focus, .btn-outline-dark-yellow:focus {
        box-shadow: 0 0 0 0.1rem #000;
    }

.btn-outline-comp.active {
    color: #FFF;
    background-color: #695dfb;
}

    .btn-outline-comp.active:hover {
        color: #000;
        background-color: #e8e7fe;
        border-color: #e8e7fe;
    }

    .btn-outline-comp.active.focus, .btn-outline-comp.active:focus {
        box-shadow: 0 0 0 0.2rem #e8e7fe;
    }

.btn-outline-comp {
    color: #000;
    border-color: #695dfb;
    background-color: #e8e7fe;
}

    .btn-outline-comp:hover {
        color: #FFF;
        background-color: #695dfb;
        border-color: #695dfb;
    }

    .btn-outline-comp.focus, .btn-outline-comp:focus {
        box-shadow: 0 0 0 0.2rem #695dfb;
    }

.btn-outline-man {
    color: #695dfb;
    border-color: #695dfb;
    background-color: #FFF;
}

    .btn-outline-man:hover {
        color: #FFF;
        background-color: #695dfb;
        border-color: #695dfb;
    }

    .btn-outline-man.focus, .btn-outline-man:focus {
        box-shadow: 0 0 0 0.2rem #695dfb;
    }

.btn-man {
    color: #FFF;
    background-color: #3A77FF;
    border-color: #3A77FF;
}

    .btn-man:hover {
        color: #FFF;
        background-color: #3A63EB;
        border-color: #3A68F0;
    }

.btn-gray {
    color: #FFF;
    background-color: #ACACAC;
    border-color: #A0A0A0;
}

    .btn-gray:hover {
        color: #FFF;
        background-color: #6C6C6C;
        border-color: #A0A0A0;
    }


.custom-select-arrow-down {
    background: #FFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M-4 4 h4 zm6.5 1 L0 1 h5 z'/%3e%3c/svg%3e") right 0.75rem center/12px 10px no-repeat;
}

.custom-select-arrow-down-1 {
    background: #FFF url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M-4 4 h4 zm6.5 1 L0 1 h5 z'/%3e%3c/svg%3e") right 0.25rem center/12px 10px no-repeat;
}

.differentTable, .differentTable td {
    border-color: black;
}

.shadow-box {
    box-shadow: 0 0 5px 1px #E0E0E0;
    border: 2px solid #E0E0E0;
    border-radius: 5px;
}

.shadow-box-non-radius {
    box-shadow: 0 0 5px 1px #E0E0E0;
    border: 2px solid #FFF;
    border-radius: 0;
}


.opacity-100 {
    opacity: 1;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-50 {
    opacity: 0.50;
}

.opacity-25 {
    opacity: 0.25;
}

.bs-actionsbox .actions-btn.bs-select-all {
    color: blue;
    font-weight: bolder;
}

.bs-actionsbox .actions-btn.bs-deselect-all {
    color: red;
    font-weight: bolder;
}