h1.formHeader {
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 15px;
    color: #000000;
}

.viewBlock .alert {
    padding: 0;
    margin: 0;
    border: 0;
}

.viewBlock .blockHeader.alert {
    margin-top: -1px;
    border-top: 1px solid #DC8C00;
}

.viewBlock .blockOpened .formRow .labelDiv span.alert {
    font-size: 8px;
    position: relative;
    top: -4px;
}

.viewBlock {
    margin-bottom: 20px;
}

.viewPrint {
    float: right;
    width: 25px;
    height: 25px;
    position: relative;
    z-index: 1;
    top: -32px;
    display: none;
}

.viewPrint > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url(../icons-yellow/print.svg) no-repeat center;
}

.not-touch .viewPrint > a:hover,
.not-touch .viewPrint > a:focus {
    background: url(../icons-yellow/print-hover.svg) no-repeat center;
}

.historicHeader {
    padding: 10px 17px 10px 15px;
    margin-left: calc(100% - 323px);
    margin-bottom: 15px;
    border-radius: 5px;
    background: #F7F7F7;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    display: -webkit-flex;
    display: flex;
}

.historicHeader > input {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 1px;
    display: block;
}

.historicHeader > div {
    width: 23px;
    min-width: 23px;
    max-width: 23px;
    height: 32px;
    margin-left: 18px;
    display: block;
    cursor: pointer;
    background: url(../icons-yellow/historic-versions.svg) no-repeat center;
}

.not-touch .historicHeader > div:hover,
.not-touch .historicHeader > div:focus {
    background: url(../icons-yellow/historic-versions-hover.svg) no-repeat center;
}

.viewBlock .tabRow {
    min-height: 57px;
    padding: 10px 20px 0 20px;
    margin-bottom: 20px;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    position: relative;
    width: calc(100% + 2px);
    left: -1px;

    background: #93008C;
}

.viewBlock .tabRow .tab {
    display: inline-block;
    line-height: 37px;
    padding: 0 10px 0 10px;
    margin: 10px 10px 0 0;
    color: white;
    text-shadow: 0 0 white;
    cursor: pointer;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#09d3ff+0,00bbe3+100 */
    background: #09d3ff; /* Old browsers */
    background: -moz-linear-gradient(top, #09d3ff 0%, #00bbe3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #09d3ff 0%, #00bbe3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #09d3ff 0%, #00bbe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09d3ff', endColorstr='#00bbe3', GradientType=0); /* IE6-9 */
}

.viewBlock .tabRow .tab .font-awesome-icon {
    margin-right: 5px;
}

.viewBlock.composite-tab {
    border: 1px solid #AAAAAA;
    border-top-style: none;
    border-radius: 5px;
}

.viewBlock.composite-tab > div:not(.tabRow) {
    margin-left: 25px;
    margin-right: 25px;
}

.viewBlock.composite-tab.popup-state {
    border: none;
    border-radius: 0;
}

.viewBlock.composite-tab.popup-state > div:not(.tabRow) {
    margin-left: 0;
    margin-right: 0;
}

.not-touch .viewBlock .tabRow .tab:not(.tabSelected):hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fec93d+0,febe1d+100 */
    background: #fec93d; /* Old browsers */
    background: -moz-linear-gradient(top, #fec93d 0%, #febe1d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fec93d 0%, #febe1d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fec93d 0%, #febe1d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fec93d', endColorstr='#febe1d', GradientType=0); /* IE6-9 */
    color: white;
}

.viewBlock .tabRow .tab.tabSelected {
    background: white;
    color: black;
    text-shadow: none;
}

.viewBlock.compositeBlock.composite-wizard .statusView {
    margin-bottom: 20px;
}

.viewBlock > .input-block,
.viewBlock > .dataBlockGridFormView > .input-block {
    width: 100%;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.viewBlock > .input-block.blockOpened,
.viewBlock > .dataBlockGridFormView > .input-block.blockOpened {
}

.blockHeaderContainer {
    width: 100%;
}

.blockHeaderContainer .blockHeader {
    display: -webkit-flex;
    display: flex;
}

.blockHeaderContainer .blockHeader > div {
    padding: 20px 28px 10px 28px;
}

.blockHeaderContainer .blockHeader > div:first-child {
    border-top-left-radius: 5px;
}

.blockHeaderContainer .blockHeader > div:last-child {
    -webkit-flex-grow: 2;
    flex-grow: 2;
    border-top-right-radius: 5px;
}

.blockHeaderContainer .blockHeader .blockTitle {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 16px;
    width: 50%;
    max-width: 300px;
    background: white;
}

.blockHeaderContainer .blockHeader .blockTitle .font-awesome-icon {
    margin-right: 5px;
}

.blockHeaderContainer .blockHeader .noOp,
.blockHeaderContainer .blockHeader .blockOpenClose {
    background: #F5F5F5;
    display: flex;
    justify-content: flex-end;
}

.viewBlock .blockOpened {
    background: #DFF9FF;
}

.blockOpened .blockHeaderContainer .blockHeader .blockTitle {
    background: #DFF9FF;
}

.blockOpened .blockHeaderContainer .blockHeader .noOp,
.blockOpened .blockHeaderContainer .blockHeader .blockOpenClose {
    background: #B9F1FF;
    display: flex;
    justify-content: flex-end;
}

.blockHeaderContainer .blockHeader .blockOpenClose > div,
.blockHeaderContainer .blockHeader .noOp > div {
    cursor: pointer;
    width: 25px;
    height: 25px;
    font-size: 0;
}

.blockHeader .blockOpenClose.blockOpenCloseButtonOpened > div {
    background: url(../icons-yellow/x.svg) no-repeat center;
}

.not-touch .blockHeader .blockOpenClose.blockOpenCloseButtonOpened > div:hover,
.not-touch .blockHeader .blockOpenClose.blockOpenCloseButtonOpened > div:focus {
    background: url(../icons-yellow/x-hover.svg) no-repeat center;
}

.blockHeader.wizard-lock .blockOpenClose.blockOpenCloseButtonOpened > div,
.not-touch .blockHeader.wizard-lock .blockOpenClose.blockOpenCloseButtonOpened > div:hover,
.not-touch .blockHeader.wizard-lock .blockOpenClose.blockOpenCloseButtonOpened > div:focus {
    background: none;
    cursor: default;
}

.blockHeader .blockOpenClose.blockOpenCloseButtonClosed > div {
    background: url(../icons-yellow/edit.svg) no-repeat center;
}

.not-touch .blockHeader .blockOpenClose.blockOpenCloseButtonClosed > div:hover,
.not-touch .blockHeader .blockOpenClose.blockOpenCloseButtonClosed > div:focus {
    background: url(../icons-yellow/edit-hover.svg) no-repeat center;
}

.blockHeader .blockOpenClose.blockOpenCloseButtonOpened > div[name="open-info"],
.blockHeader .blockOpenClose.blockOpenCloseButtonClosed > div[name="open-info"],
.blockHeader .noOp > div[name="open-info"] {
    background: url(../icons-yellow/search.svg) no-repeat center;
}

.not-touch .blockHeader .blockOpenClose.blockOpenCloseButtonOpened > div[name="open-info"]:hover,
.not-touch .blockHeader .blockOpenClose.blockOpenCloseButtonOpened > div[name="open-info"]:focus,
.not-touch .blockHeader .blockOpenClose.blockOpenCloseButtonClosed > div[name="open-info"]:hover,
.not-touch .blockHeader .blockOpenClose.blockOpenCloseButtonClosed > div[name="open-info"]:focus,
.not-touch .blockHeader .noOp > div[name="open-info"]:hover,
.not-touch .blockHeader .noOp > div[name="open-info"]:focus {
    background: url(../icons-yellow/search-hover.svg) no-repeat center;
}

.viewBlock .blockClosed,
.viewBlock .blockOpened {
    width: 100%;
}

.viewBlock .formRow,
.viewBlock .buttonRowContainer {
    display: -webkit-flex;
    display: flex;
}

.viewBlock .originalTextareaInfo {
    display: none;
    margin-top: 4px;
    padding-left: 5px;
    padding-right: 5px;
}

.viewBlock .originalTextareaInfo.warningTextareaInfo {
    display: block;
}

.viewBlock .textAreaDiv .originalTextareaInfo {
    margin-top: 0;
}

.viewBlock .errorMessage {
    display: block;
}

.viewBlock .errorMessage .error {
    color: #fa757f;
}

.viewBlock .formRow > *,
.viewBlock .buttonRowContainer > *,
.viewBlock .mutable-view-input-group > .labelDiv {
    background: #F5F5F5;
    padding-left: 28px;
    padding-right: 28px;
    line-height: 20px;
}

.viewBlock .formRow .labelDiv,
.viewBlock .mutable-view-input-group > .labelDiv {
    vertical-align: top;
    font-family: 'Lato-Regular', sans-serif;
}

.viewBlock .blockOpened .formRow .labelDiv,
.viewBlock .blockOpened .mutable-view-input-group > .labelDiv {
    padding-top: 6px;
    padding-bottom: 10px;
    min-height: 42px;
}

.viewBlock .buttonRowContainer {
    min-height: 15px;
}

.ie .viewBlock .buttonRowContainer > div {
    min-height: 15px;
}

.viewBlock .buttonRowContainer > *:first-child {
    border-bottom-left-radius: 5px;
}

.viewBlock .buttonRowContainer > *:last-child {
    border-bottom-right-radius: 5px;
}

.viewBlock .formRow .labelDiv,
.viewBlock .buttonRowContainer > *:first-child,
.viewBlock .mutable-view-input-group > .labelDiv {
    width: 50%;
    max-width: 300px;
    background: white;
}

.viewBlock .formRow.source-title .labelDiv {
    padding-top: 10px;
}

.viewBlock .formRow.source-title .labelDiv label {
    font-weight: bold;
}

.viewBlock .blockOpened .formRow .labelDiv,
.viewBlock .blockOpened .buttonRowContainer > *:first-child,
.viewBlock .blockOpened .mutable-view-input-group > .labelDiv {
    background: #DFF9FF;
}

.viewBlock .blockOpened .formRow .inputDiv,
.viewBlock .blockOpened .buttonRowContainer > *,
.viewBlock .blockOpened .mutable-view-input-group > * {
    background: #B9F1FF;
}

.viewBlock .formRow > *:last-child,
.viewBlock .buttonRowContainer > *:last-child {
    width: 50%;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}

.viewBlock .blockClosed .formRow.inline {
    background-color: #F5F5F5;
}

.viewBlock .blockClosed .formRow.inline > *:last-child {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.viewBlock .formRow .inputDiv {
    padding-bottom: 10px;
}

.viewBlock .previous-version {
    background: repeating-linear-gradient(
            135deg,
            #f7f7f7,
            #f7f7f7 10px,
            #f0f0f0 10px,
            #f0f0f0 20px
    );
}

.viewBlock .previous-version .blockHeaderContainer .blockHeader .blockTitle {
    background: transparent;
}

.viewBlock .previous-version .blockHeaderContainer .blockHeader .noOp,
.viewBlock .previous-version .blockHeaderContainer .blockHeader .blockOpenClose {
    background: transparent;
}

.viewBlock .previous-version .formRow .labelDiv,
.viewBlock .previous-version .buttonRowContainer > *:first-child,
.viewBlock .previous-version .mutable-view-input-group > .labelDiv {
    background: transparent;
}

.viewBlock .previous-version .formRow > *,
.viewBlock .previous-version .buttonRowContainer > *,
.viewBlock .previous-version .mutable-view-input-group > .labelDiv {
    background: transparent;
}

.viewBlock .formRow.layout-type-radios .inputDiv,
.viewBlock .formRow.layout-type-checkboxes .inputDiv {
    padding-bottom: 6px;
}

.viewBlock .formRow.layout-grid-select .inputDiv,
.viewBlock .formRow.layout-grid-select_inline .inputDiv,
.viewBlock .formRow.layout-identity-list .inputDiv,
.viewBlock .formRow.layout-person-group_list .inputDiv,
.viewBlock .formRow.layout-derived-text .inputDiv {
    padding-top: 6px;
}

.viewBlock .formRow.layout-reference-list_checkboxes .inputDiv .gridCheckbox:nth-child(2) {
    padding-top: 3px;
}

.viewBlock .formRow.layout-html-wysiwyg .inputDiv textarea,
.viewBlock .formRow.layout-html-wysiwyg_minimal .inputDiv textarea {
    display: none !important;
}

.viewBlock .textFieldReadOnly {
    word-break: break-word;
}

.viewBlock .textFieldReadOnly.info {
    display: inline-block;
    padding-top: 5px;
}

.viewBlock .textFieldReadOnly .line-through,
.viewBlock .formRow.layout-identity-list .inputDiv .line-through,
.viewBlock .formRow.layout-person-group_list .inputDiv .line-through {
    text-decoration: line-through;
}

.viewBlock .buttonRowContainer > *:last-child {
    padding-left: 0;
}

.viewBlock .buttons > div,
.viewBlock .buttonRow > div {
    margin-bottom: 20px;
}

.viewBlock .html-wysiwyg iframe {
    width: 100%;
    height: 360px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* BULK EDIT */

.viewBlock .gridEditContainer.gridViewTableContainer {
    background: #DFF9FF;
}

.viewBlock .gridEditContainer .gridViewTable.gridEdit > .thead .title {
}

.viewBlock .gridEditContainer form.input-block {
    display: table-row;
}

.viewBlock .gridEditContainer form.input-block:nth-child(even) {
    background: #DFF9FF;
}

.viewBlock .gridEditContainer form.input-block:nth-child(odd) {
    background: #B9F1FF;
}

.viewBlock .gridEditContainer form.input-block .blockHeaderContainer {
    display: none;
}

.viewBlock .gridEditContainer form.input-block .formRow {
    display: table-cell;
    padding-top: 6px;
}

.viewBlock .gridEditContainer form.input-block .formRow .inputDiv {
    width: 100%;
}

.viewBlock .gridEditContainer form.input-block .formRow > * {
    padding-left: 0;
    padding-right: 0;
}

.viewBlock .gridEditContainer form.input-block .formRow:not(.gridButton) > * {
    background: transparent;
}

.viewBlock .gridEditContainer form.input-block .formRow:nth-child(2) > * {
    padding-left: 10px;
}

.viewBlock .gridEditContainer form.input-block .formRow:nth-child(2) > .inputDiv > .textFieldReadOnly {
    padding-left: 5px;
    display: inline-block;
}

.viewBlock .gridEditContainer form.input-block .buttonRowContainer {
    display: none;
}

/*.viewBlock .blockOpened .formRow.input-classification-filter .labelDiv {*/
/*background: #B9F1FF;*/
/*padding-top: 13px;*/
/*}*/

/*.viewBlock .blockOpened .formRow.input-classification-filter .inputDiv {*/
/*background: #00bbe3;*/
/*padding-top: 6px;*/
/*}*/

/* VIEW INPUT STYLES */

.viewBlock input.hidden,
.viewBlock input.hidden:focus,
.viewBlock input.hidden:active {
    display: inline !important;
    position: absolute !important;
    border: none !important;
    outline: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.viewBlock .formRow.inline {
    display: block;
}

.viewBlock .labelDiv.inline {
    position: relative;
    z-index: 1;
    background: white;
    display: block;
    width: 100%;
    padding-bottom: 5px;
}

.viewBlock .withoutLabel .labelDiv.inline {
}

.viewBlock .inputDiv.inline {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 15px;
    margin-top: -42px;
}

.viewBlock .withoutLabel .inputDiv.inline {
    padding-top: 30px;
    margin-top: 0;
}

.viewBlock select,
.viewBlock .select,
.viewBlock textarea,
.viewBlock input:not([type=radio]):not([type=checkbox]) {
    width: 100%;
}

.viewBlock textarea {
    resize: vertical;
    position: relative;
    left: 0;
    min-height: 62px;
    height: 200px;
    transition: height linear 175ms, left 175ms linear, width 175ms linear;
}

.viewBlock textarea:focus {
    /*left: calc(1px - 1px - 28px - 28px - 100%);*/
    /*width: calc(200% + 28px + 28px);*/

    /*left: min(-300px, 10px);*/
    /*width: calc(100% + 300px);*/
}

.viewBlock .textAreaDiv.empty textarea {
    resize: none;
    min-height: 32px;
    height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    top: -10px;
}

.viewBlock .textAreaDiv.empty .indicator {
    width: 10px;
    height: 10px;
    background-image: linear-gradient(0deg, transparent 2.08%, #cfcfcf 2.08%, #cfcfcf 4.17%, transparent 4.17%, transparent 6.25%, #cfcfcf 6.25%, #cfcfcf 8.33%, transparent 8.33%, transparent 50%, transparent 50%, transparent 52.08%, #cfcfcf 52.08%, #cfcfcf 54.17%, transparent 54.17%, transparent 56.25%, #cfcfcf 56.25%, #cfcfcf 58.33%, transparent 58.33%, transparent 100%);
    background-size: 48px 48px;
    background-position: 0 11px;
    position: relative;
    z-index: 1;
    top: 22px;
    left: calc(100% - 10px);
    transform: rotate(-45deg);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.viewBlock input[type=radio],
.viewBlock input[type=checkbox] {
    margin: 0;
}

.viewBlock .option-other {
    padding-bottom: 10px;
}

.viewBlock .layout-dropdown .option-other,
.viewBlock .layout-select2 .option-other,
.viewBlock .layout-key-value_dropdown .option-other {
    padding-top: 10px;
    padding-bottom: 0;
}

.viewBlock .checkboxlabel.checkbox-invisible + .option-other-description {
    display: none;
}

.viewBlock .option-other-description {
    padding-left: 24px;
    padding-bottom: 10px;
}

.responsive .selection-container input[type=radio]:checked {
    background: transparent;
    box-shadow: none;
}

.viewBlock .selection-container {
    min-height: 36px;
}

.viewBlock .selection-container-radio {
    position: relative;
    left: -10px;
}

.viewBlock div.selection-container div.radio {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 10px 0 0 10px;
    vertical-align: top;
    text-align: left;
}

.viewBlock div.selection-container label {
    cursor: pointer;
}

.viewBlock label.radio {
    margin-top: -24px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.viewBlock .radio {
    display: block;
}

.viewBlock .radio label {
    min-height: 20px;
    padding-left: 0;
    margin-left: 25px;
}

.viewBlock input[type=radio][disabled] ~ label {
    cursor: default;
}

.viewBlock div.radio-multiline {
    display: inline-block;
    width: 100%;
    min-height: 30px;
    text-align: left;
}

.viewBlock .selection-container.selection-container-multiline {
    margin-top: 6px;
}

.viewBlock input.radio-multiline {
    margin-bottom: -5px;
}

.viewBlock label.radio-multiline {
    display: inline-block;
    padding-left: 5px;
    width: calc(100% - 20px);
}

.selection-container-multiline input[type=radio] + .ui {
    top: 5px;
    margin-right: 0;
    vertical-align: top;
}

.viewBlock .layout-radio-merged > .inputDiv {
    padding-left: 18px;
}

.viewBlock .radio-merged table {
    border-collapse: collapse;
    margin-left: 10px;
    margin-bottom: 5px;
}

.viewBlock .radio-merged td {
    height: 60px;
    white-space: nowrap;
}

.viewBlock .radio-merged .radio-merged-header {
    -webkit-transform: translate(0px, 10px) rotate(315deg);
    -ms-transform: translate(0px, 10px) rotate(315deg);
    transform: translate(0px, 10px) rotate(315deg);
    width: 42px;
}

.viewBlock .radio-merged td > div > span {
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    padding: 5px 10px;
    margin-left: 5px;
}

.viewBlock .radio-merged .radio {
    width: 32px;
    height: 23px;
    padding-top: 1px;
}

.viewBlock .radio-merged .radio input[type=radio] + .ui {
    top: -25px;
}

.viewBlock .unSelectButton {
    display: inline-block;
    cursor: pointer;
    height: 21px;
    width: 23px;
    background: url(../icons-yellow/eraser.svg) no-repeat center;
}

.not-touch .viewBlock .unSelectButton:hover,
.not-touch .viewBlock .unSelectButton:focus {
    background: url(../icons-yellow/eraser-hover.svg) no-repeat center;
}

.viewBlock .selection-container .radio.unselect {
    margin: 0;
}

.viewBlock .selection-container-radio .radio.unselect {
    padding: 0;
    margin: 6px 0 0;
}

.viewBlock .selection-container-radio .radio.unselect .unSelectButton {
    position: relative;
    margin-left: 10px;
}

.viewBlock .radio.unselect label.radio {
    margin: 0;
    padding: 0;
}

.viewBlock .radio-multiline.unselect label.radio-multiline {
    display: block;
    margin-left: -5px;
}

.viewBlock .checkboxlabel {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0;
    cursor: pointer;
    display: table-row;
    height: 30px;
}

.viewBlock .checkboxlabel.disabled {
    cursor: default;
}

.viewBlock .checkboxlabel * {
    display: table-cell;
}

.viewBlock .checkboxlabel input[type=checkbox] {
    /*display: inline-block;*/
    margin-bottom: -4px;
    margin-right: 5px;
}

.viewBlock .hierarchicalSelectionList .hierarchicalSelection {
    margin-left: 30px;
}

.viewBlock .hierarchicalSelectionList > .hierarchicalSelection {
    margin-left: 0;
}

.viewBlock input.textField.keyValue {
    width: 70px;
    margin-right: 10px;
}

.viewBlock .select.keyValue {
    width: calc(100% - 80px);
    max-width: 100% !important;
}

.viewBlock span.search {
    margin: 0 5px 0 0;
}

.viewBlock div.search {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 20px;
    background: url(../icons-yellow/search.svg) no-repeat center;
    background-size: 20px;
    margin: 0 5px 0 5px;
}

.not-touch .viewBlock div.search:hover,
.not-touch .viewBlock div.search:focus {
    background: url(../icons-yellow/search-hover.svg) no-repeat center;
}

.viewBlock div.openView {
    display: inline-block;
    cursor: pointer;
    width: 30px;
    height: 20px;
    background: url(../icons-yellow/edit.svg) no-repeat center;
    margin: 0 5px 0 5px;
}

.not-touch .viewBlock div.openView:hover,
.not-touch .viewBlock div.openView:focus {
    background: url(../icons-yellow/edit-hover.svg) no-repeat center;
}

.viewBlock div.openView + label {
    margin: 0 0 0 10px;
    line-height: 0;
    position: relative;
    top: 5px;
}

.viewBlock .datum.hasDatepicker {
    padding-right: 33px;
}

.viewBlock input[type=text].hasDatepicker + .ui-datepicker-trigger {
    display: inline !important;
}

.viewBlock input[type=text][readonly].hasDatepicker + .ui-datepicker-trigger {
    display: none !important;
}

.viewBlock .ui-datepicker-trigger {
    float: right;
    position: relative;
    margin-top: -30px;
    margin-right: -5px;
    height: 0;
    width: 0;
    padding: 15px 20px;
    background: url(../icons-yellow/callender.svg) no-repeat center;
    cursor: pointer;
}

.viewBlock .date-picker-date-container,
.viewBlock .date-picker-time-container {
    width: calc(50% - 5px);
}

.viewBlock .date-picker-date-container {
    display: inline-block;
    margin-right: 10px;
}

.viewBlock .date-picker-time-container {
    display: inline-block;
}

.viewBlock ul.ui-autocomplete {
    padding-left: 0;
    padding-right: 0;
}

.not-touch .viewBlock .ui-datepicker-trigger:hover,
.not-touch .viewBlock .ui-datepicker-trigger:focus {
    background: url(../icons-yellow/callender-hover.svg) no-repeat center;
}

.viewBlock input[type=text].hour,
.viewBlock input[type=text].minute,
.viewBlock input[type=number].hour,
.viewBlock input[type=number].minute {
    width: 50px;
}

.viewBlock .formRow.layout-age input[type=text].year,
.viewBlock .formRow.layout-age input[type=text].month,
.viewBlock .formRow.layout-age input[type=number].year,
.viewBlock .formRow.layout-age input[type=number].month {
    width: 50px;
}

.viewBlock .formRow.layout-age .inputDiv span {
    margin: auto 5px;
}

.viewBlock .codeEditor,
.viewBlock .codeEditorFrame {
    width: 100%;
    height: 500px;
}

.viewBlock img.textFieldReadOnly {
    max-height: 150px;
    max-width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
}

.viewBlock .integratie {
    background: url(../icons-yellow/search.svg) no-repeat center;
    background-size: 20px;
    width: 30px;
    height: 20px;
    display: inline-block;
    margin-left: 4px;
    cursor: pointer;
}

.not-touch .viewBlock .integratie:hover,
.not-touch .viewBlock .integratie:focus {
    background: url(../icons-yellow/search-hover.svg) no-repeat center;
}

.viewBlock input[type=text].bag_postcode_search {
    width: 90px;
    margin-right: 10px;
}

.viewBlock input[type=text].bag_huisnummer_search {
    width: 65px;
    margin-right: 5px;
}

.viewBlock .renderInputHidden {
    display: none !important;
}

.viewBlock .formRow.layout-grid-select .controls,
.viewBlock .formRow.layout-grid-select_inline .controls {
    display: inline-block;
}

.viewBlock .color-picker {
}

.viewBlock .color-picker .color {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
}

/* INPUT GROUP */

.viewBlock .mutable-view-input-group {
    display: flex;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container {
    width: 50%;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    padding-left: 23px;
    padding-right: 23px;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .errorMessage {
    margin-left: 5px;
    margin-right: 5px;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs {
    width: 100%;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs > .formRow > .inputDiv {
    padding-left: 5px;
    padding-right: 5px;
}

.viewBlock .mutable-view-input-group .formRow .labelDiv {
    display: none;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-2 > .formRow {
    width: 50%;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-3 > .formRow {
    width: 33.33%;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-4 > .formRow {
    width: 25%;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-5 > .formRow {
    width: 20%;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-6 > .formRow {
    width: 16.66%;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-7 > .formRow {
    width: 14.29%;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-8 > .formRow {
    width: 12.5%;
}

.viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-9 > .formRow {
    width: 11.11%;
}

/* BULK EDIT - INPUT STYLES */

.viewBlock .gridEditContainer .gridEdit .formRow {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.viewBlock .gridEditContainer .gridEdit .formRow .inputDiv {
    padding-bottom: 0;
}

.viewBlock .gridEditContainer .gridEdit select,
.viewBlock .gridEditContainer .gridEdit input {
    padding-left: 10px;
    padding-right: 10px;
}

.viewBlock .gridEditContainer .gridEdit input[type=text].datum {
    width: calc(100% - 40px);
    padding-left: 10px;
    padding-right: 10px;
}

.viewBlock .gridEditContainer .gridEdit .layout-type-date {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
}

.viewBlock .gridEditContainer .gridEdit .layout-hour-minute {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

.viewBlock .gridEditContainer .gridEdit .layout-hour-minute input {
    width: 40px;
}

/*.viewBlock .gridEditContainer .gridEdit .ui-datepicker-trigger {*/
    /*position: static;*/
    /*margin-left: 0;*/
    /*margin-top: 2px;*/
/*}*/

.viewBlock .slider-100 {
    width: 100%;
    height: 20px;
}

.viewBlock .slider-100 .locator-container {
    height: 20px;
    padding-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.viewBlock .slider-100 .locator-container .locator {
    height: 10px;
    width: 10px;
    border: 1px solid black;
    border-radius: 100%;
    position: relative;
    left: -5px;
    background: black;
    z-index: 2;
}

.viewBlock .slider-100 .axis {
    display: flex;
    height: 8px;
    border-bottom: 2px solid rgb(103, 103, 103);
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    top: -17px;
    z-index: 1;
}

.viewBlock .slider-100 .axis .axis-point {
    width: 25%;
    max-width: 25%;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative;
    top: 4px;
}

.viewBlock .slider-100 .axis .axis-point:not(:last-child) {
    border-right: 1px solid rgb(103, 103, 103);
}

.viewBlock .slider-100 .axis .axis-point:not(:first-child) {
    border-left: 1px solid rgb(103, 103, 103);
}

div.promptPopup > div.blockOpened .filter:not(:first-child) {
    margin-top: 10px;
}

div.promptPopup > div.blockOpened .filter .name {
    margin-bottom: 5px;
}

.mutable-view-checkboxes-search-modalbox .content {
    padding-bottom: 10px;
}

.mutable-view-checkboxes-search {
}

.mutable-view-checkboxes-search .controls {
    min-height: 32px;
    background: #DFF9FF;
    position: absolute;
    width: calc(100% - 30px);
    z-index: 1;
    margin-top: -20px;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.mutable-view-checkboxes-search .controls .search {
    width: 100%;
}

.mutable-view-checkboxes-search .items {
    height: 100%;
    overflow: auto;
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 10px;
}

.mutable-view-checkboxes-search .items .item-row {
    display: block;
}

.mutable-view-checkboxes-search .items .item-row.hidden + .option-other {
    display: none;
}

.mutable-view-checkboxes-search .items .option-other {
    padding-right: 10px;
    padding-bottom: 10px;
}

.mutable-view-checkboxes-search .items .option-other input {
    width: 100%;
}

.viewBlock .layout-checkboxes-search .controls,
.viewBlock .layout-checkboxes-search_key .controls {
    margin-bottom: 10px;
}

.viewBlock .layout-checkboxes-search .controls div.search,
.viewBlock .layout-checkboxes-search_key .controls div.search {
    /*margin-left: -3px;*/
}

.viewBlock .layout-checkboxes-search input[type=checkbox] + .ui,
.viewBlock .layout-checkboxes-search_key input[type=checkbox] + .ui,
.viewBlock .layout-checkboxes-search input[type=checkbox][disabled] + .ui,
.viewBlock .layout-checkboxes-search_key input[type=checkbox][disabled] + .ui {
    background-color: transparent;
    border: none;
    margin-left: 4px;
}

.viewBlock .layout-checkboxes-search .checkbox-invisible,
.viewBlock .layout-checkboxes-search_key .checkbox-invisible {
    max-height: 0;
    overflow: hidden;
    display: block;
    margin: 0;
}

.viewBlock .layout-checkboxes-search .checkboxlabel,
.viewBlock .layout-checkboxes-search_key .checkboxlabel {
    cursor: inherit;
}

.viewBlock .layout-checkboxes-search .inputDiv .checkboxlabel + [name=option-other-description],
.viewBlock .layout-checkboxes-search_key .inputDiv .checkboxlabel + [name=option-other-description] {
    padding-left: 29px;
    margin-top: -10px;
}
.viewBlock .gridEdit .td.layout-memo-layover,
.viewBlock .gridEdit .td.layout-json-layover_with_view {
    padding-bottom: 0;
}

.viewBlock .layout-memo-layover .edit,
.viewBlock .layout-json-layover_with_view .edit {
    background: url(../icons-yellow/edit.svg) no-repeat center;
    display: inline-block;
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin-top: 4px;
}

.not-touch .viewBlock .layout-memo-layover .edit:hover,
.not-touch .viewBlock .layout-memo-layover .edit:focus,
.not-touch .viewBlock .layout-json-layover_with_view .edit:hover,
.not-touch .viewBlock .layout-json-layover_with_view .edit:focus {
    background: url(../icons-yellow/edit-hover.svg) no-repeat center;
}

.viewBlock .layout-memo-layover .has-data,
.viewBlock .layout-json-layover_with_view .has-data {
    display: inline-block;
    overflow: hidden;
    width: calc(100% - 30px);
    height: 25px;
    margin-left: 5px;
}

.modalBox .content textarea.layout-memo-layover,
.modalBox .content textarea.layout-json-layover_with_view {
    height: 250px;
    width: 100%;
}

.viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame,
.viewBlock .layout-memo-large_with_select .inputDiv .codeEditorFrame {
    display: flex;
    height: 300px;
}

.viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame .codeEditor,
.viewBlock .layout-memo-large_with_select .inputDiv .codeEditorFrame .codeEditor {
    flex-grow: 1;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame.has-selection .codeEditor,
.viewBlock .layout-memo-large_with_select .inputDiv .codeEditorFrame.has-selection .codeEditor {
    width: calc(100% - 200px);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame.has-selection .select-container,
.viewBlock .layout-memo-large_with_select .inputDiv .codeEditorFrame.has-selection .select-container {
    width: 200px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame:not(.has-selection) .select-container,
.viewBlock .layout-memo-large_with_select .inputDiv .codeEditorFrame:not(.has-selection) .select-container {
    display: none;
}

.viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame .select-container select,
.viewBlock .layout-memo-large_with_select .inputDiv .codeEditorFrame .select-container select {
    height: calc(100% - 45px);
    padding: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame .select-container select optgroup,
.viewBlock .layout-memo-large_with_select .inputDiv .codeEditorFrame .select-container select optgroup {
    margin-bottom: 5px;
}

.responsive .viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame .select-container select[multiple]:focus,
.responsive .viewBlock .layout-memo-large_with_select .inputDiv .codeEditorFrame .select-container select[multiple]:focus {
    background-image: none;
    box-shadow: none;
}

.viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame .select-container .buttonRow {
    flex-grow: 1;
    background-color: white;
    margin-top: 0;
    margin-bottom: 0;
    border-left: 1px solid #cfcfcf;
    border-top: 1px solid #cfcfcf;
    flex-direction: row;
    border-bottom-right-radius: 5px;
}

.viewBlock .layout-memo-with_select .inputDiv .codeEditorFrame .select-container .button {
    float: left;
    width: 40px;
    text-align: center;
    margin: 5px;
    padding-left: 0;
    padding-right: 0;
}

.viewBlock .formRow.layout-multiple-select2 .inputDiv .multiple-select2-choice-container {
    display: block;
    width: 100%;
    float: left;
}

.viewBlock .formRow.layout-multiple-select2 .inputDiv .multiple-select2-choice-container.with-search {
    width: calc(100% - 35px);
}

.viewBlock .formRow.layout-multiple-select2 .inputDiv .multiple-select2-button-container {
    display: block;
    float: left;
    padding-top: 5px;
}

.viewBlock .formRow.layout-multiple-select2 .inputDiv .multiple-select2-button-container div.search {
    margin-right: 0;
}

.responsive .formRow.layout-multiple-select2 .inputDiv input.select2-search__field {
    line-height: 22px;
    min-height: 22px;
    padding-left: 10px;
    padding-right: 10px;
}

.viewBlock .formRow.layout-multiple-select_buttons input[type="checkbox"] + .ui {
    display: none;
}

.viewBlock .formRow.layout-multiple-select_buttons input[type="checkbox"] + .ui + .description {
    display: inline-block;
    padding: 0 20px 0 20px;
    min-height: 32px;
    min-width: 40px;
    line-height: 29px;
    cursor: pointer;
    background: #DFF9FF;
    border: 1px solid #00BBE3;
    color: #00BBE3;
    text-shadow: 0 0 #00BBE3;
    margin-bottom: 5px;
    margin-right: 10px;
    border-radius: 5px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.viewBlock .formRow.layout-multiple-select_buttons input[type="checkbox"]:checked + .ui + .description {
    color: white;
    text-shadow: 0 0 white;
    border: none;
    padding: 1px 21px 1px 21px;

    background: #09d3ff; /* Old browsers */
    background: -moz-linear-gradient(top, #09d3ff 0%, #00bbe3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #09d3ff 0%, #00bbe3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #09d3ff 0%, #00bbe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09d3ff', endColorstr='#00bbe3', GradientType=0); /* IE6-9 */
}

.viewBlock .formRow.layout-multiple-select_buttons input[type="checkbox"] + .ui + .description:hover,
.viewBlock .formRow.layout-multiple-select_buttons input[type="checkbox"] + .ui + .description:focus {
    color: white;
    background: #00BBE3;
}

.viewBlock .formRow.layout-multiple-select_buttons .selection-container {
    background: white;
    border: 1px solid #00BBE3;
    border-radius: 5px;
    padding: 5px 5px 2px;
}

.viewBlock .formRow.layout-multiple-select_buttons .checkboxlabel {
    display: inline-block;
    width: auto;
    height: auto;
}

/* Form layout VERTICAL */

.viewBlock .form-layout-vertical .formRow:not(.formRow-layout-horizontal) > .labelDiv,
.viewBlock .form-layout-vertical .formRow:not(.formRow-layout-horizontal) > .inputDiv,
.viewBlock .form-layout-vertical .mutable-view-input-group > .labelDiv,
.viewBlock .form-layout-vertical .mutable-view-input-group .formRow:not(.formRow-layout-horizontal) > .inputDiv {
    width: 100%;
}


.viewBlock .form-layout-vertical.blockOpened.input-block,
.form-layout-vertical.blockOpened .blockHeaderContainer,
.form-layout-vertical.blockOpened .blockHeaderContainer .blockHeader .noOp,
.form-layout-vertical.blockOpened .blockHeaderContainer .blockHeader .blockOpenClose,
.viewBlock .form-layout-vertical.blockOpened .formRow:not(.formRow-layout-horizontal) .labelDiv,
.viewBlock .form-layout-vertical.blockOpened .buttonRowContainer > *:first-child,
.viewBlock .form-layout-vertical.blockOpened .formRow:not(.formRow-layout-horizontal) .inputDiv,
.viewBlock .form-layout-vertical.blockOpened .buttonRowContainer > *,
.viewBlock .form-layout-vertical.blockOpened .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs > .formRow:not(.formRow-layout-horizontal) > * {
    background: #DFF9FF;
}

.viewBlock .form-layout-vertical.blockClosed .formRow:not(.formRow-layout-horizontal) > *:not(.labelDiv) {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}

.viewBlock .form-layout-vertical .formRow:not(.formRow-layout-horizontal),
.viewBlock .form-layout-vertical .mutable-view-input-group,
.viewBlock .form-layout-vertical .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs {
    display: block;
}

.form-layout-vertical .blockHeaderContainer {
    background: #F7F7F7;
}

.form-layout-vertical .blockHeaderContainer .blockHeader .blockTitle {
    background: transparent;
}

.viewBlock .form-layout-vertical .formRow:not(.formRow-layout-horizontal) .labelDiv,
.viewBlock .form-layout-vertical .buttonRowContainer > *:first-child,
.viewBlock .form-layout-vertical .mutable-view-input-group > .labelDiv {
    width: auto;
    max-width: initial;
    background: #F7F7F7;
}

.form-layout-vertical .blockHeaderContainer .blockHeader .noOp,
.form-layout-vertical .blockHeaderContainer .blockHeader .blockOpenClose {
    background: #F7F7F7;
}

.viewBlock .form-layout-vertical .formRow > *,
.viewBlock .form-layout-vertical .buttonRowContainer > *,
.viewBlock .form-layout-vertical .mutable-view-input-group > .labelDiv {
    background: #F7F7F7;
}

.form-layout-vertical .blockHeaderContainer .blockHeader {
    display: flex;
}

/* Form split-mode */

.viewBlock .form-split .blockClosed,
.viewBlock .form-split .blockOpened {
    display: flex;
    flex-wrap: wrap;
}

.viewBlock .form-split .mutable-view-form-column {
    display: flex;
    flex-direction: column;
}

.viewBlock .form-split.form-split-dual .mutable-view-form-column {
    width: 50%;
}

.viewBlock .form-split .blockClosed > .formRow,
.viewBlock .form-split .blockOpened > .formRow,
.viewBlock .form-split .blockOpened > .mutable-view-input-group {
    width: 100%;
}

.viewBlock .form-split.form-split-dual .blockClosed > .formRow .labelDiv,
.viewBlock .form-split.form-split-dual .blockClosed > .formRow .mutable-view-input-group > .labelDiv,
.viewBlock .form-split.form-split-dual .blockOpened > .formRow .labelDiv,
.viewBlock .form-split.form-split-dual .blockOpened > .formRow .mutable-view-input-group > .labelDiv {
    width: 25%;
}

.viewBlock .form-split .blockOpened .mutable-view-form-column + .formRow > * {
    padding-top: 30px
}

.viewBlock .form-split .blockClosed .mutable-view-form-column + .formRow > .inputDiv {
    padding-top: 36px
}

.viewBlock .form-split .mutable-view-form-column .formRow.spacer {
    min-height: 0;
    flex-grow: 1;
    padding: 0;
    line-height: 0;
}

.viewBlock .form-split .mutable-view-form-column .formRow.spacer .inputDiv {
    min-height: 0;
    padding: 0;
}

.viewBlock .form-split .mutable-view-form-column .formRow.spacer .labelDiv {
    min-height: 0;
    padding: 0;
}

.viewBlock .form-split .buttonRowContainer {
    width: 100%;
}

/* Form row layout vertical */

.viewBlock .formRow.formRow-layout-vertical {
    display: block;
}

.viewBlock .formRow.formRow-layout-vertical > .labelDiv,
.viewBlock .formRow.formRow-layout-vertical > .inputDiv,
.viewBlock .formRow.formRow-layout-vertical .mutable-view-input-group > .labelDiv,
.viewBlock .formRow.formRow-layout-vertical .mutable-view-input-group .formRow > .inputDiv {
    width: 100%;
    max-width: 100%;
}

.viewBlock .form-split.form-split-dual .blockClosed > .formRow.formRow-layout-vertical .labelDiv,
.viewBlock .form-split.form-split-dual .blockClosed > .formRow.formRow-layout-vertical .mutable-view-input-group > .labelDiv,
.viewBlock .form-split.form-split-dual .blockOpened > .formRow.formRow-layout-vertical .labelDiv,
.viewBlock .form-split.form-split-dual .blockOpened > .formRow.formRow-layout-vertical .mutable-view-input-group > .labelDiv {
    width: 100%;
}

.viewBlock .formRow.formRow-layout-vertical > .labelDiv,
.viewBlock .formRow.formRow-layout-vertical .mutable-view-input-group > .labelDiv {
    padding-bottom: 0;
    min-height: 0;
}

.viewBlock .form-split .mutable-view-form-column + .formRow.formRow-layout-vertical > .inputDiv {
    padding-top: 6px
}

.viewBlock .blockClosed .formRow.formRow-layout-vertical > * {
    display: block;
    width: 100%;
}

.viewBlock .form-split .blockClosed .mutable-view-form-column + .formRow.formRow-layout-vertical > *:first-child {
    padding-top: 30px
}

/* Form color */

.blockOpened.form-color-mono .blockHeaderContainer .blockHeader .noOp,
.blockOpened.form-color-mono .blockHeaderContainer .blockHeader .blockOpenClose {
    background: #DFF9FF;
}

.viewBlock .blockOpened.form-color-mono .formRow .inputDiv,
.viewBlock .blockOpened.form-color-mono .buttonRowContainer > *,
.viewBlock .blockOpened.form-color-mono .mutable-view-input-group > * {
    background: #DFF9FF;
}

.viewBlock .blockClosed.form-color-mono .blockHeaderContainer .blockHeader .blockTitle {
    background: #F5F5F5;
}

.viewBlock .blockClosed.form-color-mono .formRow .labelDiv,
.viewBlock .blockClosed.form-color-mono .buttonRowContainer > *:first-child,
.viewBlock .blockClosed.form-color-mono .mutable-view-input-group > .labelDiv {
    background: #F5F5F5;
}

.viewBlock .blockClosed.form-color-mono.form-layout-vertical .formRow > *,
.viewBlock .blockClosed.form-color-mono.form-layout-vertical .buttonRowContainer > *,
.viewBlock .blockClosed.form-color-mono.form-layout-vertical .mutable-view-input-group > .labelDiv {
    background: #F5F5F5;
}

.viewBlock .blockClosed.form-color-mono.form-layout-vertical .blockHeaderContainer .blockHeader .noOp,
.viewBlock .blockClosed.form-color-mono.form-layout-vertical .blockHeaderContainer .blockHeader .blockOpenClose {
    background: #F5F5F5;
}

/* Composite list layout collapsed */
.viewBlock.composite-list.list-layout-collapsed {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background: white;
    margin-bottom: 15px;
}

.viewBlock.composite-list.list-layout-collapsed .viewBlock:not(:last-child) {
    padding-bottom: 0;
    margin-bottom: 0;
}

.viewBlock.composite-list.list-layout-collapsed .viewBlock:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed .viewBlock:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed .viewBlock .input-block {
    box-shadow: none;
    border-radius: 0;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock:first-child .input-block {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock:last-child .input-block {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock .blockHeaderContainer .blockHeader > div:first-child {
    border-top-left-radius: 0;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock .blockHeaderContainer .blockHeader > div:last-child {
    border-top-right-radius: 0;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock:first-child .blockHeaderContainer .blockHeader > div:first-child {
    border-top-left-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock:first-child .blockHeaderContainer .blockHeader > div:last-child {
    border-top-right-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock:first-child .blockOpened,
.viewBlock.composite-list.list-layout-collapsed > .viewBlock:first-child .blockClosed {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock:last-child .blockOpened,
.viewBlock.composite-list.list-layout-collapsed > .viewBlock:last-child .blockClosed {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock .buttonRowContainer > :first-child {
    border-bottom-left-radius: 0;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock .buttonRowContainer > :last-child {
    border-bottom-right-radius: 0;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock:last-child .buttonRowContainer > :first-child {
    border-bottom-left-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock:last-child .buttonRowContainer > :last-child {
    border-bottom-right-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock .responsive-grid {
    margin-top: 10px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock .responsive-grid .gridViewTableContainer {
    box-shadow: none;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock .responsive-grid .gridButtonRow {
    box-shadow: none;
    border: 1px solid #D3D3D3FF;
    margin-right: 5px;
    margin-bottom: -15px;
    border-radius: 5px;
}

.viewBlock.composite-list.list-layout-collapsed > .viewBlock .responsive-grid .gridButtonRow:after {
    display: none;
}

/* Responsive */

@media screen and (max-width: 1000px) {
    .viewBlock .form-split.form-split-dual .mutable-view-form-column {
        width: 100%;
    }

    .viewBlock .form-split.form-split-dual .blockClosed > .formRow .labelDiv,
    .viewBlock .form-split.form-split-dual .blockClosed > .formRow .mutable-view-input-group > .labelDiv,
    .viewBlock .form-split.form-split-dual .blockOpened > .formRow .labelDiv,
    .viewBlock .form-split.form-split-dual .blockOpened > .formRow .mutable-view-input-group > .labelDiv {
        width: 50%;
    }

    .viewBlock .form-split .blockOpened .mutable-view-form-column + .formRow > * {
        padding-top: unset;
    }

    .viewBlock .form-split .blockClosed .mutable-view-form-column + .formRow > .inputDiv {
        padding-top: unset
    }
}

@media screen and (max-width: 700px) {

    .historicHeader {
        margin-left: 0;
        width: 100%;
    }

    .viewBlock {
        margin-bottom: 10px;
    }

    .viewBlock .tabRow {
        background: #E5E5E5;
        padding: 0;
        margin-bottom: 10px;
    }

    .viewBlock .tabRow .tab {
        display: block;
        background: #4BCDE4;
        padding: 0 10px 0 10px;
        margin: 10px 0 0 0;
        border-radius: 5px;
        text-align: center;
    }

    .viewBlock .tabRow .tab:first-child {
        margin-top: 0;
    }

    .viewBlock .tabRow .tab.tabSelected {
        border: 1px solid #DDDDDD;
        text-shadow: none;
    }

    .viewBlock.composite-tab {
        border: none;
        border-radius: 0;
    }

    .viewBlock.composite-tab > div:not(.tabRow) {
        margin-left: 0;
        margin-right: 0;
    }

    .blockHeaderContainer {
        display: block;
    }

    .viewBlock > .input-block,
    .viewBlock > .dataBlockGridFormView > .input-block {
        min-height: 65px;
    }

    .blockHeaderContainer .blockHeader .blockTitle {
        width: 100%;
    }

    .viewBlock .blockClosed,
    .viewBlock .blockOpened {
        display: block;
    }

    .blockHeaderContainer {
        background: #F7F7F7;
        display: block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .blockHeaderContainer .blockHeader {
        display: block;
    }

    .blockHeaderContainer .blockHeader .blockTitle {
        background: transparent;
        padding-right: 0;
        display: inline-block;
        width: auto;
        padding-left: 15px;
    }

    .blockHeaderContainer .blockHeader .blockOpenClose,
    .blockHeaderContainer .blockHeader .noOp {
        background: transparent;
        padding-left: 0;
        padding-right: 15px;
        /*display: inline-block;*/
        float: right;
    }

    .viewBlock .formRow,
    .viewBlock .buttonRowContainer,
    .viewBlock .mutable-view-input-group,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs {
        display: block;
    }

    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .errorMessage {
        margin-left: 25px;
        margin-right: 25px;
    }

    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container {
        background: transparent;
        padding-left: 0;
        padding-right: 0;
    }

    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-2 > .formRow,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-3 > .formRow,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-4 > .formRow,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-5 > .formRow,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-6 > .formRow,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-7 > .formRow,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-8 > .formRow,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs-9 > .formRow {
        width: 100%;
    }

    .viewBlock .input-block.blockClosed {
        background: #F7F7F7;
    }

    .viewBlock .formRow > .labelDiv,
    .viewBlock .formRow > .inputDiv,
    .viewBlock .buttonRowContainer > *,
    .viewBlock .mutable-view-input-group > .labelDiv,
    .viewBlock .mutable-view-input-group .formRow > .inputDiv {
        display: block;
        width: 100%;
        background: #F7F7F7;
        height: auto;
    }

    .viewBlock .formRow > * {
        background: #F7F7F7;
    }

    .viewBlock .blockClosed.form-color-mono .blockHeaderContainer .blockHeader .blockTitle {
        background: #F7F7F7;
    }

    .viewBlock .blockClosed.form-color-mono .formRow .labelDiv,
    .viewBlock .blockClosed.form-color-mono .buttonRowContainer > *:first-child,
    .viewBlock .blockClosed.form-color-mono .mutable-view-input-group > .labelDiv {
        background: #F7F7F7;
    }

    .viewBlock .blockOpened.input-block,
    .blockOpened .blockHeaderContainer,
    .blockOpened .blockHeaderContainer .blockHeader .noOp,
    .blockOpened .blockHeaderContainer .blockHeader .blockOpenClose,
    .viewBlock .blockOpened .formRow .labelDiv,
    .viewBlock .blockOpened .buttonRowContainer > *:first-child,
    .viewBlock .blockOpened .formRow .inputDiv,
    .viewBlock .blockOpened .buttonRowContainer > *,
    .viewBlock .blockOpened .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs > .formRow > * {
        background: #DFF9FF;
    }

    .viewBlock .blockClosed .formRow,
    .viewBlock .blockOpened .formRow {
        clear: both;
    }

    .viewBlock .blockClosed .formRow {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .viewBlock .blockClosed .formRow > .labelDiv {
        display: inline-block;
        width: auto;
        padding-left: 0;
        padding-right: 10px;
    }

    .viewBlock .blockClosed .formRow > *:not(.labelDiv) {
        display: inline-block;
        width: auto;
        float: right;
        padding: 0 0 5px 0;
    }

    .viewBlock .form-split.form-split-dual .blockClosed > .formRow.formRow-layout-vertical .labelDiv,
    .viewBlock .form-split.form-split-dual .blockClosed > .formRow.formRow-layout-vertical .mutable-view-input-group > .labelDiv,
    .viewBlock .form-split.form-split-dual .blockOpened > .formRow.formRow-layout-vertical .labelDiv,
    .viewBlock .form-split.form-split-dual .blockOpened > .formRow.formRow-layout-vertical .mutable-view-input-group > .labelDiv {
        width: auto;
    }

    .viewBlock .form-split .blockClosed .mutable-view-form-column + .formRow.formRow-layout-vertical > *,
    .viewBlock .form-split .blockClosed .mutable-view-form-column + .formRow.formRow-layout-vertical > :first-child {
        padding-top: 30px;
        width: auto;
    }

    .viewBlock .blockClosed .buttonRowContainer {
        clear: both;
    }

    .viewBlock .blockClosed > *:last-child > *,
    .viewBlock .blockOpened > *:last-child > * {
        padding-bottom: 0;
    }

    .viewBlock .formRow > *,
    .viewBlock .buttonRowContainer > *,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs > .formRow:not(:first-child) > .inputDiv,
    .viewBlock .mutable-view-input-group > .mutable-view-input-group-inputs-container > .mutable-view-input-group-inputs > .formRow:not(:last-child) > .inputDiv {
        padding-left: 25px;
        padding-right: 25px;
    }

    .viewBlock .blockOpened .formRow .labelDiv,
    .viewBlock .blockOpened .mutable-view-input-group > .labelDiv {
        min-height: 0;
        padding-bottom: 0;
    }

    .viewBlock .buttons,
    .viewBlock .buttonRow {
        padding-top: 0;
    }

    .viewBlock .buttons,
    .viewBlock .buttonRow {
        padding-bottom: 20px;
    }

    .viewBlock .buttons > div,
    .viewBlock .buttonRow > div,
    .viewBlock .buttonRow > .button {
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
        line-height: 30px;
    }

    .viewBlock .buttons > div:first-child,
    .viewBlock .buttonRow > div:first-child {
        margin: 0;
    }

    .viewBlock .buttonRowContainer > *:last-child {
        padding-left: 25px;
        width: 100%;
    }

    .viewBlock textarea:focus {
        left: 0;
        width: 100%;
    }

    .viewBlock .color-picker .color {
        width: 20px;
    }

    .viewBlock .blockClosed .formRow .textFieldReadOnly ul {
        direction: rtl;
        padding-left: 0;
        padding-right: 12px;
    }

    .viewBlock .blockClosed .formRow .textFieldReadOnly ul li {
        unicode-bidi: plaintext;
    }
}

.mutable-view-inline-hidden {
    display: none !important;
}

.historic-version-autocomplete {
    z-index: 2 !important;
}