.filter-left-panel {background: #e8e9ef;border-radius: 31.5px}
.m-t-1{margin-top:1px}
.m-t-2{margin-top:2px}
.m-t-3{margin-top:3px}
.m-t-5{margin-top:5px}
.m-t-8{margin-top:8px}
.m-t-6{margin-top:6px}
.m-l-4{margin-left:4px}
.m-r-4{margin-right:4px}
.m-b-0{margin-bottom:0}
.m-t-0{margin-top:0}

.sub-title>span{text-transform:lowercase}
.icon-table-data {width: 42px !important;height: 42px !important}

.br--box{border-bottom:1px solid #d8dae4;padding-bottom:0.75em;}
.br--box:hover{background-color:#fff;border-bottom:1px solid transparent; box-shadow: 0px 1px 4px 1px #e4e4e4;}

.br--box h6{/*font-weight:normal;*/color:#2c3e50}
.text-blue{color:#2196f3;font-size:13px}
.text-green{color:#8f9092;font-size:14px}
.icon-table-data>.s-no{position: absolute;top: -2px;right: -12px;font-size:11px}

.icon-table-data.fa {
    font-size: 40px !important;
    margin-right:20px;
    position:relative
}
.icon-table-data.fa-cloud-download {
    color: #f8c300;
}
.icon-table-data.fa-cloud-upload {
    color: #76aa6f;
}
.card-trans{text-align:center}
.card-trans>h2{text-align:center;line-height:1;font-weight:normal;font-size:20px;color:#2c3e50}
.card-trans>span{display:inline-block;border-radius:12px;text-transform:uppercase;padding:3px 12px;font-size:12px;margin-top:6px;}


.bg-c-lyellow {
background: -webkit-gradient(linear, left top, right top, from(#f8c300), to(#e2b40bab));
background: linear-gradient(to right, #f8c300, #e2b40bab);
}
.filter-header{border-bottom:1px solid #d8dae4;padding-bottom:8px;}
.sub-title.bb-none{border-bottom:none;margin-top:1px;margin-bottom:0;padding-bottom:5px}


.f-input-group>.sub-title{text-transform:lowercase;margin-bottom: 10px;padding-bottom: 0;border-bottom:none}
.filter-header>.fh-s-left p{font-weight:500;color:#2c3e50}
.filter-header>.fh-s-left span{font-weight:500;color:#2c3e50}

.f-inputbox >.date-to.form-control{
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
    padding:12px 20px;background:#fff;border:none}

.form-control+.input-group-addon:not(:first-child) {
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
    border-left: 0;
    background:#fff;
    border:none;
    padding-right: 0.95rem;
}
.form-control+.input-group-addon .feather{
    color:#3d3d40  !important;
}
.f-inputbox >.ddown.form-control{
    border-radius:25px;
    padding:12px 20px;background:#fff;border:none}

.card-block.br-75{border-right:2px solid #fff;width:75%;}
.card-block.tr-status{margin-bottom:15px}
.card-block.tr-status>h4{color:#2c3e50}
.card-block.tr-status>p{color:#2c3e50}
.d-inherit{display:inherit}
.trans-box{margin-top:-39px}
.tbl-date-calander{float:left;/*margin-left:59px;*/margin-top:8px;}
.trans-box{margin-top:0}
.trans-col-right{margin-top:-39px}
.icon-calendar.f-left{color:#000}


.table-striped tbody#ref2 tr:hover {
    background-color:#fff;border-bottom:1px solid transparent; box-shadow: 0px 1px 4px 1px #e4e4e4;
}
.table-striped tbody#ref2 tr:hover td, .table-striped tbody#ref2 tr.sup2:hover th{
    border:1px solid transparent;
}

.table-striped tbody tr.sup2:hover {
    background-color:#fff;border-bottom:1px solid transparent; box-shadow: 0px 1px 4px 1px #e4e4e4;
}
.table-striped tbody tr.sup2:hover td, .table-striped tbody tr.sup2:hover th{
    border:1px solid transparent;
}


@media (min-width: 767px) {
    .fl-left-panel-outer.col-md-4{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29.333333%;
    flex: 0 0 29.333333%;
    max-width: 29.333333%;

    }
    
    .fl-right-panel-outer.col-md-8{-webkit-box-flex: 0;
    -ms-flex: 0 0 70.666667%;
    flex: 0 0 70.666667%;
    max-width: 70.666667%}

}
@media (max-width: 767px) {
    .filter-left-panel{margin-bottom:10px}
    .filter-left-panel .user-widget-card-1{margin-top:0}
    .trans-status-row .ts-col-1 {width:50%}
    .trans-status-row .ts-col-1 .br-75{width:100%;text-align:center;padding-left:0;}
    .trans-status-row .ts-col-2 {width: 50%}
    .trans-status-row .ts-col-2 .br-75{border-right:none;width:100%;text-align:center;padding-left:0;}
    .trans-status-row .ts-col-3 .tr-status{border-right:none;width:100%;text-align:center;padding-left:0;margin:0 auto}

    .fh-s-left {margin-bottom: 10px}
    .fh-s-right{float:none;margin: 0 auto;display: inline-block;}
    .fh-s-right .sub-title{margin:0 auto}
    .br--box>.row>h6.m-b-5{line-height:2.5}
    .tbl-date-calander{margin-left:-15px;margin-top:39px}
    

    /*---right-column-css----*/
    .card-block.br--box{padding-bottom:10px;padding-right:15px;padding-left:15px;}
    .br--box .row.d-inherit h6.m-b-5{line-height:inherit;margin-bottom:0}
    .br--box .row.d-inherit>.text-blue{font-size:11px;margin-top:0}
    
    .transaction-row{display:flex;margin-top:15px;margin-left:-15px;margin-right:-15px}
    .transaction-row .tbl-date-calander{margin-left:0;margin-top:0}
    .transaction-row .tbl-date-calander>span{display:block;margin-top:-2px}
    .transaction-row .icon-calendar.f-left{float:none;color:#000;position:relative;top:4px}

    /*.tbl-date-calander{ 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
     float:none;
     text-align:center}


    .trans-col-right{
     display:flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666666%;
     flex: 0 0 66.666666%;
     max-width: 66.666666%;
     margin-top:0
    }*/

    .tbl-date-calander{ 
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
     flex: 0 0 40%;
     max-width: 40%;
     float:none;
     text-align:center}


    .trans-col-right{
     display:flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
     flex: 0 0 60%;
     max-width: 60%;
     margin-top:0
    }


    .trans-col-right>.card-trans{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
     float:none;
     text-align:center}
    
    .trans-col-right>card-trans.m-l-15{margin-left:0;}
    .card-trans .f-right.btn-danger{float:none}
    .card-trans .f-right.btn-success{float:none}

    .card-trans>h2{text-align:center;margin-bottom:3px;}
    .main-body .page-wrapper .page-header.m-t-50{margin-top:0;margin-bottom:5px}
    .main-body .page-wrapper .page-body.m-t-50 {
                margin-top: 0;
                margin-bottom: 5px;
            }
    .email-card .mail-box-head{padding: 5px 0 0 0;
    min-height: 60px;}
    .email-card .user-head{min-height:40px}
    /*.card-trans2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
     float:none;
     text-align:center}*/

}

@media (min-width: 1200px) {
    .col-md-6.col-xl-6.f-input-group{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-6.col-xl-6.input-group.input-group-inverse{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-6.col-xl-6.input-group{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .trans-status-row .ts-col-1 {
        /*width: 50%;*/
        -webkit-box-flex: 0;
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 50%;
       max-width: 50%;
       text-align:center
}

    .trans-status-row .ts-col-2 {
       -webkit-box-flex: 0;
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 50%;
       max-width: 50%;
       text-align:center
}
    .trans-status-row .ts-col-3 {
       -webkit-box-flex: 0;
       -ms-flex: 0 0 100%;
       flex: 0 0 100%;
       max-width: 100%;
       text-align:center
}


    .trans-status-row .ts-col-2 .br-75 {
    border-right: none;
    width: 100%;
    text-align: center;
    padding-left: 0;
}
    .trans-status-row .ts-col-3 .tr-status {
    border-right: none;
    width: 100%;
    text-align: center;
    padding-left: 0;
    margin: 0 auto;
}
    .card-block.br-75 {
    border-right: 2px solid #fff;
    width: 100%;
}
}
.table-striped tbody#TopJngs tr{border-bottom: 1px solid transparent;padding-bottom:0;}
.table-striped tbody#TopJngs tr:hover {
    background-color: #fff;
    border-bottom: 1px solid transparent;
    box-shadow: 0px 1px 4px 1px #e4e4e4;
}
.sign-lists>.table{font-size:14px;}
.sign-lists>.table{background-color:#f6f7fb}

.sign-lists>.table td{padding:.5rem .75rem;vertical-align:middle}
.sign-lists>.table td .round{display:inline-block;margin-top:-8px}