/* FUENTES */

/* BOLD */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
    src: url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

/* ITALIC */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot');
    src: url('../fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/opensans_italic_macroman/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans_italic_macroman/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* REGULAR */
@font-face {
    font-family: 'open_sans';
    src: url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#filtroCodigoDasa{
	.caret.pull-right{
		width: 6px !important;
	}
}

.caret.pull-right{
		width: 8px !important;
	}

/*FIN FUENTES */

.boton-grande{
	font-size: 40px;
}

.line-height-50{
	line-height: 60px;
}

.texto-grande{
	font-size: 20px;
}

.sidebar ul li a.active{
	background-color: #284c65;	/* Color del elemento seleccionado en la sidebar */
	color: white;
}

a {
    color: black;
    text-decoration: none;
}

.navbar-default{
	background-color: #156ca9;	/* Color del header y sidebar si no está seleccionado */
	color: white;
}

.navbar-default .navbar-brand {
    color: white;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover {
		color: transparent;
		outline-color: transparent;
}

.navbar-default a{
	color: white;
}

.nav{
	color: white;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #1982cc;	/* color del item si esta seleccionado */
}

.dashboard-content .panel-default .panel-heading {
    color: white;
    background-color: #254875;
    border-color: #ddd;
}

.dashboard-content .panel-default .panel-heading a{
    color: white;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: black;
	border-color: black;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: black;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #85adbd;
    background-color: transparent;
}

.humane{
    top: inherit;
    width: 90%;
    left: 5%;
    bottom: 10px;
}

/* configuracion de los sidebar menu icons */
.fa-custom-icon {	/* sidebar menu icons y boton para mostrarlos */
	font-size: 28px;
	color: white;
}

.icon-for-sidebar {	/* solo sidebar menu icons */
	padding-right: 28px;
}
.icon-for-sidebar:before{
	position: absolute;
	top: 13px;
	left: 13px;
	font-size: 0.6em;
}
.icon-for-sidebar.fa-qrcode:before{
	font-size: 18px;
}
.icon-for-sidebar.fa-folder:before{
	font-size: 17px;
}
ul.nav>li>a{
	box-sizing: content-box;
	padding-top: 8px;
}

/* sidebar */
.sidebar {
	/* font open sans semibold */
	font-family: "open_sans";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 26.4px;
}

@media(min-width: 768px){
	div.sidebar-nav{
		margin-left: 15px;
	}
}

/* padding de la imagen del Heraldo */
.navbar-brand {
	padding: 0;
}
.navbar-brand>img{
	width: 175px;
	padding-top: 8%;
	padding-bottom: 6.5%;
  padding-left: 20%;
}

/* para que las media queries no cambien de size el header */
.navbar-toggle {
	padding: 0;
}
.navbar-header{
	padding: 0;
}

/* color del fondo */
html, body {
	background-color: #156ca9;
}
#page-wrapper {
	background-color: #ececec;
	overflow: auto;

	/* font open sans regular */
	font-family: "open_sans";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 26.4px;
}

/* EXPERIMENTAL */
@media(max-width: 768px){
	html, body{
		background-color: #ececec;
	}
}
@media(min-width: 768px){
	html, body{
		background-color: #156ca9;
	}
}
/* FIN EXPERIMENTAL */

@media(min-width: 768px){
	#page-wrapper{
		margin-left: 251px;
		/* EXPERIMENTAL */
		position: absolute;
	  bottom: 0;
	  top: 0;
	  right: 0;
	  left: -14px;
	  margin-top: 52px;
		/* FIN EXPERIMENTAL */
	}
	div[ui-view]{
		margin-left: -15px;
		margin-right: -15px;
	}
}

/* color de las divs */
.bg-white {
	background-color: white;
}
.standalone-div {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-left: 0;
	margin-right: 0;
}

/* Imprimir codigos QR - view */
.qr-div {
	font-size: 0px;
	border-radius: 10px;
	box-shadow: 0px 3px 8px 0 rgba(103, 102, 102, 0.1);
}
.qr-code-div {
	font-weight: bolder;
}
canvas.qrcode{
	display: block;
	float: right;
	width: 60px;
	height: 60px;
}

div.qr-div>div{
	display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  padding-left: 3%;
  padding-right: 3%;
  float: none;
  box-sizing: border-box;
  font-size: 22px;
}
div.qr-div>div.padding3 {
	padding-top: 3%;
	padding-bottom: 3%;
}
div.qr-div>div.padding0 {
	padding-top: 0%;
	padding-bottom: 0%;
}
/* fin codigos QR - view */

/* Contacto - view */
@media (min-width: 768px){
	/* vista pc */
	.large {
		display: block;
	}
	.tiny {
		display: none;
	}
}
@media (max-width: 768px){
	/* vista movil */
	.large {
		display: none;
	}
	.tiny {
		display: block;
	}
}
.contacto-btn-block{
  margin-bottom: 20px;
  width: 100%;
}

@media(min-width: 920px){
	.fifty{
		max-width: 80%;
	}
}

@media(min-width: 1440px){
	.fifty{
		max-width: 60%;
	}
}

.contacto-btn-izquierda>label, .contacto-btn-derecha>label, .contacto-btn-block>label {
  font-size: 18px;
  font-weight: normal;
  color: #636262;
}
.contacto-btn-izquierda>.contacto-horario, .contacto-btn-derecha>.contacto-horario, .contacto-btn-block>.contacto-horario {
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  color: #636262;
}
.contacto-btn-izquierda, .contacto-btn-derecha {
  width: 50%;
}
.contacto-btn-izquierda {
  float: left;
  display: inline-block;
  padding-left: 0;
  padding-right: 2.5%;
}
.contacto-btn-derecha{
  float: right;
  display: inline-block;
  padding-right: 0;
  padding-left: 2.5%;
}
.btn.btn-primary.contacto-btn, .btn.btn-primary.contacto-btn[disabled] {
	background-color: #156ca9;
	border-bottom-color: transparent;
	font-weight: bold;
	font-size: 15px;
}
select#motivo, select#motivo>option{
	font-weight: normal;
	font-size: 15px;
	color: #636262;
	padding-top: 0;
	padding-bottom: 0;
}
label[for=motivo], label[for=mensaje]{
	font-size: 18px;
	font-weight: bold;
	color: #636262;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 15px;
}
textarea#mensaje{
	font-size: 15px;
}
/* Fin contacto - view */

/* Cupones - view */
.my-view-header {
	margin-bottom: 10px;
}
ma-datagrid-pagination{
	font-size: 15px;
}
ma-datagrid-pagination>nav>div.total.ng-scope{
	float:left;
	color: #b7b6b6;
	padding-left: 4%;
	font-weight: bold;
	padding-top: 0;
	padding-bottom: 0;
}
ul.pagination.pull-right{
	margin-right: 4%;
}
ul.pagination>li>a{
	background-color: transparent!important;
	border: 0;
	color: #b7b6b6;
	font-weight: bold;
}
ul.pagination>li.active>a, .pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus{
	color: #156ca9;
}

@media (max-width: 767px){
	ma-datagrid>table>tbody{
		font-size: 13px;
	}
}
ma-datagrid>table, ma-datagrid>table>thead, ma-datagrid>table>thead>tr{
	background-color: transparent!important;
}
ma-datagrid>table>thead>tr>th>a{
	font-weight: bold;
	color: #636262;
    pointer-events: none !important;
	cursor: default !important;
}
 ma-datagrid>table>tbody>tr{
	 background-color: white;
 }
  ma-datagrid>table>tbody>tr>td{
		font-weight: bold;
	}
	@media (min-width: 767px){
		/* vista pc */
		ul.dropdown-menu {
			position: absolute;
			top: 100%;
			/*left: -50%;*/
		}
	}
	@media (max-width: 767px){
		/* vista movil */
		ul.dropdown-menu {
			position: absolute;
			top: 100%;
			/*left: -143%;*/
		}
	}

	table.grid.table.table-condensed.table-hover.table-striped td {
		/* altura de todas las filas */
		padding-top: 10px;
		padding-bottom: 10px;
	}

	table.grid.table.table-condensed.table-hover.table-striped>th,
		table.grid.table.table-condensed.table-hover.table-striped>td{
			/* anchura de todas las filas */
			width: 33%;
		}

	table.grid.table.table-condensed.table-hover.table-striped td,
		table.grid.table.table-condensed.table-hover.table-striped th{
		/* primera columna de la tabla */
		text-align: left;
		padding-left: 20px;
	}
	table.grid.table.table-condensed.table-hover.table-striped td + td,
		table.grid.table.table-condensed.table-hover.table-striped th + th{
		/* segunda columna de la tabla */
		text-align: center;
	}
	table.grid.table.table-condensed.table-hover.table-striped td + td + td,
		table.grid.table.table-condensed.table-hover.table-striped th + th + th{
		/* tercera columna de la tabla */
		text-align: center;
		/*padding-right: 20px;*/
	}
	table.grid.table.table-condensed.table-hover.table-striped td + td + td + td,
		table.grid.table.table-condensed.table-hover.table-striped th + th + th + th{
		/* cuarta columna de la tabla */
		text-align: center;
		/*padding-right: 20px;*/
	}
	table.grid.table.table-condensed.table-hover.table-striped td + td + td + td + td,
		table.grid.table.table-condensed.table-hover.table-striped th + th + th + th + th{
		/* quinta columna de la tabla */
		text-align: right;
		padding-right: 20px;
	}
	/* bordes redondeados de la tabla */
	table.grid.table.table-condensed.table-hover.table-striped tr:last-child td:first-child{
		border-bottom-left-radius: 10px;
	}
	table.grid.table.table-condensed.table-hover.table-striped tr:last-child td:last-child{
		border-bottom-right-radius: 10px;
	}
	table.grid.table.table-condensed.table-hover.table-striped tr:first-child td:first-child{
		border-top-left-radius: 10px;
	}
	table.grid.table.table-condensed.table-hover.table-striped tr:first-child td:last-child{
		border-top-right-radius: 10px;
	}

	table.grid.table.table-condensed.table-hover.table-striped>thead>tr>th {
		border-bottom: 0;
	}
	table.grid.table.table-condensed.table-hover.table-striped tr:first-child>td{
		border-top: 0;
	}

	/*div.list-view.ng-admin-entity-canjes>div.col-lg-12{
		padding-right: 5%;
		padding-left: 5%;
	}*/

	div.row.list-view{
		overflow-x: auto;
		margin-left: 0;
		margin-right: 0;
	}
/* Fin cupones - view */

/* dashboard */
.panel-heading {
	display: none;
}
/* fin dashboard */

/* titulos */
.page-header {
	padding-left: 15px;
	padding-right: 15px;
	color: #156ca9;
	background-color: white;
}

.navbar .navbar-collapse .nav li>a {
    font-size: 13px;
}

.custom-page-header {
	border-bottom: 0;
	padding-right: 5%;
	padding-left: 5%;
}
.custom-page-header>.borde-header>h1{
	font-size: 24px;
	font-weight: bold;
}
.page-header>.borde-header {
	/* titulos */
	border-bottom-width: 2px;
	border-bottom-color: #156ca9;
	border-bottom-style: solid;
}

ma-view-actions{
	margin: 0;
}
nav.pagination-bar{
	margin: -2px 0;
}

/* ng-admin especifico */
@media (min-width: 768px){
	/* vista pc */
	.only-large-screen {
		display: block;
	}
	.only-tiny-screen {
		display: none;
	}
}
@media (max-width: 768px){
	/* vista movil */
	.only-large-screen {
		display: none;
	}
	.only-tiny-screen {
		display: block;
	}
}

.only-large-screen{
	text-align: right;
	padding: 0;
	padding-left: 5%;
  padding-right: 5%;
  box-sizing: border-box;
  margin: 0;
}

.only-tiny-screen{
	margin-left: 0px;
	margin-right: 0px;
	text-align: right;
	padding-left: 5%;
	padding-right: 5%;
}

.only-tiny-screen>form{
	padding: 0;
}

table.grid.table.table-hover.table-striped.table-condensed{
	font-size: 16px;
}

/* filtros */
/* icono de borrado de filtro */
ma-filter-form>div.only-large-screen>form>div.filter>div.remove_filter>a>span.glyphicon.glyphicon-remove{
	position: static;
}
ma-filter-form>div.only-large-screen>form>div.filter>div.remove_filter>a>span.glyphicon.glyphicon-remove:before{
	/*width: 20px;*/
  /*height: 20px;*/
  /*margin: auto;*/
  /*top: -8px;
  left: -23px;*/
  position: absolute;
	top: 10px;
	left: 0;
}
ma-filter>div.input-group>span.input-group-addon>i, ma-filter>ma-date-field>div.input-group>span.input-group-btn>button.btn.btn>i{
	color: black;
}
/* iconos de la vista de cupones (filtrar y exportar) */
.cupones-iconos:before{
	margin-left: 10px;
}
span.glyphicon.glyphicon-remove{
	color: #b7b6b6;
}
.only-tiny-screen>form>div>div>a>span.glyphicon.glyphicon-remove{
	float: left;
	position: static;
	padding-top: 9px;
}

.only-large-screen>form>div:first-child{
	padding-left: 0!important;
}

ma-view-actions {
	padding-right: 5%;
}

/* forzar scroll en desarrollo */
#wrapper {
	height: 1px!important;
}