@media (min-width: 576px) {

  .modal-dialog {

    max-width: 900px;

    margin: 1.75rem auto;

  }

}



.deliverytab .nav-items,

.deliverytab .nav-link {

  border-radius: 0px !important;

}



.deliverymesg {

  color: #fbb00b !important;

  font-weight: 600;

}



.date-pickup-body {

  background: url(/images/calendartime.png) no-repeat #ffffff;

  background-size: 20px 20px;

  background-position: left 10px top 8px;

  color: red;

  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", sans-serif;

  font-size: 15px;

  padding-left: 40px;

  font-weight: 700;

}






.tdorder {

  font-size: 12px;

}



@media (min-width: 769.01px) {

  .deliverytab img {

    max-width: 50px;

  }



  .categoryNameLocal {

    width: " . ($longi + 1360) . " px;

    background-color: #fbb00b;

    border-radius: 30px;

    color: white;

    text-align: right;

    position: relative;

    padding-right: 40px;

    box-shadow: 1px 4px #88888845;

    border-top-left-radius: 0;

    left: -1300px;

    max-width: 2555px;

    height: 39px;

  }



  .tdorder {

    font-size: 15px;

  }

}



@media (max-width: 768px) {

  .deliverytab img {

    max-width: 45px;

  }



  .categoryNameLocal {

    background-color: #fbb00b;

    border-radius: 30px;

    color: white;

    text-align: right;

    width: " . ($longi + 190)	. " px;

    left: -180px;

    position: relative;

    padding-right: 20px;

    box-shadow: 1px 4px #88888845;

    border-top-left-radius: 0;

    max-width: 2555px;

    padding-top: 10px;

    padding-bottom: 1px;

    font-size: 12.5px;

  }



  .table td,

  .table th {

    padding: 0.5rem;



    border-top: 1px solid #dee2e6;

    font-size: 14px;

  }

}



@media (max-width: 321px) {

  .deliverytab img {

    max-width: 35px;

  }



  .deliverymesg span {

    font-size: 12px;

  }



  .localactive {

    background-color: #dddddd;

    height: auto;

  }



  .deliverytab {

    border-color: #c2c2c2;

    background-color: #ffffff;

    border: 1px solid #eee;

    background-color: #fff;

    list-style: none;

    text-align: center;

    height: auto;

  }



  .card-body {

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    padding: 0.25rem;

  }



  .table td,

  .table th {

    padding: 0rem;

    border-top: 1px solid #dee2e6;

    font-size: 12px;

  }

}



.fade {

  transition: opacity 0.15s linear;

}



.fade {

  opacity: 1;

}



.form-group label {

  font-size: 15px;

  font-weight: 650;

}



.noborder {

  border: none;

}



.radius-top {

  border-radius: 5px;

  border-bottom-left-radius: 0px;

  border-bottom-right-radius: 0px;

}



/**************************************************************/

.bg-dark {

  background-color: #232324 !important;

}



.principalcolor {

  color: #fbb00b;

}



.bg-gradient-primary {

  background-color: #090909;

  background-image: linear-gradient(180deg, #000000 10%, #4f4f4f);

  background-size: cover;

}














.form-g5roup>.form-control {

  display: block;

  width: 100%;

  height: calc(1.5em + 0.75rem + 2px);

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 700;

  line-height: 1.5;

  color: #ffffff;

  background-color: #000;

  background-clip: padding-box;

  border: 1px solid #d1d3e2;

  border-radius: 0.35rem;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}
.card-bodyx {
    border: none!important;
    overflow-x: auto!important;
    max-height: 60vh!important;
    max-width: 100vw!important;

}
#content-wrapper,
#wrapper {

  display: flex;
min-height: 90vh;

}

#wrapper #content-wrapper {
    background-color: transparent
	; 
    width: 100%;
    overflow-x: hidden;
	max-height: 80vh;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: white;
    background-color: #000;
    border: 1px solid #dddfeb;
    font-weight: 600;
}







.show {
  display: block !important
}



.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding-left: 1.5rem;
  padding-right: 0.5rem;
}
#content {
      min-height: 80vh;  
}