#resp-table {
    width: 100%;
}

#resp-table-body {}

.resp-table-row {}

.table-body-cell {
    /* display: inline-block; */
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    /* width: 100%; */
}

.resp-table-row .asset-column div {
    line-height: 30px;
}

.resp-table-row .asset-column .asset {
    font-size: 0.9rem;
}

/* .resp-table-row .asset-column {
    max-width: 210px;
}

.resp-table-row .column {
    max-width: 210px;
}

.resp-table-row .action-column {
    max-width: 280px;
} */

.custom-badge-confirm,
.custom-badge-return,
.custom-badge-check_out {
    border: 1px solid #28D094 !important;
    background: #28D094 !important;
    color: #FFFFFF !important;
}

.custom-badge-mark_missing {
    border: 1px solid #FF4961 !important;
    background: #FF4961 !important;
    color: #FFFFFF !important;
}

.custom-badge-unconfirm {
    border: 1px solid #FF9149 !important;
    background: #FF9149 !important;
    color: #FFFFFF !important;
}

.custom-badge-pending_return {
    border: 1px solid #CCCCCC !important;
    background: #CCCCCC !important;
    color: #6B6F82 !important;
}

.custom-border-confirm,
.custom-border-return,
.custom-border-check_out {
    border-color: #28D094 !important;
}

.custom-border-mark_missing {
    border-color: #FF4961 !important;
}

.custom-border-unconfirm {
    border-color: #FF9149 !important;
}

.custom-border-pending_return {
    border-color: #CCCCCC !important;
}

.card-header {
    padding: 0 40px 0px 60px;
}

.card-header a {
    color: #FFFFFF !important;
}

.row-wrap {
    border-radius: 7px;
    background: #F2F2F2 !important;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin: 10px 4px !important;
    padding: 10px 25px;
}

.row-title {
    color: #9B9B9B;
    height: 40px;
}

.action-column {
    margin-top: -10px;
    text-align: right !important;
}

.action-column a {
    margin-top: 10px;
    margin-right: 10px;
}

.search-box {
    width: 280px;
}

.button-wrap {
    text-align: right !important;
}

.search-wrap {
    margin-left: 10px;
    margin-right: 15px;
}

[class*=bs-callout].callout-border-left {
    border-left: 10px solid;
}

.page-link {
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #5059e5;
    background-color: #fff;
    border: 1px solid #626e82;
}

.pagination {
    margin-top: 1rem;
}

.pagination {
    display: flex;
    padding-left: 0;
}

.pagination.pagination-flat li {
    margin-right: 10px;
}

.pagination.pagination-flat li.active a {
    border-width: 1px;
    border-radius: 3px;
    padding: .4rem .5rem;
}

.pagination.pagination-separate li:first-child a {
    margin-left: 0;
}

.pagination.pagination-flat li a {
    border: 0;
}

.pagination.pagination-separate .page {
    color: #10548f;
}

.pagination.pagination-separate .active .page {
    z-index: 1;
    color: #fff;
    background-color: #10548f;
    border-color: #10548f;
}

ul.box-legend li {
    margin-right: 10px;
}

ul.box-legend li label {
    cursor: pointer !important;
}

.total-page-wrap {
    margin: 10px 30px 0 18px;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

.total-page-wrap select {
    width: 75px;
    display: inline-block !important;
}

.resp-table-row .row-body .project {
    font-size: 0.8rem;
}

/** statuses */
/* confirm */
.icheckbox_square-green,
.iradio_square-green {
    background-image: url(/images/statuses/confirm.png) !important;
}

/* unconfirm */
.icheckbox_square-orange,
.iradio_square-orange {
    background-image: url(/images/statuses/unconfirm.png) !important;
}

/* missing */
.icheckbox_square-red,
.iradio_square-red {
    background-image: url(/images/statuses/missing.png) !important;
}

/* pending return */
.icheckbox_square-grey,
.iradio_square-grey {
    background-image: url(/images/statuses/pending-return.png) !important;
}

.filter-text {
    padding-bottom: 0;
    margin-bottom: 0;
}
@media (-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {

    /* confirm */
    .icheckbox_square-green,
    .iradio_square-green {
        background-image: url(/images/statuses/confirm@2x.png) !important;
    }

    /* unconfirm */
    .icheckbox_square-orange,
    .iradio_square-orange {
        background-image: url(/images/statuses/unconfirm@2x.png) !important;
    }

    /* missing */
    .icheckbox_square-red,
    .iradio_square-red {
        background-image: url(/images/statuses/missing@2x.png) !important;
    }

    /* pending return */
    .icheckbox_square-grey,
    .iradio_square-grey {
        background-image: url(/images/statuses/pending-return@2x.png) !important;
    }
}

/** end statues */

@media only screen and (max-width: 2364px) and (min-width: 1918px) {
    .action-column {
        text-align: right !important;
    }
}

@media (max-width: 1300px) and (min-width: 1917px) {
    .row-title {
        height: auto;
    }

    .button-wrap {
        text-align: right !important;
    }

    .search-wrap {
        display: block !important;
        margin-top: 25px;
    }

    .action-column a {
        margin-right: 20px;
    }

    .box-legend {
        text-align: left;
    }

    .action-column a {
        margin-right: 5px;
    }

    .action-column {
        text-align: center !important;
        margin-top: 0;
    }

    .box {
        margin-top: 2px;
    }
}

@media (max-width: 1788px) {
    .col-xl-4, .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-xl-1, .col-xl-2, .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .button-wrap {
        text-align: center !important;
    }

    .search-wrap {
        display: block !important;
        margin-top: 25px;
    }

    .action-column a {
        margin-right: 20px;
    }

    .box-legend {
        padding-top: 10px;
        text-align: center;
    }

    .action-column a {
        margin-right: 5px;
    }

    .action-column {
        text-align: left !important;
        margin-top: 0;
    }

    .box {
        margin-top: 2px;
    }

    ul.box-legend li {
        display: inline-block;
    }

    .row-title {
        height: auto;
    }

    .filter-text {
        text-align: center;
    }
}

@media (max-width: 1080px) {
    .col-xl-1, .col-xl-2, .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .action-column {
        text-align: center !important;
        margin-top: 0;
    }

    ul.box-legend li {
        margin-right: 5px;
    }
}

@media (max-width: 767px) {

    .box-legend {
        margin: 0 auto 10px auto;
        padding-top: 10px;
        text-align: left;
        width: 304px;
    }
}