.Login {
    padding: 30px 0;
    margin: 0 auto;
    max-width: 400px;
  }

  .Home {
    padding: 30px 0;
    margin: 0 auto;
    max-width: 400px;
  }
  .Home .profile{
    margin-bottom: 20px;
  }
  .Home .card-body{
    padding:0.5rem
  }
  .Home .card-body p{
    margin-bottom: 0.25rem;
  }
  
  .Pay {
    padding: 30px 0;
    margin: 0 auto;
    max-width: 400px;
  }
  .reportDelivery {
    padding: 30px 0;
    margin: 0 auto;
    max-width: 400px;
   }
  .PayHistory {
    padding: 30px 0;
    margin: 0 auto;
    max-width: 400px;
  }
  .deliverytrip {
    padding: 30px 0;
    margin: 0 auto;
    max-width: 400px;
  }
  .button-menu{
    margin-top: 20px;
  }

  .modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
  }
  .btn {
    min-width: 90x;
  }

/* Bootstrap 4 text input with search icon */

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}
.fa {
  display: inline-block;
  font-size: 15pt;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-search:before {
  content: "\2315";
}
.fa-auto:before {
  content: "\26DF";
}
.fa-auto2:before{
 content: "\1F69A";
}
.rotatable{
  transform: scaleX(-1);
 }
 .not-active {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}
summary:focus{
  outline: none;
}
.modal-footer button{
  height:40px;
  padding: 0 20px 0 20px;
  width: 45%;
  text-align:center; 
}

.progress-sm{
  height: 0.5rem !important;
}
.progress-lg{
  height: 1.5rem !important;
}