.search-bar {
    max-width: 500px;
    margin: auto auto;
}
.search-bar .input-group {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.search-bar .form-control {
    border: none;
    padding-left: 20px;
}

.search-bar .btn {
    border: none;
    padding: 10px 20px;
}

.input-order{

    font-size:18px; border-radius:50px;
    padding:10px 30px;
}
.bi-search{
    font-size:20px;
}
.line-track{
    margin-left:36%;margin-right:44%;background-color:#A623BC; height:5px;border:none;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; 
}

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

.form-control-p{
    text-align:center;
    background-color:rgba(255,255,255,0.1);
    color:#FFF;
   
}

.form-control-p:focus{
   border-color:var(--accent-color);
   box-shadow:2px 2px 10px var(--accent-color);
   background-color:rgba(255,255,255,0.7);
}
.btn-confirm{
    border:none;
    border-radius:50px; 
    font-size:18px;
    background-color:var(--accent-color);
    padding:5px 35px 8px 35px;
}

.form-control:disabled{
   background-color:rgba(0,0,0,0.1);
}
.info-order-number{
    font-weight:bold;color:var(--accent-color);font-size:18px;
}

.modal-error{
    background: linear-gradient(148deg, rgb(117, 19, 19) 25%, rgb(43, 0, 0) 76%);
}

.card-track{
  background-color:rgba(36, 34, 39, 0.8);box-shadow:1px 2px 10px rgba(0,0,0,0.4);border-radius:12px;
  backdrop-filter: blur(8px);
  color:#FFF;
}

.colright{
    padding-left:40px;
}

.line-table{
  color:#999; height:5px
}

.content-empty{
    height: 650px;
}


@media only screen and (max-width: 768px) {
    .content-empty{
        height: 50vh;
    }


}