/* Contenido Princpal */
div.contenido_principal {
	min-height: 950px;
}
/* Login */
img.img-ventapi-login{
	display: inline-block;
	margin: auto;
	width: 32%;
}
img.img-apisoft-login{
	display: inline-block;
	margin: auto;
	width: 36%;
}

form.form-table-traslados {
	margin-top: 30px;
}

/**
* auto-complete - Boosttrap Typeahead
*/

.input-group-btn .btn-default.active {
	color: #fff;
	background-color: #269abc;
	border-color: #1b6d85;
}

.btn-group .btn-default.active {
	color: #fff;
	background-color: #269abc;
	border-color: #1b6d85;
}

.typeahead.dropdown-menu{
	box-sizing: border-box;
	display: block;
	width:75% !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance: textfield;
}

/* tabs 
****************/
.nav-tabs > li {
	position:relative;
}
.nav-tabs > li > a {
	display:inline-block;
	/*padding-right: 60px;*/
}
.nav-tabs > li > span > i {
	font-size: 18px;
}
.nav-tabs > li > span {
	display:inline-block;
	cursor:pointer;
	position:absolute;
	right: 10px;
	top: 13px;
	color: red;
}
.nav-tabs > li:hover > span {
	display: inline-block;
}

.img-circle.profile_img {
	width: 65px;
	max-height: 65px;
	overflow: hidden;
	background: #fff;
	margin-left: 15%;
	z-index: 1000;
	position: inherit;
	margin-top: 20px;
	border: 1px solid rgba(52,73,94,.44);
	padding: 4px;
}

.menu_section h3 {
	padding-right: 15px;
	text-align: center;
	color: #1ABB9C;
	/*color: #27E1BD;*/
}

/* Ticket 
**********************/

@font-face {
    font-family: ticketing;
    src: url(../fonts/Ticketing.ttf);
} 


@media screen, print {
	
	div.print-ticket-area-saldo {
		border: 1px solid #000;
		display: block;
		width: 100%;
		height: 439px;
		overflow: auto;
	}

	div.print-ticket-area {
		border: 1px solid #000;
		display: block;
		width: 100%;
		height: 510px;
		overflow: auto;
	}

	#invoice-POS {
	  /*box-shadow: 0 0 0.8in -0.25in rgba(0, 0, 0, 0.5);*/
	  /*box-shadow: 5px 10px #888888;*/
	  -webkit-box-shadow: 1px 1px 5px 0px rgba(153,153,153,0.5);
	  -moz-box-shadow: 1px 1px 5px 0px rgba(153,153,153,0.5);
	  box-shadow: 1px 1px 5px 0px rgba(153,153,153,0.5);
		

	  /*border: 1px solid #CCC;
	  box-sizing: border-box;*/
	  background: #EEE;
	  padding: 0;
	  margin: 0 auto;
	  width: 63.5mm;
	  background: #FFF;
	  margin-top: 10px;
	}
	#invoice-POS ::selection {
	  background: #f31544;
	  color: #FFF;
	}
	#invoice-POS ::moz-selection {
	  background: #f31544;
	  color: #FFF;
	}
	#invoice-POS h1 {
	  font-size: 1.5em;
	  color: #222;
	}
	#invoice-POS h2 {
	  font-size: 1.3em;
	  margin: 0;
	}
	#invoice-POS h3 {
	  font-size: 1.2em;
	  font-weight: 300;
	  line-height: 2em;
	}
	#invoice-POS p {
	  font-size: .7em;
	  color: #666;
	  line-height: 1.2em;
	}
	#invoice-POS #top, #invoice-POS #mid, #invoice-POS #bot {
	  /* Targets all id with 'col-' */
	  /*border-bottom: 1px solid #EEE;*/
	}
	#invoice-POS #top {
	  min-height: 100px;
	}
	#invoice-POS #mid {
	  /*min-height: 80px;*/
	}
	#invoice-POS #bot {
	  min-height: 50px;
	}
	#invoice-POS #top .logo {
	  height: 60px;
	  width: 60px;
	  background: url(http://michaeltruong.ca/images/logo1.png) no-repeat;
	  background-size: 60px 60px;
	}
	#invoice-POS .clientlogo {
	  float: left;
	  height: 60px;
	  width: 60px;
	  background: url(http://michaeltruong.ca/images/client.jpg) no-repeat;
	  background-size: 60px 60px;
	  border-radius: 50px;
	}
	#invoice-POS .info {
	  display: block;
	  margin-left: 0;
	  margin-bottom: 10px;
	}
	#invoice-POS .title {
	  float: right;
	}
	#invoice-POS .title p {
	  text-align: right;
	}
	#invoice-POS table {
	  width: 100%;
	  border-collapse: collapse;
	}

	#invoice-POS .tabletitle {
	  font-size: .9em;
	  background: #EEE;
	}
	#invoice-POS .service {
	  border-bottom: 1px solid #EEE;
	}
	#invoice-POS .unidad {
	  width: 10mm;
	}

	#invoice-POS .descripcion {
	  display: block;
	  width: 32mm;
	   /*max-width: 75ch;*/
	  white-space: nowrap;
  	  overflow: hidden;
  	  text-overflow: ellipsis;
  	  /*margin-right: 2mm;*/
	}

	#invoice-POS .sub_total, #invoice-POS tbody span.sub {
		text-align: right !important;
		margin: auto !important;
	}
	#invoice-POS .sub_total strong, #invoice-POS tbody span.sub{
		float: right !important;
	}
	#invoice-POS .itemtext {
	  font-size: .5em;
	}
	#invoice-POS #legalcopy {
	  margin-top: 10px
	}








	/* Cierre de caja 
	*****************************/
	#invoice-POS-CIERRE {
	  /*box-shadow: 0 0 0.8in -0.25in rgba(0, 0, 0, 0.5);*/
	  /*box-shadow: 5px 10px #888888;*/
	  -webkit-box-shadow: 1px 1px 5px 0px rgba(153,153,153,0.5);
	  -moz-box-shadow: 1px 1px 5px 0px rgba(153,153,153,0.5);
	  box-shadow: 1px 1px 5px 0px rgba(153,153,153,0.5);
		

	  /*border: 1px solid #CCC;
	  box-sizing: border-box;*/
	  background: #EEE;
	  padding: 0;
	  margin: 0 auto;
	  width: 63.5mm;
	  background: #FFF;
	  margin-top: 10px;
	}
	#invoice-POS-CIERRE ::selection {
	  background: #f31544;
	  color: #FFF;
	}
	#invoice-POS-CIERRE ::moz-selection {
	  background: #f31544;
	  color: #FFF;
	}
	#invoice-POS-CIERRE h1 {
	  font-size: 1.5em;
	  color: #222;
	}
	#invoice-POS-CIERRE h2 {
	  font-size: 1.3em;
	  margin: 0;
	}
	#invoice-POS-CIERRE h3 {
	  font-size: 1.2em;
	  font-weight: 300;
	  line-height: 2em;
	}
	#invoice-POS-CIERRE p {
	  font-size: .7em;
	  color: #666;
	  line-height: 1.2em;
	}
	#invoice-POS-CIERRE #top, #invoice-POS-CIERRE #mid-cierre, #invoice-POS-CIERRE #bot-cierre {
	  /* Targets all id with 'col-' */
	  /*border-bottom: 1px solid #EEE;*/
	}
	#invoice-POS-CIERRE #top {
	  min-height: 100px;
	}
	#invoice-POS-CIERRE #mid-cierre {
	  /*min-height: 80px;*/
	}
	#invoice-POS-CIERRE #bot-cierre {
	  min-height: 50px;
	}
	#invoice-POS-CIERRE #top .logo {
	  height: 60px;
	  width: 60px;
	  background: url(http://michaeltruong.ca/images/logo1.png) no-repeat;
	  background-size: 60px 60px;
	}
	#invoice-POS-CIERRE .clientlogo {
	  float: left;
	  height: 60px;
	  width: 60px;
	  background: url(http://michaeltruong.ca/images/client.jpg) no-repeat;
	  background-size: 60px 60px;
	  border-radius: 50px;
	}
	#invoice-POS-CIERRE .info {
	  display: block;
	  margin-left: 0;
	  margin-bottom: 10px;
	}
	#invoice-POS-CIERRE .title {
	  float: right;
	}
	#invoice-POS-CIERRE .title p {
	  text-align: right;
	}
	#invoice-POS-CIERRE table {
	  width: 100%;
	  border-collapse: collapse;
	}

	#invoice-POS-CIERRE .tabletitle {
	  font-size: .9em;
	  background: #EEE;
	}
	#invoice-POS-CIERRE .service {
	  border-bottom: 1px solid #EEE;
	}
	#invoice-POS-CIERRE .unidad {
	  width: 11mm;
	}

	#invoice-POS-CIERRE .descripcion {
	  /*display: block;*/
	  width: 17mm;
	   /*max-width: 75ch;*/
	  white-space: nowrap;
  	  /*overflow: hidden;*/
  	  /*text-overflow: ellipsis;*/
  	  /*margin-right: 2mm;*/
	}

	#invoice-POS-CIERRE .sub_total, #invoice-POS-CIERRE tbody span.sub {
		text-align: right !important;
		margin: auto !important;
	}
	#invoice-POS-CIERRE .sub_total strong, #invoice-POS-CIERRE tbody span.sub{
		float: right !important;
	}
	#invoice-POS-CIERRE .itemtext {
	  font-size: .5em;
	}
	#invoice-POS-CIERRE #legalcopy-cierre {
	  margin-top: 10px
	}

	/* Traslados 
	*****************************/
	#invoice-POS-TRASLADO {
	  /*box-shadow: 0 0 0.8in -0.25in rgba(0, 0, 0, 0.5);*/
	  /*box-shadow: 5px 10px #888888;*/
	  -webkit-box-shadow: 1px 1px 5px 0px rgba(153,153,153,0.5);
	  -moz-box-shadow: 1px 1px 5px 0px rgba(153,153,153,0.5);
	  box-shadow: 1px 1px 5px 0px rgba(153,153,153,0.5);
		

	  /*border: 1px solid #CCC;
	  box-sizing: border-box;*/
	  background: #EEE;
	  padding: 0;
	  margin: 0 auto;
	  width: 63.5mm;
	  background: #FFF;
	  margin-top: 10px;
	}
	#invoice-POS-TRASLADO ::selection {
	  background: #f31544;
	  color: #FFF;
	}
	#invoice-POS-TRASLADO ::moz-selection {
	  background: #f31544;
	  color: #FFF;
	}
	#invoice-POS-TRASLADO h1 {
	  font-size: 1.5em;
	  color: #222;
	}
	#invoice-POS-TRASLADO h2 {
	  font-size: 1.3em;
	  margin: 0;
	}
	#invoice-POS-TRASLADO h3 {
	  font-size: 1.2em;
	  font-weight: 300;
	  line-height: 2em;
	}
	#invoice-POS-TRASLADO p {
	  font-size: .7em;
	  color: #666;
	  line-height: 1.2em;
	}
	#invoice-POS-TRASLADO #top, #invoice-POS-TRASLADO .mid-traslado, #invoice-POS-TRASLADO #bot-traslado {
	  /* Targets all id with 'col-' */
	  /*border-bottom: 1px solid #EEE;*/
	}
	#invoice-POS-TRASLADO #top {
	  min-height: 100px;
	}
	#invoice-POS-TRASLADO .mid-traslado {
	  /*min-height: 80px;*/
	}
	#invoice-POS-TRASLADO #bot-traslado {
	  min-height: 50px;
	}
	
	#invoice-POS-TRASLADO .info {
	  display: block;
	  margin-left: 0;
	  margin-bottom: 10px;
	}
	#invoice-POS-TRASLADO .title {
	  float: right;
	}
	#invoice-POS-TRASLADO .title p {
	  text-align: right;
	}
	#invoice-POS-TRASLADO table {
	  width: 100%;
	  border-collapse: collapse;
	}

	#invoice-POS-TRASLADO .tabletitle {
	  font-size: .9em;
	  background: #EEE;
	}
	#invoice-POS-TRASLADO .service {
	  border-bottom: 1px solid #EEE;
	}
	#invoice-POS-TRASLADO .unidad {
	  width: 11mm;
	}

	#invoice-POS-TRASLADO .descripcion {
	  /*display: block;*/
	  width: 32mm;
	   /*max-width: 75ch;*/
	  white-space: nowrap;
  	  /*overflow: hidden;*/
  	  /*text-overflow: ellipsis;*/
  	  /*margin-right: 2mm;*/
	}

	#invoice-POS-TRASLADO .unidades, #invoice-POS-TRASLADO tbody span.sub {
		text-align: right !important;
		margin: auto !important;
		width: 12mm;
	}
	#invoice-POS-TRASLADO .sub_total strong, #invoice-POS-TRASLADO tbody span.sub{
		float: right !important;
	}
	#invoice-POS-TRASLADO .itemtext {
	  font-size: .5em;
	}
	#invoice-POS-TRASLADO #legalcopy-traslado {
	  margin-top: 10px
	}
}