.dark-mode .main-menu.menu-dark {
    background: linear-gradient(to bottom, #2e3d5a 0%, #18183a 100%);
}

.dark-mode .main-menu.menu-dark .navigation {
    background: rgba(0,0,0,0);
}

.dark-mode .main-menu.menu-dark .navigation > li > ul {
    background: rgba(0,0,0,0);
}

html body.dark-mode .content .content-wrapper .content-header-title {
    color: white;
} 

html body.dark-mode a {
    color: #2EC096;
}

.dark-mode .breadcrumb-item.active {
    color: white;
}

.dark-mode .content-body h1,.dark-mode .content-body h2,.dark-mode .content-body h3,.dark-mode .content-body h4,.dark-mode .content-body h5,.dark-mode .content-body h6 {
    color: white;
}

.dark-mode span.required {
    color: #bc99f0;
}

.dark-mode .app-content.content {
    background-image: url("../image/fondoDark.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    height: 100%;
    overflow-y: scroll;
}

.dark-mode .card {
    background: rgba(0,0,0,0.7);
    /* border: 1px solid white; */
}

.dark-mode .card-header {
    background-color: transparent;
}

.dark-mode .btn-default-focus {
    background-color: rgba(0, 0, 0, 0);
    color: white;
}

.dark-mode .form-control:focus {
    border: 1px solid #6b6f82;
}

.dark-mode form .form-control {
    border: 1px solid transparent;
    border-color: #6b6f82;
    color: white;
    background: rgba(0,0,0,0);
}

.dark-mode .text-muted {
    color: white !important;
}

.dark-mode .form-control.ui-special-group span.btn-secondary, .dark-mode .form-control.ui-special-group span.btn-secondary:hover{
    background-color: rgba(0,0,0,0) !important;
    border-left: 6px solid #2EC096;
    color: white !important;
}

.dark-mode .dropdown-menu {
    background-color: black;
}

.dark-mode .ui-select-bootstrap4 .ui-select-choices-row > span {
    color: white;
}

.dark-mode .form-control.ui-special-group span.btn-secondary, .form-control.ui-special-group span.btn-secondary:hover {
    background-color: rgba(0,0,0,0) !important;
}

.dark-mode .ui-select-bootstrap4 .ui-select-choices-row.active > span {
    background-color: #2EC096 !important;
}

.dark-mode .ui-select-bootstrap4 .ui-select-choices-row > span:hover, .ui-select-bootstrap4 .ui-select-choices-row > span:focus {
    color: black !important;
}

.dark-mode .input-group-text {
    border: 1px solid #6b6f82;
    padding: 7.5px 10px;
    background-color: rgba(0,0,0,0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: none;
}

.dark-mode .input-group.date .la.la-calendar {
    font-size: 1.7rem;
    color: white
}

.dark-mode input.datepicker {
    border-left: 6px solid #2EC096;
}

.dark-mode input[type=number] {
    border-left: 6px solid #2EC096;

}

.dark-mode .datepicker.datepicker-dropdown.dropdown-menu {
    color: white;
}

.dark-mode .datepicker table tr td span.focused, .dark-mode .datepicker table tr td span:hover {
    color: black;
}

.dark-mode input[type=number]::-webkit-outer-spin-button, .dark-mode input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none; 
    margin: 0; 
}

.dark-mode input[type=email] {
    border-left: 6px solid #2EC096;
}

.dark-mode .temperaturaValida {
    color: #2EC096 !important;
}

.dark-mode .temperaturaInvalida {
    color: #C7278F !important;
}

@-moz-document url-prefix() {
    .dark-mode input[type=number] {
        -moz-appearance: textfield !important;
    }
}

.dark-mode .nav.nav-tabs .nav-item .nav-link.active {
    background-color: rgba(0,0,0,0);
}

.dark-mode .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link.active::after {
	border-top-color: transparent;
}

.dark-mode .nav.nav-tabs.nav-linetriangle .nav-item a.nav-link {
    color: white;
}

.dark-mode ::placeholder {
    color: white !important;
}

.dark-mode input[type=


].ui-select-search {
    color: white;
}

.dark-mode .close {
    color: white;
}

.dark-mode form label {
    color: white;
}

.dark-mode .content-body {
    color: white;
}

.dark-mode .input-group-addon {
    background-color: rgba(0,0,0,0);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: none;
    border-color: #6b6f82;
}

.dark-mode .ui-select-multiple.ui-select-bootstrap4 {
    border-left: 6px solid #2EC096;
}

.dark-mode input[type=text]{
    border-left: 6px solid #2EC096;
}

.dark-mode .form-control.ui-special-group.ui-select-container {
    border: none !important;
}

.dark-mode .form-control.ui-special-group.ui-select-container.ui-select-multiple {
    border: 1px solid transparent !important;
    border-color: #6b6f82 !important;
    border-left: 6px solid #2EC096 !important;
}

.dark-mode .dropdown-toggle::after {
    font-size: 1.1rem;
}

.dark-mode .card-header.card-header-ps {
	background-color: rgba(0, 0, 0, 0);
}

.dark-mode .boton-dashboard-icono {
	color: white !important;
}

.dark-mode .boton-dashboard {
	background-color: rgba(0, 0, 0, 0);
}

.dark-mode .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
	color: black;
}

.dark-mode element {
	border-radius: 5px;
	border: 1px solid #4A7097;
	background: linear-gradient(to bottom, #446a90 0%, #294b6e 100%);
}

/* .dark-mode .form-control.form-control-sm {
	background-color: rgba(0,0,0,0);
} */

.dark-mode input[type="search"] {
	background-color: transparent;
	border-radius: 5px;
	border: 1px solid #6b6f82;
}

.dark-mode .table.tabla .espacio-despues::after {
	content: "";
	border: none !important;
	background-color: rgba(0, 0, 0, 0);
	display: table;
	height: 3px;
}

.dark-mode .table.tabla thead th, .dark-mode .table.tabla thead td, .dark-mode .table.tabla, .dark-mode .table.tabla .tabla-subtitulo {
	border: 1px solid transparent !important;
}

.dark-mode .table.tabla .tabla-subtitulo {
	border-bottom: 1px solid #69696D !important;
}

.dark-mode .table.tabla thead .tabla-titulo1 {
	background-color: #2E3192;
}

.dark-mode .table.tabla thead .tabla-titulo2 {
	background-color: #5457A6;
}

.dark-mode .table.tabla .tabla-encabezado th {
	border: 1px solid #69696D !important;
	border-bottom: 6px solid #2EC096 !important;
	color: #2EC096; 
}

.dark-mode .table.tabla .borde-tabla {
	border: 1px solid #69696D !important;
}

.dark-mode .nuevo-registro {
    border: none !important;
}

.dark-mode .nuevo-registro .card-header {
    background-color: transparent;
}

.dark-mode .dt-buttons.btn-group .btn {
	border-radius: 8px;
	border: 2px solid #4A7197;
	background: linear-gradient(to top, #29496d 0%, #476f95 100%);
	padding-top: 5px;
	padding-bottom: 5px;
}

.dark-mode .dataTable .form-control {
	border: 1px solid #59585C !important;
	background: transparent;
}

.dark-mode .dataTable.table-striped tbody tr:nth-of-type(2n+1){
    background: transparent;

}

.dark-mode .dataTable {
	border-collapse: separate !important;
	border-spacing: 8px 0px;
	border: transparent;
}

.dark-mode .dataTable thead th {
	border: 1px solid #69696D !important;
	border-bottom: 6px solid #2EC096 !important;
	color: #2EC096; 
}

.dark-mode .dt-buttons.btn-group .btn {
	border-radius: 8px;
	border: 2px solid #4A7197;
	background: linear-gradient(to top, #29496d 0%, #476f95 100%);
	padding-top: 5px;
	padding-bottom: 5px;
}

.dark-mode .table-striped tbody tr:nth-of-type(2n+1) {
	background-color: transparent;
}

.dark-mode .dataTable thead th {
	border: 1px solid #69696D !important;
	border-bottom: 6px solid #2EC096 !important;
    color: white;
    border-radius: 7px;
    padding-top: 5px;
}

.dark-mode .dataTable thead::after {
	content: "";
	border: none !important;
	background-color: rgba(0, 0, 0, 0);
	display: table;
	height: 5px;
}

.dark-mode .dataTable thead .sorting_asc::before, .dark-mode .dataTable thead .sorting_asc::after,
.dark-mode .dataTable thead .sorting::before, .dark-mode .dataTable thead .sorting::after {
    bottom: 10px;
    font-size: 18px;
}

.dark-mode .dataTable tbody tr td, .dark-mode .dataTable tfoot th {
	border: 1px solid #69696D !important;
	color: white;
}

.dark-mode .dataTable tfoot th input::placeholder{
    color: #69696D !important;
}

.dark-mode .btn-sm.btn:hover,.dark-mode .btn-sm.btn:focus {
	text-decoration: none;
	background-color: #2EC096;
}

.dark-mode .tabla-interna {
    background-color: transparent;
}

.dark-mode .tabla-interna tr th {
    border: 1px solid white !important;
}

.dark-mode .tabla-interna tr td {
    border: 1px solid #69696D !important;
}

.dark-mode .badge.badge-striped {
	background: linear-gradient(to top, #b3b2b8 0%, #f9f9f9 100%);
}

.dark-mode .dot-423 {
    background-color: #2EC067;
}

.dark-mode .dot-421 {
    background-color: #C7278F;
}

.dark-mode .dot-422 {
    background-color: #FFB33B;

}

.dark-mode table.dataTable tbody tr.selected {
    background-color: transparent !important;
}

.dark-mode .contenedor-menu {
    background: linear-gradient(to bottom, #2e3d5a 0%, #18183a 100%);
    color: white !important;
}



.dark-mode .ocultar-graficas {
    background: transparent;
}


.dark-mode .titulo-menu { 
    color: #56EEBB !important;
    margin-bottom: 3px;
}

.dark-mode hr.divisor-menu {
    border-top-color: #56EEBB !important;
}

.dark-mode #tabla-datos-basicos th{
color: #56EEBB !important;
font-weight: 400;
}

.dark-mode #opciones-mapa .card {
background: transparent;
}

/* .dark-mode #opciones-mapa .form-control.ui-special-group {
    background-color: rgba(255,255,255,0.7);    
    border-radius: 22px;
    height: 37px;
} */

.dark-mode #opciones-mapa .ocultar-graficas i{
    color: #56EEBB;
}


.dark-mode #opciones-mapa .statics .card-body{
    padding-top: 0px !important; 
}

.dark-mode .leaflet-routing-container.leaflet-bar.leaflet-routing-container-hide.leaflet-control {
    display: none;
}

.dark-mode #opciones-mapa .icheckbox_square-yellow {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	cursor: pointer;
    border: 2px solid #2EC096;
    border-radius: 5px;
    background: transparent;
	/*! top: 0; */
}

.dark-mode #opciones-mapa .icheckbox_square-yellow:hover {
    background-color:  #2EC0965C; 
}

.dark-mode #opciones-mapa .icheckbox_square-yellow.checked {
    background-color:  #2EC096; 
}

.dark-mode #opciones-mapa .icheckbox_square-yellow:after {
    content: "";
    position: absolute;
    display: none;
}


.dark-mode #opciones-mapa .icheckbox_square-yellow.checked:after {
    display: block;
}


.dark-mode #opciones-mapa .icheckbox_square-yellow:after {
    left: 7px;
    top: 1px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
} 

.dark-mode #opciones-mapa .card-header.bg-info {
    background: linear-gradient(to top, #335880 0%, #496f97 100%);
    border: 1px solid #335880;
}

.dark-mode #opciones-mapa .card.collapse-icon.accordion-icon-rotate.border-info {
    border: 1px solid #335880 !important;;
    
}

.dark-mode #opciones-mapa .titulo-capas-mapa {
    padding-top: 3px;
    color: black;
}

.dark-mode #opciones-mapa .card-header.bg-info.bg-lighten-1{
    padding: 6px;
}

.dark-mode #opciones-mapa .card-header.bg-info.bg-lighten-1 label {
	display: block;
	margin-left: 10px;
}

.dark-mode #opciones-mapa .icheckbox_square-blue {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	cursor: pointer;
    border: 2px solid #1e9ff2;
    border-radius: 5px;
    background: transparent;
}

.dark-mode #opciones-mapa .icheckbox_square-blue:hover {
    background-color:  #1e9ff25C; 
}

.dark-mode #opciones-mapa .icheckbox_square-blue.checked {
    background-color:  #1e9ff2; 
}

.dark-mode #opciones-mapa .icheckbox_square-blue:after {
    content: "";
    position: absolute;
    display: none;
}


.dark-mode #opciones-mapa .icheckbox_square-blue.checked:after {
    display: block;
}


.dark-mode #opciones-mapa .icheckbox_square-blue:after {
    left: 7px;
    top: 1px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;

} 

.dark-mode #opciones-mapa .collapse-icon a[data-toggle="collapse"]::before {
	border: none;
	background: #5284D7;
	border-radius: 5px;
	padding-left: 3px;
	padding-right: 2px;
}

.dark-mode #opciones-mapa .collapse-icon a[data-toggle="collapse"]::after {
	border: none;
	background: #5284D7;
	border-radius: 5px;
	padding-left: 3px;
	padding-right: 2px;
}
.dark-mode .list-group-item {
    background: transparent;
}

.dark-mode #mySidenav {
    background: linear-gradient(to bottom, #2e3d5a 0%, #18183a 100%);
}

.dark-mode #mySidenav .btn-outline-secondary {
    color: white;
    border-color: white;
}

.dark-mode #mySidenav hr {
	border-color: white;
}

.dark-mode #mySidenav .card {
	background: transparent;
    border: none;
  
}

.dark-mode #dashboard-epidemiologia .blue-grey.darken-1 {
    color: white !important;;
}

.dark-mode #tabla-relacion-familiares thead {
    background: transparent !important;
}


.dark-mode #tabla-relacion-familiares thead th{
    color: #2EC096;
    text-align: center;
    border: 1px solid #6b6f82; 
    border-bottom: 6px solid #2EC096;
}

.dark-mode #tabla-relacion-familiares td{
    text-align: center;
    border-color: #6b6f82 !important;
}

.dark-mode #tabla-relacion-cecanas thead {
    background: transparent !important;
}


.dark-mode #tabla-relacion-cecanas thead th{
    color: #2EC096;
    text-align: center;
    border: 1px solid #6b6f82; 
    border-bottom: 6px solid #2EC096;
}

.dark-mode #tabla-relacion-cecanas td{
    text-align: center;
    border-color: #6b6f82 !important;
}

.dark-mode .datepicker .datepicker-switch:hover,.dark-mode .datepicker .next:hover,.dark-mode .datepicker .prev:hover,.dark-mode .datepicker tfoot tr th:hover {
	color: black;
}

.dark-mode .timeline a {
	color: white;
}

.dark-mode #timeline.timeline-left .timeline-item::before {
	border-top: 12px solid transparent;
	border-right: 12px solid rgba(0,0,0,0.7);
	border-bottom: 12px solid transparent;
}

#timeline.timeline-left .timeline-item::after {

	border-top: 11px solid transparent;
    border-right: 11px solid rgba(0,0,0,0.7);
	border-bottom: 11px solid transparent;
}

.dark-mode #tblIngresoArea thead tr{
    background: transparent !important;
}


.dark-mode #tblIngresoArea thead th{
    color: #2EC096;
    text-align: center;
    border: 1px solid #6b6f82; 
    border-bottom: 6px solid #2EC096;
}

.dark-mode #tblIngresoArea td{
    border-color: #6b6f82 !important;
}