
.fileupicon {
  margin-right: 10px;
}
.filedeleteicon{
  width: 24px;
}
.status-approved strong{
  color: #01d195; 
}
.statusDiv p{
    font-size: 14px;
}
.statusDiv p img{
    width: 24px;
}
.status-inprogress strong{
  color: #b29030;
}
.status-rejected strong{
  color: #e21e1e;
}
.status-discuss strong{
  color: #b79230;
}
.fa-transfer-form input,.fa-transfer-form  #divAmount{
  width: 95%;
  border-right: 1px solid #ccc;
  border-radius: 4px;
}
.fa-transfer-form input#requestedAmount{
    border-left: 0;
}
.fa-transfer-form  #divAmount span{
  background-color: #e5f0fc;
}
.fa-transfer-form .upload-field .col-md-2 label,.fa-transfer-form .upload-field input{
  width: 100%;
}
.btn-admin[disabled]{
    background-color: #eff1f6 !important;
    color: #afb8bc;
    opacity: 1;
    border: 1px solid #afb8bc;
    pointer-events: none;
}
.btn-admin[disabled] img{
  filter: inherit;
}
.btn-admin img{
  filter: brightness(0) invert(1);
}
.input-group.invalid .input-group-addon,.input-group.invalid .form-control{
  border-color: red;
}
.input-group.invalid .form-control{
  border-left-color: transparent;
  border-right: 1px solid red;
}
.transferDetails {
  padding: 20px;
  background: #eff4fa;
}
.upload-wrapper{
  background-color: #f6f8fb;
}
.transferRemarks {
  width: 100%;
  box-shadow: 0 0px 11px #d0d0d0;
}
.transferRemarks .remarksgrid{
  width: 33.3%;
}
.transferRemarks .remarksgrid .title{
  font-size: 16px;
  padding: 10px 20px;
  background-color: #eff4fa;
}
.transferRemarks .remarksgridDetails{
  padding: 5px 20px;
  line-height: 1.5;
}
.viewFleetAccountManualTransferContainer{
    background: #fff;
    float: left;
    width: 100%;
    height: 100vh;
}
#fleetAccountManualTransferRequestList{
  display: table !important;
}
#searchTableError {
  text-align: center;
  padding: 20px 0;
}
#searchTableError p{
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0;
}
.fatofatransfercontainer .tab .nav {
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}
.fatofatransfercontainer .tab .nav-item{
  display: flex;
  flex-grow: 1;
}
.fatofatransfercontainer .tab .nav-pills{
  background-color: #dff0fd;
}
.fatofatransfercontainer .tab .nav-item .nav-link {
  text-align: center;
  width: 100%;
  background-color: #dff0fd;
}
.fatofatransfercontainer .nav-pills>li.active>a, .fatofatransfercontainer .nav-pills>li.active>a:focus, .fatofatransfercontainer .nav-pills>li:hover>a {
  background-color: #0369dd !important;
}
.upload-field-check{
  color: #777;
  font-weight: 500;
}
.pointer-none{
   pointer-events: none;
}
.not-found-data{
    width: 100%;
    height: calc(100vh - 200px);
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-wweight: bold;
}

select[disabled],.btn.dropdown-toggle.disabled.btn-default,input[readonly]{
    background: #eff1f6 !important;
}
#fromWallet[readonly]{
    color: #7d869c !important;
}
.dropdown-toggle.disabled.btn-default {
    color: #afb8bc !important;
}
.rfsmApprovalContainer ul.submenu{
    display: flex;
    justify-content: space-between;
}
.rfsmApprovalContainer ul.submenu li{
    width: inherit;
}
input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

 /* Firefox */
 input[type=number] {
   -moz-appearance: textfield;
 }

 .setStatus{
    display: block;
     width: 150px;
     height: 30px;
     padding: 6px 15px;
     border-radius: 4px;
     font-size: 13px;
     font-weight: bold;
     line-height: 1.38;
     text-align: center;
 }
 .statusApproved {
     background-color: #ddfdf4;
     color: #01d1a0;
 }
 .statusProgress {
      background-color: #ffefdb;
      color: #ff6c00;
  }
  .statusDiscuss {
       background-color: #fff2c6;
       color: #ab8f30;
   }
   .statusRejected {
        background-color: #ffd8d8;
        color: #e11e1e;
    }