body {
}


.asca-field {
    margin: 0;
    padding: 0;
    width: 50%;
    height: calc(1.125em + 18px);
    /*border-width: 1px;
    border-style: solid;*/
    outline: 0;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 16px;
    line-height: 1.125;
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none;
}

.asca-hide-element {
    /* 
        This is mostly used by forms to hide rows in Shared razor components where a field isn't required by a Model 
        IE Contact have Home Phone & Cell Phone, but Orgs don't.
    */
    display:none !important;
}

.high-z-index {
    z-index: 654321;
}

.form-button-right-justified {
    /* add this to FormItem to right-justify the content of the template of that item

        ie: <FormItem Class="form-button-right-justified">

    */
    justify-content: flex-end;
}

.asca-white-override {
    /* used to override font color to white */
    color: white !important;
}