/* Template: HTML5 01		*/
/* XPANEL3					*/
/* ------------------------ */

@import url("../../xpanel/scripts/bootstrap/css/bootstrap.css");
@import url("../../xpanel/scripts/bootstrap/css/bootstrap-responsive.css");
@import url("../../xpanel/scripts/colorbox/colorbox.css");
@import url("../../xpanel/scripts/jquery/css/smoothness/jquery-ui.css");

/* Generales */
/* ------------------------ */
html {
	background-color: #CCCC00;
	background: #CCCC00 url(images/logo_xperticia_transparente.png)  no-repeat center center;
	background-attachment: fixed;
	overflow: auto;
}
body {
	background-color: #CCCC00;
	color: #333; 
	padding: 0;
}
body,a, p,label, input, button, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}
/* Barra de menu */
/* ------------------------ */
.navbar {
	z-index: 1000;
	margin-bottom: 0;
}
.navbar-inner {
	border-radius: 0 0 4px 4px;
	background-color: #000000;
	background-image: -moz-linear-gradient(top, #000000, #333333);
	background-image: -ms-linear-gradient(top, #000000, #333333);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#333333));
	background-image: -webkit-linear-gradient(top, #000000, #333333);
	background-image: -o-linear-gradient(top, #000000, #333333);
	background-image: linear-gradient(top, #000000, #333333);
}
.navbar .brand {
	padding: 4px 5px;
}
.navbar .nav {
	padding-top: 8px;
}
.navbar .nav > li > a {
	color: #ffffff;
	text-shadow: none;
}
.navbar .nav > li > a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 2px solid #cccc00;
	background-color: #333;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 2px solid #CCCC00;
	background-color: #333;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.navbar .nav .open > .dropdown-toggle,
.navbar .nav .active > .dropdown-toggle,
.navbar .nav .open.active > .dropdown-toggle {
	color: #ffffff;
	border-bottom: 2px solid #cccc00;
	background-color: #333;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.nav.nav-tabs > .active > a, .nav.nav-tabs > .active > a:hover {
  color: #0099ff;
  background-color: #fff;
}
.nav.nav-tabs.nav-stacked > .active > a {
  background-color: #eeeeee;
}
.nav {
	padding-top: 8px;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #0088CC;
  text-decoration: none;
  background-color: #f5f5f5;
}

.accordion-heading .accordion-toggle {
    background-color: #999999;
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    display: block;
    padding: 8px 15px;
    text-decoration: none;
}
.accordion-inner {
	padding: 0px;
}
.accordion .nav {
	padding: 0px;
	margin: 0px;
}
.nav-tabs {
	margin: 0;
	padding: 0
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  color: #0088CC;
  background-color: #eeeeee;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-stacked > li > a:hover {
  color: #0088CC;
  background-color: #eeeeee;
}

/* Encabezado */
/* ------------------------ */
body > header > .container-fluid {
	padding: 5px 20px 0px 20px;
	margin: 5px 5px auto 5px;
	background-color: #1B1B1B;
	-webkit-border-radius: 6px 6px 0 0;
	   -moz-border-radius: 6px 6px 0 0;
			border-radius: 6px 6px 0 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
			box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
body > header > .container-fluid .nav {
	margin-bottom: 10px;
}
body > header > .container-fluid .navbar > .navbar-inner {
	border: none;
}
body > header > .container-fluid .nav-pills > li > a {
	color: #999999;
}
body > header > .container-fluid .nav-pills > li > a:hover {
	color: #333333;
}
body > header > .container-fluid .nav-pills > li.active > a {
	color: #ffffff;
}

/* Contenidos */
/* ------------------------ */
body > .container-fluid {
	padding: 0 20px 20px 20px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
			box-shadow: 0 1px 2px rgba(0,0,0,.15);
	margin: auto 5px auto 5px;
}
hr {
	margin: 10px 0 19px;
}
header h1 {
	font-size: 22px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
h3 {
	font-size: 18px;
	line-height: 27px;
	margin: 5px 0;
}
header h1 small {
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}
.popover-content {
    font-weight: normal;
}
body > .container-fluid .well {
	padding: 5px;
}
/* alerta */
.container .row .span4 .alert {
	margin: 0;
	padding: 10px;
}
.alert {
	margin: 20px 0;
	padding: 20px;
	background-color: #F5F5F5;
	color: #333;
	border: 1px solid #ddd;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
.alert .alert-heading {
	margin: 0 0 15px 0;
	padding: 5px 0;
	border-bottom: 1px dotted #c0c0c0;
	font-size: 18px;
}
/* alerta satisfactorio */
.alert.alert-info {
	background-color: #ffffcc;
	color: #333;
	border: 1px solid #eeeeee;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);*/
}
/* alerta de error */
.alert.alert-error {
	background-color: #DD1144;
	color: #ffffcc;
	border: 1px solid #ff0000;
    box-shadow: 0 3px 7px rgba(255, 0, 0, 0.3);
}
.alert.alert-error .alert-heading {
	color: #ffffff;
}
.alert.alert-error a {
	color: #ffffcc;
	font-weight: bold; 
}
body > .container-fluid .row-fluid .span4 .alert h2,
body > .container-fluid .row-fluid .span3 .alert h2,
body > .container-fluid .row-fluid .span9 h2 {
	margin: 5px 0;
	border-bottom: 1px dotted #c0c0c0;
	font-size: 18px;
}
body > .container-fluid .row-fluid .span3 h4{
	margin: 14px 0;
	border-bottom: 1px solid #c0c0c0;
	font-size: 16px;
}
.tab-content > .active, .pill-content > .active {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	/*border: 1px solid red;*/
	padding: 10px 5px;
	min-height: 400px;
}
body > .container-fluid .row-fluid .span3 .well {
	padding: 5px 10px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 #ffffff;
	-moz-box-shadow: inset 0 1px 0 #ffffff;
	box-shadow: inset 0 1px 0 #ffffff;
}
body > .container-fluid .row-fluid .span3 .well form {
	margin: 10px 0;
}
body > .container-fluid .row-fluid .span3 .well .alert {
	margin: 10px 0;
	background-color: #FFFFCC;
	color: #333;
	border: 1px solid #eeeeee;
	padding: 8px 14px 8px 14px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
body > .container-fluid .row-fluid .span3 .well .alert h1 {
	font-size: 14px;margin: 0px;
}
body > .container-fluid .row-fluid .span9 time {
	font-size: 24px; 
	color: #fff; 
	font-weight: bold; 
	width: 70px;
	height: 45px;
	padding: 2px; 
	text-align: center; 
	background-color: #999999;
	-webkit-border-radius: 6px; 
	   -moz-border-radius: 6px;
		border-radius: 6px; float: left;
	margin: 30px 10px 10px 0px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
}
body > .container-fluid .row-fluid .span9 time span {
	font-size: 10px; 
	font-weight: normal;
	text-transform: uppercase;
	padding: 2px;
	display: block;
}
body > .container-fluid .row-fluid .span9 h1 {
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
	margin-bottom: 20px;
}
body > .container-fluid .row-fluid .span9 h2,section h3,section h4,section h5 {
	margin-bottom: 20px;
}
body > .container-fluid .row-fluid .span9 .thumbnails {
	text-align: center;
}
body > .container-fluid .row-fluid .span9.thumbnails em {
	text-align: center;
	display: block;
}
body > .container-fluid .row-fluid .span9 .breadcrumb,
body > .container-fluid .row-fluid .span9 .tabbable {
	margin: 20px 0;
}
/* Formularios */
/* ------------------------ */
form label {
	font-weight: bold;
	text-align: left;
	/*width: 150px;*/
}
.form-horizontal .control-label {
	text-align: left;
}
.docs-input-sizes select, .docs-input-sizes input[type="text"] {
    display: block;
    margin-bottom: 9px;
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
	cursor: auto;
}

/* Pie de pagina */
/* ------------------------ */
footer {
	padding-bottom: 10px;
}
footer > .container-fluid {
	background-color: #1B1B1B;
	-webkit-border-radius: 0 0 6px 6px;
	   -moz-border-radius: 0 0 6px 6px;
			border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
			box-shadow: 0 1px 2px rgba(0,0,0,.15);
	margin: auto 5px auto 5px;
	color: #f5f5f5;
}
footer > .container-fluid a {
	color: #cccc00;
}
footer .btn-toolbar {
	margin-top: 0px;
}
footer p {
	margin: 5px;
}
footer .btn-toolbar .btn-group {
	margin-right: 10px;
}

/* extras */
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}
/* Validar campos */
/* ------------------------ */
#signup input.error,#signup select.error,#signup textarea.error {
	border-radius: 3px 3px 3px 3px;
	border-color: rgba(238, 95, 91, 0.8);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(238, 95, 91, 0.6);
	outline: 0 none;
}
#signup input.required,#signup select.required, #signup textarea.required {
	background-color: #ffffcc; 
	border-color: rgba(238, 95, 91, 0.8);
}
#signup input.valid,#signup select.valid, #signup textarea.valid { 
	border-color: #CCCCCC;
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	border-radius: 3px 3px 3px 3px;
	color: #808080;
}
#signup input:required:valid,#signup select:required:valid, #signup textarea:required:valid { 
	border-color: #CCCCCC;
	-moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	border-radius: 3px 3px 3px 3px;
	color: #808080;
}

#mapa_principal {
    border: 1px solid #DDDDDD;
    border-radius: 6px 6px 6px 6px;
    height: 500px;
    margin: 0 auto;
    min-height: 420px;
    width: 100%;
}
#mapa_principal img {
  max-width: none;
}
#grafico {
	width: 100%; 
	height: 500px; 
	margin: 0 auto;
	min-height: 420px;
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
#mapa_ubicacion {	 
	width: 520px;
	height: 300px;
	display: block;
	border: 1px solid #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#mapa_ubicacion img {
  max-width: none;
}
#imagenReportes img {
	width: 98%; 
}