.emt_outerTable {
    width:100%;
}

.jqx_formHeading {
    /* padding-top: 1.5em; */
    /*    padding-bottom: 5px;*/
}

.jqx_formHeadingImage {
    float:left;
    margin-right:5px;
}

.jqx_formHeading, .jqx_formHeadingStyle {
    color: #333399;
    /*    font-size: 12pt;*/
    /* font-weight: bold; */
}

.jqx_heading, .dx-group-cell {
    font-size: 12pt;
    font-weight: bold;
}

.jqx_underline {
    /* border-bottom:1px solid #333399;*/
    border-bottom: 2px solid #385487;
}

.jqx_formTextAbove {
    padding-bottom: 5px;
    text-align:center;
}

.jqx_formTextBelow {
    padding-top: 5px;
       text-align:center;
}

.jqx_formTextLeft {
    padding-right: 5px;
    font-weight: bold;
    width: 25%;
    clear: left;
}

/* originally put in for gift vouchers but not needed, it affects the right text */
.jqx_formControlContainer {
    /*width: 75%;*/
}

.jqx_summaryTableTextLeft {
    padding-right: 5px;
    font-weight: bold;
    text-align: right;
}

.jqx_formSummaryTextLeft {
    width: 35%;
    max-width: 300px;
}

.jqx_formSummaryTextLeft, .jqx_formSummaryInlineTextLeft {
    padding-right: 5px;
    font-weight: bold;
    display: inline-block;
    text-align: right;
    vertical-align: top;
}

.jqx_formSummaryInline {
    display: inline-block;
    padding-right:5px;
}

.jqx_formSummaryControlText {
    display: inline-block;
    vertical-align: top;
}

.jqx_formSummaryControlFullWidth {
    display: block;
    vertical-align: top;
    padding-left:20px;
}

.jqx_formSummary .jqx_inputTextAreaDisplay {
    /*    margin-left: 35%; */
}

.jqx_formSummaryTextRight {
    padding-left: 5px;
    display: inline-block;
    vertical-align: top;
}


.jqx_formControlContainer .jqx_inputControl {
    display: inline-block;
}

.jqx_formControlContainerMaxWidth {
    display: block;
}

.jqx_auditTextLeft {
    padding-right: 5px;
    font-weight: bold;
    text-align: right;
}

.jqx_formTextLeftMargins {
    margin-bottom: 6px;
}

.jqx_bold {
    font-weight: bold;
}

.jqx_noWrap {
    white-space: nowrap;
}

.jqx_attention {
    color: red !important;
}

.jqx_infoRow {
    padding-left: 10px;
    color: #696969;
}

.jqx_padding_left {
    padding-left: 10px;
}

.jqx_padding_right {
    padding-right: 10px;
}

.jqx_padding_leftRight {
    padding-left: 5px;
    padding-right: 5px;
}

/*.jqx_formRowMiddle > * {
    vertical-align:middle;
}*/

.jqx_formRowMiddleMaxWidth {
    display: block;
    align-items: unset;
}

.jqx_formRowMiddle {
    display: flex;
    align-items: center;
}

    .jqx_formRowMiddle:after {
        clear: both;
        content: "";
        display: table;
    }

.jqx_formControl {
}

.jqx_formTextRight {
/*    padding-left: 10px;*/
    vertical-align: top;
    display: inline-block;
}

.jqx_form .jqx_formTextRight {
    padding-left: 10px;
}

.jqx_form, .jqx_formSummary {
    /* padding:10px;*/
    text-align: left;
}

.jqx_formSummaryTable {
    width: 100%;
    max-width: 1000px;
}

.jqx_formRow {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid transparent;
}

.jqx_formRowFocused {
    background-color: #FFFFDB;
    border-color: #33CCFF;
}

.jqx_cancelled_booking,
.jqx_cancelled_payment {
    color: gray;
}

.jqx_not_fully_paid, .jqx_not_full_allocated {
    color:red;
}

.jqx_over_allocated {
    color:green;
}

.jqx_cancelledText {
    color: white;
    background-color: gray;
    border-radius: 5px;
    border: 1px solid white;
    margin-right: 5px;
    padding-right: 4px;
    padding-left: 4px;
}

.jqx_unpaidText,
.jqx_overdueText {
    color: white;
    background-color: red;
    border-radius: 5px;
    border: 1px solid white;
    margin-right: 5px;
    padding-right: 4px;
    padding-left: 4px;
}

.HtmlPreview {
    display: inline-block;
    min-width: 200px;
    min-height: 200px;
    box-shadow: 4px 4px grey;
    border: 1px solid grey;
    border-radius: 20px;
    padding: 20px;
    color: black;
    background-color: white;
    text-align: left;
}

    .HtmlPreview p {
        margin: 0px;
    }

@media only screen and (min-width : 768px) {
    .HtmlPreview {
        min-width: 600px;
    }
}


/********** Dataset to table ***************/
.jqx_dstot_table {
}

.jqx_dstot_table {
    border-bottom: 1px Solid #BED6F6;
    border-right: 1px Solid #BED6F6;
}

.jqx_dstot_tablerow td, .jqx_dstot_headerrow td {
    padding: 4px;
    border-top: 1px Solid #BED6F6;
    border-left: 1px Solid #BED6F6;
}

.jqx_dstot_headerrow td {
    font-weight:bold;
}

/********** End Dataset to table ***************/

/********** Email status ******************/
.email_status {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.email_status_unchecked, .email_status_OK, .email_status_opened, .email_status_delivered, .email_status_unsubscribed, .email_status_failedSyntaxCheck, .email_status_failedDomainCheck, .email_status_failedSMTPServerConnect, .email_status_failedSMTPMailboxCheck {
    display: inline-block;
    border-radius: 5px;
    padding: 4px;
    margin-left: 5px;
    margin-right: 5px;
}

.email_status_unchecked {
    background-color: lightgray;
    border: 1px solid darkgray;
    color: black;
}

.email_status_delivered {
    background-color: dodgerblue;
    border: 1px solid white;
    color: white;
}

.email_status_unsubscribed {
    background-color: orange;
    border: 1px solid white;
    color: white;
}

.email_status_OK, .email_status_opened {
    background-color: green;
    border: 1px solid white;
    color: white;
}

.email_status_failedSyntaxCheck, .email_status_failedDomainCheck, .email_status_failedSMTPServerConnect, .email_status_failedSMTPMailboxCheck {
    background-color: red;
    border: 1px solid white;
    color: white;
}
/********** End Email status ******************/
