.woosubnotice,
.woosubnotice * {
    color: red;
    font-weight: bold;
}
.woocom-tip {
    color: black;
    font-weight: bold;
}

.acf-input {
    .panel_wrapper {
        border: 3px dashed #ccc;
        margin: 15px;
        padding: 20px;
        border-radius: 15px;

        .panel_title {
            text-align: center;
        }
        .panel_description {
            text-align: center;
        }
        .panel_vars {
            display: flex;
            justify-content: center;
            flex-flow: row;
            align-items: center;
            direction: rtl !important;
            margin-top: 20px;

            span {
                margin: 0px 10px;
                background: #fff;
                /* border: 1px solid gray; */
                padding: 5px 10px;
                border-radius: 4px;
                box-shadow: 0 0 4px #0000005e;
            }
        }
        .variables_warning {
            display: flex;
            align-items: center;
            align-content: center;
            justify-content: center;
            color: red;
            margin-top: 10px;
            font-weight: bold;
        }
    }
}
.woosub_fields_wrapper {
    border: 2px dashed #ccc;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: start;
    flex-wrap: wrap;

    span {
        background: #e7e7e7;
        color: #000;
        padding: 10px 15px;
        margin: 5px;
        border-radius: 5px;
        border: 1px solid #dddddd;
        cursor: pointer;
    }
}
.hastitip {
    background-color: #ffce91;
    color: #000;
    padding: 3px 15px;
    border-radius: 4px;
    font-weight: bold;
    margin-top: 5px;
    display: inline-block;
}
.woocomsms_fields_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    border: 3px dashed #626262;
    border-radius: 5px;
    padding: 15px;
    margin: 20px 0;

    span {
        position: relative;
        background: #626262;
        margin: 0 10px;
        color: #fff;
        padding: 3px 10px;
        border-radius: 4px;
        cursor: pointer;
        margin: 5px;
    }
}
.acf-field.acf-field-button-group.acf-field-670a34e72143a .acf-button-group label.selected {
    cursor: pointer;
}


div[data-name="woocom_ared_panel"] div[data-type="message"].acf-field,
div[data-name="woocom_ared_panel"] div[data-type="message"].acf-field .acf-label,
div[data-name="woocom_afinish_panel"] div[data-type="message"].acf-field,
div[data-name="woocom_afinish_panel"] div[data-type="message"].acf-field .acf-label,
div[data-name="woocom_afinish_panel"] div[data-name="woosub_test_sms"].acf-field,
div[data-name="woocom_afinish_panel"] div[data-name="woosub_test_sms"].acf-field .acf-label,

div[data-name="woocom_ared_panel"] div[data-type="message"].acf-field,
div[data-name="woocom_ared_panel"] div[data-type="message"].acf-field .acf-label,
div[data-name="woosub_panel"] div[data-type="message"].acf-field,
div[data-name="woosub_panel"] div[data-type="message"].acf-field .acf-label,
div[data-name="woosub_panel"] div[data-name="woosub_test_sms"].acf-field,
div[data-name="woosub_panel"] div[data-name="woosub_test_sms"].acf-field .acf-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

div[data-name="woocom_ared_panel"] div[data-type="message"].acf-field .acf-label,
div[data-name="woocom_ared_panel"] div[data-name="woosub_test_sms"].acf-field .acf-label,
div[data-name="woocom_afinish_panel"] div[data-type="message"].acf-field .acf-label,
div[data-name="woocom_afinish_panel"] div[data-name="woosub_test_sms"].acf-field .acf-label,
div[data-name="woosub_panel"] div[data-type="message"].acf-field .acf-label,
div[data-name="woosub_panel"] div[data-name="woosub_test_sms"].acf-field .acf-label {
    width: 100%;
    margin-bottom: 0 !important;
}

div[data-name="woocom_ared_panel"] div[data-type="message"].acf-field .acf-label label,
div[data-name="woocom_ared_panel"] div[data-name="woosub_test_sms"].acf-field .acf-label label,
div[data-name="woocom_afinish_panel"] div[data-type="message"].acf-field .acf-label label,
div[data-name="woocom_afinish_panel"] div[data-name="woosub_test_sms"].acf-field .acf-label label,
div[data-name="woosub_panel"] div[data-type="message"].acf-field .acf-label label,
div[data-name="woosub_panel"] div[data-name="woosub_test_sms"].acf-field .acf-label label {
    background: green;
    color: #fff;
    padding: 9px 15px;
    border-radius: 5px;
    margin-bottom: 0 !important;
    font-weight: normal !important;
    cursor: pointer;
    width: 75%;
}