div.content-block-item.content-block-default-dynamic-datatable { width:100%; overflow:auto; margin-bottom:35px; }

div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable { width:100%; margin-bottom:25px; }
div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable tr td.js-form-submission-checkbox-cell { display:none; }
div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable tr td.js-form-submission-move-cell { display:none; }

div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable thead td.js-form-submission-checkbox-header { display:none; }
div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable thead td.js-form-submission-move-header { display:none; }
div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable thead tr td { border:solid 1px #eee; padding:20px 10px; white-space: nowrap; background-color:#f9f9f9; }
div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable thead tr td b { display:block; font-size:13px; font-weight:700; position:relative; top:0; }

div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable tbody tr { box-sizing:border-box; }
div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable tbody tr td { border:solid 1px #eee; padding:10px; white-space: nowrap; }
div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable tbody tr td b { display:block; font-size:14px; font-weight:500; position:relative; top:-5px; padding:14px 0 4px; }

div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable tbody tr td .js-form-submission-view:hover,
div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable tbody tr td .js-form-submission-edit:hover,
div.content-block-item.content-block-default-dynamic-datatable table.table-dynamic-datatable tbody tr td .js-form-submission-delete:hover { cursor:pointer; filter: brightness(0.4); position:relative; }

div.content-block-item.content-block-default-dynamic-datatable-searchbox { width: 100%; }
div.content-block-item.content-block-default-dynamic-datatable-searchbox .txt-dynamic-datatable-search { width: 75%; border:solid 2px #b0bdc1; padding:10px; border-radius:5px; font-size:14px; box-sizing:border-box; }
div.content-block-item.content-block-default-dynamic-datatable-searchbox a.btn-dynamic-datatable-search { width: 24.5%; display:inline-block; user-select:none; background-color:#fff; border:solid 2px #b0bdc1; box-sizing:border-box; padding:11px; border-radius:5px; font-size:14px; }
div.content-block-item.content-block-default-dynamic-datatable-searchbox a.btn-dynamic-datatable-search:hover { background-color:#b0bdc1; color:#fff; cursor:pointer; }
div.content-block-item.content-block-default-dynamic-datatable-searchbox a.btn-dynamic-datatable-search b { display:block; text-align:center; font-size:14px; font-weight:700; }




div.content-block-item.content-block-default-dynamic-datatable .table-default.loading { width:100%; }

div.content-block-item.content-block-default-dynamic-datatable .table-default.loading tbody tr td:nth-child(1),
div.content-block-item.content-block-default-dynamic-datatable .table-default.loading tbody tr td:nth-child(2),
div.content-block-item.content-block-default-dynamic-datatable .table-default.loading tbody tr td:nth-child(3),
div.content-block-item.content-block-default-dynamic-datatable .table-default.loading tbody tr td:nth-child(4) { display:none; }

@keyframes fadein { 0% { opacity: 0; } 66% { opacity: 0; } 100% { opacity: 1; }}
@keyframes gradient {0% { background-position: 90% 50%; }100% { background-position: 0% 50%; }}
div.content-block-item.content-block-default-dynamic-datatable .table-default.loading,
div.content-block-item.content-block-default-dynamic-datatable .table-default.loading tbody { -webkit-animation: 0.33s ease 0s normal forwards 1 fadein; animation: 0.33s ease 0s normal forwards 1 fadein; border-collapse: separate; border-spacing: 25px; height:20px; }
div.content-block-item.content-block-default-dynamic-datatable .table-default.loading tbody tr { height:20px !important; }
div.content-block-item.content-block-default-dynamic-datatable .table-default.loading tbody tr td {  border-radius:100px; pointer-events:none; background: linear-gradient(90deg, #ddd, #f5f5f5, #f9f9f9, #f5f5f5, #eee, #ddd, #f9f9f9, #f5f5f5); background-size: 400% 400%; animation: gradient 1s linear infinite; border-color:#fff; box-shadow: 0px 0px 0px 0.5px rgba(255,255,255,1) inset; -webkit-box-shadow: 0px 0px 0px 0.5px rgba(255,255,255,1) inset;-moz-box-shadow: 0px 0px 0px 0.5px rgba(255,255,255,1) inset; }

div.content-block-item.content-block-default-dynamic-datatable span.alert-default.info span { position:relative; top:6px; }
div.content-block-item.content-block-default-dynamic-datatable span.alert-default.info b { font-size:14px; }



/* 
======================================
     MOBILE : REGULAR & SMALL PHONE
======================================
*/

@media (min-width: 280px) and (max-width: 450px) {
   
    /*div.content-block-item.content-block-default-dynamic-datatable { max-height:60vh; }*/

    div.content-block-item.content-block-default-dynamic-datatable-searchbox .txt-dynamic-datatable-search { width: 68%; }
    div.content-block-item.content-block-default-dynamic-datatable-searchbox a.btn-dynamic-datatable-search { width: 30%;  }

}