.col.refno {
    max-width: 20%;
    padding: 0;
}
.col.detail {
    max-width: 40% !important;
    padding: 0;
}
.col.sts {
    max-width: 50px !important;
    padding: 0;
}
.col.com {
    max-width: 100px !important;
}
.col.bal {
    max-width: 15%;
}
#custom-filter-area .filter-area {
    position: relative;
    width: 21%;
    float: left;
    margin: 5px 10px;
}
#custom-filter-area .filter-area.searchbutton {
    width: 5% !important;
    margin-top: -5px;
    margin-left: 20px;
}
#custom-filter-area .filter-area.searchbutton img {
    cursor: pointer;
}
.form-group.filter-area.button {
    float: right !important;
    height: 30px !important;
    padding-top: 5px;
    text-align: center;
    width: 32% !important;
}
.form-group.filter-area.customfilter {
    width: 45% !important;
}
.form-group.filter-area:first-child {
    margin-left: 0 !important;
}
.form-group.filter-area.datepick {
    width: 63% !important;
}
.form-group.filter-area .form-control{
  font-size: 14px;  
}
.core-nav .dropdown>.dropdown-menu{
width: 200px !important;	
}
.col-md-4.text-center button {
    width: 40%;
    height: 40px;
}
.validity{
    text-transform: capitalize;	
}
div#summary .col {
    max-width: 40%;
}
div#summary .col:last-child {
    text-align: right !important;
    max-width: 60%;
}
div#summary .items, div#summary .items:hover {
    background: none;
    color: #000;
    margin-bottom: 10px !important;
}
div#summary .products.proceed .col {
    max-width: 50%;
}
div#summary .modal-dialog.modal-dialog-centered.details-area {
    max-width: 100%;
}
div.dthinfo .col {
    max-width: 40% !important;
}
div.dthinfo .col:last-child {
    text-align: right !important;
    max-width: 60%;
}
div.dthinfo .items, div.dthinfo .items:hover {
    background: none;
    color: #000;
    margin-bottom: 10px !important;
}
div.dthinfo .products.proceed .col {
    max-width: 50%;
}
div.dthinfo .modal-dialog.modal-dialog-centered.details-area {
    max-width: 90%;
}
div.dthinfo .modal-content {
    border: none;
}
div.dthinfo .modal-body {
    padding: 0;
    border: none;
}
.profile-content .products .row a.cancel, .profile-content .products .row a.cancel:hover {
    background: #ccc;
    color: #000;
}
.profile-content .products .row a.pay {
    background: green;
    color: #fff;
}
.modal-dialog-centered::before{
display:none;	
}
span.select2-selection__arrow {
    height: 35px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 13px !important;
    line-height: 35px !important;
    box-shadow: none;
}
span.select2-selection.select2-selection--single {
    height: 35px !important;
}
li.select2-results__option {
    font-size: 13px;
}
div#gkqrcode img {
    height: 200px;
    width: 200px;
    margin: 3% auto;
    border: 2px solid green;
    border-radius: 5px;
}
a.btn.btn-success.btn-block.qrdownload, a.btn.btn-success.btn-block.qrdownload:hover, input.btn.btn-success.btn-block, input.btn.btn-success.btn-block:hover {
    color: #fff;
}
form#action_h {
    padding: 5% 1%;
}
span.success, span.credit {
    background: green;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 10px;
}
span.failed, span.debit {
    background: red;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 10px;
}
span.pending {
    background: #f90;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: 10px;
}
a.pay.loading {
    background: blue !important;
}
.sidebar .Profile-menu ul li a{
background:linear-gradient(89deg, #15bd41 0.1%, #53d243 51.5%, #85ce7c 100.2%) !important;
}
.sidebar .Profile-menu ul li.active a{
background:#0da90a !important;
}
.sidebar .Profile-menu ul li.active a:before{
background: #0da90a !important;
}
div#errorModal button.btn.btn-primary {
    color: #fff !important;
}