html {
	position: relative;
	min-height: 100%;
}

body {
	padding-top: 0px;
}

/* estilos del icono para colapsar el menu lateral*/
.main-header .sidebar-toggle {
	color: #fff;
	text-decoration: none;
}

/* pie */
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px;
}

footer p {
	margin: 0 0 0;
}

footer .glyphicon {
	padding-left: 7px;
	padding-right: 5px;
}

/* padding para que el footer no tape los botones */
body>div.container {
	padding-bottom: 90px;
}

/* estilos para formularios */
.form-group.narrow {
	margin-bottom: 0px;
}

/* estilo para que conserve el margen un checkbox en un formulario horizontal */
.form-horizontal .checkbox input[type=checkbox] {
	margin-left: 0px;
}

/* estilos para el formulario de login */
.form-signin {
	max-width: 365px;
	padding: 15px;
	padding-top: 20px;
	margin: 0 auto;
}

.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px;
}

.form-signin .checkbox {
	font-weight: normal;
}

.form-signin .form-control {
	position: relative;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
}

.form-signin .form-control:focus {
	z-index: 2;
}

.form-signin input[type="email"] {
	margin-bottom: 10px;
}

.form-signin input[type="password"] {
	margin-bottom: 10px;
}

.form-signin a {
	margin-top: 10px;
	margin-bottom: 10px;
}

.form-signin .form-control {
	margin-bottom: 10px;
}

.form-signin label {
	font-weight: normal;
}

.col-md-4.form-signin {
	margin-top: 50px;
}


.g-recaptcha {
	margin-bottom: 10px;
}

/* línea debajo del h2 dentro de los dl */
dl h2, .tab-pane h2 {
	border-bottom: 1px solid #e5e5e5;
	font-size: 20px;
}

/* padding en los description list (utilizados en los detail) */
dl {
	padding-right: 15px;
	padding-left: 15px;
}

/* 
	animación para que gire el glyphicon
	https://gist.github.com/alexandrevicenzi/680147013e902a4eaa5d 
*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

/* alto mínimo para las celdas de las tablas */
.no-more-tables td {
	min-height: 35px;
}

/* estilos para la imagen recortada */
.img-cropped {
	width: 240px;
	height: 300px;
	margin-bottom: 15px;
}

/* estilos para la imagen recortada del documento */
.img-cropped-dni {
	width: 280px;
	height: 180px;
	margin-bottom: 15px;
}

/* estilos para la imagen recortada del producto */
.img-cropped-producto {
	width: 280px;
	height: 180px;
	margin-bottom: 15px;
}

.im-centered {
	margin: auto;
	max-width: 300px;
}

.logo-lg {
	background: url('../images/header/logo-zitycard.png') no-repeat		left center;
	color: transparent !important;
}

.logo-mini {
	background: url('../images/header/logo-zitycard-mini.png') no-repeat		center;
	color: transparent !important;
}

/** color de fondo del logo para resoluciones de imagen pequeñas */
@media ( max-width : 768px) {
	.main-header .logo, .main-header .navbar {
		background-color: #002440;
	}
}

/* texto de ayuda en rojo con la clase text-danger */
.help-block.text-danger {
	color: #A94442 !important;
}

/* separación de los glyphicon */
span.help-block span.glyphicon {
	margin-right: 5px;
}

/* padding en la parte superior para cuando la barra de navegación se va a más de una línea */
@media ( min-width :992px) and (max-width:1200px) {
	body>div.container {
		padding-top: 50px;
	}
}

@media ( min-width :768px) and (max-width:992px) {
	body>div.container {
		padding-top: 150px;
	}
}

/* operaciones marcadas como no liquidadas */
tr.js-operacion.js-no-liquidar>td:first-child {
	text-decoration: line-through;
}

/* alertas marcadas como cerradas */
tr.js-alerta.js-cerrar>td:first-child {
	text-decoration: line-through;
}

/* quita el padding en los input que van dentro de la misma línea */
.nopadding {
	padding: 0px;
}

/* quita bordes duplicados en los list-group-item */
.list-group-item {
    border-width: 1px 0px 1px 0px;
}

.panel .list-group-item:first-of-type{
	border-width: 0px 0px 1px 0px;
}

/* añade separación entre 2 capas */
.top-buffer {
	margin-top: 20px;
}

/* añade un asterisco a los campos obligatorios de los formularios */
.form-group.required .control-label:after {
  content:"*";
  color:red;
  font-size: 20px;
}

/* añade un asterisco rojo de obligqatoriedad a un texto */
#texto-obligatorio:after{
  content:"*";
  color:red;
  font-size: 20px;
}


.fixed-height-foto {
    height: 330px;
}

/* modificaciones de estilo para el cropper */
#js-image-cropper-foto {
  max-width: 100%;
}
#js-image-cropper-anverso {
  max-width: 100%;
}

#js-image-cropper-reverso {
  max-width: 100%;
}
.cropper-toolbox {
  margin-top: 10px;
}

/* estilo para los campos de idiomas de los formularios */
.input-group {
	margin-bottom: 20px;
}

.hf-warning {
	z-index: 5;
}

/* estilos para las alertas */
.alert-success {
    color: #3c763d !important;
    background-color: #dff0d8 !important;
    border-color: #d6e9c6;
}

.alert-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1;
}

.panel-default.home h4 {
    font-size: 14px;
    font-weight: bold;
    color: #777;
}

/* separación de los glyphicons animados que se cargan sobre los controles */
i.glyphicon.glyphicon-refresh.glyphicon-refresh-animate.form-control-feedback,
	span.glyphicon.glyphicon-refresh.glyphicon-refresh-animate.form-control-feedback {
	margin-right: 15px;
}

/* estilo de la barra de navegación superior */
.main-header .navbar {
	background-color: #0c4d87 !important;
}

.navbar-nav > li > a {
    color: #fff!important;
}

.main-header .logo {
	text-decoration: none;
}

.nav>li>a:focus, .nav>li>a:hover .nav>li>a:active {
	background: transparent;
	transition: all 0.2s ease-in-out;
	color: #fff;
}

.nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active, .nav .open>a, .nav .open>a:focus,
	.nav .open>a:hover {
	color: #49b5e7 !important;
	text-decoration: none;
	background-color: #0c4d87;
}

/* estilos del componente de paginación */
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus,
	.pagination>li>span:focus {
	color: #005493;
	background-color: #eee;
	border-color: #ddd;
}

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

/* estilos de la barra lateral */
.main-sidebar {
	background-color: #002440;
}

.sidebar-menu>li>a, .treeview-menu>li>a {
	color: #fff;
	text-decoration: none;
}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
	white-space: normal;
}

/* estilos de las migas de pan */
.content-header > .breadcrumb > li > a {
    color: #005493;
    text-decoration: none;
    display: inline-block;
}

/* estilos del legend*/
legend {
 font-size:17px;
}

#sig-canvas {
  border: 2px dotted #CCCCCC;
  border-radius: 15px;
  cursor: crosshair;
}

.langSelected {
	background-color: #c8c9cb;
    color: #333!important;
}


.badge {
  padding: 2px 7px;
  font-size: 11px;
  border-radius: 6px;
}

.file-viewer img {
  object-fit: cover;
  height: 200px;
}

code {
 color: inherit;
 background-color: inherit;
}