.tabBtn {
    color: #1190e0;
    padding: 7px 10px 9px 10px;
    width: auto;
    min-width: 50px;
    display: inline-block;
    margin-bottom: -1px;
    z-index: 99999999999;
    transition: all 0s ease 0s !important;
    text-transform: uppercase;

}

.border-tabCard {
    border: 1px solid #666;
    transition: all 0s ease 0s !important;
    padding: 10px 20px;
}

.tabBtn.active {
    color: #666;
    border: 1px solid #666;
    border-bottom: 1px solid transparent !important;
    border: 1px solid #666;
    background: #fff;
    transition: all 0s ease 0s !important;


}

#show1,
#show2 {
    transition: all 0s ease 0s !important;

}

.d-flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
}

.d-flex li {
    flex: 1 0 auto;
    padding: 20px 5px;
}

.border-tabCard .d-flex small {
    color: #999;
}


.border-tabCard .d-flex h4 {
    font-size: 16px;
    margin-top: 3px;
    font-weight: normal;
}

.clrBlue {
    color: #1190e0
}

.transN90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;
    font-size: 18px;
    font-stretch: extra-expanded;
}

.trans90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    font-size: 18px;
    font-stretch: extra-expanded;
}

h3.pro-head {
    font-size: 20px;
    font-family: Arial;
    
    color: #1190e0;
    margin-bottom: 5px;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px 0px;

}

.table-responsive table {
    margin: 10px 0px;
    border-bottom: 1px solid #dee2e6;
}

.table-responsive table thead th {
    vertical-align: middle;
    border-bottom: 2px solid #dee2e6;
    padding: 15px;
    font-family: Arial;
    font-weight: normal;
    color: #999;
    font-size: 16px;
    text-align: left
}

.table-responsive table tbody tr {
    border-bottom: 1px solid #dee2e6;
}

.table-responsive table tbody tr:last-child {
    border-bottom: 2px solid #dee2e6;
}

.table-responsive table tbody td {
    vertical-align: middle;
    padding: 12px 15px;
    font-family: Arial;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.5;

}

.table-responsive table tbody td:first-child {
    width: 250px;
 
}

.chevron::before {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 0.45em;
    left: 0.15em;
    position: relative;
    top: 2px;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 0.45em;
}

.chevron.bottom:before {
    top: 0px;
    transform: rotate(135deg);
}

.alinkbtn {
    margin-left: 20px;
    vertical-align: middle;
    line-height: 28px;
    font-weight: 600;
}

.alinkbtn:hover {
    color: #082d52;
}

.sort-by.no-border {
    border: 0px !important;
    padding-left: 0px;
}




.clrDang {
    color: #ff6633;
}

.clrSucc {
    color: #00ba63;
}

.small-sorting-icon-link {
    margin-left: 20px;
    margin-top: -5px;
    display: block;
    float: left;
}

.sort-up-icon {
    background-position: -402px -48px;
    width: 10px;
    height: 10px;
}

.pl-stmt-viedetlink {
    display: block;
}



/*harshit chnages start 28022020*/
@media(max-width: 768px){
    .pro-val-normal.mar-val-list-inc span {
    display: block;
}

    .port-summery-gap .mar-panel-footer {
        width: 100%;
    }

    .sort-by .sort-name {
        margin-left: 0px;
        padding-left: 0px;
    }

    .mar-val-list-dec span,.mar-val-list-inc span {
        display: block;
    }

}