.alarm-normal, .alarm-Normal{
    color: white;
    background-color: #1ABB9C;
}
.alarm-warning, .alarm-Warning {
    color: white;
    background-color: blue;
}
.alarm-minor, .alarm-Minor{
    color: white;
    background-color: gold;
}
.alarm-major, .alarm-Major{
    color: white;
    background-color: orange;
}
.alarm-critical, .alarm-Critical{
    color: white;
    background-color: red;  
}


.swal2-popup {
  font-size: 1.6rem !important;
}
.pointer {
  cursor: pointer;
}

.swal2-overflow {
  overflow-x: visible;
  overflow-y: visible;
}
.error {
	border:1px solid red;
}
.field_invalid {
  color: white;
  background-color:red;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
.nav-sm .main_container .top_nav,
.nav-md .main_container .top_nav {
  position: fixed; // fixed para que quede siempre visible, pero tapa lo que hay abajo;
	top: 0; 
	transition: top 0.3s;
  right: 0;
  left: 0;
  z-index: 4;
}

.nav-md .container.body .right_col,
.nav-sm .container.body .right_col {
    //padding-top: 58px;
}

.right_col {
  margin-top: 35px; /* Add a top margin to avoid content overlay */
}

.left_col {
  margin-top: -20px; /* Add a top margin to avoid content overlay */
}

#TopBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #337ab7; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px; /* Some padding */
  border-radius: 5px; /* Rounded corners */
  font-size: 12px; /* Increase font size */
  opacity: 0.75;
}

#TopBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}