.svgContainer {
	width: 2em;
	height: 75%;
}

#headerMainCarousel {
    background-color: #365160!important;
}

#headerMainJumbotron {
    background-color: #365160!important;
}

.bg-theme{
	background-color: #365160!important;
}

.background-color-blue {
    background-color: #365160!important;
}

.bg-dark {
    background-color: #365160!important;
}

.custom-navbar-bg {
 	background-color: #365160 !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
	background-color: #365160 !important;
	border-color: #365160 !important;
}

.btn-outline-primary {
	color: #365160 !important;
	border-color: #365160 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary.active:hover {
	background-color: #7498ac!important;
	color: #fff !important;
}

.btn-outline-primary.active {
	background-color: #365160 !important;
	color: #fff !important;
}

.btn.btn-outline-primary.focus {
	outline: 0 !important;
    box-shadow: 0 0 0 0.2rem #365160 !important;
}

.card-header-primary,
.card-footer-primary {
	background-color: #365160 !important;
}

.custom-portfolio-item{
	display: none;	
}

.custom-btns-cardsv-index{
	display: none;
}

.breadcrums-titulo{
	display: none;
}

.icon-banco-de-datos:before{
	content: "\f1c0";
	font-family: FontAwesome;
	font-style: normal;
}

.dot{
	height: 0.5em;
	width: 0.5em;
	border-radius: 50%;
	display: inline-block;
}

.custom-maintoolbar-icons img{
	display: none;
}


@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;
}


.modal-dialog .nav-item .nav-link:hover{
	color: #2ad2c9;
}

.modal-dialog .nav-item .nav-link.active{
	color: #495057;
	background-color: #fff;
}

.modal-dialog .nav-item .nav-link{
	border: 1px solid #dee2e6;
	color: #212529;
	background-color: #eee;
}

.modal-dialog .info-panel{
	box-shadow: 4px 4px 5px #888;
	border: 1px solid;
	border-color: #cccc;
	padding: 0px;
	margin-bottom: 1rem;
	font-size: 1rem;
}

.modal-dialog .modal-header{
	background-color: #365160;
	color: white;
}

.modal-header .svgContainer {
    filter: brightness(0) invert(1);
}

.modal-header .close {
    color: #fff !important;
    opacity: 1;
    text-shadow: none;
}

.modal-header .close span {
    color: #fff !important;
}

.modal-close{
	color: white !important;
	text-shadow: none !important;
}

.modal-content .modal-title,
.modal-content .close{
    color: white;
}

.checkbox#aggregationSelectButtons input[type="checkbox"] +label {
    background: #f7f7f7;
    padding: 0.1rem 0.5rem;
    font-weight: normal;
    border-radius: 10%;
    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;
}

.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;
	
}

.info-panel #div_info_img{
	width: 12rem;
}

.div_info_img{
	width: 12rem;
}

.hide{
	display: none;
}


::placeholder{
	color: #c0c0c0!important;
}

::-ms-input-placeholder{
	color: #c0c0c0 !important;
}

:-ms-input-placeholder{
	color: #c0c0c0 !important;
}

/*BEGIN config estaciones*/
#stationsTable tr.selected_station  {
	background-color:  #7498ac;
}

#stationsTable tr.mainTable:hover{
    cursor: pointer;
}
.btn.show-active-sensor:hover   {
	cursor: pointer !important;
}

.btn.show-active-sensor.selected {
 	background-color: #7498ac !important;
 	color: #000000 !important;
}
/*END config estaciones*/


/*BEGIN config SETTINGS*/

.entityType {
	background: #cdd8e7 !important;
}

.entityType.btn-selected {
	background: #365160 !important;
}
.entityType.btn-selected:hover {
	background: #7498ac !important;
}

#event_settings_filter_origin .btn{
	background: #365160;
	color: black;
}

#event_settings_filter_origin .btn:hover{
	background: #7498ac;
}

#eventgroups_table .set-row.owner {
	background-color: #365160
}
#eventgroups_table .set-row.owner:hover {
	background-color: #7498ac
}

#eventgroups_table .set-row:hover {
	background-color: rgba(255, 214, 125, 0.05)
}

/*END config SETTINGS*/

.spinner-border{
	color: #365160;
}

#eventgroups_table .set-row:hover .active-group
{
	background-color: #7498ac;
	vertical-align: middle;
}

.active-group{
	color: white;
	background-color: #365160;
	vertical-align: middle;
}


#eventgroups_table th {
	background: #7498ac;
	border: 1px solid rgba(0, 0, 0, 0.06);
}

#eventgroups_table td{
	vertical-align: middle;
}

.custom-card-sensors_body::-webkit-scrollbar,
.custom-card-series_body::-webkit-scrollbar {
    width: 5px; /* Ajusta el valor para hacerlo más fino o grueso */
}

.custom-card-sensors_body::-webkit-scrollbar-track,
.custom-card-sensors_body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-card-sensors_body::-webkit-scrollbar-thumb,
.custom-card-sensors_body::-webkit-scrollbar-thumb {
    background: #365160;
}

.custom-card-sensors_body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.transition-line {
	height: 1px;
	background-color: #365160;
	width: 0;
	transition: width 1s;
}

.animate-line {
	width: 100%;
}

.bootstrap-dialog.type-primary .modal-header{
	background-color: #365160;
}

.btn-outline-primary.disabled:hover {
	background-color: #838383!important;
	color: #fff !important;
}

.severity_level_100 {
	color: #000 !important;
	background-color:#FFFF43 !important
}
.severity_level_200 {
	color: #000 !important;
	background-color: #ff7f32 !important
}
.severity_level_300 {
	color: #000 !important;
	background-color: #ff5c39 !important
}

#alert-timeline .vis-item.vis-box.severity_level-100-alert,
#alert-timeline .vis-item.vis-range.severity_level-100-alert{
	border-style: hidden;
	border-radius: 2px;
	box-sizing: border-box;
	background: #FFFF43;
}
#alert-timeline .vis-item.vis-box.severity_level-100-alert:hover,
#alert-timeline .vis-item.vis-range.severity_level-100-alert:hover{
	border: 2px solid #7498ac;
}

#alert-timeline .vis-item.vis-box.severity_level-200-alert,
#alert-timeline .vis-item.vis-range.severity_level-200-alert{
	border-style: hidden;
	border-radius: 2px;
	box-sizing: border-box;
	background: #ff7f32;
}
#alert-timeline .vis-item.vis-box.severity_level-200-alert:hover,
#alert-timeline .vis-item.vis-range.severity_level-200-alert:hover{
	border: 2px solid #7498ac;
}

#alert-timeline .vis-item.vis-box.severity_level-300-alert,
#alert-timeline .vis-item.vis-range.severity_level-300-alert{
	border-style: hidden;
	border-radius: 2px;
	box-sizing: border-box;
	background: #ff5c39;
}
#alert-timeline .vis-item.vis-box.severity_level-300-alert:hover,
#alert-timeline .vis-item.vis-range.severity_level-300-alert:hover{
	border: 2px solid #7498ac;
}

.tHeadColor{
	background-color: #365160 !important;
	color: white;
}

.popover {
	max-width: 1000px !important;
}

.text-primary-card{
	color: #2ad2c9!important;
	padding: 0.375rem 0.75rem;
}

a.main_img_logo_link > img {
    width: 50px !important;
}

.modal-header:has(> a.main_img_logo_link) {
    background-color: #365160;
}

.modal-header > a.main_img_logo_link > img {
    width: 30px !important;
}