.login-page {
	padding-top : 40px;
	width : 360px;
}
.login-input{
	font-size : 14px;
}
.full-width {
    width: 100% !important;
}
.main-page .main{
	min-height: 500px !important;
	margin-bottom:15px;
}
.glyphicon{
	cursor:pointer;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	background-color: #FCFDFE;
	text-decoration: underline;
	color: #002F51;
}
.table-modal > tbody > tr > td{
	border-top:none;	
	vertical-align:middle;
}

.modal-header {
	padding: 11px 15px 4px 30px;
    border-bottom: none;
    color: #fff;
    background-color: #0C3FA2;
    margin-bottom: 7px;
}
.modal-body {
	padding: 0 10px 10px 10px;	
}

/*Colores*/

.negro{
	color:#000;
}
.rojo{
	color:#C60000;
}
.verde{
	color:#4E972F;
}
.amarillo{
	color:#F3C938;
}
/*Fin Colores*/


html,
body {
    overflow: auto;
    background-color: #F2F3F7;
    /*background: linear-gradient(#FFFFFF, #FAFCFE);*/
    /*background-color: #FAFCFE;*/
    /*background-image: url("../images/venta.png");*/
    /*background-repeat: repeat-y;*/
    /*background-size: cover;*/
}
.logo-venta{
	background-image: url("../images/logo.png");
    background-repeat: no-repeat;
}
.uppercase {
	text-transform: uppercase;
}

.tab-pane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 13px;
}

.nav-tabs {
    margin-bottom: 0;
    
}

.panel{
    overflow:auto; 
    z-index:20;
    position: relative;
}

.modal-content {
	webkit-box-shadow : none;
	box-shadow : none;
}

.modal-content, .panel{
	border-radius: 3px;
    /*border-color: #dfe8f1;*/
}

.panel-personal{
	border: 1px solid #ddd;
	background-color:#fff;
	z-index: 20;
	/*overflow:auto;
	position:relative;*/
	border-radius:3px;
	padding:10px 0px;
	
}

.center-margin{
	float: none!important;
    margin: 0 auto;
}

.bg-gradient-9 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod�IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(-65deg,#008fe2 0,#00b29c 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#008fe2),color-stop(100%,#00b29c));
    background: -webkit-linear-gradient(-65deg,#008fe2 0,#00b29c 100%);
    background: -o-linear-gradient(-65deg,#008fe2 0,#00b29c 100%);
    background: -ms-linear-gradient(-65deg,#008fe2 0,#00b29c 100%);
    background: linear-gradient(154deg,#008fe2 0,#00b29c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008fe2', endColorstr='#00b29c', GradientType=1);
    background-color: transparent!important;
}

.padding-td{
	padding: 5px !important;
}

.padding-header{
	padding: 5px 5px 5px 10px !important;
	font-size:15px;
}
.td-subtitle{
	font-size: 18px
}
.td-number{
	text-align: right;
	padding-right: 20px !important;
}

.venta-subtitle{
	font-weight: normal;
    line-height: 1;
    color: #999999;
}

.main-venta{
	width: 100% !important;
}
.tab-content{
	background-color: #ffffff;
}
.row-table{
	margin-left:0px;
	margin-right:0px;
}

.row-tab{
	margin-left: -5px;
    margin-right: -5px;
}

.row-modal{
	margin-left:0px;
	margin-right:10px;
}
@media (max-width: 768px) {
	.row-modal{
		margin-right:0px;
	}
}
.row-modal-buttons{
	margin-left:15px;
	margin-top:5px;
	margin-right:15px;
}
.td-table{
	padding:5px;
}

.td-modal{
	padding:5px;
}

.td-modal-label{
	padding:10px 5px 10px 15px;
}
@media (max-width: 768px) {
	.td-modal-label{
		padding:10px 5px 0px 5px;
	}
}
.label-table{
	font-size: 12px; 
	font-weight: bold;
}
.label-modal{ 
	font-weight: bold;
}
.label-form{
	margin-top:6px;
}
.tr-anulado td{
	/*text-decoration: line-through;*/
	color:#dddddd;
}
.btn-md{
  padding: 12px 14px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
  margin-bottom: 3px;
}
.input-number{
	text-align: right; 
}
.titulo-modal{
	font-size:16px;
	margin-bottom:5px;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.input-blue{
	background-color:#EEF4FB !important; 
	border-color:#B9DAF4;
}
.input-white{
	background-color:#ffffff !important; 
}
.footer-sucursal, .footer-empresa{
	width: 300px; 
	position: fixed;
}
.footer-sucursal{
	bottom: 20px; 
	left: 20px;
}
.footer-empresa{
	bottom: 20px; 
	right: 20px;
}
.footer-empresa img{
	display: block;
	margin: auto;
}
@media (max-width: 768px) {
	.footer-sucursal, .footer-empresa{
		left: auto;
		bottom: 20px; 
		right: 20px;
		text-align: right;
	}
	.footer-empresa{
		margin-bottom:20px;
	}
	.footer-empresa img{
		margin-right: 0px;
	}
	
}

@media screen and (max-width: 576px) {
    .column_hide4{
		display: none;
	}
}
@media screen and (max-width: 768px) {
    .column_hide3{
		display: none;
	}
}
@media screen and (max-width: 992px) {
    .column_hide2{
		display: none;
	}
}
@media screen and (max-width: 1200px) {
    .column_hide1{
		display: none;
	}
}

.table .link{
	color: #0C3FA2;
	cursor: pointer;
	text-decoration: none;
}

.pd-l-0{
	padding-left: 0px;
}
.pd-r-0{
	padding-right: 0px;
}
.pd-l-5{
	padding-left: 5px;
}
.pd-r-5{
	padding-right: 5px;
}
.btn-mobile{
	margin-top: 30px;
}
.input-tipocomprobante{
	width:120px !important;
}
.input-serie{
	width:60px !important;
}
.input-correlativo{
	width:90px !important;
}
.input-tipodocumento{
	width:150px !important;
}
.show-mobile{
	display: none;
}
.hide-mobile{
	display: block;
}
@media (max-width: 768px) {
	.pd-l-0, .pd-l-5{
		padding-left: 15px;
	}
	.pd-r-0, .pd-r-5{
		padding-right: 15px;
	}
	.btn-mobile{
		margin-top: 15px;
	}
	.input-serie, .input-correlativo, .input-tipodocumento, .input-tipocomprobante{
		width: 100% !important;
	}
	.show-mobile{
		display: block;
	}
	.hide-mobile{
		display: none;
	}
}

.table-header{
	margin:0px;
	font-size: 13px;
	font-weight: bold;
}
.table-body{
	margin:0px;
	padding:2.5px 0px;
	
}
.table-header div, .table-body div{
	padding: 0 3px;
}
@media (max-width: 768px) {
	.table-body{
		margin-top:10px;
		padding:4px 2px;
		border:1px solid #ddd;
	}
	.table-body div{
		margin-top: 3px;
	}
}

.label-pago{
	width: 100%; 
	text-align:center; 
	font-weight: bold; 
	font-size:18px; 
	background-color: #F4F4F4; 
	padding: 7.5px 12px;
}
.input-pago{
	color:#7D7D7D; 
	font-size:20px; 
	font-weight: bold; 
	text-align: center; 
	display: inline-block; 
	border: 1px solid #dddddd; 
	padding:4px 12px; 
	height: 39px;
}
.input-pago[disabled] {
	background-color: #eeeeee;
    opacity: 1
}
.select-pago{
	width: 100%; 
	font-weight: bold; 
	font-size:18px; 
	text-align:center;
	background-color: #F4F4F4; 
	padding: 9px 12px;
	border:0;
	text-align-last: center;
}
.select-pago[disabled] {
	background-color: #eeeeee;
    opacity: 1
}