.dataTables_length {
    
    
}

.dataTables_filter {
   text-align: right;  
}

.dataTables_filter input {
   margin: 0 10px 0 10px; 
}

.dataTables_filter label {
   margin: 0 10px 0 10px; 
}

.dataTables_info {
    
    
}


.dataTables_paginate {
    text-align: right; 
}

.dataTables_paginate .paginate_button {
    margin: 0 5px 0 5px;
}

.dataTables_paginate .paginate_button{
    
}

.dataTables_paginate .paginate_button:hover{
    cursor: pointer;
}

.dataTables_paginate .paginate_button.next{
    
}

.dataTables_paginate .paginate_button.current{
    font-weight: bold;
    color: blue
}

.dataTables_paginate .paginate_button.previous{
   
}


.dataTables_filter input {
    
}

table.datatable-default {
    width: 100%;
    padding: 10px 0 0 0;
    text-align: center;
    margin: 25px 0 25px 0;
}

table.datatable-default th {
    background: rgb(229,227,228);
    color: rgb(73,67,67);
    margin: 0px;
    border: 1px solid #CCC;
    font-size: 12px;
    vertical-align: top;
    /*padding: 10px 0px 10px 0px !important;*/
}

table.datatable-default td {
    padding: 6px;
    margin: 0px;
    border: 1px solid #CCC;
    font-size: 12px;
    vertical-align: top;
}

table.datatable-default .search-input {
    border: none;
    padding: 3px;
    font-size: 14px;
    border-bottom: 2px dotted #ccc;
}

table.datatable-default .search-row ::-webkit-input-placeholder { 
  font-size:10px;
  text-align: center;
  color: #a9b8ba;
}

table.datatable-default .search-row ::-moz-placeholder { 
  font-size:10px;
  text-align: center;
  color: #a9b8ba;
}

table.datatable-default .search-row th {
    
}

table.datatable-default .search-row input {
    width: 100%;
}

table.datatable-default .search-row .checkbox-container {
    width: 100%;
    text-align: left;
}

table.datatable-default .search-row .checkbox-item {
    text-align: left;
    width: 100%;
}

table.datatable-default .search-row .checkbox-container input {
    width: auto;
    display: inline-block;
}

table.datatable-default .search-row .checkbox-container span {
    display: inline;
}

table.datatable-default .search-row input.hasDatepicker {
    min-width: 75px;
    text-align: center;
    font-size: 11px;
}

table.datatable-default .search-row select {
    min-width: 75px;
    font-size: 11px;
}

table.datatable-default tfoot {
    background-color: rgb(229,227,228);
}

.select2-results__options {
    font-size: 12px;
}

.select2-results__option {
    
}

/* Editor */
.editor-field .DTE_Label_Info {
    color: blue;
    font-size: 9px !important;
}

/** ChartJS*/
#chartjs-modal {
    
}

.chartjs-container {
    display: flex;
    flex-flow: column;
}

.chartjs-container .config-area {
    display: flex;
    flex-flow: column;
    font-size: 11px;
    background-color: #e4e4eb;
    margin: 5px 5px 25px 5px;
}

.chartjs-container .field-group {
    display: flex;
    flex-flow: row;
    margin: 5px 5px 5px 5px;
    border: 1px solid green;
}

.chartjs-container .vertical-field {
    display: flex;
    margin: 5px 5px 5px 5px;
    padding: 2px 2px 2px 2px;
    flex-flow: column;
}

.chartjs-container .vertical-field select {
    
}

.chartjs-container .horizontal-field {
    display: flex;
    margin: 5px 25px 5px 5px;
    padding: 2px 2px 2px 2px;
    flex-flow: row;
}

.chartjs-container .horizontal-field label {
    display: flex;
    align-items: center;
    margin: 2px 5px 2px 5px;
}

.chartjs-container .horizontal-field select {
    margin: 2px 5px 2px 5px;
}

.chartjs-container .canvas-container {
    margin: 25px auto 10px auto;
    border: 1px solid black;
}