.filter-row{
  display: block !important;
}
.filter-row .col{
  margin: 3px !important;
}
.badge-pill{
  background-color: #67737b !important;
  font-size: 10px !important;
}
.remove-btn{
  background: none;
    padding: 0;
    border: none;
    color: white;
    font-size: 12px;
}
.btn-action{
  background-color: #1761fd;
  padding: 5px 14px;
  color: white;
  border-radius: 3px;
  margin: 1px;
  width: 95%;
  font-size: 12px;
  border: none;
}
.btn-action-export{
  background-color: #02a661;
  padding: 5px 14px;
  color: white;
  border-radius: 3px;
  margin: 1px;
  width: 95%;
  font-size: 12px;
  border: none;
}
/* invoice status */
.pending-card{
  background-color: bisque;
  border: 3px solid #ffffff00;
  overflow: hidden;
  position: inherit;
}
.qc-card{
  background-color: aliceblue;
  border: 3px solid #ffffff00;
  overflow: hidden;
  position: inherit;
}
.accepted-card{
  background-color: #D9F9EC;
  border: 3px solid #ffffff00;
  overflow: hidden;
  position: inherit;
}
.rejected-card{
  background-color: #FEE0E7 ;
  border: 3px solid #ffffff00;
  overflow: hidden;
  position: inherit;
}
.allfiles-card{
  background-color: rgb(224, 224, 224);
  border: 3px solid #ffffff00;
  overflow: hidden;
  position: inherit;
}
.text-muted-pending {
  color: #b98415 !important;
  font-size: 12px !important;
}
.text-muted-qc{
  color: #0289cd !important;
  font-size: 12px !important;
}
.text-muted-accepted{
  color: #02a661 !important;
  font-size: 12px !important;
}
.text-muted-rejected{
  color: rgb(255, 67, 67) !important;
  font-size: 12px !important;
}
.text-muted-all{
  font-size: 12px !important;
}
div:focus {
  outline: 1px solid blue;
}



.pending-card:focus{
  border: 3px solid #ffad53;
  /* background-image: linear-gradient(to bottom right, rgb(187, 147, 0), rgb(213, 213, 213)); */
  .arrow-right{
    background-color: #ffad53;
    height: 80px;
    right: -50px;
    position: absolute;
    top: -50px;
    width: 70px;
    
    -webkit-transform: rotate(-45deg);
  }
}


.qc-card:focus{
  border: 3px solid #0289cd;
  .arrow-right{
    background-color: #0289cd;
    height: 80px;
    right: -50px;
    position: absolute;
    top: -50px;
    width: 70px;
    
    -webkit-transform: rotate(-45deg);
  }
}
.accepted-card:focus{
  border: 3px solid #02a661;
  .arrow-right{
    background-color: #02a661;
    height: 80px;
    right: -50px;
    position: absolute;
    top: -50px;
    width: 70px;
    
    -webkit-transform: rotate(-45deg);
  }
}
.rejected-card:focus{
  border: 3px solid rgb(255, 67, 67);
  .arrow-right{
    background-color: rgb(255, 67, 67);
    height: 80px;
    right: -50px;
    position: absolute;
    top: -50px;
    width: 70px;
    
    -webkit-transform: rotate(-45deg);
  }
}
.allfiles-card:focus{
  border: 3px solid rgb(81, 81, 81);
  .arrow-right{
    background-color: rgb(81, 81, 81);
    height: 80px;
    right: -50px;
    position: absolute;
    top: -50px;
    width: 70px;
    
    -webkit-transform: rotate(-45deg);
  }
}


.sale-body ul li{
    list-style: none;
    font-family: 'Poppins';
    font-weight: 500;
    margin-top: 2%;
}
.sale-body ul li:nth-child(4) {
  color: #03d87f;
}
.completed-file{
  color: #000000;
}
/* card-img icons */
.card-img {
  max-height: 50px;
  margin-left: 5%;
  display: flex;
  justify-content: flex-end;
}
.sales-card >.card{
  max-width: 330px;
}
.sale-body{
background-color: #F1F5F9;
}
.card-header{
align-items: center;
}
.card-header p span{
  font-weight: 600;
}
.status-icon-blue{
  color: #0289cd;
  font-size: 16px;
}
.status-icon{
  color: #03d87f;
  font-size: 16px;
}
.status-icon-process{
  color: #d87c03;
  font-size: 16px;
}
.status-icon-pending{
  color: #d83803;
  font-size: 16px;
}
.status-icon-all{
  font-size: 16px;
}
.left-sidenav .brand .logo .logo-lg {
  height: 40px;
  margin-left: 2px;
  display: inline-block;
}

.left-sidenav .brand .logo .logo-lg.logo-light {
  display: none;
}

.left-sidenav .brand .logo .logo-sm {
  height: 40px;
}