.texto-fibra{
  display: flex;
  width: 80%;
  align-items: center;
}

.contenedor-fibra-escritorio{
  min-height: 100%;
  min-width: 100%;
}
.contenedor-fibra-movil{
  min-height: 100%;
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

}
/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

  #map {
    position: absolute;
    /*margin-top: 54px;*/
    top: 51px;
    bottom: 0px;
    left: 50px;
    right: 0px;
    /*width: 100%;*/
  }
  #map.edicion-mapa{
    position: absolute;
    top: 100px;
    bottom: 0px;
    right: 0px;
    left:350px;
  }
  .contenedor-splitters{
    width: 50%;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .splitter{
    width: 250px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .fibras-entrantes{
    width: 180px;
    height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .contenedor-fibra-movil{
    display: none;
  }
  .selector{
    width: 50px;
    height: 110px;
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    /*background-color: #99ff99;*/
    background-color: #f3f3f3;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .separador{
    min-width: 18px;
    min-height: 60px;
  }
  .fibras-salientes{
    width: 50%;

  }
  .fibras-salientes.seleccionado{
    border: 3px solid #61a961;
    border-radius: 10px;
    padding: 15px;
    min-height: 300px;
    max-height: 320px;
    overflow: scroll;
  }
  .fibras-salientes-splitter-distribucion{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }
  .fibras-salientes-splitter-abonado{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

  #map {
    position: absolute;
    /*margin-top: 54px;*/
    top: 51px;
    bottom: 0px;
    left: 50px;
    right: 0px;
    /*width: 100%;*/
  }
  #map.edicion-mapa{
    position: absolute;
    top: 100px;
    bottom: 0px;
    right: 0px;
    left:350px;
  }
  .contenedor-splitters{
    width: 50%;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .splitter{
    width: 250px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .fibras-entrantes{
    width: 180px;
    height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .contenedor-fibra-movil{
    display: none;
  }
  .selector{
    width: 50px;
    height: 110px;
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    /*background-color: #99ff99;*/
    background-color: #f3f3f3;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .separador{
    min-width: 18px;
    min-height: 60px;
  }
  .fibras-salientes{
    width: 50%;
  }
  .fibras-salientes.seleccionado{
    border: 3px solid #61a961;
    border-radius: 10px;
    padding: 15px;
    min-height: 300px;
    max-height: 320px;
    overflow: scroll;
  }
  .fibras-salientes-splitter-distribucion{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }
  .fibras-salientes-splitter-abonado{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

  #map {
    position: absolute;
    /*margin-top: 54px;*/
    top: 51px;
    bottom: 0px;
    left: 50px;
    right: 0px;
    /*width: 100%;*/
  }
  #map.edicion-mapa{
    position: absolute;
    top: 100px;
    bottom: 0px;
    right: 0px;
    left:350px;
  }
  .contenedor-splitters{
    width: 50%;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .splitter{
    width: 250px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .fibras-entrantes{
    width: 180px;
    height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .contenedor-fibra-movil{
    display: none;
  }
  .selector{
    width: 50px;
    height: 110px;
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    /*background-color: #99ff99;*/
    background-color: #f3f3f3;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .separador{
    min-width: 18px;
    min-height: 60px;
  }
  .fibras-salientes{
    width: 50%;
  }
  .fibras-salientes.seleccionado{
    border: 3px solid #61a961;
    border-radius: 10px;
    padding: 15px;
    min-height: 300px;
    max-height: 320px;
    overflow: scroll;
  }
  .fibras-salientes-splitter-distribucion{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }
  .fibras-salientes-splitter-abonado{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  #map {
    position: absolute;
    /*margin-top: 54px;*/
    top: 51px;
    bottom: 0px;
    left: 50px;
    right: 0px;
    /*width: 100%;*/
  }
  #map.edicion-mapa{
    position: absolute;
    top: 100px;
    bottom: 0px;
    right: 0px;
    left:350px;
  }
  .contenedor-splitters{
    width: 50%;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .splitter{
    width: 250px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .fibras-entrantes{
    width: 180px;
    height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

  }
  .contenedor-fibra-movil{
    display: none;
  }
  .selector{
    width: 50px;
    height: 110px;
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    /*background-color: #99ff99;*/
    background-color: #f3f3f3;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .separador{
    min-width: 18px;
    min-height: 60px;
  }
  .fibras-salientes{
    width: 70%;
  }
  .fibras-salientes.seleccionado{
    border: 3px solid #61a961;
    border-radius: 10px;
    padding: 15px;
    min-height: 300px;
    max-height: 320px;
    overflow: scroll;
  }
  .fibras-salientes-splitter-distribucion{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }
  .fibras-salientes-splitter-abonado{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

  #map {
    position: absolute;
    /*margin-top: 54px;*/
    top: 102px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*width: 100%;*/
  }
  #map.edicion-mapa{
    position: absolute;
    top: 100px;
    bottom: 0px;
    right: 0px;
    left:350px;
  }
  .contenedor-splitters{
    width: 50%;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .splitter{
    width: 250px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .fibras-entrantes{
    width: 180px;
    height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .contenedor-fibra-movil{
    display: none;
  }
  .selector{
    width: 50px;
    height: 110px;
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    /*background-color: #99ff99;*/
    background-color: #f3f3f3;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .separador{
    min-width: 18px;
    min-height: 60px;
  }
  .fibras-salientes{
    width: 70%;

  }
  .fibras-salientes.seleccionado{
    border: 3px solid #61a961;
    border-radius: 10px;
    padding: 15px;
    min-height: 300px;
    max-height: 320px;
    overflow: scroll;
  }
  .fibras-salientes-splitter-distribucion{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }
  .fibras-salientes-splitter-abonado{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

  #map {
    position: absolute;
    /*margin-top: 54px;*/
    top: 102px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    /*width: 100%;*/
  }
  #map.edicion-mapa{
    position: absolute;
    top: 100px;
    bottom: 0px;
    right: 0px;
    left:350px;
  }
  .contenedor-splitters{
    width: 30%;
    height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .splitter{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .contenedor-fibra{
    height: 30%;
  }
  .fibras-entrantes{
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .fibras-salientes{
    width: 70%;
  }
  .contenedor-fibra-escritorio{
    display: none;
  }

  .selector{
    width: 35%;
    height: 110px;
    margin-left: 2px;
    margin-top: 1px;
    margin-bottom: 1px;
    /*background-color: #99ff99;*/
    background-color: #f3f3f3;
    border-width: 2px;
    border-style: solid;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
  }
  .selector .label{
    font-size: 10px;
  }
  .separador{
    min-width: 10%;
    min-height: 60px;
  }
  .fibras-salientes.seleccionado{
    border: 3px solid #61a961;
    border-radius: 10px;
    padding: 15px;
    min-height: 300px;
    max-height: 320px;
    overflow: scroll;
  }
  .fibras-salientes-splitter-distribucion{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }
  .fibras-salientes-splitter-abonado{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    align-items: center;
    justify-content: space-around;
  }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{
    margin-right: 0px !important;
  }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-next{
    margin-left: 0px !important;
  }

}
.popup-caja-info .tab-pane{
  max-width: 500px;
  margin: 0 auto;
}

.div-nuevo-cliente{
  width: 204px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: fixed;
  bottom: 4px;
}
.nuevo-cliente-btn{
  width: 100%;
}
.caja-danger{
  border-radius: 50%;
  animation: neon-red 0.3s ease-in-out infinite alternate-reverse;
}
.caja-warning{
  border-radius: 50%;
  animation: neon-orange 0.3s ease-in-out infinite alternate-reverse;
}
.listado-splitters-sin-verificar{
    max-height: 300px;
    overflow: scroll;
}
.chasis{
  display: flex;
  flex-direction: column;
}
.tarjeta{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 5px;
  border-radius: 3px;
  padding: 5px;
  border: 1px solid black;
}
.numero-tarjeta{
  min-width: 40px;
  min-height: 40px;
  margin:2px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.pon{
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  border: 1px solid silver;
  margin:2px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 4px;
}
.pon:hover{
  cursor: pointer;
}
.contenedor-cabeceras .popover{
    min-width: 300px;
    max-width: 100%;
    padding: 0px;
}
#secciones-splitter .popover{
    min-width: 500px;
    max-width: 100%;
    padding: 0px;
}
.celda-tubos-fibras{
  display: flex;
  flex-direction: row;
}
.contenedor-cabeceras .popover-title{
    background-color: #dee1e6;
    border:none;
}
.header-pon{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.pon-content{
  display: flex;
  flex-direction: column;
}
.pon-content-row{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}
.pon-resaltado{
  border: 5px outset #4fb94f;
  min-width: 45px;
  min-height: 45px;
  max-width: 45px;
  max-height: 45px;
}
.bg-verde-claro{
  background-color: #ccff99;
}
.bg-rojo-claro{
  background-color: #ff9999;
}
.popup-caja-info{
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: center;

}
.popup-caja-cabecera-info{
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: center;

}
.popup-caja-info .nav-tabs-custom{
  width: 100%;
}
.popup-caja-cabecera-info .nav-tabs-custom{
  width: 100%;
}
.popup-caja-info .nav-tabs-custom>.tab-content {

    padding: 0px !important;
    padding-top: 5px !important;

}
.popup-caja-cabera-info .nav-tabs-custom>.tab-content {

    padding: 0px !important;
    padding-top: 5px !important;

}
.popup-caja-info .tab-content{
  min-height: 350px;
}
.popup-caja-cabecera-info .tab-content{
  min-height: 350px;
}
.popup-caja-cabecera-info .tab-pane.active{
  display: flex;
}
.header-caja{
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  padding: 5px;
  font-size: 18px;
  font-weight: 800;
  border-radius: 3px;
}
.header-cabecera{
  background-color: #605ca8;
  color: white;
}
.header-distribucion{
  background-color: #00a65a;
  color: white;
}
.header-abonado{
  background-color: #3c8dbc;
  color: white;
}
.info-splitters{
  width: 100%;
  display: flex;
  flex-direction: row;;
  align-content: space-around;
  align-items: center;
  justify-content: space-around;
}

.cable-salida{
  background-color: #f3f3f3;
  width:100%;
  border-width: 1px;
  border-style: solid;
  margin:4px;
}
.cable-header{
  background-color: #dee1e6;
  text-align: center;
  border-bottom: solid 1px;
}


.contenedor-fibra{
display: flex;
flex-direction: column;
border-style: solid;
border-width: 1px;
background-color: #f3f3f3;
}
.header-contenedor-fibra{
  border-bottom: 1px solid black;
  background-color: #dee1e6;
  color: black;
  text-align: center;
}
.contenedor-texto-fibra{
  display: flex;
  flex-direction: row;
  padding: 2px;
}



.tubo{
  height: 25px;
  width: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-style: solid;
  border-width: 2px;
  border-radius: 20px;
}
.fibra{
  width: 11px;
  height: 11px;
  border-style: solid;
  border-width: 2px;
  margin: auto;
  border-radius: 10px;
}
.salida-splitter{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top:2px;
  margin-bottom: 2px;
}
.salida-splitter-seleccionada{
  padding: 4px;
  border: 5px outset #4fb94f;
}
.fibras-salientes-splitter-abonado .salida-splitter{
  justify-content: flex-start;
}

.icono-fibra{
  min-width: 60px;
  min-height: 60px;
  background: rgba(0,0,0,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
}
.usuario-info{
  padding: 4px;
  font-size: 10px;
  width: 100%;
}
.botones-reinicios{
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
}
.tubo-salida{
  height: 20px;
  width: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-style: solid;
  border-width: 2px;
  border-radius: 20px;
}
.fibra-salida{
  width: 8px;
  height: 8px;
  border-style: solid;
  border-width: 2px;
  margin: auto;
  border-radius: 10px;
}

.selector:hover{
  cursor: pointer;
}

.separador.seleccionado{
  background-color: #61a961;
  margin-right: -1px;
}
.selector.seleccionado{
  /*
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,255,0,1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0,0,255,1);
  box-shadow: 0px 0px 30px 0px rgba(0,255,0,1);*/
  background-color: #99ff99;
}
/*Estilos derivaciones*/
.contenedor-derivaciones{
  display: flex;
  flex-direction: column;
  overflow: scroll;
  max-height: 350px;
}
.representacion-derivacion{
  display: flex;
  flex-direction: row;
  min-height: 46px;
  justify-content: space-around;
  margin-top: 4px;
}
.contenedor-origen-derivacion{
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: 1px;
  background-color: #f3f3f3;
  width: 44%;
}
.origen-derivacion{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}
.conector-derivacion{
  min-height: 100%;
  min-width: 46px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f3f3f3;
}
.conector-derivacion i {
  font-size: 20px;
}
.contenedor-destino-derivacion{
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: 1px;
  background-color: #f3f3f3;
  width: 44%;
}
.destino-derivacion{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}

.contenedor-continuidades{
  display: flex;
  flex-direction: column;
  overflow: scroll;
  max-height: 350px;
}
.representacion-continuidades{
  display: flex;
  flex-direction: row;
  min-height: 46px;
  justify-content: space-around;
  margin-top: 4px;
}
.contenedor-continuidad{
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: 1px;
  background-color: #f3f3f3;
  width: 98%;
}
.contenido-continuidad{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;

  height: 100%;
}
.representacion-derivacion-continuidad-resaltada{
  border: 5px outset #4fb94f;
  padding: 4px;
  min-height: 70px;
}
.editable-popup{
  z-index: 2500;
}
.file-input-90 {
  width: 90%;
}


.navegador-camino{
  display: flex;
  flex-direction: row;
  height: 40px;
  align-items: center;
  justify-content: center;
}
.navegador-item{
  min-height: 30px;
  min-width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.navegador-item-seleccionado{
  min-height: 40px;
  min-width: 40px;
  border-radius: 2px;
}
.navegador-camino > :first-child{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.navegador-camino > :last-child{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
i.label:empty{
  display: initial;
}
.ajs-message { color: #31708f;  background-color: #d9edf7;  border-color: #31708f; }
.leaflet-container span {
  font-size: 12px;
}

::-webkit-scrollbar{
    width:10px;
    border-radius: 4px;
  }
::-webkit-scrollbar-corner{
  size:10px;
}
::-webkit-resizer {
  size:10px;
}
::-webkit-scrollbar-thumb{
  width:10px;
  height: 10px;
  border-radius: 10px;
  background: #a6a6a6;
}
.box-success .tab-content::-webkit-scrollbar-thumb{
  width:10px;
  border-radius: 10px;
  background: #00a65a;
}
.box-primary ::-webkit-scrollbar-thumb:horizontal{
  width:5px;
  height: 5px;
  border-radius: 10px;
  background: #3c8dbc;
}

.ui-resizable-se{

}
#contenido {

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

}
.flex-container-around{
  display: flex;
  justify-content: space-around;

}
.flex-container-formulario{
  display: flex;
  justify-content: left;
  max-width: 280px;
}
.flex-column{
  flex-direction: column;
}
.flex-right{
  order:9999999999999;
}

.flex-sidebar{

}
/*
.flex-body{
  min-width: 80%;
  max-width: 100%;
}
*/

.modal-caja-contenido{
  margin-top: 5px;
  min-width: 80vh;

}
.modal-cabecera-caja-contenido{
  margin-top: 5px;
  min-width: 80vh;
}
.loader {
  margin-top: 15px;
  align-self:center;
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
.awesome-marker{
  border-radius: 10%;
}
.select2-container{
  min-width: 240px;
}
.select2-dropdown{
  z-index: 2500;
}
.linea-resaltada{
  stroke: red;
  animation: blink-animation 2s steps(2) infinite;

}

@keyframes blink-animation {
  /*
  from{
    opacity: 0.6;
    stroke-width: 5;
  }
  to{
    opacity: 1;
    stroke-width: 10;
  }*/
  from{
    stroke-width: 5;
  }
  to{
    stroke-width: 10;
  }
}
.icono-resaltado{
  border-radius: 50%;
  animation: neon-red 0.3s ease-in-out infinite alternate-reverse;
}
.icono-resaltado.seleccionado{
  border-radius: 50%;
  animation: neon-red 0.3s ease-in-out infinite alternate-reverse;
}
.icono-resaltado.continuidad{
  border-radius: 50%;
  animation: neon-blue 0.3s ease-in-out infinite alternate-reverse;
}
.icono-resaltado.derivacion{
  border-radius: 50%;
  animation: neon-orange 0.3s ease-in-out infinite alternate-reverse;
}
.icono-resaltado.salida{
  border-radius: 50%;
  animation: neon-green 0.3s ease-in-out infinite alternate-reverse;
}

.icono-resaltado.conector{
  border-radius: 50%;
  animation: neon-purple 0.3s ease-in-out infinite alternate-reverse;
}
@keyframes neon-blue {
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #668cff, 0 0 20px #1a53ff, 0 0 35px #0039e6, 0 0 40px #002db3;
  }
}

@keyframes neon-red {
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #ffe6e6, 0 0 20px #ffcccc, 0 0 35px #ff4d4d, 0 0 40px #ff1a1a, 0 0 50px #ff0000, 0 0 75px #b30000;
  }
}

@keyframes neon-orange {
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #ffbb33, 0 0 20px #ffbb33, 0 0 35px #ffbb33, 0 0 40px #cc8800, 0 0 50px #cc8800, 0 0 75px #996600;
  }
}

@keyframes neon-green {
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #99ff99, 0 0 20px #4dff4d, 0 0 35px #00ff00, 0 0 40px #00b300, 0 0 50px #008000, 0 0 75px #004d00;
  }
}

@keyframes neon-purple {
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff99ff, 0 0 35px #ff4dff, 0 0 40px #ff00ff, 0 0 50px #b300b3, 0 0 75px #800080;
  }
}

@keyframes neon-yellow {
  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #ffff66, 0 0 15px #ffff33, 0 0 20px #ffff00, 0 0 35px #e6e600, 0 0 40px #cccc00, 0 0 50px #b3b300, 0 0 75px #999900;
  }
}
@-webkit-keyframes webkit-neon-blue {

  to {
    box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #0080ff, 0 0 35px #0060ff, 0 0 40px #0040ff, 0 0 50px #0020ff, 0 0 75px #0000ff;
  }
}


.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #a6a6a6 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
input.search-input{
      min-width: 300px;
}

.elemento-clickable:hover{
  cursor: pointer;
}
.tabla-splitters{
  max-height: 100px;
  overflow-y: scroll;
  margin-bottom: 2px
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{
  left: 0%;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev{
  right: 0%;
}
.carousel-indicators .active {
  background-color: #dee1e6;
}
.carousel-indicators li {
  border: 1px solid #61a961;
}
.carousel-indicators {
    bottom: -50px;
}
.ajs-commands{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
}
.carousel-control{
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
}
fieldset{
  border:none !important;
}