/* nav */
/* div.scrollmenu { /* revisar para tablet
  overflow: auto;
  white-space: nowrap;
} */
/* nav */
.card-horizontal {
	display: flex;
	flex: 1 1 auto;
}
/* seccion de productos */
.input_table{
  width: -webkit-fill-available;
  display: none;
}
.input_table_unit{
  width: -webkit-fill-available;
  display: none;
}
.information{
  width: -webkit-fill-available;
  display: none;
}
.toast{
  position: fixed;
  right: 20px;
  top: 15px;
}
.pagination{
	overflow: scroll;
}
.btn-default{
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/* seccion de productos */

.btn-minus{
  background-color: grey !important;
  color: white !important;
}
.btn-add{
  color: white !important;
}
.btn-special{
	background-color: darkorange !important;
}
.btn-float {
	font-size: 10px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	color: #ffffff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #5d6778; /* Color de fondo */
	padding: 9px 15px; /* Relleno del boton */
	position: fixed;
	top: 40px;
	left: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-float2 {
	font-size: 10px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	color: #ffffff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #5d6778; /* Color de fondo */
	padding: 9px 15px; /* Relleno del boton */
	position: fixed;
	top: 40px;
	left: 200px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.title-color{
  color: #009a12 !important;
}
.label1{
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  color: #117CBD;
  right: 20px;
}
@media only screen and (max-width: 1000px) {
.app-utility-item{
	margin-right:.2rem !important;
}
}
.table_order_header{
  width: 12vw;
  border: 1px solid green;
  text-align: center;
  float: right;
}
.table_order_header .th_order_header{
  border: 1px solid green;
  background: green;
  color: yellow;
  font-weight: bold;
}
.table_order_content thead th{
  text-align: left;
  text-transform: uppercase;
  border: 1px solid green;
  background: green;
  color: yellow !important;
  font-weight: bold;
}
.panel-content{
  font-size: 30px;
}
.order-canceled{
  color: red !important;
}
.order-mobile{
  color: dodgerblue !important;
}
.order-payed{
  color: mediumseagreen !important;
}
.information{
  font-weight: bold;
}
.total-footer{
  font-weight: bold;
  font-size: 1.2rem;
  color: green;
	float: right;
}

.demo-main-cont.demo-comp-listview { padding: 0; }
.demo-comp-listview .demo-note { margin: 10px; }

.md-mailbox .mbsc-lv-item {
    line-height: 20px;
    padding: 10px 10px 10px 60px;
}

.md-mail-icon {
    width: 40px;
    line-height: 40px;
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}

.md-mail-date {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
}

.md-mail-from {
    font-size: 14px;
}

.md-mail-subject {
    font-size: 12px;
}

.md-mail-empty {
    padding: 10px;
}