/*******************/
/* Form styles*/
.form {
    padding: 20px 30px 20px 30px;
}

    .form fieldset {
        border: 1px solid #878887;
        padding: 5px 5px 5px 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: var(--default-border-radius);
        min-height: 270px;
    }

.readOnlyFormData {
    font-size: 1.2em;
    border: 1px solid #878887;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: var(--default-border-radius);
    min-height: 20px;
    min-width: 250px;
    display: inline-block;
    background-color: #ddd;
    color: #454545;
    padding: 5px 0 5px 5px;
}

/*effectively hide the spacer used to line up validation errors under the input control*/
.form.small div.formRow span.spacer {
    display: none;
}


.form.small div.formRow label {
    display: block;
}

.form.small div.formRow span.label {
    display: block;
}

.form select {
    width:auto !important;
    min-width:120px !important;
}

table td.owed {
    color: #FF0000;
}

table td.notowed {
    color: #008101;
}

table tr.rowdivider td {
    border-bottom-color: #000000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

table tr.bookingdivider td {
    height:15px;
    background-color:#ffffff;
}

.customFormSectionHeader {
    background-color: black;
    color: white;
    border-bottom: 1px solid white;
    font-size: 1.2em;
    padding: 3px 3px 3px 3px;
}

.loader {
    background-image: url('/images/loading.gif');
    /*background-size:20px 20px;*/
    background-repeat: no-repeat;
    background-position: center;
    cursor: not-allowed !important;
}

/*****************************************************************************************************************************************/
/*Cookies Modal*/

.cookiesModal {
    position: fixed !important;
    bottom: 0 !important;
    left: 0% !important;
    /*right: 0% !important;*/
    margin-bottom: 0 !important;
}

.modal.fade .modal-dialog .cookiesModal {
    transition: transform .3s ease-out !important;
    transform: translate(0,50px) !important;
}