label.required:after {
    margin-left: 1.0em;
    padding: 0px 6px 2px 6px;
    border-radius: 4px;
    font-size: 0.8em;
    color: white;
    background-color: #C44;
    content: "必須";
}

label.required-product:after {
    margin-left: 1.0em;
    padding: 0px 6px 2px 6px;
    border-radius: 4px;
    font-size: 0.8em;
    color: white;
    background-color: #C44;
    content: "登録の場合は必須";
}


#overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spinner {
    width: 80px;
    height: 80px;
    border: 4px #ddd solid;
    border-top: 4px #999 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.is-hide {
    display: none;
}

.custom-file-label::after {

    content: "ファイル選択" !important;
}


html {
    font-size: 14px;

}

.btn.btn-show {

    background-color: rgba(8, 153, 51, 0.719);

    color: rgb(255, 255, 255);

    border-color: rgba(8, 153, 51, 0.719);

}

.btn.btn-show:hover,
.btn.btn-show:focus,
.btn.btn-show:active,
.btn.btn-show:active:focus,
.btn.btn-show:active:hover,
.btn.btn-show:active.focus,
.btn.btn-show.active,
.btn.btn-show.active:focus,
.btn.btn-show.active:hover,
.btn.btn-show.active.focus,
.open>.dropdown-toggle.btn.btn-show,
.open>.dropdown-toggle.btn.btn-show:hover,
.open>.dropdown-toggle.btn.btn-show:focus,
.open>.dropdown-toggle.btn.btn-show.focus,
.btn.btn-show.disabled:hover,
.btn.btn-show[disabled]:hover,
fieldset[disabled] .btn.btn-show:hover,
.btn.btn-show.disabled:focus,
.btn.btn-show[disabled]:focus,
fieldset[disabled] .btn.btn-show:focus,
.btn.btn-show.disabled.focus,
.btn.btn-show[disabled].focus,
fieldset[disabled] .btn.btn-show.focus {
    background: rgba(8, 153, 51, 1);
    color: rgb(255, 255, 255);
}

.backgroundcolor_develop {
    background-color: #07417b !important;
}

.backgroundcolor_stage {
    background-color: #CAE5CD !important;
}

.backgroundcolor_stage_familyclub {
    background-color: #FFDDB0 !important;
}

.backgroundcolor_product {
    background-color: #6699CC !important;
}

.color_develop {
    color: white !important;
}

.color_stage {
    color: #000 !important;
}

.color_product {
    color: white !important;
}

.activecolor_develop>.nav-item>.nav-link.active {
    background-color: #20c997 !important;
}

.activecolor_stage>.nav-item>.nav-link.active {
    background-color: #FF9E22 !important;
}

.activecolor_product>.nav-item>.nav-link.active {
    background-color: #e3681c !important;
}

.backgroundcolor_ticketdist_develop {
    background-color: #077b26 !important;
}
.backgroundcolor_ticketdist_stage {
    background-color: #010c04 !important;
}
.backgroundcolor_ticketdist_product {
    background-color: #0cf64a !important;
}

.color_ticketdist_develop {
    color: white !important;
}
.color_ticketdist_stage {
    color: white !important;
}
.color_ticketdist_product {
    color: gray !important;
}

.activecolor_ticketdist_develop>.nav-item>.nav-link.active {
    background-color: #5728fe !important;
}
.activecolor_ticketdist_stage>.nav-item>.nav-link.active {
    background-color: #341996 !important;
}
.activecolor_ticketdist_product>.nav-item>.nav-link.active {
    background-color: #080418 !important;
}