h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
}
p, div {
    font-family: 'Lato', sans-serif;
}

body { background: #383838; }
h1 { color:#ff7800 }
h3 { color:#999 }



.modal-content
{
	background-color: #e8e8e8;
}

.top-buffer { margin-top:20px; }

.left-spacing{
	margin-left: 30px !important;
}
.pagination {
  height: 36px;
  margin: 18px 0;
}
.pagination li 
{
  display: inline;
}
.pagination li a 
{
  float: left;
  padding: 0 14px;
  line-height: 30px;
  border-radius:0px;
  border-width: 0px;
  background: transparent;
  color:#ff7800;

}

.pagination li a:hover
{
	background-color: #ff7800;
	color:white;
}

.pagination .active a {
  background-color: #ff7800;
}

.pagination .active a {
  color: white;
}

.pagination .active a:hover
{
	background-color: #d36402;
}

.breadcrumb
{
	background: transparent;
}

.breadcrumb a
{
	color:#ff7800;
}

.form-dark
{
	color:white;
}

.glyphicon 
{
  	color: white;
  	background-color: transparent;
}
.input-group-addon
{
	background: #ff7800;
	border-color:#ff7800;
}

.btn-padding
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.btn-custom 
{
  color: #ffffff;
  background-color: #ff7800;
  border-color: #ff7800;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
  color: #fff;
  background-color: #d36402;
  border-color: #d36402;
}

.btn-custom:active,
.btn-custom.active,
.open .dropdown-toggle.btn-custom {
  background-image: none;
}

.btn-custom.disabled,
.btn-custom[disabled],
fieldset[disabled] .btn-custom,
.btn-custom.disabled:hover,
.btn-custom[disabled]:hover,
fieldset[disabled] .btn-custom:hover,
.btn-custom.disabled:focus,
.btn-custom[disabled]:focus,
fieldset[disabled] .btn-custom:focus,
.btn-custom.disabled:active,
.btn-custom[disabled]:active,
fieldset[disabled] .btn-custom:active,
.btn-custom.disabled.active,
.btn-custom[disabled].active,
fieldset[disabled] .btn-custom.active {
  background-color: #d36402;
  border-color: #d36402;
}

input[type=file]
{
	color:white;
}
footer.navbar-default
 {
      background:gray;
      color:white;
      padding:1em 0;
 }
 footer.navbar-default.p
 {
      margin:0;
 }
 
 html, body 
{
  height: 100%;
}

#wrap 
{
  min-height: 100%;
}

#main 
{
  overflow:auto;
  padding-bottom:150px; /* this needs to be bigger than footer height*/
}

.footer 
{
  position: relative;
  margin-top: -80px; /* negative value of footer height */
  height: 80px;
  clear:both;
  padding-top:20px;
  background: gray;
} 

.radio 
{
	padding-right: 15px; 
	padding-left: 15px;
}
.order-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.order-info-item {
    flex: 1;
    text-align: center;
}

.order-info-item.left {
    text-align: left;
}

.order-info-item.right {
    text-align: right;
}
#editOrderModal .modal-content {
    background-color: #333; /* Fondo oscuro */
    color: white; /* Texto blanco */
}#orderDetailsTable tr {
    line-height: 1; /* Reduce la altura de las filas */
}

#orderDetailsTable td {
    padding: 3px 8px; /* Reduce el espacio dentro de cada celda */
    font-size: 12px; /* Opcional: Reduce el tamaño del texto */
}

#orderDetailsTable input.cantidad:focus,
#orderDetailsTable input.descuento:focus {
    border-color: #007bff; /* Resaltar el campo al hacer clic */
    outline: none;
}
#orderDetailsTable td.tarifa,
#orderDetailsTable td.total {
    width: 50px; /* Ajustar el ancho */
    height: 16px; /* Ajustar la altura */
    font-size: 12px; /* Tamaño del texto */
    text-align: right; /* Alinear el texto al centro */
    border: 1px solid #ccc; /* Borde más sutil */
    border-radius: 4px; /* Bordes redondeados */
    padding: 2px;
}
/* Alinear el fondo del campo a la derecha */
#orderDetailsTable td.cantidad,
#orderDetailsTable td.descuento {
    display: flex; /* Hace que el contenido dentro del <td> se pueda alinear */
    justify-content: flex-end; /* Alinea el contenido del <td> a la derecha */
    align-items: center; /* Centra verticalmente el contenido */
    padding-right: 5px; /* Espaciado a la derecha */
}

/* Alinear el contenido dentro del input al centro */
#orderDetailsTable input.cantidad,
#orderDetailsTable input.descuento {
    text-align: center !important; /* ✅ Centrar el texto dentro del input */
    width: 50px; /* Ajustar el ancho */
	padding: 2px; /* Espaciado interno */
    border: 1px solid #ccc; /* Borde sutil */
    border-radius: 4px; /* Bordes redondeados */
    height: 16px; /* Ajustar la altura */
    font-size: 12px; /* Tamaño del texto */
    background-color: #ffffff; /* Mantener fondo blanco */
}
#orderDetailsTable tfoot td {
    width: auto !important;
    text-align: right !important;
}