form-schema-collection #newInstanceButton {
  margin-bottom: 12px;
  margin-top: 0;
}

form-schema-collection {
  text-align: left;
  display: inline-block;
}

table.formSchemaCollectionTable>tbody>tr>td {
    padding-top: 4px !important;
    padding-bottom: 2px  !important;
}


table.formSchemaCollectionTable td.type_number
, table.formSchemaCollectionTable th.type_number {
    text-align: right;
}

table.formSchemaCollectionTable td.type_string
, table.formSchemaCollectionTable th.type_string
{
    text-align: left;
}

table.formSchemaCollectionTable td.type_boolean
, table.formSchemaCollectionTable th.type_boolean {
    text-align: center;
    padding-top: 14px !important;
}

table.formSchemaCollectionTable td.type_calendar
, table.formSchemaCollectionTable th.type_calendar {
    white-space: nowrap;
}


table.formSchemaCollectionTable th.delete {
    padding-left:0px;padding-right:16px;
}

table.formSchemaCollectionTable td.delete
{
    padding-left:4px;padding-right:16px;
}


table.formSchemaCollectionTable td.type_string > div.fld {
    display: inline-block;
    text-overflow: ellipsis;
    min-width: 24px;
    max-width: 400px;
}

table.formSchemaCollectionTable td.validationerror i {
    padding-top: 10px;
    font-size: 16px;
    color: red;
}

table.formSchemaCollectionTable td > div.fld.has-error
, table.formSchemaCollectionTable td > div.fld.has-error i
, table.formSchemaCollectionTable td > div.fld.has-error input {
    color: red !important;
    font-weight: bold;
}

table.formSchemaCollectionTable td.validationerror
, table.formSchemaCollectionTable th.validationerror {
    padding-left:14px;
    padding-right:0px;
    padding-top: 15px;
    width: 30px;
}

table.formSchemaCollectionTable td i.iconButton
{
    cursor: pointer;
}

table.formSchemaCollectionTable td.validationerror a:focus {
    outline: none;
}


div.validationMessagesPopup div.message::before {
    content: "\2022";
    margin-left: 4px;
    margin-right: 6px;
}

div.validationMessagesPopup .revert {
    display:inline-block;
    text-align: center;
    width:100%;
    margin-top:10px;
    margin-bottom:6px;
}

tr.newInstance {
    background-color: #eeeeee;
}


/* The animation code */
@keyframes animateOnUpdate {
    50% { background-color: #ebf99f; color: black; }
    100% { background-color: inherit; color: black; }
}

/*@keyframes animateOnUpdateNewRecord {
    50% { background-color: #aec435; color: white; }
    100% { background-color: #6e88b4; color: white; }
}*/

div.revert button {
    cursor: pointer;
}