/********************************************************/
/*                    Tipografía                        */
/********************************************************/

.bold { font-weight: bold; }

.italic { font-style: italic; }

.underline { padding-bottom: 0.15em; border-bottom: 1px solid; }

.monospace { font-family: "Courier New", Courier, monospace; }

.small-font { font-size: 8px; }

.smallest-font { font-size: 10px; }

.big-font { font-size: 14px; }

.bigger-font { font-size: 18px; }

.wordwrap {
	white-space: pre-wrap;		/* CSS3 */
	white-space: -moz-pre-wrap;	/* Firefox */
	white-space: -pre-wrap;		/* Opera <7 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	word-wrap: break-word;		/* IE */
}

/********************************************************/
/*                   Colores genericos                  */
/********************************************************/

.silver,
.silver-color .color {
	color: #cccccc !important;
	}
	.icon-silver:before {
		color: #cccccc;
	}
.black,
.black-color .color {
	color: black !important;
	}
	.icon-black:before {
		color: black;
	}
.anthracite,
.anthracite-color .color {
	color: #4c4c4c !important;
	}
	.icon-anthracite:before {
		color: #4c4c4c;
	}
.grey,
.grey-color .color {
	color: #a5a5a5 !important;
	}
	.icon-grey:before {
		color: #a5a5a5;
	}
.white,
.white-color .color {
	color: white !important;
	}
	.icon-white:before {
		color: white;
	}
.red,
.red-color .color {
	color: #dd380d !important;
	}
	.icon-red:before {
		color: #dd380d;
	}
.orange,
.orange-color .color {
	color: #ffae00 !important;
	}
	.icon-orange:before {
		color: #ffae00;
	}
.green,
.green-color .color {
	color: #99c624 !important;
	}
	.icon-green:before {
		color: #99c624;
	}
.blue,
.blue-color .color {
	color: #0059a0 !important;
	}
	.icon-blue:before {
		color: #0059a0;
	}

/********************************************************/
/*                      Utilidades                      */
/********************************************************/

/* Alineación del texto */
.align-left		{ text-align: left; }
.align-center	{ text-align: center; }
.align-right	{ text-align: right; }

/* Elementos flotantes */
.float-left		{ float: left; }
.float-right	{ float: right; }
.clear-left		{ clear: left; }
.clear-right	{ clear: right; }
.clear-both		{ clear: both; }

/* Rellenos */
.with-big-padding		{ padding: 20px !important; }
.with-mid-padding		{ padding: 10px !important; }
.with-small-padding		{ padding: 5px !important; }
.no-padding				{ padding: 0 !important; }

/* Márgenes */
.large-margin-top		{ margin-top: 30px !important; }
.margin-top				{ margin-top: 16px !important; }
.mid-margin-top			{ margin-top: 8px !important; }
.small-margin-top		{ margin-top: 4px !important; }
.no-margin-top			{ margin-top: 0 !important; }
.large-margin-right		{ margin-right: 30px !important; }
.margin-right			{ margin-right: 16px !important; }
.mid-margin-right		{ margin-right: 8px !important; }
.small-margin-right		{ margin-right: 4px !important; }
.no-margin-right		{ margin-right: 0 !important; }
.large-margin-left		{ margin-left: 30px !important; }
.margin-left			{ margin-left: 16px !important; }
.mid-margin-left		{ margin-left: 8px !important; }
.small-margin-left		{ margin-left: 4px !important; }
.no-margin-left			{ margin-left: 0 !important; }
.large-margin-bottom	{ margin-bottom: 30px !important; }
.margin-bottom			{ margin-bottom: 16px !important; }
.mid-margin-bottom		{ margin-bottom: 8px !important; }
.small-margin-bottom	{ margin-bottom: 4px !important; }
.no-margin-bottom		{ margin-bottom: 0 !important; }

/********************************************************/
/*               Fecha en encabezado                    */
/********************************************************/

.date-header-wrapper {
	margin: 32px 0;
	float: right;
}
.date-header-wrapper .label {
	margin: 5px 0 0 8px;
	display: inline-block;
}

.date-header {
	float: left;
}

.date-header > i {
	font-size: 32px;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
}

.date-header:hover > i {
	color: #676767;
}

.date-header b {
	display: inline-block;
	margin-top: 2px;
	margin-left: 4px;
	font-weight: 400;
}

.date-header b > i {
	font-size: 11px;
	font-weight: 600;
	color: #777;
	display: block;
	line-height: 14px;
	text-transform: uppercase;
	font-style: normal;
}

/********************************************************/
/*                        Spinner                       */
/********************************************************/

@keyframes spinner {
	to {transform: rotate(360deg);}
}

@-webkit-keyframes spinner {
	to {-webkit-transform: rotate(360deg);}
}

.spinner {
	position: relative;
	min-width: 30px;
	min-height: 30px;
}

.spinner:before {
	content: 'Loading…';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-top: -13px;
	margin-left: -13px;
}

.spinner:not(:required):before {
	content: '';
	border-radius: 50%;
	border: 2px solid #ccc;
	border-top-color: #4fa2c2;
	animation: spinner .6s linear infinite;
	-webkit-animation: spinner .6s linear infinite;
}

/********************************************************/
/*                     Autocomplete                     */
/********************************************************/

.autocomplete-suggestions {
	border: 1px solid #999;
	background: #FFF;
	cursor: default;
	overflow: auto;
	-webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	-moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
	box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-no-suggestion { padding: 2px 5px; }

.autocomplete-selected { background: #F0F0F0; }

.autocomplete-suggestions strong {
	font-weight: bold;
	color: #029CCA;
}

.autocomplete-group { padding: 2px 5px; }

.autocomplete-group strong {
	font-weight: bold;
	font-size: 16px;
	color: #029CCA;
	display: block;
	border-bottom: 1px solid #000;
}

/********************************************************/
/*                        Varios                        */
/********************************************************/

.subtitle-hr {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 8px;
}

kbd {
	display: inline-block;
	margin: 0 .1em;
	padding: .1em .6em;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	font-size: 11px;
	line-height: 1.4;
	color: #242729;
	text-shadow: 0 1px 0 #FFF;
	background-color: #e1e3e5;
	border: 1px solid #adb3b9;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(12,13,14,0.2),0 0 0 2px #FFF inset;
	white-space: nowrap;
}

.clockpicker-popover {
	z-index: 999999 !important;
}