/**
 * Media CSS
 */
@media ( max-width :867px) {
	body {
		color: #353535;
		font-size: 12px;
	}
}

@media ( max-width :1270px) {
	html, body {
		margin-bottom: 15%;
		height: inherit;
	}
}

@media ( max-width :1020px) {
	.web-edited-block img {
		width: 100% !important;
	}
}

@media ( max-width :730px) {
	.user-info {
		background: none !important;
		padding-right: 5px !important;
	}
}

@media ( max-width :450px) {
	.banner-img img {
		width: 100%;
	}

	.logo img {
		width: 100%;
	}

	.helper {
		display: none;
	}
	
	.newsLogo {
		display: none;
	}
}

@media ( max-width :970px) {
	.user-bank {
		font-size: 11px;
	}
	.user-estab-number {
		font-size: 11px;
	}
	.user-name {
		font-size: 11px;
	}
	.user-select-estab-number {
		font-size: 11px;
	}
}

@media ( max-width :872px) {
	.menu .level-1 a {
		color: #fff;
		font-size: 11px;
		font-weight: 600;
		text-transform: uppercase;
	}
}

/* Fix inner menu */
@media ( min-width :765px) {
	.menu ul.level-2 {
		padding-top: 5px;
	}
	.menu .level-1 {
		display: block !important;
	}
}

@media ( max-width :765px) {
	.menu .level-1 li.active {
		padding: 12px 0px 0px;
	}
	.menu .level-2 {
		margin-top: 7px;
	}
	.menu .level-2 li {
		width: 100%;
	}
	.menu .level-2 a {
		margin-top: 4px;
		text-align: center;
		padding-top: 2px;
	}
	.menu .level-2 li.active {
		padding: 1px 0px 3px;
	}
	.menu .level-3 {
		margin-top: 7px;
	}
	.menu .level-3 li.active {
		padding: 0px 0px 0px;
	}
	.menu .level-2 li {
		box-shadow: -2px 2px 17px #3f3f3f inset;
	}
	.menu .level-3 li {
		box-shadow: -2px 2px 34px #0f0f0f inset;
	}
}
/**
 * Bootstrap non forced
 */
@media ( min-width : 765px) {
	.nf-visible-xs {
		display: none !important;
	}
}

@media ( max-width : 765px) {
	.nf-hidden-xs {
		display: none !important;
	}
}

@media ( max-width :812px) {
	.user-info-content {
		width:100%;
	}
	.logo {
		display:none;
	}
}

@media ( max-width :765px) {
	.change-pass-right {
		height:100%;
	}
	.change-pass-advise {
		border-right: 1px solid #cecece;
		float: left;
		height: 100%;
		width: 100%;
		padding: 10px;
	}	
	.change-pass-rules {
		display: none;
	}
	.change-pass-form {
		float: left;
		margin-top: 30px;
		margin-bottom:14px;
		padding-left: 20px;
	}
	
	.banner {
		display:none;
	}
	.landing-news {
		display:none;
	}
	.company-name-login {
		width: 100% !important;
	}
	.clave-link {
		padding-top: 5%;
	}
	.helper {
		display:none;
	}
	.payment-due-panel {
		display:none;
	}
	.home-link-txt {
		display:none;
	}
	.home-link {
		width: 7% !important;
	}
	.user-config-line {
		float: left;
		margin-left: 5px;
	}
	
}

@media ( min-width :600px) {
	.to-web-link {
		display:none;
	}
}

@media ( max-width :860px) {
	.footer {
		height: 43px;
	}
	
	.legales .grey-link {
		display:none;
	}
}

@media ( max-width :730px) {
/* Force table to not be like tables anymore */
	.table-outer table, .table-outer thead, .table-outer tbody, .table-outer th, .table-outer td, .table-outer tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-outer thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table-outer tr { border: 1px solid #ccc; }
	
	.table-outer td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%;
		font-size: 3.0vw;
		text-align:right !important;
	}
	
	.table-outer td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		font-size: 3.0vw;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight:bold;
	}
	
	.header-table {
		display:none;
	}
	
}

@media ( min-width :378px) {
	.table-outer td { 
		font-size: 12px;
	}
	
	.table-outer td:before { 
		font-size: 12px;
	}
}

@media ( max-width :730px) {
	h1 {
		font-size:14px;
	}
	.login-header h1 {
		margin-top: 4px;
	}
	.content-title {
		padding-top: 0px;
		background: none;
		margin-left: -19px;
		min-height: 40px;
	}
	.content-sub-title {
		min-height: 40px;
	}
	.header-content {
		margin: 0 auto 18px;
		display: block;
		background: #f8f8f8;
	}
	.user-info-content .select2-container {
		width: 100%;
	}
	.menu-container {
		margin-top: inherit;
	}
	.header-content-login {
		display: none;
	}
	.login-body {
		background: none;
	}
	.user-info {
		margin-top: -11px;
		width: 100%;
		padding-bottom: 13px;
		height: inherit;
	}
	.user-info-content {
		height: inherit;
	}
	.user-name {
		display:none;
	}
	.user-select-estab-number {
		margin-left: -9px;
	}
	.user_estab {
		display:none;
	}
	.page-content-resumenDiario .totals {
		margin-right: inherit;
	}
	.page-content-resumenMensual table {
		margin-top: inherit;
	}
	.column50 {
		width:96%;
	}
	
	.landing-resume-left {
		width: 100% !important;
	}
	
	.landing-resume-right {
		width: 100% !important;
		margin-top: 17px;
	}
	
	.pdf-link {
		background: url(/establecimientos/resources/img/pdf.gif) no-repeat right transparent;
	}
	
	.excel-link {
		background: url(/establecimientos/resources/img/excel.gif) no-repeat right transparent;
	}	
}

@media ( max-width :730px) {
	.export-button-form {
		float: right;
		margin-top: 8px;
		margin-right: 10px;
	}
	.navbar {
		box-shadow: 0px 1px 0px 0px #14406d;
		margin-bottom: 1px;
	}	
}

@media ( max-width :370px) {
	.content-title h1 {
		font-size: 4.0vw;
	}	
	
	.landing-resume h3 {
		font-size: 4.0vw;
	}
	
	.landing-line-description {
		font-size: 3.0vw;
	}
	
	.landing-line-value {
		font-size: 3.0vw;
	}
	
	.tabs a {
		font-size: 3.0vw !important;
	}
	
	.pager-text {
		font-size: 3.0vw !important;
	}
	
	.next a {
		font-size: 3vw !important;
	}
	
	.previous a {
		font-size: 3vw !important;
	}
}

@media ( max-width :730px) {
	.transacciones-pres-filter {
		width:100%;
		margin-top:1px;
		margin-left: 0px;
	}
	.transacciones-pres-filter input {
		width: 60%;
		float: right;
	}
	
	.transacciones-filter {
		width:100%;
		margin-top:1px;
		margin-left: 0px;
	}
	.transacciones-filter input {
		width: 60%;
		float: right;
	}
	
	.last-four-dig-container {
		float: none;
	}
	.last-four-dig {
		display: inline-block;
		padding-top: 2px;
		font-size: 10px;
		float: right;
		padding-left: 0px;
	}
	
	table tr.odd {
		background: none repeat scroll 0 0 #fff;

		margin-top: 3px;
	}
	
	table tr.even {

		border-bottom: none;

		margin-top: 3px;
	}	
	
	.table-outer tr {
		border: none;
	}
}

@media ( min-width :767px) {
	.link-menu-outer {
		display:none;
	}
}

@media ( max-width :766px) {
	.link-menu-inner {
		display:none;
	}
}

@media ( max-width :370px) {
	.estab-selector-trx {
		font-size: 3.0vw;
	}
}
@media ( max-width :730px) {
	.transacciones-pres-filter {
		display: block;
	}
	.transacciones-pres-filter input {
		font-size: 3.0vw;
		width: 100%;
	}
	.transacciones-pres-filter label {
		font-size: 3.0vw;
	}	
	
	.transacciones-filter {
		display: block;
	}
	.transacciones-filter input {
		font-size: 3.0vw;
		width: 100%;
	}
	.transacciones-filter label {
		font-size: 3.0vw;
	}	
	.control-label {
		font-size: 3.0vw;
	} 
	.admin-users-estab {
		display:none;
	}
	
	.controls select {
		font-size: 3.0vw;
	}
}

@media ( max-width :730px) { 
	.debitos div {
		width: 100%;
	}
	.debitos-filter input {
		float:right;
		width:100%;
	}
	.debitos-filter label {
		font-size: 3.0vw;
	}
}

@media ( min-width :378px) {
	.control-label {
		font-size: 12px;
	} 
	.transacciones-pres-filter input {
		font-size: 11px;
	}
	.transacciones-pres-filter label {
		font-size: 12px;
	}	
	.transacciones-pres input {
		font-size: 12px;
	}
	.transacciones-pres label {
		font-size: 12px;
	}	
	
	.transacciones-filter input {
		font-size: 12px;
	}
	.transacciones-filter label {
		font-size: 12px;
	}	
	
	.controls select {
		font-size: 11px;
	}
	.transacciones input {
		font-size: 12px;
	}
	.transacciones label {
		font-size: 12px;
	}	
	
	.debitos-filter label {
		font-size: 12px;
	}
}