.table-holder {
    height: 100%;
    margin: 0;
    width: 100%;
}

.wbn-table-2 {
    background-color: #FFFFFF;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    color: #333333;
    height: 100%;
    min-height: 140px;
    position: relative;
    width: 100%;
}

/*
 * Animations
 */

.wbn-table-2 table tbody td,
.wbn-table-2 table tbody tr {
    -ms-transition: background 200ms linear !important;
    -webkit-transition: background 200ms linear !important;
    transition: background 200ms linear !important;
}

.wbn-table-2 .th-block,
.wbn-table-2 .table-search-input,
.wbn-table-2 .table-search-date,
.wbn-table-2 button.primary,
.wbn-table-2 button,
.wbn-table-2 .button,
.wbn-table-2 .live-ico,
.wbn-table-2 .ico-new-rows,
.wbn-table-2 .switchery,
.wbn-table-2 .switchery small,
.wbn-table-2 .saved-views .view,
.wbn-table-2 .filter-box-save-input,
.wbn-table-2 .show-hide-column,
.wbn-table-2 .set-position,
.wbn-table-2 .show-hide,
.wbn-table-2 .saved-views .remove-view,
.wbn-table-2 .new-rows-belt,
.scroll-y.new-rows-belt-y {
/ / -webkit-transition: all 200 ms linear !important;
/ / -ms-transition: all 200 ms linear !important;
/ / transition: all 200 ms linear !important;
}

.wbn-table-2 .offcanvas-box,
.canvas-background {
    -ms-transition: all 100ms linear !important;
    -webkit-transition: all 100ms linear !important;
    transition: all 100ms linear !important;
}

.active-offcanvas-box .table-holder-in,
.wbn-table-2 .offcanvas-box {
    -ms-transition: none;
    -webkit-transition: none;
    transition: none;
}

.wbn-table-2 .only-for-live {
    display: none;
}

.live-on .wbn-table-2 .only-for-live {
    display: block;
    min-width: 130px;
}

.wbn-table-2 .header-holder {
    padding: 4px 4px 0px 0px;
    position: static;
}

.wbn-table-2 .header-holder:after {
    clear: both;
    content: ' '
}

.wbn-table-2 .popover {
    max-width: 400px;
}

.wbn-table-2 .views {
    overflow: auto;
    white-space: nowrap;
}

.wbn-table-2 .header-menu {
    float: right;
    position: relative;
}

.wbn-table-2 .header-menu .header-menu-item {
    float: right;
    font-size: 11px;
    height: 32px;
    margin-left: 8px;
}

.wbn-table-2 .header-menu .header-menu-item i {
    font-size: 12px;
}

.wbn-table-2 .header-menu .header-menu-item .position-right {
    margin-left: 5px;
}

.wbn-table-2.mobile .header-menu .header-menu-item {
    font-size: 10px;
    font-weight: bold;
    margin-left: 2px;
    padding: 5px;
}

.wbn-table-2.mobile .header-menu .header-menu-item i {
    display: none;
}

.wbn-table-2 .header-menu .help-button {
    background: #0097A7;
    color: #FFFFFF;
}

.wbn-table-2.mobile .header-menu .help-button i {
    display: inline-block;
    margin: 0 3px;
}

.wbn-table-2 .bottom-menu {
    bottom: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
}

.wbn-table-2 .popover-view-content,
.wbn-table-2 .popover-live-content {
    display: none;
}

.wbn-table-2 .menu-item {
    left: auto;
    right: 0;
}

.wbn-table-2 .checkbox-switchery {
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    margin: 0;
}

.wbn-table-2 .switchery-checkbox {
    display: none;
}

.wbn-table-2 input:checked + .switchery {
    background-color: #64BD63;
}

.wbn-table-2 input:disabled + .switchery {
    opacity: 0.5;
}

.wbn-table-2 .switchery small {
    left: 0;
}

.wbn-table-2 input:checked + .switchery small {
    left: 14px;
}

.wbn-table-2 .switchery-xs.checkbox-switchery {
    margin: 0;
}

.wbn-table-2 .live-ico {
    bottom: 0;
    display: none;
    font-size: 11px;
    padding: 0 10px 0 8px;
    position: relative;
    right: 0;
    z-index: 999;
}

.wbn-table-2 .live-ico.btn-danger {
    cursor: default;
}

.wbn-table-2 .live-ico.show {
    display: block;
}

.wbn-table-2 .live-ico .ico-in {
    color: #C62828;
    margin-right: 6px;
    -ms-transition: all 400ms linear !important;
    -webkit-transition: all 400ms linear !important;
    transition: all 400ms linear !important;
}

.wbn-table-2 .live-ico.active .ico-in {
    color: #FFFFFF;
}

.wbn-table-2 .live-ico.active .ico-in.color {
    color: #4C904F;
}

.wbn-table-2 .live-ico .stop,
.wbn-table-2 .live-ico .on {
    display: none;
}

.wbn-table-2 .live-ico .off {
    display: inline;
}

.wbn-table-2 .live-ico.active .on {
    display: inline;
}

.wbn-table-2 .live-ico.stopped .stop {
    display: inline;
}

.wbn-table-2 .live-ico.stopped .on,
.wbn-table-2 .live-ico.stopped .off,
.wbn-table-2 .live-ico.active .off {
    display: none;
}

.wbn-table-2 .ico-new-rows {
    color: #FFFFFF;
    font-size: 15px;
    opacity: 0;
    position: absolute;
    right: 6px;
    top: 10px;
    -ms-transition: all 600ms linear !important;
    -webkit-transition: all 600ms linear !important;
    transition: all 600ms linear !important;
}

.wbn-table-2 .ico-new-rows.color {
    color: #C6E0C8;
}

.wbn-table-2 .live-ico {
    padding-right: 25px;
}

.wbn-table-2 .live-ico.active .ico-new-rows {
    opacity: 1;
}

.wbn-table-2 table {
    font-size: 12px;
    line-height: 13px;
    table-layout: fixed;
}

.wbn-table-2 thead td,
.wbn-table-2 thead th,
.wbn-table-2 tbody td,
.wbn-table-2 tbody th {
    overflow: hidden;
    padding: 0;
    position: relative;
}

.wbn-table-2 tbody td {
    border: 1px solid;
}

.wbn-table-2 tbody tr:first-of-type td {
    border-top: 0;
}

.wbn-table-2 thead th {
    border-right: 1px solid;
}

.wbn-table-2 thead th.active {
    opacity: 1 !important;
}

.wbn-table-2 thead th:first-of-type {
    border-left: 1px solid #EEEEEE;
}

.wbn-table-2 thead tr:last-of-type th {
    border-bottom: 1px solid #CCCCCC;
}

.wbn-table-2 thead tr:first-of-type th {
    border-top: 1px solid #CCCCCC;
}

.wbn-table-2 thead th,
.wbn-table-2 tbody td {
    border-color: #EEEEEE;
}

.wbn-table-2 table td[class*="col-"],
.wbn-table-2 table th[class*="col-"] {
    position: relative;
}

.wbn-table-2 tbody td .cell-content-in,
.wbn-table-2 thead th {
    overflow: hidden;
    padding: 4px 5px;
    text-overflow: ellipsis;
}

.wbn-table-2 tbody td.col-bulk .cell-content-in {
    text-align: center;
}

.wbn-table-2 tbody td .cell-content-in .table-label {
    cursor: pointer;
    max-width: 98%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wbn-table-2 tbody td .cell-content-in .table-label.disabled {
    pointer-events: none;
}

.wbn-table-2 table tbody tr {
    background-color: #FFFFFF;
}

.wbn-table-2 table tbody tr:nth-child(even) {
    background-color: #FCFCFC;
}

.wbn-table-2 table tbody tr:hover {
    background-color: #F1F1F1;
}

.wbn-table-2 table tbody tr.selected {
    background-color: #EAEAEA;
}

.wbn-table-2 table tbody tr.selected:nth-child(even) {
    background-color: #EAEAEA;
}

.wbn-table-2 table tbody tr.selected:hover {
    background-color: #E6E6E6;
}

.wbn-table-2 .scroll,
.wbn-table-2 .table-holder-in {
    overflow: hidden;
}

.wbn-table-2 .table-holder-in {
    position: relative;
}

.wbn-table-2 .table-holder-in .table-header {
    background: #FFFFFF;
}

.wbn-table-2 .table-holder-in.regular-scroll .table-header {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1;
}

.wbn-table-2 .columns-info-holder {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.wbn-table-2 .columns-info-holder td {
    font-weight: bold;
    overflow: hidden;
    padding: 4px 5px;
    text-overflow: ellipsis;
}

.wbn-table-2 .table-holder-in::-webkit-scrollbar {
    width: 10px;
}

.wbn-table-2 .table-holder-in::-webkit-scrollbar:vertical {
    width: 10px;
}

.wbn-table-2 .table-holder-in::-webkit-scrollbar:horizontal {
    height: 10px;
}

.wbn-table-2 .table-holder-in::-webkit-scrollbar-track {
    background: #EEEEEE;
    border-radius: 0;
}

.wbn-table-2 .table-holder-in::-webkit-scrollbar-thumb {
    background: #AAAAAA;
    border-radius: 0;
}

.wbn-table-2 .scroll {
    overflow: auto;
}

.scroll-y.new-rows-belt-y {
    margin-top: 18px;
    padding-top: 2px;
}

.wbn-table-2 .th-block {
    opacity: 0.3;
    padding-bottom: 5px;
    padding-right: 10px;
}

.wbn-table-2 .th-block:hover {
    opacity: 1;
}

.wbn-table-2 .column-name-out.cursor-default {
    cursor: default;
}

.wbn-table-2 .column-name-out {
    box-sizing: content-box;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 22px;
    padding: 1px 0;
    position: relative;
}

.wbn-table-2 .column-name {
    display: table;
    height: 100%;
    text-overflow: ellipsis;
}

.wbn-table-2 .col-bulk .column-name {
    margin: auto;
}

.wbn-table-2 .column-name-in {
    display: table-cell;
    padding-right: 26px;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.wbn-table-2 .col-bulk .column-name-in {
    padding-right: 0;
}

.wbn-table-2 .column-name-in .bulk-label {
    display: none;
}

.wbn-table-2 .table-sort {
    bottom: 0;
    height: 15px;
    margin: auto;
    position: absolute;
    right: 8px;
    top: 0;
    width: 13px;
}

.wbn-table-2 .filter-box-save-input,
.wbn-table-2 .table-search-input,
.wbn-table-2 .table-search-date {
    border: 1px solid transparent;
    border-bottom-color: #AAAAAA;
    border-radius: 0;
    box-shadow: none;
    display: block;
    font-weight: normal;
    height: 20px;
    margin-bottom: 0;
    max-width: 100%;
    outline: none;
    padding: 0;
    padding-right: 18px;
}

.wbn-table-2 .filter-row-inputs .search-context {
    position: relative;
    display: inline-block;
    width: 100%;
}

.wbn-table-2 .filter-row-inputs .search-context input,
.wbn-table-2 .filter-row-inputs .search-context ::placeholder,
.wbn-table-2 .filter-row-inputs .search-context .form-control,
.wbn-table-2 .filter-row-inputs .search-context .form-control::placeholder {
    color: inherit;
    font-size: 12px;
    font-family: Lato;
    font-weight: 500;
}

.wbn-table-2 .filter-row-inputs .search-context-money .button-clear-search {
    right: 0
}

.wbn-table-2 .filter-row-inputs :not(.active) .search-context::after {
    font-family: 'FontAwesome';
    font-weight: 400;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    line-height: 21px;
}

.wbn-table-2 .filter-row-inputs :not(.active) .search-context-text::after {
    content: '\f002';
}

.wbn-table-2 .filter-row-inputs :not(.active) .search-context-date::after {
    content: '\f133';
}

.wbn-table-2 .filter-box-save-input:hover,
.wbn-table-2 .table-search-input:hover {
}

.wbn-table-2 .table-search-money {
    float: left;
}

.wbn-table-2 .table-search-money::-webkit-outer-spin-button,
.wbn-table-2 .table-search-money::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
    margin: 0;
}

.wbn-table-2 .amount-sep {
    display: inline-block;
    float: left;
    width: 5%;
    line-height: 21px;
}

.wbn-table-2 .table-search-money.from,
.wbn-table-2 .table-search-money.to {
    padding: 0 2px;
    width: 40%;
}

.wbn-table-2 .button-clear-search {
    display: none;
    font-size: 13px;
    opacity: 0.8;
    padding: 2px 4px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
}

.wbn-table-2 .button-clear-search.c-number {
    right: 10px;
}

.wbn-table-2 th.active .button-clear-search {
    display: block;
}

.wbn-table-2 .button-clear-search:hover {
}

.wbn-table-2 .offcanvas-box {
    background: #263238;
    color: #FFFFFF;
    display: none;
    height: 100%;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 260px;
    z-index: 100;
}

.active-offcanvas-box .wbn-table-2.wbn-table-main .table-holder-in {
    width: 100% !important;
}

.active-offcanvas-box .wbn-table-2 .filter-box-holder {
    position: static;
}

.active-offcanvas-box .wbn-table-2 {
    padding-right: 260px !important;
}

.wbn-table-2 .select2-selection--single {
    height: 24px;
    padding: 2px 0;
}

.select2-container .select2-search--dropdown {
    padding: 4px;
}

.select2-container .select2-search--dropdown:after {
    display: none;
}

.select2-results__option {
    padding: 2px 5px;
}

.select2-search--dropdown .select2-search__field {
    box-shadow: none;
    box-sizing: border-box;
    height: 25px;
    padding: 2px;
    width: 100%;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 0;
}

.select2-container--default .select2-results > .select2-results__options {

}

.wbn-table-2 .col-lp {
    text-align: center;
}

.wbn-table-2 tbody button.primary,
.wbn-table-2 tbody button,
.wbn-table-2 tbody .button {
    margin: 0;
    width: auto;
}

.wbn-table-2 button.primary:hover,
.wbn-table-2 button:hover,
.wbn-table-2 .button:hover {
}

.wbn-table-2 button.button-action {
    font-size: 12px;
    padding: 6px 10px;
}

.wbn-table-2 .bulk-buttons .button-action {
    margin: 5px 10px 5px 0;
}

.wbn-table-2 .bulk-buttons .button-action.download-all {
    padding: 6px 10px;
}

.wbn-table-2 .bulk-buttons .cnt {
    margin-left: 5px;
}

.wbn-table-2 .table-summary {
    display: none;
}

.wbn-table-2 .table-summary tr {
    background-color: #F1F1F1;
}

.wbn-table-2 .table-summary tr th {
    border: 1px solid #CCCCCC;
    padding: 6px;
    text-align: right;
}

.wbn-table-2 .table-summary .cell-content-in > div:hover {
    cursor: pointer;
    opacity: 0.6;
}

.wbn-table-2 .table-footer {
    min-height: 60px;
    padding: 15px 0;
}

.wbn-table-2.no-result .table-footer {
    display: none;
}

.wbn-table-2 .table-footer-in {
    overflow: hidden;
    padding: 0 10px;
}

.wbn-table-2 .table-footer-left {
    float: left;
    font-size: 12px;
    line-height: 30px;
    overflow: hidden;
    width: 415px;
}

.wbn-table-2.mobile .table-footer-left {
    float: none;
}

.wbn-table-2 .table-footer-right {
    margin-left: 415px;
}

.wbn-table-2.mobile .table-footer-right {
    margin-left: 0;
    margin-top: 10px;
}

.wbn-table-2 .table-info-holder {
    float: left;
    overflow: hidden;
}

.wbn-table-2 .table-info-holder .total,
.wbn-table-2 .table-info-holder .pages {
    float: left;
}

.wbn-table-2 .table-info-holder .total {

}

.wbn-table-2 .table-limits-holder {
    float: left;
    margin-right: 10px;
}

.wbn-table-2 .table-limits {
    border-radius: 0;
    height: 25px;
    margin: 0;
    outline: none;
    padding: 2px 0 0;
    width: 50px;
}

.wbn-table-2 .current-page,
.wbn-table-2 .total-results,
.wbn-table-2 .total-pages {
    font-weight: bold;
}

.wbn-table-2 .total-pages {
    margin-right: 6px;
}

.wbn-table-2 .table-sort {
    cursor: pointer;
    opacity: 1;
}

.wbn-table-2 .table-sort.active {
    opacity: 1;
}

.wbn-table-2 .table-sort .descending,
.wbn-table-2 .table-sort .ascending {
    display: block;
    opacity: 0.2;
    position: absolute;
    right: 3px;
}

.wbn-table-2 .table-sort .ascending {
    top: -3px;
}

.wbn-table-2 .table-sort .descending {
    bottom: -1px;
}

.wbn-table-2 .table-sort.asc .ascending {
    opacity: 1;
}

.wbn-table-2 .table-sort.desc .descending {
    opacity: 1;
}

.table-export-buttons .btn.btn-primary:hover, .table-export-download .btn.btn-primary.download-btn:hover {
    background-color: #1A73BA;
}

.wbn-table-2 .table-refresh-section {
    display: flex;
    margin-left: 10px;
    float: left;
    height: 32px;
    align-items: center;
}

.wbn-table-2 .table-refresh-section button.refresh-table {
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wbn-table-2 .table-export-download,
.wbn-table-2 .table-export-buttons {
    float: left;
    margin-left: 10px;
}

.wbn-table-2 .table-export-download {
    margin-left: 1px;
}

.wbn-table-2 .table-export-buttons button,
.wbn-table-2 .table-footer .download-btn {
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    padding: 4px 8px;
}

.stats-holder {
    padding: 10px 10px 20px 10px;
}

.wbn-table-2 .bulk {
    border: 1px solid #DDDDDD;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-top: 3px;
    width: 16px;
}

.wbn-table-2 thead .bulk {
    margin-top: 5px;
}

.wbn-table-2 .bulk.selected {
    background: #484848;
}

.wbn-table-2 .bulk.half-selected {
    background: #8C8C8C;
}

.wbn-table-2 .mCSB_scrollTools {
    width: 5px;
}

.wbn-table-2 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 9px;
}

.wbn-table-2 .mCSB_inside > .mCSB_container,
.wbn-table-2 .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom: -7px !important;
    margin-right: 0;
}

.wbn-table-2 .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail,
.wbn-table-2 .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0;
}

.wbn-table-2 .mCSB_scrollTools_vertical.mCSB_scrollTools .mCSB_draggerContainer {
    right: -2px;
}

.wbn-table-2 .table-no-results {
    border: 0;
    height: 50px;
    padding: 10px;
    visibility: hidden;
}

.wbn-table-2 .no-result-holder {
    display: none;
    position: absolute;
    top: 100px;
    width: 100%;
    z-index: 111;
}

.wbn-table-2 .table-no-results,
.wbn-table-2 .no-result-holder {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.wbn-table-2.no-result .no-result-holder {
    display: block;
}

.wbn-table-2.pre-loading .no-result-holder {
    display: none;
}

/*
 * Live
 */
.wbn-table-2 tr.removed {
    background-color: #FBE9E7 !important;
}

.wbn-table-2 tr.new {
    background-color: #F1F8E9 !important;
}

.wbn-table-2 tr.super-new {
    background-color: #D2E0CE !important;
}

.wbn-table-2 td.changed {
    background-color: #E1F5FE !important;
}

.wbn-table-2 tr.changed-order {
    background-color: #FED2A8 !important;
}

.wbn-table-2 .new-rows-belt {
    background: #4CAF50;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 99;
}

.wbn-table-2 .new-rows-belt:hover {
    opacity: 1;
}

/*
 * Views
 */
.wbn-table-2 .saved-views {
    padding: 0 5px 0 0;
}

.wbn-table-2 .saved-views .view,
.wbn-table-2 .saved-views .view.btn-labeled {
    cursor: pointer;
    display: inline-block;
    height: 32px;
    margin-right: 25px;
    padding: 0;
    position: relative;
    height: 42px;
    text-transform: capitalize;
}

.wbn-table-2.mobile .saved-views .view,
.wbn-table-2.mobile .saved-views .view.btn-labeled {
    margin: 0 2px 5px 0;
}

.saved-views .btn-labeled.btn-default > b {
    background-color: #ECECEC;
    color: #000000;
}

.wbn-table-2 .saved-views .remove-view {
    display: none;
    margin: auto;
    min-width: 10px;
    opacity: 0.8;
}

.wbn-table-2 .saved-views .remove-view:after {
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.wbn-table-2 .saved-views .view-name {
    display: inline-block;
    padding: 6px 0px;
    font-size: 16px;
    font-weight: 500;
    color: #808080;
}

.wbn-table-2 .saved-views .view-holder {
    margin-left: 12px;
}

.wbn-table-2.mobile .saved-views .view-name {
    font-size: 10px;
    font-weight: bold;
    padding: 6px;
}

.wbn-table-2 .saved-views .view-count {
    display: inline-block;
    min-width: 9.42px;
}

.wbn-table-2 .btn-labeled.btn-labeled-right > b {
    display: inline-block;
    position: relative;
}

.wbn-table-2.simple-pagination .btn-labeled.btn-labeled-right > b {
    display: none;
}

.wbn-table-2.mobile .btn-labeled.btn-labeled-right > b {
    padding-left: 4px;
    padding-right: 4px;
}

.wbn-table-2 .saved-views .view.empty b {
    display: none;
}

.wbn-table-2 .saved-views .view.for-remove b {
    display: inline-block;
}

.wbn-table-2 .saved-views .view[data-id="0"] {
}

.wbn-table-2 .saved-views .view[data-id="0"] .remove-view {
    display: none !important;
}

body.silo .wbn-table-2 .saved-views .view[data-id="0"] {
    margin-left: 10px;
}

.wbn-table-2 .saved-views .view:hover .remove-view {
    opacity: 1;
}

.wbn-table-2 .save-view-holder {
    width: 390px;
}

.wbn-table-2 .enable-delete-holder {
    display: inline;
    margin-left: 10px;
}

.wbn-table-2 .save-view-holder .filter-box-save-input {
    display: inline;
    margin-right: 10px;
    padding-left: 3px;
    padding-right: 3px;
}

.wbn-table-2 .save-view-holder input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #D0D0D0;
}

.wbn-table-2 .save-view-holder input::-moz-placeholder { /* Firefox 19+ */
    color: #D0D0D0;
}

.wbn-table-2 .save-view-holder input:-ms-input-placeholder { /* IE 10+ */
    color: #D0D0D0;
}

.wbn-table-2 .save-view-holder input:-moz-placeholder { /* Firefox 18- */
    color: #D0D0D0;
}

.wbn-table-2 .save-view-holder .save-filter-box {
    display: inline;
}

.wbn-table-2 .columns .bulk-label {
    font-size: 13px;
}

.wbn-table-2 .columns {
    overflow: hidden;
    padding: 0;
}

.wbn-table-2 .columns-scroll {
    margin-top: 20px;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 0;
}

.wbn-table-2 .columns-scroll .mCSB_scrollTools_vertical {
    left: auto !important;
}

.wbn-table-2 .column-row {
    border-bottom: 1px solid #34444C;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.wbn-table-2 .column-row:first-of-type {
    margin-top: 20px;
}

.wbn-table-2 .column-row:last-of-type {
    margin-bottom: 20px;
}

.wbn-table-2 .column-item {
    float: left;
}

.wbn-table-2 .column-item.icon {
    font-size: 10px;
    text-align: center;
    width: 25px;
}

.wbn-table-2 .column-item.column-label {
    font-size: 10px;
    font-weight: 500;
    margin-left: 10px;
    text-transform: uppercase;
}

.wbn-table-2 .column-item.column-label .bulk {
    border: none;
}

.wbn-table-2 .set-position {
    cursor: move;
}

.wbn-table-2 .show-hide {
    cursor: pointer;
}

.wbn-table-2 .show-hide-column {
    display: block;
    opacity: 0.2;
}

.wbn-table-2 .set-position:hover,
.wbn-table-2 .show-hide:hover {
    background: #FFFFFF;
    color: #263238;
}

.wbn-table-2 .show-hide-column.column-visible {
    opacity: 1;
}

.wbn-table-2 .ui-sortable-helper {
    background: #333333;
}

.wbn-table-2 .ui-sortable-placeholder {
    background: #2C5367;
}

/*
 * Pagination
 */
.wbn-table-2 .show-for-sr,
.wbn-table-2 .show-on-focus {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.wbn-table-2 .pagination {
    box-shadow: none;
    display: block;
    margin: 0;
    text-align: right;
}

.wbn-table-2.mobile .pagination {
    text-align: left;
}

.wbn-table-2 .pagination::before,
.wbn-table-2 .pagination::after {
    content: ' ';
    display: table;
}

.wbn-table-2 .pagination::after {
    clear: both;
}

.wbn-table-2 .pagination li {
    border-radius: 3px;
    display: inline-block;
    font-size: 0.875rem;
    margin-right: 0.0625rem;
}

.wbn-table-2 .pagination li:last-child,
.wbn-table-2 .pagination li:first-child {
    display: inline-block;
}

@media screen and (min-width: 40em) {
    .wbn-table-2 .pagination li {
        display: inline-block;
    }
}

.wbn-table-2 .pagination a,
.wbn-table-2 .pagination button {
    border-radius: 3px;
    display: block;
}

.wbn-table-2 .pagination > li.hidden {
    display: none;
}

.wbn-table-2 .pagination > li > a,
.wbn-table-2 .pagination > li > span {
    float: none;
    min-width: 0;
}

.wbn-table-2 .pagination a:hover,
.wbn-table-2 .pagination button:hover {
}

.wbn-table-2 .pagination > li > a, .pagination > li > span {
    /*color:#fff;
    background-color: #2196F3;*/
}

.wbn-table-2 .pagination .current {
    cursor: default;
    text-align: center;
}

.wbn-table-2 .pagination .disabled {
    color: #CACACA;
    cursor: not-allowed;
}

.wbn-table-2 .pagination .disabled:hover {
    background: transparent;
}

.wbn-table-2 .pagination .ellipsis::after {
    color: #0A0A0A;
    content: '\2026';
}

.wbn-table-2 .pagination-previous a::before,
.wbn-table-2 .pagination-previous.disabled::before {
    content: '←';
    display: inline-block;
    margin-right: 0.5rem;
}

.wbn-table-2 .pagination-next a::after,
.wbn-table-2 .pagination-next.disabled::after {
    content: '→';
    display: inline-block;
    margin-left: 0.5rem;
}

.wbn-table-2 .pagination a,
.wbn-table-2 .pagination button,
.wbn-table-2 .pagination li {
    border-radius: 0;
    font-size: 12px;
}

.wbn-table-2 .pagination li {
    margin-right: -1px;
}

.wbn-table-2 .pagination a:before,
.wbn-table-2 .pagination a:after {
    margin: 0;
}

.wbn-table-2 .pagination .arrow-label {
    display: none;
}

.wbn-table-2 .pagination a,
.wbn-table-2 .pagination button,
.wbn-table-2 .pagination > li > a,
.wbn-table-2 .pagination > li > span,
.wbn-table-2 .pagination .current,
.wbn-table-2 .pagination .disabled,
.wbn-table-2 .pagination .ellipsis::after {
    border-radius: 3px;
    min-width: 36px;
    padding: 7px;
}

.wbn-table-2 .daterangepicker table {
    width: auto;
}

.wbn-table-2 .select2-selection--multiple .select2-search--inline .select2-search__field {
    border-bottom: 1px solid #AAAAAA;
    margin: 0 !important;
    margin-top: 4px !important;
    padding: 0;
}

/*
 * Datepicker holder
 */
.wbn-table-2-picker {

}

.wbn-table-2-picker .fa-clock-o {
    top: 59px;
}

.wbn-table-2-picker .fa-calendar {
    top: 59px;
}

.wbn-table-2 .offcanvas-box .save-canvas-options {
    padding: 5px 10px;
}

.wbn-table-2 .offcanvas-box .close-canvas {
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    opacity: 0.7;
    position: absolute;
    right: 15px;
    top: 10px;
}

.wbn-table-2 .offcanvas-box .close-canvas:hover {
    opacity: 1;
}

.canvas-background {
    background: #000000;
    display: none;
    height: 100%;
    opacity: 0.0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.table-offcanvas .canvas-background {
    opacity: 0.2;
    right: 260px;
}

.update-tooltip {

}

.update-tooltip .up-label {
    font-size: 11px;
    font-weight: bold;
}

.update-tooltip .up-value {
    font-size: 12px;
    margin-top: -2px;
}

/*
 * Stats holder
 */

.table-holder-in.isStatisticsMenu {
    height: 80px !important;
    overflow-y: hidden !important;
}

.table-footer-in.isStatisticsMenu {
    display: block !important;
}

.stats-holder {
    line-height: 30px;
    position: relative;
}

.stats-holder select {
    width: 100px;
}

.stats-holder .select2-selection {
    margin: 0 5px;
}

.stats-holder .select-field-id,
.stats-holder .select-field {
    width: 250px;
}

.single-chart {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}

.single-chart-value {
    display: table-cell;
    font-size: 200px;
    vertical-align: middle;
    white-space: nowrap;
}

.stats-holder .buttons-block {
    margin-right: 5px;
}

.stats-holder .single-select {
    font-size: 12px;
    font-weight: bold;
    line-height: 13px;
    padding: 0 5px;
}

.stats-holder .single-select .selection {
    font-weight: 600;
}

.stats-chart-holder .time-field-undefined {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0 20px;
}

.wbn-table-2 .live-start-stop-holder {
    text-align: center;
}

.wbn-table-2 .live-start-stop {
    background: #F44336;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 13px;
    padding: 2px 4px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.wbn-table-2 .live-start-stop:hover {
    color: #FFFFFF;
    opacity: 0.85;
}

.wbn-table-2 .start-txt {
    display: none
}

.live-stopped .wbn-table-2 .live-start-stop {
    background: #4CAF50;
}

.live-stopped .wbn-table-2 .stop-txt {
    display: none;
}

.live-stopped .wbn-table-2 .start-txt {
    display: block;
}

/*
 * Preloader
 */
.wbn-table-2 .table-preloader {
    background: rgba(255, 255, 255, 0.6);
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 122;
}

.wbn-table-2 .cssload-cube {
    -moz-animation: cssload-cubemove 3s infinite ease-in-out;
    -ms-animation: cssload-cubemove 3s infinite ease-in-out;
    -o-animation: cssload-cubemove 3s infinite ease-in-out;
    -webkit-animation: cssload-cubemove 3s infinite ease-in-out;
    animation: cssload-cubemove 3s infinite ease-in-out;
    background-color: rgb(71, 71, 71);
    height: 14px;
    margin: auto;
    position: absolute;
    width: 14px;
}

.wbn-table-2 .cssload-cube1 {
    -moz-animation-delay: 0.15s;
    -ms-animation-delay: 0.15s;
    -o-animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
    left: 19px;
    top: 0px;
}

.wbn-table-2 .cssload-cube2 {
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    left: 39px;
    top: 0px;
}

.wbn-table-2 .cssload-cube3 {
    -moz-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
    left: 58px;
    top: 0px;
}

.wbn-table-2 .cssload-cube4 {
    -moz-animation-delay: 0.15s;
    -ms-animation-delay: 0.15s;
    -o-animation-delay: 0.15s;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
    left: 0px;
    top: 19px;
}

.wbn-table-2 .cssload-cube5 {
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    left: 19px;
    top: 19px;
}

.wbn-table-2 .cssload-cube6 {
    -moz-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
    left: 39px;
    top: 19px;
}

.wbn-table-2 .cssload-cube7 {
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    left: 58px;
    top: 19px;
}

.wbn-table-2 .cssload-cube8 {
    -moz-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    left: 0px;
    top: 39px;
}

.wbn-table-2 .cssload-cube9 {
    -moz-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
    left: 19px;
    top: 39px;
}

.wbn-table-2 .cssload-cube10 {
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    left: 39px;
    top: 39px;
}

.wbn-table-2 .cssload-cube11 {
    -moz-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
    left: 58px;
    top: 39px;
}

.wbn-table-2 .cssload-cube12 {
    -moz-animation-delay: 0.45s;
    -ms-animation-delay: 0.45s;
    -o-animation-delay: 0.45s;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
    left: 0px;
    top: 58px;
}

.wbn-table-2 .cssload-cube13 {
    -moz-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    left: 19px;
    top: 58px;
}

.wbn-table-2 .cssload-cube14 {
    -moz-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
    left: 39px;
    top: 58px;
}

.wbn-table-2 .cssload-cube15 {
    -moz-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    left: 58px;
    top: 58px;
}

.wbn-table-2 .cssload-spinner {
    bottom: 0;
    height: 76px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 76px;
}

.wbn-table-2 .add-to-dashboard-holder {
    left: auto;
    position: relative;
    top: auto;
}

.wbn-table-2 .add-to-dashboard-holder .close {
    display: none;
}

.wbn-table-2 .add-to-dashboard-holder .add-to-dashboard-menu-holder {
    border: 0;
    padding: 0;
}

.table-min .header-menu, .table-min tbody tr td, .table-min thead, .table-min .table-footer-left, .table-min .pagination.text-center li {
    display: none;

}

.table-min .bulk-buttons {
    display: none !important;

}

.table-min .mCSB_scrollTools_horizontal {
    visibility: hidden;
}

.table-min .pagination.text-center li.pagination-previous, .table-min .pagination.text-center li.pagination-next {
    display: inline-block;
}

.table-min td.col-tra_title {
    display: block !important;
}

@keyframes cssload-cubemove {
    35% {
        transform: scale(0.005);
    }
    50% {
        transform: scale(1.7);
    }
    65% {
        transform: scale(0.005);
    }
}

@-o-keyframes cssload-cubemove {
    35% {
        -o-transform: scale(0.005);
    }
    50% {
        -o-transform: scale(1.7);
    }
    65% {
        -o-transform: scale(0.005);
    }
}

@-ms-keyframes cssload-cubemove {
    35% {
        -ms-transform: scale(0.005);
    }
    50% {
        -ms-transform: scale(1.7);
    }
    65% {
        -ms-transform: scale(0.005);
    }
}

@-webkit-keyframes cssload-cubemove {
    35% {
        -webkit-transform: scale(0.005);
    }
    50% {
        -webkit-transform: scale(1.7);
    }
    65% {
        -webkit-transform: scale(0.005);
    }
}

@-moz-keyframes cssload-cubemove {
    35% {
        -moz-transform: scale(0.005);
    }
    50% {
        -moz-transform: scale(1.7);
    }
    65% {
        -moz-transform: scale(0.005);
    }
}

.col-lg-0, .col-lg-1, .col-lg-2, .col-lg-4, .col-lg-7, .col-lg-8, .col-lg-12 {
    -webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
}

.col-lg-0 {
    width: 0;
}

.wbn-table-2 tbody td .cell-input-container input,
.wbn-table-2 tbody td .cell-input-container input:focus {
    border: 0;
    outline: solid 1px #0F0F0F;
    outline-offset: -1px;
    padding: 10px;
}

.wbn-table-2 tbody td.edit-mode {
    overflow: visible;
}

.wbn-table-2 .saved-views .view b {
    justify-content: center;
    align-items: center;
    padding: 4px;
    height: 23px;
    background: #F1F1F2;
    border-radius: 4px;
    color: #7E7F89;
}

.wbn-table-2 .saved-views .view.active {
    border-bottom: 2px solid #48d675;
    color: #000;
}

.wbn-table-2 .saved-views .view.active .view-name {
    color: #000;
}

.range_inputs .btn-success {
    background-color: #4CAF50;
}

.dynamic-content .wbn-table-2 .saved-views .view:not(.active),
.dynamic-content .wbn-table-2 .header-menu button.popover-view {
    display: none;
}