.set-Promotion {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: -0.4px;
    font-weight: 500;
    margin-top: 20px;
}

.promotion-save {
    width: 11px;
}

.setpromotiontitle {
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 3px;
    margin-top: 20px;
}

.PromotionAdd-Layer {
    width: 13px;
    color: gray;
    margin-left: 15px;
}

.Promotion-Contents {
    font-weight: 500;
    font-size: 12px;
}

.PromotionSolid {
    border-left: 1px lightgray solid;
    padding-top: 10px
}

.input-promotion-checkbox1 {
    font-size: 10px;
    margin-left: 10px;
    padding-top: 10px;
}

.bg-conditionSet {
    border-radius: 3px;
    font-weight: 400;
    font-size: 11px;
    color: black;
    background-color: #A0DDC7;
}

.bg-conditionSetdanger {
    border-radius: 3px;
    font-size: 11px;
    color: black;
    font-weight: 400;
    background-color: #E8A69D;
}

.Promotion-Edit {
    cursor: pointer;
    color: gray;
    font-size: 13px;
}

.borderprotiongry {
    border: 0.5px #F0F2F4 solid;
    border-radius: 5px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.Promotiontrash-danger {
    cursor: pointer;
    color: #f87e7e;
    font-size: 13px;
}

.Evaluator-SetContents {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -0.8px;
}

.bg-blue {
    background-color: #98C5EE;
    color: black;
    font-weight: 400;
    border-radius: 4px;
    letter-spacing: -0.8px;
    font-size: 8px;
}

.p1solid {
    border-right: 1px rgb(221, 221, 221) solid;
    height: 30rem;
}

.Pro-p1 {
    font-size: 12px;
}

.positionp1 {
    margin-top: -440px;
}

.bg-ht {
    background-color: #D7E7F6;
    border-radius: 5px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.TOTAL-WEIGHT {
    font-size: 6px;
}

.images-bonuesave0 {
    width: 10px;
    margin-top: -2px;
}

.BGPromotion {
    background-color: #F0F2F4;
    border-radius: 3px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 20px;
}

.BGPhase {
    background-color: #F9FBFF;
    border-radius: 3px;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 30rem;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.font-Blu {
    color: #3266CD;
    font-size: 15px;
    font-weight: 600;
    padding-left: 15px;
}

.PROMO-SET {
    background-color: #F0F2F4;
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
}

.setpromotion-light {
    background-color: white;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
}

.promotioncolortitle {
    border: 2px #32a1ce solid thin;
    background-color: #32a1ce;
    border-radius: 5px;
    height: 15px;
    width: 15px;
}

.fnt-promotiontitle {
    font-size: 8px;
}

.promotionMM {
    font-size: 8px;
}

.promotionbox-manager {
    font-size: 10px;
}

.font-FFFsave {
    font-size: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 20px;
}

.Set-Contents-Promotion {
    font-size: 10px;
    font-weight: 500;
}

.Weighttxtprimary {
    background-color: #98C5EE;
    border-radius: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 9px;
}

.balrt-promotioncontents {
    background-color: #F0F2F4;
    border-radius: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.wdranks {
    width: 12px;
    margin-top: -3px;
}

.MM308FFF {
    background-color: #308FFF;
    border-radius: 10px;
    color: white;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;

}

.Timesinput {
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    width: 80px;
    margin-left: 5px;
    border: 1px #35CEFF solid;
    background-color: #C6DAE5;
}

.table-Promotion1 {
    background-color: #F4F6F9;
    border-radius: 3px;
}

.checkbox-wrapper-33 {
    --s-xsmall: 0.625em;
    --s-small: 1.2em;
    --border-width: 1px;
    --c-primary: #308FFF;
    --c-primary-20-percent-opacity: rgb(95 17 232 / 20%);
    --c-primary-10-percent-opacity: rgb(95 17 232 / 10%);
    --t-base: 0.4s;
    --t-fast: 0.2s;
    --e-in: ease-in;
    --e-out: cubic-bezier(.11, .29, .18, .98);
}

.checkbox-wrapper-33 .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.checkbox-wrapper-33 .checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.checkbox-wrapper-33 .checkbox+.checkbox {
    margin-top: var(--s-small);
}

.checkbox-wrapper-33 .checkbox__symbol {
    display: inline-block;
    display: flex;
    margin-right: calc(var(--s-small) * 0.7);
    border: var(--border-width) solid var(--c-primary);
    position: relative;
    border-radius: 0.2em;
    width: 1em;
    height: 1em;
    transition: box-shadow var(--t-base) var(--e-out), background-color var(--t-base);
    box-shadow: 0 0 0 0 var(--c-primary-10-percent-opacity);
}

.checkbox-wrapper-33 .checkbox__symbol:after {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 0.10em;
    height: 0.10em;
    background-color: var(--c-primary-20-percent-opacity);
    opacity: 0;
    border-radius: 3em;
    transform: scale(1);
    transform-origin: 50% 50%;
}

.checkbox-wrapper-33 .checkbox .icon-checkbox {
    width: 0.7em;
    height: 0.7em;
    margin: auto;
    fill: none;
    stroke-width: 3;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    color: var(--c-primary);
    display: inline-block;
}

.checkbox-wrapper-33 .checkbox .icon-checkbox path {
    transition: stroke-dashoffset var(--t-fast) var(--e-in);
    stroke-dasharray: 30px, 31px;
    stroke-dashoffset: 31px;
}

.checkbox-wrapper-33 .checkbox__textwrapper {
    margin: 0;
    font-size: 13px;
}

.checkbox-wrapper-33 .checkbox__trigger:checked+.checkbox__symbol:after {
    -webkit-animation: ripple-33 1.5s var(--e-out);
    animation: ripple-33 1.5s var(--e-out);
}

.checkbox-wrapper-33 .checkbox__trigger:checked+.checkbox__symbol .icon-checkbox path {
    transition: stroke-dashoffset var(--t-base) var(--e-out);
    stroke-dashoffset: 0px;
}

.checkbox-wrapper-33 .checkbox__trigger:focus+.checkbox__symbol {
    box-shadow: 0 0 0 0.25em var(--c-primary-20-percent-opacity);
}

@-webkit-keyframes ripple-33 {
    from {
        transform: scale(0);
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: scale(20);
    }
}

@keyframes ripple-33 {
    from {
        transform: scale(0);
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: scale(20);
    }
}

.checkbox-wrapper-34 {
    --s-xsmall: 0.625em;
    --s-small: 1.2em;
    --border-width: 1px;
    --c-primary: #308FFF;
    --c-primary-20-percent-opacity: rgb(95 17 232 / 20%);
    --c-primary-10-percent-opacity: rgb(95 17 232 / 10%);
    --t-base: 0.4s;
    --t-fast: 0.2s;
    --e-in: ease-in;
    --e-out: cubic-bezier(.11, .29, .18, .98);
}

.checkbox-wrapper-34 .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.checkbox-wrapper-34 .checkbox {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.checkbox-wrapper-34 .checkbox+.checkbox {
    margin-top: var(--s-small);
}

.checkbox-wrapper-34 .checkbox__symbol {
    display: inline-block;
    display: flex;
    margin-right: calc(var(--s-small) * 0.7);
    border: var(--border-width) solid var(--c-primary);
    position: relative;
    border-radius: 0.2em;
    width: 1em;
    height: 1em;
    transition: box-shadow var(--t-base) var(--e-out), background-color var(--t-base);
    box-shadow: 0 0 0 0 var(--c-primary-10-percent-opacity);
}

.checkbox-wrapper-34 .checkbox__symbol:after {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 0.10em;
    height: 0.10em;
    background-color: var(--c-primary-20-percent-opacity);
    opacity: 0;
    border-radius: 3em;
    transform: scale(1);
    transform-origin: 50% 50%;
}

.checkbox-wrapper-34 .checkbox .icon-checkbox {
    width: 0.7em;
    height: 0.7em;
    margin: auto;
    fill: none;
    stroke-width: 3;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    color: var(--c-primary);
    display: inline-block;
}

.checkbox-wrapper-34 .checkbox .icon-checkbox path {
    transition: stroke-dashoffset var(--t-fast) var(--e-in);
    stroke-dasharray: 30px, 31px;
    stroke-dashoffset: 31px;
}

.checkbox-wrapper-34 .checkbox__textwrapper {
    margin: 0;
    font-size: 13px;
}

.checkbox-wrapper-34 .checkbox__trigger:checked+.checkbox__symbol:after {
    -webkit-animation: ripple-33 1.5s var(--e-out);
    animation: ripple-33 1.5s var(--e-out);
}

.checkbox-wrapper-34 .checkbox__trigger:checked+.checkbox__symbol .icon-checkbox path {
    transition: stroke-dashoffset var(--t-base) var(--e-out);
    stroke-dashoffset: 0px;
}

.checkbox-wrapper-34 .checkbox__trigger:focus+.checkbox__symbol {
    box-shadow: 0 0 0 0.25em var(--c-primary-20-percent-opacity);
}

@-webkit-keyframes ripple-34 {
    from {
        transform: scale(0);
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: scale(20);
    }
}

@keyframes ripple-34 {
    from {
        transform: scale(0);
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: scale(20);
    }
}