/*********** Interfaz usuarios **********/
::-webkit-scrollbar {
  width: 10px;
  cursor: pointer;
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar-button {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgb(69, 69, 69);
  border-radius: 10px;
}
.sidebar-divider{
  display: none !important;
}
.nav-link {
  position: relative;
  display: inline-block;
}

.nav-link .tooltiptext {
  visibility:hidden;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 100px;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(50px) saturate(200%);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: relative;
  top: -13px;
  left: 110% !important;
  z-index: 1000;
  font-weight: 700 !important;
  font-size: 13px !important;
}
.nav-link span{
  color:black !important;

}
.nav-link:hover .tooltiptext {
  visibility: visible;
}
#prueba{
  display: none;
}
#accordionSidebar{
  z-index: 1;
}
#accordionSidebar .nav-item{
    width: 60% !important;
    left: 24%;
    border-radius: 15px;
    margin-bottom: 10px;
}
#accordionSidebar .nav-link{
  line-height: 1.7rem;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .sidebar-dark .nav-item.active .nav-link {   
    background: rgb(17, 34, 218);
    border-radius: 13px;

}
.sidebar-dark .nav-item .nav-link:hover{
}
  #accordionSidebar .nav-item i{
    position: inherit;
    width: 20px;
    height: 20px;
    top: 15px;
  }
#accordionSidebar .nav-link{
  border-radius: 13px;
  width: 50px;
  height: 50px;
}


.imgUser{
    margin-bottom: 5px;
    display: flex;
  }
  
  .imgUser i{
    background-color: lightgrey;
    border-radius: 40px;
    color: white;
    padding: 15px;
    margin: auto;
  }
  
  .tarjetas{
    margin: 20px;
  }
  
  .tarjetasUsuario{
    height: inherit;
    margin: 0;
  }
  
  .tarjetasUsuario .textoTarjetas{
    color: #093b29;
  }
  
  .datosGenerales{
    text-align: center;
  }
  
  .datosGenerales div{
    padding-bottom: 5px;
  }
  
  .correoTarjeta{
    font-size: 15px;
  }
  
  .infoRolSensanet{
    background-color: #2da378;
    border-radius: 10px;
    color: white;
    padding: 5px;
  }
  
  .infoRolAdmin{
    background-color: var(--primary);
    border-radius: 10px;
    color: white;
    padding: 5px;
  }
  
  .infoRolNormal{
    background-color: red;
    border-radius: 10px;
    color: white;
    padding: 5px;
  }
  
  .iconoEditar{
    color: white;
    font:10px;
  }
  
  .textoEditar{
    color: white;
    padding-top: 7px;
    margin-left: 4px;
    font-size: 15px;
  }
  
  .btnEditar{
    background-color: var(--primary);
    border: none;
    border-radius: 10px;
    padding: 3px 15px 0px 15px;
    width: 90px;
  }
  
  .btnEditar:focus{
    outline: none;
  }
  
  .btnEditar:hover{
    background-color: #94aef7;
  }
  
  /**** Tarjeta + para agregar usuario ****/
  /* .agregarUsuario{
    height: 300px;
  } */
  
  .mainAgregarUsuario{
    /* border: 1px dotted rgb(180, 178, 178); */
    border: none;
    padding: auto 0px;
    height: 243px !important;
  }
  
  .mainAgregarUsuario:hover{
    /* background-color: rgb(230, 230, 230); */
    background-color: #FAFAFA;
  }
  
  .btnAgregar{
    background-color: #0064ee;
    border: none;
    border-radius: 50%;
    color: white;
    padding: 15px;
  }
  
  .btnAgregar:focus{
    outline: none;
  }
  
  .btnAgregar:hover{
    /* background-color: rgb(230, 230, 230); */
    background-color: white;
    border: 2px solid var(--primary);
    color: var(--primary);
  }
  /**** Tarjeta + para agregar usuario ****/
  
  /*Botón Agregar Organización*/
  .iconoAgregarOrganizacion{
    background-color: white;
    border-radius: 30%;
    color: var(--primary);
    padding: 2px;
  }
  .btnAgregarOrganizacion{
    background-color: #0064ee;
    border: none;
    color: white;
    margin-right: 10px;
    padding: 5px 10px 5px 10px;
  }
  
  .btnAgregarOrganizacion:focus{
    outline: none;
  }
  
  .btnAgregarOrganizacion:hover{
    background-color: #004BB4;
  }
  /*/Botón Agregar Organización*/
  
  /*Modales para agregar usuarios y organizaciones*/
  .modal-body .formAgregar{
    border: 1px solid lightgrey;
    height: 35px;
    margin: 0px 0px 0px 5px;
    padding-left: 5px;
    width: 90%;
  }
  
  .modal-body .formAgregar:focus{
    outline: none;
  }
  
  .cmbOrganizacionesFormAgregar{
    margin-left: 10px;
    width: 90%;
  }
  
  .form-group{
    margin-left: 10px;
  }
  
  .textoOrganizacionFormAgregar{
    /* color: black; */
    margin: 10px 0px 5px 10px;
  }
  /*/Modales para agregar usuarios y organizaciones*/
  
  .nombreOrgBtn-Details{
    display: none;
  }
  
  /* Modal para modificar un usario */
  .greenColor{
    background-color: rgb(28, 185, 138);
  }
  
  .blueColor{
    background-color: #0064ee;
  }
  
  #tituloRedesCliente{ 
    color: white; 
    width: 90%;
  }
  
  #add-org-card{
    background-color: rgb(241, 241, 241);
  }
  
  #add-org-card:hover{
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
    cursor: pointer;
  }
  
  #add-org-icon-card{
    font-size: 80px; 
    color: #004BB4;
  }
  
  /*********** /Interfaz usuarios **********/
  
  /* Loader Mac únicas*/
  .loader,
  .loader:before,
  .loader:after {
    background: #201e1e;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
  }
  .loader {
    color: #201e1e;
    text-indent: -9999em;
    margin: 88px auto;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  .loader:before,
  .loader:after {
    position: absolute;
    top: 0;
    content: '';
  }
  .loader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  .loader:after {
    left: 1.5em;
  }
  @-webkit-keyframes load1 {
    0%,
    80%,
    100% {
      box-shadow: 0 0;
      height: 4em;
    }
    40% {
      box-shadow: 0 -2em;
      height: 5em;
    }
  }
  @keyframes load1 {
    0%,
    80%,
    100% {
      box-shadow: 0 0;
      height: 4em;
    }
    40% {
      box-shadow: 0 -2em;
      height: 5em;
    }
  }
  /* /Loader Mac únicas*/
  
  /*********** Interfaz reportes **********/
  h1 {
    margin-bottom: 10px;
    margin-left: 10px;
  }
  
  /* #selectIP{
    border: none;
  }
  
  #inputIP{
    border: none;
  } */
  
  .withoutBorder{
    border: none;
  }
  
  .headerBorder{
    border: none;
  }
  
  .withoutBorder td{
    border-top: 0px;
    border-right: 0px;
    border-bottom: 1px solid #e3e6f0;
    border-left: 0px;
  }
  
  .headerIReports{
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  
  .VTPReport{
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  
  .mod{
    width: 100px;
  }
  
  .tablesConfigSize th {
    padding: 20px;
    border-left: none;
    border-right: none;
    /* white-space: nowrap; */
    overflow: auto;
  }
  
  .tablesConfigSizeCollapse th {
    padding: 20px;
    border-left: none;
    border-right: none;
    white-space: nowrap;
    overflow: auto;
  }
  
  .tablesConfigSize td {
    padding: 20px;
    white-space: nowrap;
  }
  
  .tablesConfigSize .withBorderLeft {
    border-left: 1px solid #e3e6f0;
    border-right: none;
  }
  
  .tablesConfigSize .withBorderRight {
    border-left: none;
    border-right: 1px solid #e3e6f0;
  }
  
  .tablesConfigSizeCollapse .withBorderLeft {
    border-left: 1px solid #e3e6f0;
    border-right: none;
  }
  
  .tablesConfigSizeCollapse .withBorderRight {
    border-left: none;
    border-right: 1px solid #e3e6f0;
  }
  
  
  
  .dangerError{
    background-color: red;
    color: white;
  }
  
  /* Gráfica de temperatura */
  #chartdiv {
    width: 100%;
    height: 50vh;
    margin: auto;
  }

/*********** /Interfaz reportes **********/
/* Form Add Orgs */
.form-control-orgs{
    margin-bottom: 5px;
      /* padding-bottom: 20px; */
      position: relative;
  }
  
  .form-control-orgs input {
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
      border: 2px solid #f0f0f0;
      border-radius: 4px;
      display: block;
      font-size: 14px;
      padding: 10px;
      width: 100%;
  }
  
  .form-control-orgs input:focus {
      outline: 0;
      border-color: #777;
  }
  
  .form-control-orgs.success input {
    border: 3px solid #2ecc71;
      /* border-color: #2ecc71; */
  }
  
  .form-control-orgs.errors input {
    border: 3px solid #e74c3c;
      /* border-color: #e74c3c; */
  }
  
  .form-control-orgs i {
      visibility: hidden;
      position: absolute;
      top: 10px;
      right: 21px;
  }
  
  .form-control-orgs.success i.fa-check-circle {
      color: #2ecc71;
      visibility: visible;
  }
  
  .form-control-orgs.errors i.fa-times-circle {
      color: #e74c3c;
      visibility: visible;
  }
  
  .form-control-orgs small {
      color: #e74c3c;
      position: absolute;
      bottom: 0;
      left: 0;
    margin-left: 10px;
      visibility: hidden;
  }
  
  .form-control-orgs.errors small {
      visibility: visible;
  }

/***** Tippy *****/
/* Main Tippy Body */
.tippy-box[data-theme~='netmonitor'] {
    background-color: #0064ee;
    color: white;
  }
  
  .tippy-box[data-theme~='netmonitor'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #0064ee;
  }
  
  .tippy-box[data-theme~='netmonitor'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #0064ee;
  }
  
  .tippy-box[data-theme~='netmonitor'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #0064ee;
  }
  
  .tippy-box[data-theme~='netmonitor'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #0064ee;
  }
  
  .tippy-box[data-theme~='netmonitor'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #0064ee;
  }
  
  
  .tippy-box[data-theme~='htmlcontent'] {
    background-color: transparent;
    font-size: 12px;
    right: 75px;
  }
  
  .tippy-box[data-theme~='htmlcontent'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: transparent;
  }
  
  .tippy-box[data-theme~='htmlcontent'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: transparent;
  }
  
  .tippy-box[data-theme~='htmlcontent'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: transparent;
  }
  
  .tippy-box[data-theme~='htmlcontent'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #000;
  }
  
  .tippy-box[data-theme~='htmlcontent'][data-placement^='left-end'] > .tippy-arrow::before {
    border-left-color: transparent;
  }
  
  .tippy-box[data-theme~='htmlcontent'][data-placement^='left-start'] > .tippy-arrow::before {
    border-left-color: transparent;
  }
  
  .tippy-box[data-theme~='htmlcontent'][data-placement^='right-start'] > .tippy-arrow::before {
    border-right-color: #000;
    left: 500px;
  }
  /***** /Tippy *****/
  
  .pointer{
    cursor: pointer;
  }
  
  .notification_see{
    background-color: white;
  }
  
  #btnDeleteOrganizations{
    color: red;
  }
  #btnDeleteOrganizations:hover{
    color: rgb(255, 82, 82);
  }
  
  /* Div loader full screen */
  #load-container-full-screen{
    height: 100%; 
    width: 100%; 
    position: fixed;
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column; 
  }
  
  #bg-container-loader-full-screen{
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    /* background-color: #4a4a4a; */
    background-color: #fff;
    /* filter: contrast(200%) opacity(95%) saturate(100%) brightness(0.1); */
    filter: contrast(100%) opacity(60%) saturate(100%) brightness(1);
    right: -100px;
  }
  

  @media screen and (max-width: 767px){
    #bg-container-loader-full-screen{
      right: 0px;
    }
  }
  
  /*Parpadeo*/
  .icon-color {
    background-color: #000;
  }
  
  .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{  
    10% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
  }
  
  @-webkit-keyframes parpadeo {  
    10% { opacity: 1.0; }
    50% { opacity: 0.0; }
     100% { opacity: 1.0; }
  }
  
  @keyframes parpadeo {  
    10% { opacity: 1.0; }
     50% { opacity: 0.0; }
    100% { opacity: 1.0; }
  }
  
  /*FIN Parpadeo*/
  
  
  /*EXTRA*/
  
  .moreBlackIcons:hover{
    color: black;
  }
  
  .bg-inverse{
    background-color: blue !important;
    z-index: 500;
  }

  /******************/
  /* Manage section */
  /******************/
  .custom-shadow{
    box-shadow: 0 1rem 3rem rgba(90 84 169 /18%) !important;
    /* box-shadow: 0 0.8rem 2rem rgba(199, 199, 199, 0.18) !important; */
  }

  .fa-times-circle-{
    color: #ffa4a2;
  }






/* Historicos */
.active-filter{
  background-color: #3bc9b5;
  border-radius: 10px;
}

.list-item-v1{
  list-style: none; 
  text-align: center;
  padding: 3px 10px;
  margin: 0 10px
}

.list-item-v2{
  list-style: none; 
  text-align: center;
  padding: 5px 10px;
  margin: 0 10px;
}

.list-item-v3{
  list-style: none; 
  text-align: center;
  padding: 5px 10px;
  margin: 0 10px;
}

.list-container-v1{
  width: auto;
  display: flex; 
  margin: 0; 
  padding: 0; 
  /*justify-content: center; */
  align-items: center;
  flex-flow: row wrap;
}

.scroll-container{
  overflow: auto; 
  display: flex;
  justify-content: center;
}

.span-container{
  display: flex; 
  justify-content: center;
}

.select-records{
  width: 200px;
}

.chartDiv{
  width: 100%;
  height: 500px;
}

.hide {
  display: none;
}

.no-data-opacity {
  filter: grayscale(1);
  opacity: 0.7;
}

.img-ok{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  height: 100%;
}

.img-ok img{
  width: 170px;
  height: auto;
}
.img-ok span{
  width: auto;
  height: auto;
}


.color-small-span{
  color: red;
}

.outline-input{
  outline-style: solid;
  outline-width: 1px;
  outline-color: red;
}

.outline-input-n-l{
  outline-style: solid;
  outline-width: 1px;
  outline-color: red;
}


/* Table cells */
.redCell{
  color: #df0d2a;
  background-color: #ffcccb;
  font-size: 11pt;
}

.yellowCell{
  color: #bc5100;
  background-color: #fff59d;
  font-size: 11pt;
}

.greenCell{
  color: #00bb2d;
  background-color: #c1ffc5;
  font-size: 11pt;
}
#menu{
  background: #f2f5fcb9 !important;
  backdrop-filter: blur(40px) saturate(2.5)  !important;
  
}
.sidebar-dark{
  background: #050632 !important;
}
#accordionSidebar{
  width: 6.5rem;
}
#accordionSidebar img{
  filter: saturate(0) invert(1) brightness(1.5);

}
#navbar-container{
  position: fixed !important;
  width: 6.2rem;
}

body{
  background:white
}

.navbar-nav .active{
  width: 80% !important;
  left: 10%;
  border-radius: 15px;
}
.nav-item .nav-link i{
  font-size: 1.1rem !important;
}
.nav-item .nav-link span{
  font-size: 0.7rem;
}

.active.nav-item .nav-link i{
  position: relative;
  font-size: 1.1rem;
}
.active.nav-item  .nav-link span{
  position: relative;
  font-size: 0.7rem;
  left: -15%;
}
#sidebarToggle{
  display: none;
}

#organizacionesSelect{
  color:black;
}

#daterange{
  color:black;
}


#search_availability{
  border: 0;
  margin-left: 10px;
  margin-right: 20px;
  border-radius: 12px;
  background: black;
  color: white;
  padding-left: 10px;
  padding-right: 10px;
}
.loader {
  color: #121212;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}

.shadow-lg{
  box-shadow: none !important;
}
#cbox2{
  font-size: 7pt;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
#tableDevices td{
  padding-right: 40px;
}
#grouped_downtime, #latency_nonCritical{
  position: relative;
  float:left;
  height: auto;
  min-height: 100px;
  width: 98%;
  background: white;
  left:1%;
  top:20px;
  overflow-y: scroll;
  border:2px solid whitesmoke;
  border-radius: 20px;
  padding-left: 1%;
  padding-top: 1%;
  padding-bottom: 30px;

}
#latency_nonCritical{

}

#grouped_downtime .title{
  color:black;
  font-weight: bolder;
  margin-bottom: 1em;
}
#cards_area{
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100px;
  margin-bottom: 50px;
}
.card_downtime_group{
  position: relative;
  float: left;
  border: 2px solid whitesmoke;
  border-radius: 20px;
  padding: 20px;
  margin-top: 30px;
  margin-right: 20px;
  color:black
}
.card_disclaimer{
  font-size: 10px;
  position: relative;
  float: left;
  width: 100%;
}
.disclaimer{
  position: relative;
  float:left;
  margin-top: 30px;
  width: 100%;
}
.card_mean{
  font-size: 20px;
  width: 100%;
  font-weight: bolder;
  margin-top: 10px;
}
#NoData_found_downtimes{
  position: absolute;
  top: 8%;
  background: white;
  width: 98%;
  height: 92%;
  display: none;
}
#NoData_found_downtimes img{
  width: 40%;
height: auto;
overflow: hidden;
margin-left: 30%;
margin-right: 30%;
margin-top: 5em;
  position: absolute;
}
#downloading_file{
  display: none;
}
#downtime_filter_input{
  border-radius: 12px;
  border: 1px solid #dddddd;
  padding-left: 8px;
}
#stats_{
  width: 100%;
  height: 300px;
  border-radius: 2rem;
}
.card_stat{
  width: 12em;
  height: 8em;
  border-radius: 2rem;
  position: relative;
  float: left;
  margin-right: 30px;
  filter: saturate(1.2) !important;
}

.card_stat .title, .card_stat .sub{
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 0.8em;
}
.card_stat .title{
  color: black;
  font-size: 1.8em;
  font-weight: 600;
}
.card_stat .sub{
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
  padding-top: 0em;
  color: black;
  font-size: 0.8em;
  font-weight: 700;
}
#interfacewarnings{
  width: 100%;
  padding-left: 5%;
}
.nodata{
  filter: saturate(1.5) contrast(1.5);
}
.card_warning{
  position: relative;
  float: left;
  width: 30%;
  text-align: center;
  background: transparent;
  border-radius: 30px;
  color: black;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}
.card_warning h2{
  padding-top: 10px;
}
.card_warning span{
  font-weight: bolder !important;
}
.card_warning.ok{
  background-color: #5e6ded;
  box-shadow: 0px 0px 20px -5px #5e6ded;
}
.exclamation_circle{
  font-size: 12px;
  font-weight: bolder;
  padding-bottom: 10px;
}
#container_module_health{
  position: relative;
  float: left;
  width: 100%;
  height: 400px !important;
  margin-left: 5%;
  margin-right: 5%;

}
#tableSaludEquiposBody{
  position: relative;
  float: left;
  width: 100%;
}
#tableModulesTemperature{
  width: 100%;
}
#intperf_problems_count{
  position: absolute;
    right: 20px;
    background: #c4daee;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    color: black;
    font-size: 12px;
}

#slider-value{
  position: relative;
  float: right;
  font-size: 1.4em;
  top:-1em;
}
#amounttype{
  border: 0;
  border-bottom: 1px solid gray;
  background: black;
  color: white;
  font-weight: bolder;
  font-size: 0.8em;
  width: 80%;
  margin-top: 20px;
  outline: none;
}
.darksoul-fluid-liquid--circle
{
    position: absolute;
    margin: auto;
    width: 350px;
    height: 350px;
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    border-radius: 39% 61% 55% 45% / 44% 37% 63% 56% ;
    animation: fluid-anim 5s infinite linear;
    z-index: 1;
}
 
@keyframes fluid-anim
{
    0%
    {
        border-radius: 39% 61% 55% 45% / 44% 37% 63% 56% ;
    }
    25%
    {
        border-radius: 45% 55% 48% 52% / 60% 36% 64% 40% ;
    }
    50%
    {
        border-radius: 56% 44% 28% 72% / 46% 63% 37% 54% ;
    }
    75%
    {
        border-radius: 62% 38% 37% 63% / 39% 32% 68% 61% ;
    }
    100%
    {
        border-radius: 39% 61% 55% 45% / 44% 37% 63% 56% ;
    }
}

.disclaimer
{
    margin: auto; 
    margin-bottom: 50px;
    width: fit-content;
    color: rgb(0, 0, 0);
    text-align: center;
    font-family: 'Belanosima', sans-serif;
}
.disclaimer a
{
    text-decoration: none;
    color: #202020;
    font-family: "Kaushan Script", cursive;
    font-weight: 900;
}
.disclaimer a:hover
{
    text-decoration: overline;
}
.sub_device_temp_ok{
  color: #000a8f;
}
.title_device_temp_ok{
  color: #2c28c9;
}

#switch_alert_analysis{
  background: #dd084b;
  padding: 1em;
  padding-bottom: 0.1em;
  border-radius: 1.5em;
  padding-left: 1.5em;
  width: fit-content;
  padding-right: 4em;
  color: white;
  margin-bottom: 2em;
  display: none;
}
#switch_alert_analysis i{
  font-size: 2em;
  position: relative;
  float: left;
  margin-right: 15px;
}
#switch_alert_analysis span{
  font-size: 1.2em
}

#switch_alert_analysis p {
  font-size: 0.8em;
  font-style: italic;
}