/*###############################################################################################*/
/*# Azorus Jazz(tm) - Forms common CSS
/*###############################################################################################*/

/* Wrapper around entire form */
.azForm-wrap {
    /* Body font-size is 0.75; We want 1.0em. */
    font-size: 1.333em;
    margin: 0 1em 1em 1em;
}

/* Form element */
.azForm-form {
}

/* Form items are wrapper divs around titles, snippets, fields, buttons, opt-out */
.azForm-item {
    padding: 0;
    margin-top: 1em;
}

/*===============================================================================================*/
/* Success
/*===============================================================================================*/

/* Success page wrapper */
.azForm-success {
    min-height: 90px;
    padding-top: 1em;
}

/*===============================================================================================*/
/* Errors
/*===============================================================================================*/

/* Errors (at top) wrapper div */
.azForm-errors {
    margin-top: 1em;
}

/*===============================================================================================*/
/* Item: Snippet
/*===============================================================================================*/

.azForm-item.azForm-snippet {
    font-size: 1em;
    /* Contain floated elements. */
    overflow: hidden;
}

/*===============================================================================================*/
/* Login Dialog
/*===============================================================================================*/

#azLogin-dialog .ui-title, #az-get-password .ui-title {
    font-size: 1.2em;
}

/*-----------------------------------------------------------------------------------------------*/
/* Field: Label
/*-----------------------------------------------------------------------------------------------*/

.azForm-element-error input,
.azForm-element-error textarea,
.azForm-element-error .ui-select,
label.azForm-checkbox-label-error {
    outline: solid medium #c00 !important;
}

/* Field label element - required asterisk */
.azForm-label-required {
    color: #c00;
    font-weight: bold;
}

/* Checkbox gets its own version of the required asterisk styling */
.azForm-checkbox-label-required {
    color: #c00;
    font-size: 2em;
    top: 0.3em;
    position: relative;
    line-height: 50%;
}

/*-----------------------------------------------------------------------------------------------*/
/* Field: Inputs
/*-----------------------------------------------------------------------------------------------*/

.azForm-fieldCell-check .azForm-label.ui-btn {
    padding-bottom: 0.5em;
}

/* Date DDLBs use a ui-grid, causing no margin collapse to occur, so apply margin-top to the date .ui-select below */
.azForm-fieldCell-date .azForm-label {
    margin-bottom: 0;
}

.azForm-fieldCell .azForm-input-date .ui-select {

    /* Match collapsed margin of 0.4em/16px = 6.4px, at font-size of 12.5px */
    margin-top: 0.512em;

    /* Copied from .ui-mini */
    margin-left: 0.446em;
    margin-right: 0.446em;
}

/* jQuery mobile applies no margin and incorrect width to textarea in mini mode */
.azForm-fieldCell textarea.ui-mini {
    margin-left: 0.446em;
    width: calc(100% - 0.892em);
}

/*-----------------------------------------------------------------------------------------------*/
/* Field: Table/cells
/*-----------------------------------------------------------------------------------------------*/

.azForm-fields-table {
    width: 100%;
    table-layout: fixed;
}

.azForm-fieldCell {
    padding-bottom: 0.25em;
}

.azForm-fields-twoColumn .azForm-fieldCell {
    width: 50%;
}

.azForm-fields-threeColumn .azForm-fieldCell {
    width: 33%;
}

#azLogin-error {
    opacity: 1.0;
}

/*-----------------------------------------------------------------------------------------------*/
/* Field: Postal address error dialog
/*-----------------------------------------------------------------------------------------------*/
#azForm-address-error h3 {
    padding-right: 2em;
}

/*-----------------------------------------------------------------------------------------------*/
/* Field: Postal address 'lookup this postcode' message
/*-----------------------------------------------------------------------------------------------*/
#azForm-postal-lookup {
    font-size: 0.8em;
}

/*-----------------------------------------------------------------------------------------------*/
/* Postal address popup
/*-----------------------------------------------------------------------------------------------*/
#azForm-address-selector .ui-content {
    max-height: 32em;
    overflow-y: auto;
}

#azForm-postal-results li a {
    white-space: normal;
}

#azContent .azForm-help {
    position: relative;
    padding: 0.25em 1em;
    opacity: 0.75;
    zoom: 0.75;
}

/*-----------------------------------------------------------------------------------------------*/
/* Comm types/channels
/*-----------------------------------------------------------------------------------------------*/

form.az-form-public .az-form-communications .communication-type-desc {
    font-size: 0.75em;
    opacity: 0.7;
}

form.az-form-public table.communications-columnated {
    width: 100%;
}

form.az-form-public table.communications-columnated td {
    vertical-align: top;
}

form.az-form-public table.communications-columnated td > div {
    margin: 0;
}

#az-form-submit-no-channels-confirm .confirm-message {
    margin-bottom: 1em;
}

/*-----------------------------------------------------------------------------------------------*/
/* intlTelInput - override location of flags (due to bundling)
/*-----------------------------------------------------------------------------------------------*/

.iti__flag {
    background-image: url("/AzCore/vendor/intl-tel-input/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("/AzCore/vendor/intl-tel-input/img/flags@2x.png");
    }
}

.az-form-public.authenticated .azForm-fieldCell-confirmEmail {
    display: none;
}

/*-----------------------------------------------------------------------------------------------*/
/* accessible-autocomplete az-autosel */
/*-----------------------------------------------------------------------------------------------*/

/* Down-chevron right-position not needed; we're using JQ Mobile ui-btn-icon-right instead */
.azForm-element div.autocomplete__wrapper div.autocomplete__dropdown-arrow-down-wrapper {
    right: 0;
}