.total-wrap { margin-bottom: 20px; }

    .total-wrap .icn { width: auto; height: 64px; background: #fff; border: 1px solid #EFF1F4; padding: 8px 2px; display: inline-block; margin-right: 15px; text-transform: capitalize; }

    .total-wrap h6 { font-weight: 500; font-size: 25px; line-height: 1; color: #11b5fe; margin-bottom: 0; }

    .total-wrap .total-amount { /*font-weight: normal;
    font-size: 17px;
    line-height: 24px;
    color: #0081bb;*/ }

    .total-wrap .cntnt,
    .total-wrap .cntnt-icn { display: inline-block; margin: 0 8px; }


.transaction-search-listing { text-align: center; color: #0f3661; font-size: 17px; font-weight: 400; margin-top: 10px; clear: both; }

.sch-tile { height: 118px; background: #fff; border: 1px solid #EFF1F4; position: relative; margin-bottom: 10px; width: 100%; float: left; }


.sch-amount { margin: 11px 0 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; }

.sch-area { font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 21px; margin-top: 10px; text-decoration: underline; }

.sch-properties { background-color: #F2F3F5; height: 30px; line-height: 30px; position: absolute; bottom: 0; left: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.sch-tile.sch-tile-header { margin-bottom: -11px; background-color: #0e3660; display: none; }

    .sch-tile.sch-tile-header:hover { box-shadow: none; }

.sch-tile-header .sch-amount,
.sch-tile-header .sch-area,
.sch-tile-header .sch-properties { font-weight: 300; line-height: 30px; opacity: 1; }

.sch-tile-header .sch-amount,
.sch-tile-header .sch-area,
.sch-tile-header .sch-properties { color: #fff; text-decoration: none; }

.sch-tile-header .sch-amount { }

.sch-tile-header .sch-area { }

.sch-tile-header .sch-properties { }

.ascending .descending,
.descending .ascending,
.sch-tile-header i { display: none; }

.ascending .ascending,
.descending .descending { display: inline; }

.map-vu { display: inline-block; vertical-align: top; line-height: 1; margin-top: 20px; float: right; }

.sch-tile input { position: absolute; top: 14px; left: 5px; opacity: 1; cursor: pointer; width: auto; height: auto; }

    .sch-tile input + .sch-selected { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: -1; margin: 0; }

    .sch-tile input[type=checkbox]:checked + .sch-selected { z-index: 2; cursor: pointer; background-color: #0f3661; opacity: 0.81; color: #fff; font-size: 27px; }

    .sch-tile input + .sch-selected i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.date-range-info { line-height: 38px; }

    .date-range-info p { margin: 0 5px; display: inline-block; }

    .date-range-info a { margin: 0 2px; }

.charttext { top: -20px; position: relative; text-align: center; }

.ch-item-label { top: 3px; position: relative; text-align: center; }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle { color: #fff; background-color: #00893E; border-color: transparent; border-radius: 0; }

.area-filters-box { max-height: 400px; overflow-y: auto; border: 5px solid #f2f3f5; background-color: #f2f3f5; }

    .area-filters-box .card { margin-top: -1px; }

button#compare { pointer-events: none; opacity: 0.6; }

    button#compare.active { pointer-events: auto; opacity: 1; }

@media (max-width: 991px) {
    .total-wrap .cntnt { }

    .total-wrap .cntnt-icn { float: right; }

    .total-wrap .icn { width: 48%; float: left; margin: 0 1%; }

    .total-wrap .map-vu { float: none; display: block; clear: both; text-align: center; padding-top: 20px; }

    .transaction-btn-wrapp { text-align: center !important; }

    .date-range-info { float: none; text-align: center; }
}

@media (max-width: 576px) {
    .total-wrap .icn { width: 100%; margin: 0 0 10px 0; float: none; }

    .total-wrap .map-vu { padding-top: 0; }
}

@media (min-width: 991px) {
    .transaction-search-listing { }

        .transaction-search-listing .col-lg-4 { max-width: 100%; flex: auto; }

    .sch-tile { margin-bottom: -1px; padding: 6px 23px; height: auto; display: inline-block; }

        .sch-tile:hover { box-shadow: 0px 0px 14px rgba(14, 54, 96, 0.2) inset; }

        .sch-tile div { float: left; position: static; background-color: transparent; margin: 0; }

    .sch-properties { width: 20%; text-align: right; }

    .sch-tile .sch-amount { float: right; margin: 0; width: 20%; text-align: right; }

    .sch-tile.sch-tile-header { display: inline-block; }

    .sch-area { width: 60%; line-height: 30px; text-align: left; padding: 0; }

    .transaction-search-listing > .col-md-12:nth-child(2n+1) .sch-tile { background-color: #f8f9fa; }

    .sch-tile input { position: absolute; top: 14px; left: 5px; opacity: 1; cursor: pointer; width: auto; height: auto; }

        .sch-tile input[style^="display"] + label { display: none; }

        .sch-tile input + .sch-selected { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(255, 255, 255); z-index: 1; opacity: 0; margin: 0; }
}