input[type=text][readonly] {
    background-color: #f0f0f0;
}

.field-container {
    margin-bottom: 15px;
}

    .field-container[data-label-position='Left'] .control-label {
        float: left;
        width: 40%;
        text-align: right;
    }

    .field-container[data-label-position='Left'] .field-control-container {
        float: left;
        width: 60%;
        padding-left: 10px;
    }

    .field-container[data-is-readonly='true'][data-label-position='Top'] .field-control-container {
        margin-top: 5px;
    }

    .field-container[data-is-readonly='true'] .readonly-value {
        cursor: text;
        margin: 0;
        min-height: 18px;
    }

    .field-container[data-label-position='Left'][data-is-readonly='true'] .readonly-value {
        margin-top: 7px;
    }

    .field-container[data-label-position='Top'] .control-label {
        line-height: 1;
        margin-bottom: 4px;
    }

    .field-container[data-is-html-invisible='true'] {
        display: none;
    }

    a .field-container[data-is-readonly='true'] .readonly-value,
    .field-container[data-is-readonly='true'] a .readonly-value {
        cursor: pointer;
    }

    .field-container .field-control-container {
        position: relative;
    }

        .field-container .field-control-container .control-loading-overlay {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: white; /*fallback*/
            background-color: rgba(255, 255, 255, 0.7);
            background-image: url("images/loading-small.gif");
            background-position: center 8px;
            background-repeat: no-repeat;
        }

        .field-container .field-control-container .field-validation-error .field-container .field-control-container .field-validation-warning {
            margin-bottom: 0;
        }

    .field-container .field-input-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .field-container .field-input-container .attached-command {
        height: 30px;
        line-height: 28px;
        margin-left: 2px;
        padding: 0 0 2px 0;
        flex: 0 0 30px;
    }

    /*BY TYPES*/
    .field-container[data-field-type='FieldTypeVarchar'] .field-input-container,
    .field-container[data-field-type='FieldTypePassword'] .field-input-container,
    .field-container[data-field-type='FieldTypeEmail'] .field-input-container,
    .field-container[data-field-type='FieldTypeValidValues'] .field-input-container,
    .field-container[data-field-type='FieldTypeState'] .field-input-container,
    .field-container[data-field-type='FieldTypeForeignKey'] .field-input-container,
    .field-container[data-field-type='FieldTypeLongVarchar'] .field-input-container,
    .field-container[data-field-type='FieldTypeURL'] .field-input-container {
        max-width: 300px;
    }

    .field-container[data-field-type='FieldTypePhone'] .field-input-container,
    .field-container[data-field-type='FieldTypeDate'] .field-input-container,
    .field-container[data-field-type='FieldTypeBirthDate'] .field-input-container,
    .field-container[data-field-type='FieldTypeTime'] .field-input-container {
        max-width: 200px;
    }

    .field-container[data-field-type='FieldTypeNumber'] .field-input-container,
    .field-container[data-field-type='FieldTypeCurrency'] .field-input-container,
    .field-container[data-field-type='FieldTypeInteger'] .field-input-container,
    .field-container[data-field-type='FieldTypeZipCode'] .field-input-container {
        max-width: 100px;
    }

    /*100px + 36px of addon*/
    .field-container[data-field-type='FieldTypePercent'] .field-input-container {
        max-width: 136px;
    }

    .field-container[data-field-type='FieldTypeBoolean'] .checkbox-control {
        margin-top: 0;
        line-height: 28px;
    }

    .field-container[data-field-type='FieldTypeBoolean'] input[type="checkbox"] + span:before {
        margin-right: 0;
    }

    .field-container[data-is-readonly='false'][data-field-type='FieldTypeFile'] .file-link-url {
        margin-right: 5px;
        vertical-align: top;
        display: inline-block;
        margin-top: 7px;
    }

    .field-container.required-enabled[data-is-readonly="false"] .control-label:after {
        content: '*';
        color: #db3833;
    }

.field-control-container .info-icon {
    position:absolute;
    /*left: 312px;*/
    right:-18px;
    top: 0;
    /*display:inline-block;
    text-align:left;*/
    z-index:100;
}

    .field-control-container .info-icon i {
        font-size: 18px;
        line-height: 30px;
        margin: 0 0 0 6px;
        vertical-align: middle;
        
    }

.linked-record-table .field-container[data-field-type='FieldTypeBoolean'] .checkbox-control {
    margin-top: 0;
}

.linked-record-table .field-container[data-field-type='FieldTypeValidValues'] .basic-select-control,
.linked-record-table .field-container[data-field-type='FieldTypeState'] .basic-select-control,
.linked-record-table .field-container[data-field-type='FieldTypeForeignKey'] .basic-select-control,
.linked-record-table .field-container[data-field-type='FieldTypeForeignKey'] .fk-dynamic-select {
    min-width: 80px;
}

.linked-record-table .field-container[data-field-type='FieldTypeLongVarchar'] .field-input-container {
    max-width: none;
}

.data-table .field-container {
    margin-bottom: 0;
}

.color-readonly-value {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.editable-time-value {
    float: left;
}

.editable-date-value {
    float: left;
    margin-left: 10px;
}

.hide-input {
    display: none;
}

[pq-datepicker] tr {
    background-color: white;
}


.field-control-container .minicolors-theme-default input.minicolors-input {
    height: 30px;
}

.field-input-container .url-input {
    color: #489dc1;
    text-decoration: underline;
    text-overflow: ellipsis;
    padding-right: 25px;
}

.field-input-container .url-input-navigation-icon {  
    line-height: 30px;
    margin-left: -25px;
}