.gridViewTableContainer {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: white;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    width: 100%;
    font-size: 13px;
}

.dataBlockGridView > .gridButtonRow:not(:empty) + .gridViewTableContainer,
.gridView > .gridButtonRow:not(:empty) + .gridViewTableContainer,
.without-top-radius .gridViewTableContainer {
    border-top-right-radius: 0px;
}

.gridView {
}

.gridViewTable > .tbody .tr .td input:not([type=checkbox]):not([type=radio]),
.gridViewTable > .tbody .tr .td textarea {
    width: 100%;
}

.dataBlockGridView {
    padding-top: 5px;
}

.gridButtonRow {
    float: right;
    position: relative;
    z-index: 1;
    margin-top: -5px;
    height: 30px;
    background: white;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    padding: 0 15px 0 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.gridButtonRow::after {
    content: '';
    display: block;
    position: relative;
    z-index: 1;
    width: calc(100% + 35px);
    left: -20px;
    height: 10px;
    background: white;
}

.gridButtonRow > * {
    display: inline-block;
}

.gridButtonRow .gridButton {
    margin-top: 5px;
    cursor: pointer;
    margin-left: 10px;
    width: 25px;
    height: 20px;
}

.gridButtonRow .gridButton:first-child {
    margin-left: 0;
}

.gridButtonRow .gridButton.add {
    background: url(../icons-yellow/add-small.svg) no-repeat center;
}

.not-touch .gridButtonRow .gridButton.add:hover,
.not-touch .gridButtonRow .gridButton.add:focus {
    background: url(../icons-yellow/add-small-hover.svg) no-repeat center;
}

.gridButtonRow .gridButton.edit {
    background: url(../icons-yellow/edit-small.svg) no-repeat center;
}

.not-touch .gridButtonRow .gridButton.edit:hover,
.not-touch .gridButtonRow .gridButton.edit:focus {
    background: url(../icons-yellow/edit-small-hover.svg) no-repeat center;
}

.gridButtonRow .gridButton.close {
    opacity: 1; /* bootstrap override */
    background: url(../icons-yellow/x.svg) no-repeat center;
}

.not-touch .gridButtonRow .gridButton.close:hover,
.not-touch .gridButtonRow .gridButton.close:focus {
    background: url(../icons-yellow/x-hover.svg) no-repeat center;
}

.gridViewTable {
    width: 100%;
    display: table;
}

.gridViewTable > .thead {
    display: table-header-group;
    border-bottom: 1px solid #dddddd;
}

.gridViewTable.first-row-highlighted > .thead {
    border-bottom: 1px solid transparent;
}

.gridViewTable.last-row-highlighted > .tfoot {
    border-top: 1px solid transparent;
}

.gridViewTable > .tbody {
    display: table-row-group;
    border-bottom: 1px solid #dddddd;
}

.gridViewTable > .tfoot {
    display: table-footer-group;
    background: #F5F5F5;
}

.gridViewTable .tr {
    display: table-row;
}

.gridViewTable .tr > .th {
    display: table-cell
}

.gridViewTable .tr > .td {
    display: table-cell;
}

.gridViewTable > .thead > .tr > .th,
.gridViewTable > .tfoot > .tr > .th {
    font-family: 'Lato-Regular', sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px 5px 10px;
}

.gridViewTable > .tbody > .tr > .td {
    padding: 10px;
    line-height: 23px;
    vertical-align: top;
    overflow-wrap: break-word;
    max-width: calc(100vw - 50px);
}

.gridViewTable .tr > .th:first-child,
.gridViewTable .tr > .td:first-child {
    padding-left: 25px;
}

.gridViewTable .tr > .th:last-child,
.gridViewTable .tr > .td:last-child {
    padding-right: 25px;
}

.gridViewTable > .thead > .tr.title {
    line-height: 43px;
}

.gridViewTable > .thead > .tr.title > .th {
    padding: 10px 25px;
}

.gridViewTable > .thead > .tr.title > .th .viewTitle .font-awesome-icon {
    margin-right: 5px;
}

.gridViewTable > .thead .alternativeGrid {
    margin-left: 5px;
    float: right;
    line-height: 14px;
}

.gridViewTable > .thead .alternativeGrid > * {
    float: right;
}

.gridViewTable > .thead .alternativeGrid label {
    margin: 0;
    cursor: pointer;
    border-right-color: #cfcfcf;
    border-bottom-color: #cfcfcf;
    border-radius: 5px;
}

.gridViewTable > .thead .alternativeGrid > .input {
    line-height: normal;
    margin: -7px 0 0 10px;
}

.gridViewTable > .foot > .tr.columns > .th,
.gridViewTable > .thead > .tr.columns > .th {
    line-height: 33px;
}

.gridViewTable > .thead > .tr > .th.sort {
    cursor: pointer;
    white-space: nowrap;
}

.gridViewTable > .thead > .tr > .th.sort > span {
    white-space: normal;
}

.gridViewTable > .thead > .tr > .th > .sort {
    display: inline-block;
    position: relative;
    top: 1px;
    background: url(../icons-yellow/sort-unsort.svg) no-repeat left bottom;
    font-family: 'Lato-Light', sans-serif;
    font-size: 12px;
    width: 15px;
    min-height: 15px;
    text-align: right;
    margin-left: 5px;
}

.gridViewTable > .thead > .tr > .th > .sort > div {
    position: relative;
    top: -1px;
}

.gridViewTable > .thead > .tr > .th > .sort.asc {
    background: url(../icons-yellow/sort-asc.svg) no-repeat left center;
    width: 20px;
}

.gridViewTable > .thead > .tr > .th > .sort.desc {
    background: url(../icons-yellow/sort-desc.svg) no-repeat left center;
    width: 20px;
}

.gridViewTable > .thead > .tr.search > .th {
    padding-bottom: 20px;
}

.gridViewTable > .thead > .tr.search > .th input {
    width: 100%;
    text-shadow: 0 0 black;
    border-right-color: #cfcfcf;
    border-bottom-color: #cfcfcf;
}

.gridViewTable > .thead > .tr.search > .th input.error {
    border-color: #fa757f;
}

.gridViewTable > .thead > .tr.search > .th input:disabled {
    background-color: #F7F7F7;
}

.gridViewTable > .thead > .tr.search input:not(:placeholder-shown):not(:disabled) {
  background: #DFF9FF;
}

.gridViewTable > .thead > .tr.navigation {
    display: none;
}

.gridViewTable > .thead > .tr.navigation > .th,
.gridViewTable > .tfoot > .tr.navigation > .th {
    font-family: 'Lato-Light', sans-serif;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 0 0 #333;
}

.gridViewTable > .tfoot {
    /*border-top: 1px solid #dddddd;*/
}

/*.firefox .gridViewTable > .tfoot > .tr.navigation {*/
/*border-top: 2px solid #dddddd;*/
/*}*/

.gridViewTable .navigation > .th {
    height: 43px;
}

.gridViewTable .navigation > .th > * {
    float: right;
    line-height: 33px;
    font-size: 12px;
}

.gridViewTable .navigation > .th > .pageInfo {
    float: left;
}

.gridViewTable .navigation .previous,
.gridViewTable .navigation .first,
.gridViewTable .navigation .next,
.gridViewTable .navigation .last {
    opacity: 0.3;
    width: 20px;
    height: 34px;
}

.gridViewTable .navigation .current-page {
    margin-left: 10px;
    margin-right: 10px;
}

.gridViewTable .navigation .current-page > input[type=number] {
    height: 24px;
    min-height: 24px;
    line-height: 24px;
    width: 24px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.gridViewTable .navigation .previous {
    background: url(../icons-yellow/backward.svg) no-repeat center;
}

.gridViewTable .navigation .previous.less-records {
    cursor: pointer;
    opacity: 1;
}

.not-touch .gridViewTable .navigation .previous.less-records:hover,
.not-touch .gridViewTable .navigation .previous.less-records:focus {
    background: url(../icons-yellow/backward-hover.svg) no-repeat center;
}

.gridViewTable .navigation .first {
    background: url(../icons-yellow/fast-backward.svg) no-repeat center;
    margin-left: 15px;
}

.gridViewTable .navigation .first.less-records {
    cursor: pointer;
    opacity: 1;
}

.not-touch .gridViewTable .navigation .first.less-records:hover,
.not-touch .gridViewTable .navigation .first.less-records:focus {
    background: url(../icons-yellow/fast-backward-hover.svg) no-repeat center;
}

.gridViewTable .navigation .next {
    background: url(../icons-yellow/forward.svg) no-repeat center;
}

.gridViewTable .navigation .next.more-records {
    cursor: pointer;
    opacity: 1;
}

.not-touch .gridViewTable .navigation .next.more-records:hover,
.not-touch .gridViewTable .navigation .next.more-records:focus {
    background: url(../icons-yellow/forward-hover.svg) no-repeat center;
}

.gridViewTable .navigation .last {
    background: url(../icons-yellow/fast-forward.svg) no-repeat center;
}

.gridViewTable .navigation .last.more-records {
    cursor: pointer;
    opacity: 1;
}

.not-touch .gridViewTable .navigation .last.more-records:hover,
.not-touch .gridViewTable .navigation .last.more-records:focus {
    background: url(../icons-yellow/fast-forward-hover.svg) no-repeat center;
}

.gridViewTable .navigation .gridViewPrint {
    width: 34px;
    height: 33px;
}

.gridViewTable .navigation .gridViewPrint a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.gridViewTable .navigation .gridViewPrint.xls a {
    background: url(../icons-yellow/extensions/xlsx.svg) no-repeat center;
}

.not-touch .gridViewTable .navigation .gridViewPrint.xls a:hover,
.not-touch .gridViewTable .navigation .gridViewPrint.xls a:focus {
    background: url(../icons-yellow/extensions/xlsx-hover.svg) no-repeat center;
}

.gridViewTable .navigation .gridViewPrint.pdf a {
    background: url(../icons-yellow/extensions/pdf.svg) no-repeat center;
}

.not-touch .gridViewTable .navigation .gridViewPrint.pdf a:hover,
.not-touch .gridViewTable .navigation .gridViewPrint.pdf a:focus {
    background: url(../icons-yellow/extensions/pdf-hover.svg) no-repeat center;
}

.gridViewTable > .thead > .tr.search > .th:not(:first-child):not(:last-child) {
    padding-left: 8px;
    padding-right: 8px;
}

.gridViewTable > .thead > .tr > .th input {
    font-family: 'Lato-Light', sans-serif;
}

.gridViewTable > .tbody > .tr > .td > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.gridViewTable > .tbody > .tr.even {
    background: white;
}

.gridViewTable > .tbody > .tr.odd {
    background: #F5F5F5;
}

.gridViewTable > .tbody > .tr {
    transition: background 200ms ease-in, color 200ms ease-in;
    position: relative;
}

.gridViewTable > .tbody > .tr.highlighted {
    background: #bff2ff;
}

.gridViewTable > .tbody > .tr.group td {
    height: 30px;
}

.gridViewTable > .tbody > .tr.group .group-title-container {
    display: flex;
}

.gridViewTable > .tbody > .tr.group .group-title-container .prefix {
    margin-left: 10px;
    margin-top: 15px;
    margin-right: 5px;
    height: 15px;
    width: 10px;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    border-top-left-radius: 5px;
}

.gridViewTable > .tbody > .tr.group .group-title-container .title {
    line-height: 30px;
}

.gridViewTable > .thead > .tr > .th.group,
.gridViewTable > .tbody > .tr > .td.group {
    padding: 0 0 0 10px;
    width: 20px;
    max-width: 20px;

    position: relative;
}

.gridViewTable > .tbody > .tr > .td.group > div {
    width: 10px;
    border-left: 1px solid #cfcfcf;

    /*height: 100%;*/
    position: absolute;
    top: 0;
    bottom: 0;
}

.gridViewTable > .tbody > .tr.last-of-group > .td.group > div {
    border-bottom: 1px solid #cfcfcf;
    border-bottom-left-radius: 5px;

    /*height: calc(100% - 5px);*/
    bottom: 5px;
}

/*
.not-touch .gridViewTable > .tbody:not(.no-hover) > .tr.highlighted:hover,
.not-touch .gridViewTable > .tbody:not(.no-hover) > .tr.highlighted:focus {
    background: #88e8ff;
}
*/

/*
.not-touch .gridViewTable > .tbody:not(.no-hover) > .tr:hover,
.not-touch .gridViewTable > .tbody:not(.no-hover) > .tr:focus {
    text-shadow: 0 0 white;
    background: #F2F2F2;
}
*/

.gridViewTable > .tbody > .tr.clickable,
.gridViewTable > .tbody > .tr > .td.clickable {
    cursor: pointer;
}

.gridViewTable > .tbody > .tr > .td.fileAsIcon {
    width: 85px;
}

.gridViewTable > .tbody > .tr > .td.fileAsIcon > a.fileAsIcon {
    padding: 0;
    width: auto;
    height: auto;
}

.gridViewTable > .tbody > .tr > .td.fileAsIcon > a.fileAsIcon > img.fileAsIcon {
    margin-left: 3px;
}

.gridViewTable > .tbody > .tr > .td.fileAsIcon > a.fileAsIcon > img.fileAsIcon {
    padding: 0;
    width: 22px;
    height: 22px;
    border-width: 0;
}

.gridViewTable > .tbody > .tr > .td .grid-color {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    margin-top: 1px;
}

/* .grid-color with background-color set by style attribute */
.gridViewTable > .tbody > .tr > .td .grid-color[style] {
    border: 1px solid #333333;
}

.gridViewTable > .tbody > .tr > .td.fileAsIcon > a.fileAsIconDownload {
    padding: 0;
    margin: 5px 0 5px 5px;
    text-decoration: none;
    background: url(../icons-yellow/download.svg) no-repeat center;
    width: 19px;
    height: 20px;
    display: inline-block;
}

.not-touch .gridViewTable > .tbody > .tr > .td.fileAsIcon > a.fileAsIconDownload:hover,
.not-touch .gridViewTable > .tbody > .tr > .td.fileAsIcon > a.fileAsIconDownload:focus {
    background: url(../icons-yellow/download-hover.svg) no-repeat center;
}

.gridViewTable > .tbody > .tr > .td[name=field_select] {
    width: 1px;
}

.gridViewTable img.gridViewImage {
    max-height: 50px;
}

.gridViewTable .textFieldReadOnly .fileupload-progress-container,
.gridViewTable .gridViewFile .fileupload-progress-container {
    display: none;
}

.grid-view > .checkbox-row {
    display: table-row;
}

.grid-view > .checkbox-row > .gridCheckbox {
    display: table-cell;
    vertical-align: top;
}

.grid-view .buttonRow {
    margin-bottom: 20px;
}

.td.gridButton {
    width: 1px;
}

.td.gridButton .delete {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-align: center;
    color: #00BBE3;
}

.td.gridButton .delete i {
    font-size: 18px;
}

.not-touch .td.gridButton .delete:hover,
.not-touch .td.gridButton .delete:focus {
    color: #FEBF20;
}

.td.gridButton .undo {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-align: center;
    color: #00BBE3;
}

.td.gridButton .undo i {
    font-size: 18px;
}

.not-touch .td.gridButton .undo:hover,
.not-touch .td.gridButton .undo:focus {
    color: #FEBF20;
}

.td.gridButton .expand {
    width: 25px;
    height: 25px;
    background: url(../icons-yellow/circle-open.svg) no-repeat center;
    cursor: pointer;
}

.not-touch .td.gridButton .expand:hover,
.not-touch .td.gridButton .expand:focus {
    background: url(../icons-yellow/circle-open-hover.svg) no-repeat center;
}

.td.gridButton .expand.expanded {
    width: 25px;
    height: 25px;
    background: url(../icons-yellow/circle-close.svg) no-repeat center;
}

.not-touch .td.gridButton .expand.expanded:hover,
.not-touch .td.gridButton .expand.expanded:focus {
    background: url(../icons-yellow/circle-close-hover.svg) no-repeat center;
}

.gridViewTable .tr.data.expanded > .td {
    padding-top: 0;
}

.gridViewTable .td .source-container {
    border: 1px solid #cfcfcf;
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    flex-flow: row wrap;
}

.gridViewTable .td .source-container .source-title {
    font-weight: bold;
    flex: 1 100%;
}

.gridViewTable .td .source-container .source-data {
    flex: 1 50%;
    padding-right: 10px;
}

.gridViewTable .td .source-container .source-info {
    flex: 1 50%;
    padding-left: 10px;
}

@media screen and (max-width: 800px) {
    .gridViewTable .td .source-container .source-data,
    .gridViewTable .td .source-container .source-info {
        flex: 1 100%;
        padding: 0;
    }
}

.compactGrid > div.gridView > .gridViewTableContainer > table.gridViewTable > tbody > tr > td {
    display: block;
}

.compactGrid > div.gridView > .gridViewTableContainer > table.gridViewTable .tbody {
    display: block;
    padding: 0 22px 0 22px;
}

.dashboard-container .widget-data .compactGrid > div.gridView > .gridViewTableContainer > table.gridViewTable .tbody {
    padding: 0px;
}

.compactGrid > div.gridView > .gridViewTableContainer > table.gridViewTable .tbody .tr {
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-bottom: 13px;
    display: block;
}

.compactGrid > div.gridView > .gridViewTableContainer > table.gridViewTable .tbody .tr:not(.highlighted):not(:hover) {
    background: #F5F5F5;
}

.compactGrid > div.gridView > .gridViewTableContainer > table.gridViewTable .tbody .tr:not(.highlighted):hover {
    background: #E5E5E5;
}

.not-touch .compactGrid .gridViewTable > .tbody:not(.no-hover) > .tr:first-child:hover, .not-touch .gridViewTable > .tbody:not(.no-hover) > .tr:first-child:focus {
    border-top: none;
}

.compactGrid > div.gridView > .gridViewTableContainer > table.gridViewTable > .tbody > tr:first-child {
    margin-top: 13px;
}

.compactGrid > div.gridView > .gridViewTableContainer > table.gridViewTable .tbody .tr td {
    border-radius: 3px;
}

.gridViewTableContainer .tbody.ui-sortable .dragContainer {
    width: 22px;
    height: 100%;
    cursor: ns-resize;
    padding-left: 10px;
}

.gridViewTableContainer .tbody.ui-sortable .dragContainer .drag {
    width: 6px;
    height: 21px;
    margin: 0;
    border-right: 1px dashed #737373;
    border-left: 1px dashed #737373;
}

.gridViewTable .tr.searchFieldsToggle {
    display: none;
}


/* Responsive grids */

/* Table Header */

.small-content .responsive-grid .gridViewTable {
    margin-top: 10px;
}

.small-content .responsive-grid .gridViewTable > .thead {
    border-bottom: none;
}

.small-content .responsive-grid .gridViewTable > .thead > .tr {
    display: block;
}

.small-content .responsive-grid .gridViewTable > .thead > .tr.title > .th {
    text-align: left;
}

.small-content .responsive-grid .gridViewTable > .thead > .tr.title > .th .viewTitle {
    margin-top: 10px;
}

.small-content .responsive-grid .gridViewTable > .thead > .tr.columns {
    display: none;
}

.small-content .responsive-grid .gridViewTable > .thead > .tr > .th {
    display: block;
    text-align: right;
    width: 100%;
}

.small-content .responsive-grid .searchToggle:checked ~ .gridViewTableContainer .gridViewTable .tr.search {
    display: none;
}

.small-content .responsive-grid .searchToggle ~ .gridViewTableContainer .gridViewTable .tr.searchFieldsToggle label {
    background: url(../icons-yellow/search.svg) no-repeat left center;
    height: 25px;
    width: 25px;
    margin: 0 0 0 15px;
    cursor: pointer;
    padding-left: 30px;
    line-height: 23px;
}

.small-content .responsive-grid .searchToggle ~ .gridViewTableContainer .gridViewTable .tr.searchFieldsToggle label:hover,
.small-content .responsive-grid .searchToggle ~ .gridViewTableContainer .gridViewTable .tr.searchFieldsToggle label:focus {
    background: url(../icons-yellow/search-hover.svg) no-repeat left center;
}

.small-content .responsive-grid .gridViewTable .tr.search {
    padding-bottom: 5px;
}

.small-content .responsive-grid .gridViewTable .tr.search > .th.no-search,
.small-content .responsive-grid .gridViewTable .tr.search > .th.blank {
    display: none;
}

.small-content .responsive-grid .gridViewTable > .thead > .tr.search > .th {
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 10px;
}

.small-content .responsive-grid .gridViewTable > .thead > .tr.navigation .gridViewPrint {
    display: none;
}

/* Table body */

.small-content .responsive-grid .gridViewTable > .tbody > .tr {
    display: block;
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr:not(.group) {
    margin: 0 10px 10px 10px;
    border: 1px solid #cfcfcf;
    border-bottom-width: 0;
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr.part-of-group:not(.last-of-group) {
    margin-bottom: 0;
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr.expanding {
    margin-bottom: 0;
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr.part-of-group:not(.group):not(.last-of-group):not(.expanding)::after {
    content: '';
    display: block;
    height: 10px;
    min-height: 10px;
    background: white;
    width: calc(100% + 1px);
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr:first-child {
    margin-top: 10px;
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr.group {
    margin: 10px 10px 0;
    border: none;
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr.group .prefix {
    margin-left: 0;
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr.group + .tr {
    margin-top: 0;
}

.small-content .responsive-grid .gridViewTable .tr > .td:not(.gridButton)::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 20px;
}

.small-content .responsive-grid .gridViewTable .tr > .td.gridButton > div {
    width: auto;
    font-style: italic;
    padding-right: 25px;
    background-position-x: right;
}

.small-content .responsive-grid .gridViewTable .tr > .td.gridButton > div.delete,
.small-content .responsive-grid .gridViewTable .tr > .td.gridButton > div.undo {
    padding-right: 0;
}

.small-content .responsive-grid .gridViewTable .tr > .td.gridButton > div.delete i,
.small-content .responsive-grid .gridViewTable .tr > .td.gridButton > div.undo i {
    margin-left: 5px;
}

.small-content .responsive-grid .gridViewTable .tr > .td.gridButton > div.expand {
    padding-right: 30px;
}

.small-content .responsive-grid .gridViewTable .tr > .td.gridButton > div::before {
    content: attr(title);
}

.small-content .responsive-grid .gridViewTable .tr > .td.empty-cell,
.small-content .responsive-grid .gridViewTable .tr > .td:empty,
.small-content .responsive-grid .gridViewTable .tr > .td.gridButton:empty {
    display: none;
}

.small-content .responsive-grid .gridViewTable .tr > .td.gridButton > div {
    float: right;
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr > .td {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #D3D3D3FF;
    min-height: 33px;
}

.small-content .responsive-grid .gridViewTable .tr > .td {
    display: block;
    text-align: right;
    width: 100% !important; /* to override width set as gridstyle-script */
    max-width: 100% !important;
}

.small-content .responsive-grid .gridViewTable .tr > .th:first-child,
.small-content .responsive-grid .gridViewTable .tr > .td:first-child {
    padding-left: 10px;
}

.small-content .responsive-grid .gridViewTable .tr > .th:last-child,
.small-content .responsive-grid .gridViewTable .tr > .td:last-child {
    padding-right: 10px;
}

.small-content .responsive-grid .gridViewTable > .tbody > .tr > .td > a {
    display: block;
    width: auto;
}

.small-content .responsive-grid .gridViewTable .tr > .td ul {
    /*list-style-position: inside;*/
    direction: rtl;
    padding-right: 15px;
    margin-bottom: 0;
}

.small-content .responsive-grid .gridViewTable .tr > .td ul li {
    unicode-bidi: plaintext;
}

.small-content .responsive-grid .gridViewTable .tr > .td .file-services-container {
    max-width: 200px;
    float: right;
    display: inline-block;
}

.small-content .responsive-grid .gridViewTable .tr > .td .file-services-container .file-services-controls .filename {
    margin-right: 0;
}

.small-content .responsive-grid .gridViewTable .tr > .td .grid-color {
    float: right;
}

.small-content .responsive-grid .gridViewTable .tr > .td[name=field_select]:not([data-label]) {
    text-align: left;
}

.small-content .responsive-grid .gridViewTable .tr > .td[name=field_select]:not([data-label]) input[type=checkbox] + .ui {
    margin-bottom: 0;
    border-right-color: #cfcfcf;
    border-bottom-color: #cfcfcf;
}

.small-content .responsive-grid .gridViewTable .tr > .td.gridViewImage {
    padding-right: 5px;
}

/* Table grouping */

.small-content .responsive-grid .gridViewTable .tr .td.group {
    display: none;
}

.small-content .responsive-grid .gridViewTable .tr.part-of-group,
.small-content .responsive-grid .gridViewTable .tr.last-of-group {
    margin-left: 10px;
    border-left: 1px solid #cfcfcf;
    margin-right: 10px;
    border-right: 1px solid #cfcfcf;
}

.small-content .responsive-grid .gridViewTable .tr.last-of-group {
    margin-bottom: 10px;
}

/* Table with source data */

/*.small-content .responsive-grid .gridViewTable > .tbody > .tr.expanded:not(.group) {*/
.small-content .responsive-grid .gridViewTable > .tbody > .tr.expanded {
    margin-top: -1px;
}

.small-content .responsive-grid .gridViewTable .td .source-container {
    border: none;
    padding: 0;
    text-align: left;
}

.small-content .hideOnSmall {
    display: none !important;
}

.large-content .hideOnLarge {
    display: none !important;
}

/* Bulk-edit grid */

.small-content .responsive-grid .gridViewTable > .tbody > .tr.blockOpened {
    width: calc(100% - 20px);
}

.small-content .viewBlock .responsive-grid .gridEditContainer form.input-block .formRow:nth-child(2) > * {
    padding-left: 0;
}

.small-content .viewBlock .responsive-grid .textAreaDiv.empty textarea {
    top: 0;
}

.small-content .viewBlock .responsive-grid .textAreaDiv.empty .indicator {
    display: none;
}

.large-content .viewBlock .responsive-grid .inputDiv .infoText {
    display: none;
}

/* END Responsive grids */

/* GridView style: tiles */

.large-content .grid-style-tiles .gridViewTableContainer {
    box-shadow: none;
    background: transparent;
    overflow: visible;
}

.large-content .grid-style-tiles .gridViewTable {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.large-content .grid-style-tiles .gridViewTable > .thead > .tr > .th {
    padding-top: 0;
    padding-bottom: 0;
}

.large-content .grid-style-tiles .gridViewTable > .thead > .tr.columns > .th {
    line-height: 23px;
}

.large-content .grid-style-tiles .gridViewTable > .thead > .tr.search > .th {
    padding-bottom: 5px;
}

.large-content .grid-style-tiles .gridViewTable > .thead > .tr.search > .th:first-child {
    padding-left: 0;
}

.large-content .grid-style-tiles .gridViewTable > .thead > .tr.search > .th:first-child input {
    padding-left: 25px;
}

.large-content .grid-style-tiles .gridViewTable > .thead > .tr.search > .th:last-child {
    padding-right: 0;
}

.large-content .grid-style-tiles .gridViewTable > .thead > .tr.search > .th:last-child input {
    padding-right: 25px;
}

.large-content .grid-style-tiles .gridViewTable > .tbody:not(.no-hover) > .tr.clickable:hover {
    background: #E5E5E5;
}

.large-content .grid-style-tiles .gridViewTable > .tbody > .tr.odd {
    background: white;
}

.large-content .grid-style-tiles .gridViewTable .td {
    border-top: 1px solid #D3D3D3FF;
    border-bottom: 1px solid #D3D3D3FF;
}

.large-content .grid-style-tiles .gridViewTable .tfoot .th {
    border: 1px solid #D3D3D3FF;
    border-radius: 5px;
}

.large-content .grid-style-tiles .gridViewTable .td:first-child {
    border-left: 1px solid #D3D3D3FF;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.large-content .grid-style-tiles .gridViewTable .td:last-child {
    border-right: 1px solid #D3D3D3FF;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-right: 10px;
}

.large-content .grid-style-tiles .gridButtonRow {
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #D3D3D3FF;
}

.large-content .grid-style-tiles .gridButtonRow:after {
    display: none;
}

.large-content .grid-style-tiles .gridViewTable > .thead > .tr.title > .th .viewTitle {
    margin-top: 0;
}

/* END GridView style: tiles */

/* Fixed rows and columns */

.gridViewTable .fixed-row {
    position: sticky;
    top: 0;
    background: white;
    z-index: 2;
}

.gridViewTable .fixed-column {
    position: sticky;
    left: 0;
    background: white;
    z-index: 1;
}

.gridViewTable .tr.odd .fixed-column {
    background: #F5F5F5;
}

.gridViewTable .fixed-row.fixed-column {
    z-index: 3;
}

/* END Fixed rows and columns */