html, body, p, ul, input, textarea, select, label, h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; outline: none; }
header		{ background:#f0f0f0; padding:20px 0; }
header p 	{ }
header h1 	{ font-size:20px; line-height:26px; font-weight:700; margin:0 } 
header #unit { max-width:200px; display:inline-block }
footer 		{ background-color:#aa074b; color:#fff; text-align:center; padding:20px 0; width:100%; margin-top:40px }
footer p	{ margin:0; font-size:14px; line-height:20px }
footer a 	{ color:#fff; text-decoration:none }
footer a:hover { color:#fff }

.top-nav li { vertical-align:middle }

.navbar { background-color:#aa074b; color:#fff; border:none; border-radius:0 }
.navbar-nav>li>a { color:#fff }
.navbar-nav>li>a:hover,
.navbar-nav>li.active>a	{ background-color:#f0f0f0; color:#aa074b }

.dataTable thead .sorting_asc:before { font: normal normal normal 14px/1 FontAwesome; content:"\f0de"; margin-right:5px }
.dataTable thead .sorting_desc:before { font: normal normal normal 14px/1 FontAwesome; content:"\f0dd"; margin-right:5px }
.dataTable thead .sorting:before { font: normal normal normal 14px/1 FontAwesome; content:"\f0dc"; margin-right:5px }
.dataTable thead .sorting_asc,
.dataTable thead .sorting_desc,
.dataTable thead .sorting { background-image:none !important }
.dataTable tbody tr { cursor: pointer }
.dataTable tbody tr.selected { background-color:#ccc !important; color:#333 }
.dataTables_wrapper .dataTables_filter input { margin:0; font-weight:normal }
.dataTables_wrapper .dataTables_paginate .paginate_button { border-radius:0; border:none !important; box-shadow:none !important }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background:#666; color:#fff !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { background:#000000; color:#fff !important; }

.dataTable tbody tr.atendido { background-color:#cb3234 !important; color:#fff }
.dataTable tbody tr.atender { background-color:#f4f510 !important; color:#333 }
.dataTable tbody tr.estado-4 { background-color:#00ff95 !important; color:#333 }

.form-box { padding:30px; background-color:#f6f6f6; border:1px solid #f0f0f0 }	
.form-box h3 { margin:0 0 10px 0; font-weight:bold }
.form-box ul li { line-height:24px }
.form-box ul li .form-control { width:80%; display:inline-block }
.form-box > .form-control { margin-bottom:10px }
.form-box p.featured { margin:3px 0; padding:3px 6px; background-color:#666; color:#fff; display:table }
.form-box blockquote { border-left: 5px solid #ccc; }

.form-upload { padding:30px; }

body.page-leads #viewlead .form-box .bloque-citado { display:none }
body.page-appointments #viewlead .form-box #estado optgroup.fase-1 option { display:none }
body.page-appointments #viewlead .form-box #estado optgroup.fase-1 option[value="14"] { display:block }
body.page-appointments #viewlead .form-box #estado optgroup.fase-1 option[value="7"] { display:block }
body.page-appointments #viewlead .form-box #estado optgroup.fase-1 option[value="8"] { display:block }

.form-control { border-radius:0px }	
.form-tool .fa { position:absolute; top: 10px; left: 22px; }
.form-tool .form-control { padding-left:20px }
#range { padding-left:25px }

.btn { border-radius:0 }
.btn-primary { background-color:#032378 !important; border-color:#032378 !important }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color:#aa074b !important; border-color:#aa074b !important }

.totales { background-color:#666; color:#fff; width:250px; display:block; text-align:center; padding:10px 15px 10px 15px; margin:0 auto 20px auto }
.totales.alt { background-color:#e49400 }
.totales:hover { background-color:#000 }
.totales h3 { font-size:24px; font-weight:bold; margin:0 }
.totales p { font-size:18px; margin:0 }
.totales a { color:#fff; text-decoration:none }

.detalles { margin:0 10px; padding:10px; background-color:#00B298; color:#fff }
.detalles ul { list-style:none outside; margin:0; padding:0 }

.datepicker { padding:10px }
.datepicker .datepicker-switch { text-align:center }
.datepicker .day, 
.datepicker .next, 
.datepicker .prev { cursor:pointer }

.fa + .fa-mini { font-size:10px; position:relative; top:3px; left:-6px }

.chart { width:100%; min-height:370px; margin:10px 0 }

#chartCentros { display:none }
body.page-centro0 #chartCentros { display:block }

#loginform { margin-top:40px; min-height:600px; }
@media (max-width: 600px) {
	#loginform { min-height:100px; }
}

@media (max-width: 600px) {
	header { text-align:center }
	header h1 { text-align:center }
	header p 	{ float:none; text-align:center }
	header .top-nav { float: none; text-align:center }
}