body{
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	font-size: 12px;
	color:#404040;
}
label{ font-weight: normal; }
*:focus { outline: none !important; }
.form-control::-moz-placeholder {
    color: #999999;
    opacity: 0.8;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 12px;
}
.form-control:not(.btn), .div-control{
 	background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    color: #404040;
    display: inline-block;
    font: 12px/1.3em "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    outline: 0 none;
    padding: 6px 10px; 
}
.div-control{ box-shadow: none; display: block; padding: 10px; }
.input-group .form-control:not(.btn){
    box-shadow: none;
}
.form-control:focus{
 	border-color: #107fc9;
    box-shadow: 0 0 5px #107fc9 !important;
}
.form-control.btn:focus{
 	border-color: #ADADAD;
    box-shadow: none !important;
}
/* ESTILOS GENERALES */

.truncate {
    overflow: hidden; 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
}
.align-c{ text-align: center; }
.line-separator{ border-top: 1px solid #eaeaea; }
.line-separator-dotted{ border-top: 1px dotted #eaeaea; }
.btn{ font-size: 12px; font-weight: bold; border-radius: 3px; }
.btn-sm{ font-size: 11px; }
.btn-primary{ background-color: #107fc9; }
.btn-info{ background-color: #00aced; }
.btn-danger{ background-color: #d34836; }
.btn-facebook{ background-color: #3b5998; }
.btn-trello{ background-color: #266c96; }
.btn-salesforce{ background-color: #1798c1; }
.input-group-btn .btn{ font-size: 14px; }
.input-group-btn .btn.btn-lg{ font-size: 15px; line-height: 24px; }
.input-group-btn .btn.btn-sm{ font-size: 12px; }
.min-w-200{	min-width: 200px; }
.btn-gray{
	background-color: #ddd;
}
.badge{ font-size: 10px; }
/*tablas*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	vertical-align: middle;
}
.table.table-no-outside-border > thead > tr:first-child > th, 
.table.table-no-outside-border > tbody > tr:first-child > th, 
.table.table-no-outside-border > thead > tr:first-child > td, 
.table.table-no-outside-border > tbody > tr:first-child > td{
	border-top: 0;
}
.table.table-1 th {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    padding: 18px 7px;
}
.table.table-1 td {
    border-bottom: 1px solid #ddd;
}
.table td.center,.table th.center{ text-align: center; }
.fa.fa-mini{ font-size: 10px; }
.fa.btn:active, .fa.btn.active {
    box-shadow: none;
    outline: 0 none;
}
/*.shadow-12{ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); }*/
/* TITULOS, ENCABEZADOS Y COLORES */ 
.title{ line-height: 1.5; }
.title-1{ font-size: 30px; }
.title-2{ font-size: 10px; margin-bottom: 3px; }
.title-3{ font-size: 14px; }
.title-4{ font-size: 18px; }
.title-5{ font-size: 1.5em; }
.color-1{ color: #404040; }
.color-2{ color: #107fce; }
.color-3{ color: #c4c1c8; }
.color-4{ color: #fff; }
.color-5{ color: #999; }
.color-6{ color: #777; }
.bold{ font-weight: bold; }
.font-14{ font-size: 14px; }
.title-bg{
	margin: -30px -30px 30px -30px;
	padding:  15px 30px;
}

.bg-1{ background-color: #404040; }
.bg-2{ background-color: #fff; }
.bg-3{ background-color: #f0f0f0; }
/* FIN TITULOS, ENCABEZADOS Y COLORES */

/* ESPACIADO Y MARGEN */
.margin-10{ margin: 10px 0; }
.margin-20{ margin: 20px 0; }
.margin-b-5{ margin-bottom: 5px; }
.margin-b-10{ margin-bottom: 10px; }
.margin-b-20{ margin-bottom: 20px; }
.margin-b-30{ margin-bottom: 30px; }
.margin-t-10{ margin-top: 10px; }
.margin-r-10{ margin-right: 10px; }
.b-shadow-1{ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
.no-padding{ padding: 0; }
.no-margin{ margin: 0; }
.no-border{ border:0; }
/* FIN ESPACIADO Y MARGEN */
.fa-icon-size{ font-size: 13px; }

/* FIN ESTILOS GENERALES */
.no-data-alert{ padding: 50px !important; text-align: center;  }
.no-data-alert .no-data-icon{ font-size: 70px; }
/* MENUS */
.nav > li > a {
	padding: 5px 15px;
	color: #a399a3;
	margin-right: 0;
}
.content-menu > li > a{
	text-transform: uppercase;
}
.nav > li > a.active {
	color: #000000;
}
.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.dropdown-menu{
	padding: 0;
}
.dropdown-menu > li > a{
	padding: 6px 10px;
	font-size: 12px;
	color: #404040;
}
.dropdown-menu > li > a.active{
	font-weight: bold;
	color: #564040;
}
.dropdown-menu > li > a:hover{
	color:black;
	background-color: #f0f0f0;
}

.dropdown-menu.user-menu > li > a:hover, .dropdown-menu.user-menu > li > a:focus{
	background-color: transparent;
}
.dropdown-menu.user-menu{
	padding: 20px;
}
.dropdown-menu.user-menu > li > a{
	padding: 3px 0px;
}
.dropdown-menu.user-menu .dropdown-footer{
	padding: 10px 20px;
	background-color: #f0f0f0;
	margin: 0 -20px -20px;
}

.box-data{
	border-radius: 3px;
	border : 1px solid #dddddd;
	padding: 20px;
}
.data-information{
	text-align: center;
	color: #777777;
}
.global-info-dash{
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}
.global-info-dash .global-info-item{
	text-align: center;
	border-right: 1px solid #dddddd;
	
	padding: 0 10px;
}
.global-info-dash .global-info-item .global-info-header *{
	letter-spacing:-1px;
}
.global-info-dash .global-info-item:first-child{
	padding-left: 0 !important;
}
.global-info-dash .global-info-item:last-child{
	padding-right: 0 !important;
	border-right: 0;
}
.global-info-dash .global-info-statics{
	font-size: 28px;
	margin-top: 5px;
	color: #777;
	line-height: 1;
}
.title h1{ margin: 0; display: inline-block; }
.title .search-input{ float: right; width: 300px; margin-top: 15px; }
.dropdown-dots{ font-size: 20px; color: #333; text-decoration: none; }
a.btn{ padding-top: 8px;}

.enfermedad-wrapper{ 
    background-color: #fff; border-radius: 3px; overflow: hidden; padding: 0; 
    max-height: 40px;
    transition: max-height .6s ease-in-out;
    margin-bottom: 10px;
    position: relative;
    /*transition: all 2s linear;*/
}

.filtros{
    max-height: 0;
    transition: max-height .2s ease-in-out;
    overflow: hidden;
}

.filtros.active{
    max-height: 3000px;
}

.enfermedad-wrapper .close-block{
    display: none;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 12px;
    font-size: 14px;
    color: gray;
}
.enfermedad-wrapper .enfermedad-form{ padding: 10px; position: relative; }
.enfermedad-wrapper.active{ background-color: transparent; max-height: 1000px; }
.enfermedad-wrapper.active .close-block{ display: block; }
.enfermedad-wrapper.active .enfermedad-title{ color: #333; }
.enfermedad-wrapper .enfermedad-title{ 
    padding: 10px; 
    font-weight: bold; 
    font-size: 14px; 
    cursor: pointer;
    color: #333;
}
.input-paciente, .input-paciente:focus{
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.form-table{ width: 100%; margin-bottom: 5px; }
.form-table tr td{ padding: 5px; }
.enfermedad-wrapper .form-group{ margin-bottom: 5px; padding: 5px; }
.vtop{ vertical-align: top !important; }
label input[type="checkbox"],label input[type="radio"]{
    margin-top: 1px;
    vertical-align: top;
}
.table tr td > label{ display: table-cell; }
#loaging-data{ 
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
#loaging-data #wrapper{
    background-color: white;
    opacity: .5;
    z-index: 10000;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
#loaging-data #indicator{
    position: absolute;
    top: 48%;
    left: 45%;
    padding: 8px 14px;
    z-index: 10001;
    background-color: #333;
    border: 1px solid gray;
    border-radius: 2px;
    display: inline-block;
    color: white;
    font-size: 14px;
    vertical-align: top;
}
select{ padding: 3px 5px; }
.btn-erase{ position: absolute; top: 10px; right: 10px;}