.help-inline{
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity));
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: .5rem;
}

.tabs .is-active a {
    border-bottom-color: #3273dc;
    color: #3273dc;
}
.tab-content {
    display: none;
}
.tab-content.is-active {
    display: block;
}

.image-preview-box {
    height:200px;
    width:200px;
    display:none;
    margin-bottom:15px
}

.drpWhatHappens {
    font-size: 16px;
    font-weight: 700;
}

.waiting-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(233, 233, 233, 0.5);
    /* Semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    /* Ensure it's on top of other content */
    visibility: hidden;
    /* Initially hidden */
}


    .outerMain select {
        width: 100%;
        border: 1px solid #ddd;
        margin-bottom: 10px;
        border-radius: 6px;
        background: #fff;
    }

    .outerMain input {
        border-radius: 6px;
        border: 1px solid #ddd;
        width: 100%
    }

    .outerMain {
        position: relative;
    }

    .outerMain .emailtype_email {
        background: #eee;
        padding: 15px 64px 15px 15px;
        border-radius: 8px;
        margin: 20px 0;
        position: relative;
    }

    .outerMain .emailtype_email .btnDeleteActionEmailType {
        position: absolute;
        top: -10px;
        right: -10px;
    }

    .outerChild .btnDeleteActionEmailDelay {
        position: absolute;
        top: 0;
        right: -50px;
    }

    .outerMain .emailtype_email_delay {
        background-color: #fff;
        padding: 15px;
        border-radius: 8px;
        margin: 10px 0;
    }


    .outerMain .btnAddEmailType {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .outerChild {
        position: relative;
    }

    .outerChild .btnAddDelayEmailType {
        position: absolute;
        top: 0;
        right: -50px;
    }

    .outerMain .btnAddEmailType {
        position: absolute;
        top: -10px;
        right: -10px;
    }



    .outerChild {
        margin-left: 20px;
    }




    .centerBox {
        /* max-width: 540px; */
        /* margin: auto; */
        padding: 24px;
    }

    .centerBox p {
        padding: 10px 0;
    }

    .outerSmsMain select {
        width: 100%;
        border: 1px solid #ddd;
        margin-bottom: 10px;
        border-radius: 6px;
        background: #fff;
    }

    .outerSmsMain input {
        border-radius: 6px;
        border: 1px solid #ddd;
        width: 100%
    }

    .outerSmsMain {
        position: relative;
    }

    .outerSmsMain .smstype_sms {
        background: #eee;
        padding: 15px 64px 15px 15px;
        border-radius: 8px;
        margin: 20px 0;
        position: relative;
    }

    .outerSmsMain .smstype_sms .btnDeleteActionSmsType {
        position: absolute;
        top: -10px;
        right: -10px;
    }

    .outerSmsMain .emailtype_email_delay {
        background-color: #fff;
        padding: 15px;
        border-radius: 8px;
        margin: 10px 0;
    }


    .outerSmsMain .btnAddSMSType {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .outerSmsMain {
        position: relative;
    }

    .outerSmsMain .btnAddSMSType {
        position: absolute;
        top: -10px;
        right: -10px;
    }