.svgContainer {
	width: 24px;
	height: 24px;
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(145deg) brightness(105%) contrast(102%);
}

.card-models {
	display: none;	
}


body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
	background-color: #373f44;
	color: #ffffff;
	/*font-family: "Open Sans";*/
	padding-top:56px;
	overflow-y: scroll;
}

.bg-dark {
    background-color: #444e54 !important;
}

#headerMainJumbotron h1{
	text-align: left; 
	text-shadow: 2px 2px 4px rgba(0,0,0, 1); 
	padding-top: 10px;
}    

.dropdown-item,
.dropdown-header,
.dropdown-menu{
	color: #ffffff;
}

.dropdown-header{
	background-color:#31383C;
}

.dropdown-menu{
	background-color:#373f44;
	font-size: 14px;	
}

.dropdown-divider{
	margin-bottom: 0;
	border-color: #373f44;
}

div#mainNavbar i {
    margin-right: 2%;
    color: #ffffff;
}

.navbar.navbar-expand-md.custom-navbar-style.custom-navbar-bg {
	background-color: #444e54 !important;
  	/* background: linear-gradient(90deg, rgba(0,52,105,1) 38%, rgba(7,151,212,1) 100%) !important; */
  	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.custom-navbar-style .navbar-nav .show > .nav-link,
.custom-navbar-style .navbar-nav .active > .nav-link,
.custom-navbar-style .navbar-nav .nav-link.show,
.custom-navbar-style .navbar-nav .nav-link.active {
	font-weight: bold;
}

.navigation_breadbrumb{
	display: none;
}

/*.breadcrums-titulo{*/
/*	color: white;*/
/*	font-size: 16px;*/
/*	padding-right: 24px;*/
/*}*/
.breadcrums-titulo {
	display: none;
}

.custom-portfolio-item {
	display: none;
}

@media screen and (max-width: 768px) {
	div#headerMainJumbotron {
    	display: none;
    }
    
    .navbar.navbar-expand-md.custom-navbar-style.custom-navbar-bg {
  		padding: .5rem .5rem !important;
	}
}

.carousel-item{
	min-height: 300px;
}

.carousel-caption{
	text-align: left;
	text-shadow: 2px 2px 4px rgba(0,0,0,1);
}

.custom-align{
	margin-left: auto !important;	
}


.navbar .nav-item a.nav-link  {
	color: white !important;
	font-size: 16px;
}

a.nav-link:hover {
	color: powderblue !important;
}


.index-organization-name{
	display: none;
}

.card,
.card-header:first-child{
	border-radius: 0;
	border: none;
}

.card-header.bg-primary {
	background-color: #3f484d !important;
}

.card{
	background-color: #444e54;
	-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%), 0 3px 4px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 16%);
	-moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%), 0 3px 4px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 16%);
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%), 0 3px 4px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 16%);
}

.card-body{
	background-color: #444e54;
	color: #ffffff87;
}

.card-title .btn{
	width: 100%;
	font-weight: bold;
	color: #fff;
   	background-color: #319acb;
	border-radius: 2rem;
    border-color: #319acb;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.portfolio-item{
	text-align: center;
}

.card-text{
		 color: #ffffff87;
		 font-size: 16px;
		 text-align: center;
}
	
.main-group .historical_data_selection:before{
	font-family: FontAwesome;
}		
	
.main-group .historical_data_selection img{
	filter: invert(30%); 
}

.historical_data_selection .svgContainer{
	display: none;
} 

.historical_data_selection.episode:before{
	content: "\f1da";
}

.historical_data_selection.weather_observed:before{
	content: "\f0e9";	
}

.historical_data_selection.weather_observed:before{
	content: "\f0e9";	
}

.historical_data_selection.weather_forecasted:before{
	content: "\f0e9";	
}

.historical_data_selection.calendar:before{
	content: "\f2ce";
}

.historical_data_selection.calendar.occurrences:before{
	content: "\f002";
}

.historical_data_selection.list-group-item.active{
	z-index: 2;
	color: #fff;
	background-color: #319acb;
	border-color: #319acb;	
}

.historical_data_selection.list-group-item.active img{
	filter: invert(95%);
}

.icon-banco-de-datos:before {
	content: "\f1c0";
	font-family: FontAwesome;
	font-style: normal;
}

@media (min-width: 1200px) {
	.container.banco-de-datos {
		margin-right: 0px;
		margin-left: 0px;
		max-width: 100% !important;
	}
}

.banco-de-datos .wizard > .content > .body ul {
    list-style: none !important;
}

.wizard .content{
    background-color: transparent !important;
}

.wizard .content .body.current{
    background-color: #373f44!important;
    border-radius: 0;
}

.configuracion .row{
	margin-right:0.2%;
}

.configuracion .card-header{
	background-color: #3f484d !important;
}

.configuracion .card-header.red{
	background-color: #dc3545 !important;
}

.size-correction{
	font-size: 1.5rem;
}

.configuracion h4{
	color: white;
}

.configuracion .col{
	margin-top: 3%;
	flex: 0 0 33.333333%;
	
}

.normal-map-tool.custom-maintoolbar-icons{
	margin-top: 1rem!important;
	margin-left: 1rem!important;
	border-radius: 15px;
	
}

.custom-maintoolbar-icons .fa-plus-circle, .custom-maintoolbar-icons .fa-minus-circle, .custom-maintoolbar-icons .fa-calendar-o, .custom-maintoolbar-icons .fa-list-ul, .custom-maintoolbar-icons .fa-map-o{
	display:none;
}

.custom_map_tool_button.fa.fa-search{
	margin-left: 0.3rem;	
}


.custom-maintoolbar-icons img{
	width: 40px;
	height: 40px;
}

#map-tool-alert-selection .list-element .fa-circle-thin{
	line-height: 0.8em;
}

#map-tool-alert-selection .list-element .fa-eye{
	line-height: 1.4em;
}

.list-format{
    flex-basis: 100%;
    max-width: 100%;
}

.date-picker-col-format 
{
	margin-top: 2.5%;
}

.inclam-time_picker {
	width: 10.2%;
}

.picker-switch.accordion-toggle{
	display: block;
}

#modalUltimosDatosDisponibles .card-body#forecastedTimeseries > :first-child{
	display:none;
}

#tab_eventsCatalog #telegramStatusAlert{
	display:none;
}

header{
	padding-bottom: 1rem;
	
}

.parpadea {
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.2; }
  100% { opacity: 1.0; }
}

.modal-dialog .info-panel{
	box-shadow: 4px 4px 5px #888;
	border: 1px solid;
	border-color: #cccc;
	padding: 0px;
	margin-bottom: 1rem;
	font-size: 1rem;
}

.checkbox#aggregationSelectButtons input[type="checkbox"] +label {
    background: #ffffff87;
    padding: 0.1rem 0.5rem;
    font-weight: normal;
    border-radius: 4px;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    margin: 0.2rem;
}

.checkbox#aggregationSelectButtons input[type="checkbox"]:checked+label:before {
    display: none;
}

.checkbox#aggregationSelectButtons input[type="checkbox"]:checked+label {
    background: #e6ebf5;
    font-weight: bold;
}

.checkbox#aggregationSelectButtons input[type="checkbox"]:hover+label {
    background: #e6e6e6;
}

.container-legend{
	color: #31383C;
}

.unselectable {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.modal-dialog .thresholdInfo .thresholds{
	display: flex;
	background-color: rgba(0,0,0,0.2);
	justify-content: center;
	font-weight: bold;
	text-shadow: 1px 1px 1px grey;
	border-radius: 4px;
	
}

.modal-close, .close {
	color: white !important;
	text-shadow: none !important;

}

.info-panel #div_info_img{
	width: 12rem;
}

.div_info_img{
	width: 12rem;
}

.text-link{
	color: #319acb;
	text-decoration: none;
}

.text-link:hover{
	text-decoration: none;
}

.modal-content,
.modal-header, .type-primary .modal-header {
	background-color: #31383C !important;
}

.modal-dialog .info-panel{
	box-shadow:none;
}

.modal-header{
	border-bottom: none;
}

.modal-body{
	background-color: #444e54;
}

.modal-footer{
	border-top: none;
}

.form-signin .form-control,
.form-signin .input-group-text{
	background-color: #373f44;
	border-color: #444e54;
	color: #ffffff87;
}

.btn-primary{
	background-color: #319acb;
	border-color: #319acb;
}

.btn-outline-secondary{
	color: #ffffff87;
	border-color: #ffffff87;
}

.main_img_logo_link{
	padding-left: 1em;
}

.list-group-item{
	background-color: #444e54;
	color: #ffffff;
}

.list-group-item.disabled{
	background-color: #444e54;
	color: #ffffffb3;
}

.table{
	color: #ffffff;
}

#userstable thead{
	background-color: #ffffff87;
}

#userstable th{
	border-color: #ffffff87;
	
}

.chosen-container{
	color: #343434;
}

.map{
	color: #31383C;
}

.modal-map-tool{
	color: #ffffff;
}

#map-tool-legend{
	background-color: #ffffffb3;
}

.panel-inclam-layer-switcher .custom-navbar-bg{
	box-shadow: none;
}

.wizard > .actions .disabled a{
	background-color: #ffffffb3 !important;
	color: black !important;
}

.bg-primary,
.wizard > .actions a,
.wizard > .steps .current a,
.bootstrap-datetimepicker-widget table td.active{
	background-color: #319acb !important;
}

.bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td.hour:hover, .bootstrap-datetimepicker-widget table td.minute:hover, .bootstrap-datetimepicker-widget table td.second:hover {
	background: #b2b5b7 !important;
	cursor: pointer;
}

.container-legend > .bg-primary {
	background-color: transparent !important;
}

.bootstrap-datetimepicker-widget table td.today:before{
	border-bottom-color: #319acb;
}

.reportrange-stations{
	background: transparent !important;
}

.ranges li.active{
	background: #319acb !important;
	border-color: #319acb !important
}

.daterangepicker td.active{
	background: #319acb !important;
}
.daterangepicker_input{
	color: #444e54;
}

.daterangepicker:before,
.daterangepicker:after{
	border-bottom-color: #444e54 !important;
}

.daterangepicker.dropdown-menu{
	background-color: #444e54;
	-webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%), 0 3px 4px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 16%);
	-moz-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%), 0 3px 4px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 16%);
	box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%), 0 3px 4px 0 rgb(0 0 0 / 16%), 0 1px 5px 0 rgb(0 0 0 / 16%);
}

.daterangepicker .cancelBtn{
	color: #ffffff87;
}

.calendar-table tbody{
	color: #31383C;
}

.tag-list li a {
	background-color: #fff !important;
	color: #444e54 !important;
	border-color: #444e54 !important;
}

.serie-conf-container2 .serie-conf2{
	background-color: transparent !important;
	color: #ffffffb3;
}

#elementPopUp div.modal-body {
	background-color: white !important;
	color: #000000 !important;
}

.tHeadColor{
	background-color: #319acb !important;
	color: white;
}
.popover {
	max-width: 1000px !important;
}

.text-primary-card{
	color: #007bff!important;
	padding: 0.375rem 0.75rem;
}

.table-hover tbody tr:hover {
	color: white !important;
}

#rainfallFilter > label {
	color: white !important;
}

#instantTempFilter > label {
	color: white !important;
}