/* New Css */



.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
    background: #fff !important;
}
.page-wrapper .page-header .header-wrapper {
  background: #ccc  !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span{
color:#000 !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content > li a svg{
color:#000 !important;
}

.left-header .welcome-content span {
color:#000 !important;
}
.page-wrapper.compact-wrapper .page-body-wrapper .according-menu i{
color:#000 !important;
}




.activebtn{
    background:#eff9e0;
    padding:2px;
    border-radius:10px;
}
.pendingbtn{
     background:#fce5ec;
    padding:2px;
    border-radius:10px;
}
.holdbtn{
     background:#f9f4d9;
    padding:2px;
    border-radius:10px;
}
.project-table .invoice-icon {
    background: #9b9b9b;
    padding:5px;
    color:#fff;
}
.invoice-icon i{
    color:#fff !important;
}
line{
    display:none;
}
table {
  border-collapse: collapse;
  width: 100%;
}
 th {
     background-color: #e8f0f7;
 }
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px !important;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

.daer{
        right: 26px;
    position: absolute;
}
.daer input{
        padding: 6px;
}


.daer1{
        right: -31px;
    position: absolute;
}
.daer1 input{
        padding: 6px;
}
.adfs{
    color:#fff;
    border-radius:5px;
    padding:8px;
    font-size:13px;
    background:#5080DB;
}
.mrst{
    float:right;
    margin:8px 0px;
}
.dlt{
     border-radius:5px;
    color:#ccc;
     border-radius:5px;
    padding:8px;
    font-size:13px;
    background:#f2f2f2;
}
.dlrt{
     border-radius:5px;
    border:1px solid #5080DB;
     padding:8px;
      font-size:13px;
}
                         
.qty {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  text-align: left;
}
.qty label {
  flex: 1 0 100%;
}
.qty input {
  width: 7rem;
  height: 3rem;
  font-size: 1.3rem;
  text-align: center;
  border: 1px solid #575757;
}
.qty button {
  width: 3rem;
  height: 3rem;
  color: #fff;
  font-size: 2rem;
  background: #575757;
}
.qty button.qtyminus {
  margin-right: 0.3rem;
}
.qty button.qtyplus {
  margin-left: 0.3rem;
}
 



 @media only screen and (min-width : 320px) and (max-width : 480px)  {
 .img-thumbnail {
    max-width: 115px !important;
    height: 115px !important;
 }
 .dataTables_filter {
    margin-bottom: 10px;
 }
 .daer1 {
    right: 0px;
    left: 22px;
    top: 47px;
 }
 .mrst a{
         line-height: 40px;
 }
 .mrst {
    float: right;
    margin-top: 20px !important;
      margin-bottom: 20px !important;
    margin-left: 20px !important;
 }
 .daer1 input {
    padding: 6px;
    display: flex;
}
 .srccv{
            margin-left: 12px;
        margin-top: 10px;
        margin-bottom: 10px;
 }
 .basic-wizard .stepper-horizontal .step .step-title {
        margin-bottom: 20px;
    }
.slcc{
     margin-bottom: 53px !important;
}.daer {
    top: 105px;
}

 
 }