.ttlsals {
  background-image: linear-gradient(to left bottom, #370505, #64181e, #952e33, #c94548, #ff5e5e);
   color:white !important;
  
}
    
.salsthrty {
  background-image: linear-gradient(to left bottom, #370505, #64181e, #952e33, #c94548, #ff5e5e);
  color:white !important;
}  

.salstdy {
  background-image: linear-gradient(to left bottom, #370505, #64181e, #952e33, #c94548, #ff5e5e);
  color:white !important;
    
}

.ttltrans {
    background-image: linear-gradient(to left bottom, #ff0000, #ff2822, #ff3d39, #ff4e4c, #ff5e5e);
    color:white !important;
}

.transthrity {
   background-image: linear-gradient(to left bottom, #ff0000, #ff2822, #ff3d39, #ff4e4c, #ff5e5e);
   color:white !important;
}

.transtdy {
  background-image: linear-gradient(to left bottom, #ff0000, #ff2822, #ff3d39, #ff4e4c, #ff5e5e);
   color:white !important;
    
}


.ttlordr{
  background-image: linear-gradient(to left bottom, #2958ff, #4c60ff, #6267ff, #7570ff, #8478ff);
  color:white !important;
}

.ordrsthrity {
  background-image: linear-gradient(to left bottom, #2958ff, #4c60ff, #6267ff, #7570ff, #8478ff);
  color:white !important;
}

.ordrtdy {
  background-image: linear-gradient(to left bottom, #2958ff, #4c60ff, #6267ff, #7570ff, #8478ff);
  color:white !important;
}


.ttluser {
  background-image: linear-gradient(to left bottom, #ffec29, #ffc407, #ff9b16, #ff702d, #ff4141);
  color:white !important;
}

.usrbalnc {
  background-image: linear-gradient(to left bottom, #ffec29, #ffc407, #ff9b16, #ff702d, #ff4141);
  color:white !important; 
}

.actvusrthirty {
  background-image: linear-gradient(to left bottom, #ffec29, #ffc407, #ff9b16, #ff702d, #ff4141);
  color:white !important;  
}

.ttltickt {
  background-image: linear-gradient(to left bottom, #2a0d0d, #2d1010, #301213, #341515, #371717);
  color:white !important;  
}

.opntkt {
  background-image: linear-gradient(to left bottom, #2a0d0d, #2d1010, #301213, #341515, #371717);
  color:white !important; 
}

.status-card-completed {
   background-image: linear-gradient(to left bottom, #0d2a13, #085a1e, #008e24, #00c521, #0cff00);
    
}

.status-card-pending { 
  background-image: linear-gradient(to left bottom, #1e80ff, #00a3ff, #00c1ff, #00dcff, #00f4ff);
   color:white !important; 
}

.status-card-inprogress { 
  background-image: linear-gradient(to left bottom, #ff761e, #ff7118, #ff6d11, #ff6809, #ff6300);
   color:white !important; 
}

.status-card-processing {
  background-image: linear-gradient(to left bottom, #1320a4, #3531ba, #4e43d1, #6555e8, #7b67ff);
   color:white !important; 
}

.chrtcrd {
  background-color:  #ffe2e2;
  border:2px solid black !important;
  color:white !important;
}


.usrbal {
    
}

.opntktusr {
    
}

.ttlspntuser {
    
}


.spntusrthirtydays {
    
}

.spntusertdycard  {
    border-radius:10px;
    box-shadow: 0px 7px 0px 0px #888888 !important;
}


.userttlordr {
    
}

.ordrthirtyusr {
    
}

.ordrtdyusr {
    
}

.usrttlslschrt {
    background-color:  #ffe2e2;
  border:2px solid black !important;
  color:#000000 !important;
}


.usrthirtyslschrt {
    background-color:  #ffe2e2;
  border:2px solid black !important;
  color:#000000 !important;
}

.userslstdychrt {
    background-color:  #ffe2e2;
  border:2px solid black !important;
  color:#000000 !important;
}


/*ORDER HISTORY*/

.btn-fltrordrop {
  border-radius:10px;
  color:white;
  background-color:red;
}

.btn-fltrordrop:hover {
  background-color:#b80000;
}


.drpdownfltordrsmwnu > a {
  color:#ff5353 !important;
  border-bottom:1px solid #b8b8b8;
}

.drpdownfltordrsmwnu > a:hover {
  color:#ab0000 !important;
}


.alordrhis {
}

.pendordrhis {
}

.procesorderhis {
}

.inproordrhis {
}

.compordrhis {
}

.canordrhis {
}

.refuordrhis {
}

.erroordrhis {
}

.failordrhis {
}



.btn-erorfailordr {
  background-image: linear-gradient(to left bottom, #e90000, #e30000, #de0000, #d80000, #d30000);
  color:white;
  padding:2px 20px  !important;
  border-radius:10px;
  border:none;
  font-weight:900;
  text-transform:uppercase;
}

.btn-penordr {
  background-image: linear-gradient(to left bottom, #0f5fff, #4f6eff, #6f7dff, #888dff, #9d9dff) !important;
  color:white;
  padding:2px 20px  !important;
  border-radius:10px;
  border:none;
  font-weight:900;
  text-transform:uppercase;
}

.btn-procesordr {
  background-image: linear-gradient(to left bottom, #0745c2, #0639b8, #062cad, #081da2, #0b0b97);
  color:white;
  padding:2px 20px  !important;
  border-radius:10px;
  border:none;
  font-weight:900;
  text-transform:uppercase;
}

.btn-inproordr {
  background-image: linear-gradient(to left bottom, #ff8400, #ff7c00, #ff7400, #ff6c00, #ff6300);
  color:white;
  padding:2px 20px  !important;
  border-radius:10px;
  border:none;
  font-weight:900;
  text-transform:uppercase;
}

.btn-compordr {
  background-image: linear-gradient(to left bottom, #47e900, #46e300, #44de00, #43d800, #41d300);
  color:white;
  padding:2px 20px  !important;
  border-radius:10px;
  border:none;
  font-weight:900;
  text-transform:uppercase;
}


.mainordrcancluser, .mainordrrefunduser {
  background-color:red;
  color:white;
  padding:2px 20px  !important;
  border-radius:10px;
  border:none;
  font-weight:900;
  text-transform:uppercase;
  margin-top:10px;
}


/*BTNS        */


.btn-mazedit {
  background-color:#0003ff;
  color:white;
  border-radius:10px !important;
}    

.btn-mazedit:hover {
  background-color:#0b008f;
  color:white;
}        
   
.btn-mazdelt {
   background-color:#ff0000;
  color:white;
  border-radius:10px !important;   
} 

.btn-mazdelt:hover {
  background-color:#b70000;
  color:white;
} 

.btn-mazaactdtls {
  background-color:#008726;
  color:white;
  padding:1px 10px;
  border-radius:10px;
}

.btn-mazaactdtls:hover {
  background-color:#006e0f;
  color:white;
} 

.btn-primary {
  background-image: linear-gradient(to left bottom, #670000, #510606, #3a0a08, #240907, #070101) !important;
  color:white;
  border-radius:10px;
  border:none;
}

.btn-default {
  background-image: linear-gradient(to left bottom, #e90000, #e30000, #de0000, #d80000, #d30000);
  color:white;
  border-radius:10px;
}

.card {
    border-radius:10px !important;
}

.modal-content {
  border-radius:10px !important;
}


.form-control {
  border-radius: 10px;
  border: 1px solid #a09c9c;
  color: black;
  background-color: white;
}

.form-control:disabled {
  background-color: #bababa;
  color: #000000;
  cursor: not-allowed;
  opacity: 1;
}