.cspl.product-participants{
    margin-bottom:10px;
}
.invite-email-ids {
    width: 50%;
    float: left;
    margin-right: 5px;
}
.participants-paid{
    width: 100%;
}
.cspl.product-participants .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    align-items: flex-end;
}
.cspl.product-participants .row .cspl-col-4 {
    flex: 1 1 0;
    min-width: 120px;
    width: auto;
    float: none;
}
.cspl.product-participants .row .cspl-col-2 {
    flex: 0 0 auto;
    width: auto;
    float: none;
}
.cspl.product-participants .row .cspl-col-2, .cspl.product-participants .row .cspl-col-4 {
    margin: 10px 5px;
    box-sizing: border-box;
}
.guest-organizer-email-row .row .cspl-col-4 {
    flex: 1 1 100%;
}
.cspl-inputs-row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-end;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    float: none;
}
.cspl-inputs-row .cspl-col-4 {
    flex: 1 1 0 !important;
    width: auto !important;
    float: none !important;
    min-width: 100px;
    margin: 10px 5px;
    box-sizing: border-box;
}
.cspl-inputs-row .form-group {
    width: 100%;
}
.cspl-inputs-row .form-control {
    width: 100%;
    box-sizing: border-box;
}
@media (max-width: 480px) {
    .cspl.product-participants .row .cspl-col-4,
    .cspl.product-participants .row .cspl-col-2,
    .cspl-inputs-row .cspl-col-4 {
        flex: 1 1 100% !important;
        min-width: 0;
    }
}
#splitEmailError{
    color:red;
}
.cspl-col-2 button.remove-bt {
    color: red;
}
.row.split-r {
    clear: both;
}
.participants-list {
    display: inline-block;
    width: 100%;
}
.product-participants .dn{
    display:none;
}