/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/*/

/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
	Base styles: opinionated defaults
	==========================================================================*/

html {
	position: relative;
	min-height: 100%;
	color: #000;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	/*overflow-y: scroll;*/
}
body {
	margin-bottom: 110px;
	background: #b1dbf1 url("../img/background-listazas.jpg") repeat left top;
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

a:link {-webkit-tap-highlight-color: #b3d4fc;}

/*
* A better looking default horizontal rule
*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
	resize: vertical;
}

/* ==========================================================================
	Author's custom styles
	==========================================================================*/

/* BOOTSTRAP OVERRIDE */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 0;
	margin-bottom: 15px;
}

.navbar {
	margin-bottom: 0;
}

.btn:focus, .btn:active, .btn:active:focus {
	outline: none;
}

.page-header {
	padding-bottom: 0px;
	margin: 0 0 20px;
	border-bottom: none;
	background-color: #f1f9fe;
}
.page-header h1 {
	margin-bottom: 0;
	padding: 24px 0;
}

@media (min-width: 768px) {
	.input-group-addon {
		width: 74px;
	}
}

.popover-title {
	color: #00619c;
}

.date .form-control[readonly], .input-daterange .form-control[readonly] {
	background-color: #fff;
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		text-align: left;
	}
}

label {
	font-weight: normal;
}

.lead {
	font-weight: 400;
}

/* NAVBAR */

.navbar-inverse {
	background: #013142 url("../img/background-listazas-header-footer.jpg") repeat left top;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
	text-decoration: underline;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
	text-decoration: none;
}

.navbar-text.navbar-right {
	padding-right: 10px;
}

.navbar-text.navbar-left {
	margin-left: -10px;
	padding-left: 10px;
}

legend {
	font-size: 16px;
	margin-bottom: 10px;
}

/* CONTENT */

@media (max-width: 767px) {
	.masthead {
		margin: 15px 0;
	}
}

.masthead h2, .masthead p {
	font-weight: 400;
	color: #013142;
}

@media (min-width: 768px) {
	.media {
		margin-bottom: 15px;
	}
	.masthead p {
		margin-bottom: 0;
	}
}

.panel-title.pull-left {
	padding-top: 2.5px;
}
/*
.panel-title a {
	display: block;
}
*/
.panel-title .btn {
	color: #ffffff;
}
.panel-footer .form-group:last-child {
	margin-bottom: 0;
}

.container-login {
	background: transparent url('../img/middle_bg.jpg') no-repeat center top;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 20px;
	color: #ffffff;
}
.container-login.login-single {
	background: transparent url('../img/middle_bg_single.jpg') no-repeat center top;
	background-size: cover;
}
.container-login h1 {
	text-transform: uppercase;
}
.container-login h1, .container-login h1 small, .container-login a {
	color: inherit;
}
.container-login .btn-default {
	color: #333333;
}

/* FOOTER */

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px; /* Set the fixed height of the footer here */
	background: #013142 url("../img/background-listazas-header-footer.jpg") repeat left top;
	color: #fff;
	font-weight: 700;
}
.footer a {
	color: #fff;
	font-weight: 700;
}
.footer a:hover, .footer a:focus {
	color: #fff;
}

@media (max-width: 991px) {
	body {
		margin-bottom: 0;
	}
	.footer {
		position: relative;
		height: auto;
		margin-top: 40px;
	}
}

/* ==========================================================================
	Helper classes
	==========================================================================*/

.no-gutter {
	padding-right: 0;
	padding-left: 0;
}
.no-gutter-left {
	padding-left: 0;
}
.no-gutter-right {
	padding-right: 0;
}
@media (max-width: 767px) {
	.no-gutter {
		padding-right: 10px;
		padding-left: 10px;
	}
	.no-gutter-left {
		padding-left: 10px;
	}
	.no-gutter-right {
		padding-right: 10px;
	}
}
.no-padding {
	padding: 0;
}
.no-margin {
	margin: 0;
}
.margin-bottom-0 {
	margin-bottom: 0;
}
.row-margin-bottom {
	margin-bottom: 20px;
}

.text-white {
	color: #fff;
}
.text-black {
	color: #000;
}
.text-body {
	color: #333;
}

/* ==========================================================================
	Print styles.
	==========================================================================*/

@media print {
	.panel, .table {
		page-break-inside: avoid;
	}
	.form-horizontal .control-label {
		margin-bottom: 0;
		padding-top: 11px;
	}
}