body {
    font-family: 'Cairo', sans-serif;
}
#toast-container>.toast-success {
    background-color: #15964f;
}
#toast-container>.toast-error {
    background-color: #f00;
}
#map { height: 500px; width: 100%; }
.activeDriver,.disActive{
    padding: 4px 3px;
  color: #eee
}
.activeDriver{
        background: #00ff28;
}
.disActive{
    background: #f00;

}
.successIcon{
    background-color: #46d811;
  color: #f4eeee !important;
  border-radius: 28px;
  padding: 3px 3px 3px 6px;
}
.errooIcon
{
    background-color: #f21212;
    color: #f4eeee;
    border-radius: 28px;
    padding: 3px 3px 3px 6px;

}

.login_form{
    direction: rtl;
    text-align: right;

}
.app-brand-text.demo {
    font-size: 1.250rem;
    }
    .card-header{
        border: 1px solid;
        padding: 10px;
          background:
        linear-gradient(60deg,#443e92,#e53935);
          margin-bottom: 10px;
    }
    .card-tile {
        color: #ccc;
        font-weight: bold   ;
    }
   
    .page_title{
        font-size: 1.2em;
  font-weight: 500;
  color: #fff;
  padding:
34px 20px 34px 5px;
  text-align: center;
  background:
linear-gradient(60deg,#443e92,#e53935);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
    }
    #customerTable tbody{
        box-sizing: border-box;
    }
    #customerTable tr th{
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        background: linear-gradient(60deg,#443e92,#e53935);
        color: white;
        width: 50%;
        border: 1px solid #ddd;
    }
    #customerTable tr td{
        border: 1px solid #ddd;
        padding: 8px;
    }
    .btn-action,.btn-action:hover,.btn-action:active,.btn-action:focus-visible{
        background: #4a1bb3;
        color: #eee;
    }