.tableNoResults {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    color: #d0d2d0;
    font-size: 24px;
    font-weight: bold;
}

.bootstrap-table .fixed-table-toolbar .columns {
    margin-left: 10px;
}

.deviceContent .fixed-table-toolbar .side {
    /*margin-right: 15px;*/
    margin-bottom: 0px;
    margin-top: 0px;
    float: right;
}

.deviceContent .fixed-table-toolbar .side .im-button i {
    height: 32px;
    line-height: 32px;
    color: white;
}

.deviceContent .fixed-table-toolbar .side .im-button, #device-file-uploader {
    height: 32px;
    line-height: 31px;
}

.deviceContent .im-panel {
    margin-top: 3px;
}

.bootstrap-table table {
    word-break: break-word;
}

.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search {
    margin-top: 0px;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
    overflow-y: scroll !important;
}

.has-card-view .bs-checkbox {
    width: 33px;
}

.has-card-view .table {
    margin-top: 0px !important; /*bug fix cards going top on mobile */
}

.table th {
    text-align: center !important;
    font-weight: bold;
    /*border-bottom: 1px solid #3077a1;
    border-right: 1px solid #3077a1;*/
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

.fixed-table-footer th:last-child {
    border-right: none;
}

.table thead {
    background: #f5f5f5;
    /*color: white;*/
}

.fixed-table-body tbody tr:not(.groupBy) > td {
    text-align: center;
}

.table tr > td {
    height: 36px;
    padding: 2px 4px;
    font-size: 13px;
    line-height: 16px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    cursor: default;
    white-space: pre-line;
}

.table tr:not(.customStyle) > td {
    color: #000;
}

.table tr > td:last-child {
    border-right: none;
}

.table tr:last-child > td {
    /*border-bottom: none;
    border-right: none;*/
}

.has-card-view .table tr:not(.groupBy) > td {
    border-bottom: none;
}

.card-view {
    border-bottom: 1px solid #e4ebeb;

    > .im-checkbox {
        max-height: 30px;
    }
}

.has-card-view .table tr:not(.groupBy) > td {
    padding: 0px;
}

.no-records-found td {
    text-align: left !important;
}

.fixed-table-container:not(.has-card-view) .table tr:not(.no-records-found):not(.detail-view):not(.customStyle):hover > td {
    background: #f4f4f4;
    color: #000;
}

.table .filter-control {
    margin: 2px;
}

.card-views .card-view-title {
    padding: 10px;
    background: #f5f5f5 !important;
    color: #000 !important;
    word-break: break-word;
    max-width: 30%;
    width: auto !important;
}

.card-views .card-view:first-child > .card-view-title {
    background: #1e58c2;
}

.card-views .card-view-value {
    padding: 10px;
    word-break: break-all;
}

.card-views .card-view:first-child {
    /*background: #1e58c2;
    color: #ffffff;*/
}

.card-views .card-view:not(:first-child):hover {
    /*background: #dce7df;*/
    color: #000;
    -webkit-box-shadow: inset 0px 0px 0px 1px #2d8d5f;
    -moz-box-shadow: inset 0px 0px 0px 1px #2d8d5f;
    box-shadow: inset 0px 0px 0px 1px #2d8d5f;
}

.card-views .card-view:not(:first-child):hover .card-view-title {
    /*background: #dce7df;*/
    /*color: #000;*/
    -webkit-box-shadow: inset 0px 0px 0px 1px #2d8d5f;
    -moz-box-shadow: inset 0px 0px 0px 1px #2d8d5f;
    box-shadow: inset 0px 0px 0px 1px #2d8d5f;
}

.fixed-table-header .th-inner.sortable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
}

.suitableTableTitle {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
}

.dropdown-menu {
    position: absolute;
    right: 0;
    top: 35px;
    background: white;
    max-width: 250px;
    border: 1px solid #dee2e6;
    /*padding: 7px 0px 7px 0px;*/
    border-radius: 5px;
    z-index: 99999;

    text-align: left;
    max-height: 300px;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

.bootstrap-table .fixed-table-toolbar .columns label {
    padding: 4px 4px;
}

.dropdown-item {
    display: block;
    padding: 3px 3px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    white-space: nowrap;
}

.dropdown-item:hover, .dropdown-item.active {
    background: #dce7df;
}

.dropdown-menu {
    display: none;
}

.page-list .dropdown-menu {
    /*top: 0;*/
    left: 0;
    transform: translateY(-100%);
}

.search .search-input {
    height: 36px;
}

.fixed-table-header {
    /*min-height: 91px;*/
    height: auto !important;
}

.bootstrap-table .fixed-table-container .table thead th:not(.bs-checkbox) {
    vertical-align: top !important;
}

.fixed-table-border {
    display: none;
}

.borderBottomBlack:not(.dataRow) > td {
    border-bottom: 5px solid #616161 !important;
}

input {
    /*margin: 10px;
    height: 30px;*/
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: 0.45rem;
}

.fixed-table-body thead {
    opacity: 0;
    display: none;
}

tr.detail-view .fixed-table-body thead {
    opacity: 1;
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-card-view) {
    height: 0px;
    /*padding-bottom: 71.375px !important;*/
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
    border-bottom: none !important;
}

.bootstrap-table .fixed-table-container.fixed-height .table thead th {
    /*border-bottom: none;*/
}

.fixed-table-toolbar .im-button > i {
    margin-right: 0px;
    color: #1e58c2;
}

.card-view .im-checkbox {
    left: 5px;
}

.dropdown-item.im-checkbox > span::before {
    left: 7px;
}

.dropdown-item.im-checkbox > span::after {
    left: 10px;
}

.dropdown-item.im-checkbox > span {
    padding-left: 31px;
}

.sorted-data {
    background: #e9f6eb !important;
    color: #000 !important;
}

.bootstrap-table.fullscreen {
    padding: 5px 5px 0px 5px;
}

.bootstrap-table .fixed-table-container .table thead th .sortable.both {
    position: relative;
    text-align: left;
}

.bootstrap-table .fixed-table-container .table thead th .sortable.both:after {
    /*background-image: url('../images/upDown.svg');
    background-size: 13px;*/
    content: "\2195";
    position: absolute;
    right: 3px;
    top: 6px;
}

.bootstrap-table .fixed-table-container .table thead th .sortable.asc:after {
    /*background-image: url('../images/up.svg');
    background-size: 14px;*/
    content: "\2191";
    position: absolute;
    right: 3px;
    top: 6px;
}

.bootstrap-table .fixed-table-container .table thead th .sortable.desc:after {
    /*background-image: url('../images/down.svg');
    background-size: 14px;*/
    content: "\2193";
    position: absolute;
    right: 3px;
    top: 6px;
}

.bootstrap-table .fixed-table-container .table thead th .both, .bootstrap-table .fixed-table-container .table thead th .asc, .bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: none !important;
}

.fixed-table-pagination {
    display: block !important;
}

.im-button {
    white-space: nowrap;
}

.pagination-info {
    padding-left: 2px;
}

.bootstrap-table .fixed-table-container .table thead th .sortable {
    padding-right: 17px;
}

.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
    border: none;
}

.card-views .card-view:first-child .card-view-title {
    display: none !important;
}

.card-views .card-view:nth-child(2) .card-view-title {
    line-height: 28px;
}

.load-more-records {
    text-align: center;
}

.load-more-records td {
    cursor: pointer !important;
    text-align: left !important;
}

/* spares-settings-table */
.spares-settings-table .card-views .card-view:hover,
.spares-settings-table .card-views .card-view:hover .card-view-title {
    -webkit-box-shadow: inset 0 0 0 1px #2d8d5f;
    -moz-box-shadow: inset 0 0 0 1px #2d8d5f;
    box-shadow: inset 0 0 0 1px #2d8d5f;
}

.spares-settings-table .card-views .card-view:first-child .card-view-title {
    display: unset !important;
    color: #fff;
}

.spares-settings-table .card-views .card-view:nth-child(2) .card-view-title {
    line-height: unset;
}

@media all and (max-width: 900px) {
    .card-views .card-view-title {
        padding: 5px;
    }

    .card-views .card-view-value {
        padding: 5px;
    }
}

@media all and (max-width: 675px) {
    .card-views .card-view-title {
        padding: 3px;
    }

    .card-views .card-view-value {
        padding: 3px;
        min-width: unset !important;
        width: auto !important;
    }
}

@media all and (max-width: 480px) {
    .fixed-table-toolbar .side {
        text-align: center !important;
    }

    .fixed-table-toolbar select {
        margin-right: 0 !important;
        margin-left: 0 !important;
        float: none !important;
    }

    .fixed-table-toolbar .side.float-right {
        float: none !important;
    }

    .bootstrap-table .fixed-table-toolbar .columns {
        margin-left: 0px;
        float: none !important;
    }

    .tableDateFilter {
        text-align: center !important;
    }
}

.filter-control {
    position: relative;

    .select2-container {
        width: calc(100% - 5px) !important;
        margin: 2px;

        .select2-selection {
            height: 32px;

            .select2-selection__rendered {
                font-weight: 400;
                line-height: 34px;
            }
        }

        .select2-selection--single .select2-selection__rendered {
            height: 32px;
            line-height: 30px;
            text-align: left;
            font-weight: 100;
        }

        .select2-selection--multiple {
            text-align: left;

            .select2-selection__choice {
                position: relative;
                top: -6px;
                max-width: calc(100% - 8px);

                .select2-selection__choice__display {
                    line-height: 20px;
                    height: 20px;
                    font-size: 10px;

                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                }
            }

            .select2-selection__rendered {
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;

                > .select2-selection__choice:not(:nth-child(1)) {
                    display: none !important;
                }
            }
        }
    }

    input[type="search"] {
        padding-right: 26px;
    }

    input::-webkit-search-decoration,
    input::-webkit-search-cancel-button,
    input::-webkit-search-results-button,
    input::-webkit-search-results-decoration {
        display: none;
    }

    .im-input:focus + [data-action="clearFilter"],
    .im-input:active + [data-action="clearFilter"],
    .im-input:not(:placeholder-shown) + [data-action="clearFilter"] {
        display: block;
    }

    span[data-action="clearFilter"] {
        display: none;
        position: absolute;
        z-index: 99;
        right: 10px;
        top: 7px;
        background: linear-gradient(0deg, #2f486f, #4275af);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        cursor: pointer;

        i {
            font-size: 16px;
            font-weight: 400;
        }
    }
}