@charset "UTF-8";
/*Botones*/
.btn-enviar {
  width: auto !important;
}

.contenedor-botones {
  width: 100% !important;
  text-align: right !important;
}

.contenedor-botones-en-tabla {
  width: 100% !important;
  text-align: center !important;
}

/*Contendor: Uso sidebar*/
.contenedor::-webkit-scrollbar {
  -webkit-appearance: none;
}

.contenedor::-webkit-scrollbar:vertical {
  width: 8px;
}

.contenedor::-webkit-scrollbar-button:increment, .contenedor::-webkit-scrollbar-button {
  display: none;
}

.contenedor::-webkit-scrollbar:horizontal {
  height: 8px;
}

.contenedor::-webkit-scrollbar-thumb {
  background-color: #797979;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
}

.contenedor::-webkit-scrollbar-track {
  border-radius: 10px;
}

.contenedor {
  scrollbar-width: thin;
}

/*Animación carga de página*/
#contenedor-carga {
  background-color: rgba(220, 53, 69, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  z-index: 10000;
}

.preloader {
  width: 70px;
  height: 70px;
  border: 10px solid #eee;
  border-top: 10px solid #dc3545;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*Block carga*/
.ui-dialog.block .ui-dialog-content {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem !important;
}

/*Texto de apoyo*/
.small-text {
  font-size: 0.8em !important;
}

.small-text-info {
  font-size: 0.9em !important;
  font-style: italic !important;
  color: #1d508d;
}

.output-group .ui-widget-header {
  width: 100%;
  text-shadow: 0 -1px 0 #3a3a40;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  padding: 10px 15px;
}

.display-out-data {
  width: 100%;
  padding: 10px 15px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
}

.group-output-data {
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
}

.group-output-data .output-data-header {
  width: 100%;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  padding: 10px 15px;
  background-color: gainsboro;
  font-weight: bolder;
}
.group-output-data .output-data-item {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
}
.group-output-data .output-data-item-center {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  text-align: center;
}
.group-output-data .output-data-item-justify {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #d8d8d8;
  background-color: #ffffff;
  text-align: justify;
}
.group-output-data .output-data-footer {
  width: 100%;
  padding: 10px 15px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border: 1px solid #d8d8d8;
  background-color: gainsboro;
  margin-top: 5px;
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  .sideBarDerecho {
    width: 100% !important;
  }

  .sideBarDerechoMd {
    width: 100% !important;
  }

  .sideBarDerechoLg {
    width: 100% !important;
  }

  .sideBarDerechoXl {
    width: 100% !important;
  }

  .sideBarIzquierdo {
    width: 100% !important;
  }

  .sideBarIzquierdoMd {
    width: 100% !important;
  }

  .sideBarIzquierdoLg {
    width: 100% !important;
  }

  /*Contenido*/
  .layout-wrapper .layout-main .layout-content {
    padding-top: 185px;
  }
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .sideBarDerecho {
    width: 100% !important;
  }

  .sideBarDerechoMd {
    width: 100% !important;
  }

  .sideBarDerechoXl {
    width: 100% !important;
  }

  .sideBarDerechoLg {
    width: 100% !important;
  }

  .sideBarIzquierdo {
    width: 100% !important;
  }

  .sideBarIzquierdoMd {
    width: 100% !important;
  }

  .sideBarIzquierdoLg {
    width: 100% !important;
  }

  /*Contenido*/
  .layout-wrapper .layout-main .layout-content {
    padding-top: 170px;
  }
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
  .sideBarDerecho {
    width: 50% !important;
  }

  .sideBarDerechoMd {
    width: 50% !important;
  }

  .sideBarDerechoLg {
    width: 75% !important;
  }

  .sideBarDerechoXl {
    width: 100% !important;
  }

  .sideBarIzquierdo {
    width: 30% !important;
  }

  .sideBarIzquierdoMd {
    width: 50% !important;
  }

  .sideBarIzquierdoLg {
    width: 75% !important;
  }
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
  .sideBarDerecho {
    width: 40% !important;
  }

  .sideBarDerechoMd {
    width: 50% !important;
  }

  .sideBarDerechoLg {
    width: 75% !important;
  }

  .sideBarDerechoXl {
    width: 100% !important;
  }

  .sideBarIzquierdo {
    width: 30% !important;
  }

  .sideBarIzquierdoMd {
    width: 50% !important;
  }

  .sideBarIzquierdoLg {
    width: 75% !important;
  }
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .sideBarDerecho {
    width: 30% !important;
  }

  .sideBarDerechoMd {
    width: 50% !important;
  }

  .sideBarDerechoLg {
    width: 75% !important;
  }

  .sideBarDerechoXl {
    width: 100% !important;
  }

  .sideBarIzquierdo {
    width: 30% !important;
  }

  .sideBarIzquierdoMd {
    width: 50% !important;
  }

  .sideBarIzquierdoLg {
    width: 75% !important;
  }
}
/*REVISAR*/
body .ui-chronoline .ui-chronoline-event-marker {
  border: 2px solid #2196F3;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
}

body .ui-chronoline .ui-chronoline-event-connector {
  background-color: #2196F3;
}

body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector {
  width: 2px;
}

.small-text {
  font-size: 0.8em !important;
}

.small-text-info {
  font-size: 0.9em !important;
  font-style: italic !important;
  color: #1d508d;
}

.text-info {
  font-style: italic !important;
  color: #1d508d;
}

.landing-body #hedaer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-height: 90px;
  z-index: 100;
}
.landing-body #introduction > div {
  background: url("/javax.faces.resource/signalis/images/bg/brain-bg.jpg.xhtml") no-repeat;
  background-size: cover;
  color: #ffffff;
  min-height: 450px;
  padding-top: 135px;
}

/*
 Breadcrumb fijo
 */
.layout-wrapper .layout-main .layout-breadcrumb {
  padding-top: 0;
  top: 64px;
  position: fixed;
  width: calc(100% - 60px);
  z-index: 998;
}
.layout-wrapper .layout-main .layout-content {
  padding-top: 128px;
}

.layout-wrapper-static .layout-main .layout-breadcrumb {
  width: calc(100% - 240px);
}

@media (max-width: 1024px) {
  .layout-wrapper .layout-main .layout-breadcrumb {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .layout-wrapper.layout-menu-horizontal .layout-sidebar {
    z-index: 999;
  }
  .layout-wrapper.layout-menu-horizontal .layout-breadcrumb {
    padding-top: 0;
    top: 108px;
    width: 100%;
  }
  .layout-wrapper.layout-menu-horizontal .layout-content {
    padding-top: 172px;
  }
}
/*
 Imagen perfil
 */
.layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu > li.profile-item > a .profile-image-wrapper img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.blink-alert {
  animation: blink-animation 2s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;
  color: #a20303;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
body .ui-clock {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  padding: 0rem !important;
  opacity: 0.85 !important;
  font-size: 1em !important;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #ffffff;
}

.login-panel-header img {
  width: 250px !important;
}

/* Ancho de columna para botones redondos en filas de tablas  styleClass="column-button-?" */
.column-button-1 {
  width: 4rem;
}

.column-button-2 {
  width: 8rem;
}

.column-button-3 {
  width: 12rem;
}

.column-button-4 {
  width: 16rem;
}

.column-button-5 {
  width: 20rem;
}

/*# sourceMappingURL=custom-css.css.map */