@charset "utf-8";


/*
 * Hoja de estilos de la página adminContactos
 * del Gestor de Contactos
 *
 * @author Alan Castellón
 * @version 1.0.0    -    25/Junio/2015
 */

/****************************
 * Estilos Generales Base
 ****************************/

/*
 * Google Webfonts
 * Las tipografías utilizadas por la Webapp
 * - Open Sans.
 * - Droid Serif.
 * - Oswald.
 */

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/opensans-regular-webfont.eot');
  src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: 400;
  font-style: normal;
  unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@-o-keyframes shake {
  10%, 90% {
    -o-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -o-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -o-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -o-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    -ms-transform: translate3d(-1px, 0, 0);
    -o-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    -ms-transform: translate3d(2px, 0, 0);
    -o-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    -ms-transform: translate3d(-4px, 0, 0);
    -o-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    -ms-transform: translate3d(4px, 0, 0);
    -o-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

/*
 * Estilos Basicos del Layout General, para definir las transiciones suaves
 * de estados, y definición de la base del layout de alto fijo
 * Tipografía base y "fixs" para algunos estilos de elementos.
 */

* {
  -webkit-transition: 0.3s all, 0s color;
  -o-transition: 0.3s all, 0s color;
  transition: 0.3s all, 0s color;
}

.transitionDisabled {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

*:focus,
*:active {
  outline: none !important;
}

html,
body,
#wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

/*
 * INICIO GRIDLOVER
 */

html,
.root {
  font-size: 14px;
  line-height: 21px;
}

:root {
  /* COLOR PRINCIPAL 30% */
  /* COLORES ÉNFASIS MARCA 10% */
  /* COLORES DE BASE 60% */
  /* COLORES SEMÁNTICOS */
  /* CONSTANTES PARA GUÍAS */
  --columns: 12;
  --lineheight: 1.5rem;
  --grid-opacity: 0.1;
  --floating-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  --brand-main: #009af2;
  --brand-main-hover: #00a4ff;
  --brand-main-active: #007cc2;
  --btn-sec: #fff;
  --btn-sec-border: #b9b5b5;
  --text-main: #474747;
  --text-menu: #4b5a62;
  --text-label: #586e79;
  --text-tip: #647880;
  --text-btn-disabled: #f0f0f0;
  --text-placeholder: #999;
  --bg-disabled: #516e7e;
  --bg-menu: #ffffff;
  --bg-panel: #f8fafc;
  --bg-acc-mod: #f5f5f5;
  --bg-general: #eaeaea;
  --bg-cti: #e3e3e3;
  --bg-cti-btn-enabled: #99c3df;
  --bg-cti-btn-disabled: #f0f0f0;
  --bg-cti-btn-active: #d1f4f9;
  --bg-badge: #e6f4fc;
  --bg-acc-hover: #e1f8ff;
  --bg-input: #fff;
  --bg-input-disabled: #f0f0f0;
  --border-cti-btn: rgba(10, 107, 153, 0.3);
  --input-border: #d0e1ea;
  --shadow-center: 0 0 8px rgba(0, 0, 0, 0.1);
  --shadow-bottom: 0 4px 6px rgba(0, 0, 0, 0.1);
  --brand-accent-1: #00e0ff;
  --brand-accent-1-hover: #3ae7ff;
  --brand-accent-1-active: #0dbed7;
  --brand-accent-2: #854dee;
  --brand-accent-2-hover: #8c5fe1;
  --brand-accent-2-active: #6b36cc;
  --success-bg: #d4ffdf;
  --success-fg: #10801c;
  --info-bg: #d4fdff;
  --info-fg: #106680;
  --warning-bg: #ffffd4;
  --warning-fg: #806e10;
  --danger-bg: #ffd4d4;
  --danger-fg: #801010;
  --scroll-bar-color: #00000044 #00000011;
  --transparency-fb-wall: #00000022;
}

.light-logo {
  display: block;
}

.dark-logo {
  display: none;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.carousel-control.right {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0, rgba(255, 255, 255, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0, rgba(255, 255, 255, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0, rgba(255, 255, 255, 0.5) 100%);
}

.dark-theme {
  --columns: 12;
  --lineheight: 1.5rem;
  --grid-opacity: 0.1;
  --floating-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
  --btn-sec: #313e59;
  --btn-sec-border: #8293b9;
  --text-main: #f5f5f5;
  --text-menu: #fff;
  --text-label: #dae9f0;
  --text-tip: #b4d1dd;
  --text-btn-disabled: #f0f0f0;
  --text-placeholder: #9eb6c2;
  --bg-menu: #131a2b;
  --bg-panel: #202b40;
  --bg-acc-mod: #313e59;
  --bg-general: #192132;
  --bg-cti: #202b40;
  --bg-cti-btn-enabled: #192132;
  --bg-cti-btn-disabled: #2f3f5e;
  --bg-cti-btn-active: #d1f4f9;
  --bg-badge: #1e334d;
  --bg-acc-hover: #032135;
  --bg-input: #3d4c6d;
  --bg-input-disabled: #192337;
  --bg-disabled: #324162;
  --border-cti-btn: rgba(12, 49, 66, 0.3);
  --input-border: #4a546a;
  --shadow-center: 0 0 8px rgba(0, 0, 0, 0.1);
  --shadow-bottom: 0 4px 6px rgba(0, 0, 0, 0.1);
  --success-bg: #d4ffdf;
  --success-fg: #10801c;
  --info-bg: #d4fdff;
  --info-fg: #106680;
  --warning-bg: #ffffd4;
  --warning-fg: #806e10;
  --danger-bg: #ffd4d4;
  --danger-fg: #801010;
  --scroll-bar-color: #ffffff44 #ffffff11;
  --transparency-fb-wall: #ffffff11;
}

.dark-theme .light-logo {
  display: none;
}

.dark-theme .dark-logo {
  display: block;
}

.dark-theme .carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0) 100%);
}

.dark-theme .carousel-control.right {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
}

body {
  background: var(--bg-general);
  color: var(--text-main);
}

body,
.article {
  font-family: 'Open Sans', sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

h1,
.h1 {
  font-size: 1.9285714rem;
  line-height: 3rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

h2,
.h2 {
  font-size: 1.5714286rem;
  line-height: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h3,
.h3 {
  font-size: 1.2857143rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h4,
.h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h5,
.h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

p,
ul,
ol,
pre,
table,
blockquote {
  margin-top: 0rem;
  margin-bottom: 1.5rem;
}

ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

/* Let's make sure all's aligned */

hr,
.hr {
  border: 1px solid;
  margin: -1px 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

.showgrid::after {
  display: none;
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0.75;
  top: 0;
  left: 0;
  z-index: 999999999;
  background: -webkit-repeating-linear-gradient(NaNdeg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(255, 0, 0, var(--grid-opacity)) 5%, rgba(255, 0, 0, var(--grid-opacity)) 95%, rgba(0, 0, 0, 0) 100%), -webkit-repeating-linear-gradient(NaNdeg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 255, var(--grid-opacity)) 50%, rgba(0, 0, 255, var(--grid-opacity)) 100%);
  background: -o-repeating-linear-gradient(NaNdeg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(255, 0, 0, var(--grid-opacity)) 5%, rgba(255, 0, 0, var(--grid-opacity)) 95%, rgba(0, 0, 0, 0) 100%), -o-repeating-linear-gradient(NaNdeg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 255, var(--grid-opacity)) 50%, rgba(0, 0, 255, var(--grid-opacity)) 100%);
  background: repeating-linear-gradient(/* columns */ 90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 5%, rgba(255, 0, 0, var(--grid-opacity)) 5%, rgba(255, 0, 0, var(--grid-opacity)) 95%, rgba(0, 0, 0, 0) 100%), repeating-linear-gradient(/* rows */ 0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 255, var(--grid-opacity)) 50%, rgba(0, 0, 255, var(--grid-opacity)) 100%);
  background-repeat: repeat;
  background-position: 0 0, 0 0;
  background-size: -webkit-calc(100% / var(--columns)) auto, 100% -webkit-calc(var(--lineheight) * 2);
  background-size: calc(100% / var(--columns)) auto, 100% calc(var(--lineheight) * 2);
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  h1,
  .h1 {
    font-size: 1.9285714rem;
  }

  h2,
  .h2 {
    font-size: 1.5714286rem;
  }

  h3,
  .h3 {
    font-size: 1.2857143rem;
  }
}

/*
 * FIN GRIDLOVER
 */

[type='checkbox'],
[type='radio'] {
  cursor: pointer !important;
}

/* Contiene TODO */

#wrapper {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.progress {
  height: auto !important;
  border: 1px solid var(--text-tip);
}

.progress .progress-bar {
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.progress .progress-bar.progress-bar-cyt {
  background: var(--brand-main);
}

/* Contiene la barraCTI, el acordeon y los paneles*/

#seccionPrincipal {
  padding-top: 68px;
  height: 100%;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--text-tip);
  margin: 1em 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.texturizado {
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 189, 200, 0.7)), color-stop(36%, rgba(130, 140, 149, 0.7)), color-stop(100%, rgba(40, 52, 59, 0.7))), url('../img/textura-header.png');
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url('../img/textura-header.png');
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url('../img/textura-header.png');
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url('../img/textura-header.png');
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url('../img/textura-header.png');
  /* W3C */
}

.modal-footer {
  background: var(--bg-panel);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -moz-box-orient: horizontal;
  -moz-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  border-color: var(--bg-general);
}

.modal-footer > * {
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -moz-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.modal-footer button {
  margin-left: 8px;
}

.modal-footer .dropdown-menu li:first-child {
  position: relative;
}

.modal-footer .dropdown-menu li:first-child a::after {
  content: '(default)';
  font-size: 0.9rem;
  float: right;
  position: absolute;
  right: 10px;
  top: 5px;
  color: var(--text-tip);
}

.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:focus,
.dropdown-menu > li.active > a:hover {
  background-color: var(--bg-acc-hover);
  color: var(--brand-main) !important;
}

.modal-dialog {
  margin-bottom: 0;
}

.modal-dialog .error {
  top: 100% !important;
}

.modal-footer {
  -webkit-border-radius: 0 0 4px 4px !important;
  border-radius: 0 0 4px 4px !important;
  padding-top: 8px;
  padding-bottom: 8px;
}

.modal-content {
  -webkit-border-radius: 15px !important;
  border-radius: 15px !important;
  max-height: 70% !important;
  border: none !important;
  -webkit-box-shadow: var(--floating-shadow);
  box-shadow: var(--floating-shadow);
}

.modal-header .close {
  opacity: 0.7;
  color: var(--brand-main-hover);
  text-shadow: none;
}

.modal-header .close:hover {
  opacity: 1;
}

.modal-header {
  color: var(--brand-main);
  background: var(--bg-panel);
  -webkit-border-radius: 4px 4px 0 0 !important;
  border-radius: 4px 4px 0 0 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  border-color: var(--bg-general);
}

.modal-body {
  background: var(--bg-acc-mod);
  max-height: 60vh !important;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 0 !important;
}

.modal-body > div {
  margin-bottom: 15px !important;
}

.modal-body .panel-body {
  overflow: visible !important;
}

@media screen and (min-height: 800px) {
  .modal-body {
    max-height: 550px !important;
  }
}

.subtitulo-integra {
  border-bottom: 1px solid var(--bg-general);
}

.subtitulo-integra h1,
.subtitulo-integra h2,
.subtitulo-integra h3,
.subtitulo-integra h4,
.subtitulo-integra h5,
.subtitulo-integra h6 {
  font-size: 1.2rem !important;
  margin: 0;
  padding: 0.5rem 1.5rem;
  color: var(--brand-main-active);
}

.subtitulo-integra h1 > .fa:first-child,
.subtitulo-integra h2 > .fa:first-child,
.subtitulo-integra h3 > .fa:first-child,
.subtitulo-integra h4 > .fa:first-child,
.subtitulo-integra h5 > .fa:first-child,
.subtitulo-integra h6 > .fa:first-child,
.subtitulo-integra h1 > .glyphicon:first-child,
.subtitulo-integra h2 > .glyphicon:first-child,
.subtitulo-integra h3 > .glyphicon:first-child,
.subtitulo-integra h4 > .glyphicon:first-child,
.subtitulo-integra h5 > .glyphicon:first-child,
.subtitulo-integra h6 > .glyphicon:first-child {
  padding-right: 0.5rem;
}

.pie-subtitulo {
  height: 43.15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px;
  gap: 6px;
}

.pie-subtitulo > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contenido-subtitulo {
  padding: 1rem 1rem 0;
}

.contenido-subtitulo:not(:last-child) {
  border-bottom: 1px solid var(--bg-general);
}

.indented {
  padding-left: 1rem;
  padding-top: 0.5rem;
}

:not(.note-btn-group) > .dropdown-menu {
  background: var(--bg-menu);
  left: auto;
}

:not(.note-btn-group) > .dropdown-menu > li:not(.active) > a {
  color: var(--text-menu) !important;
}

:not(.note-btn-group) > .dropdown-menu > li:not(.active) > a:focus,
:not(.note-btn-group) > .dropdown-menu > li:not(.active) > a:hover {
  background: var(--bg-acc-hover);
  color: var(--brand-main) !important;
}

.cargando {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}

.cargando * {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.cargando img {
  -webkit-animation: 1s ease infinite running loading;
  -o-animation: 1s ease infinite running loading;
  animation: 1s ease infinite running loading;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  position: 1001;
  width: 150px !important;
  height: auto !important;
  top: 50%;
  left: 50%;
  margin-top: -75px;
  margin-left: -75px;
}

input[type='checkbox'][disabled] + label,
input[type='radio'][disabled] + label {
  color: #999 !important;
  cursor: not-allowed !important;
}

@-webkit-keyframes loading {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes loading {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loading {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*
 * ESTILO DE BOTÓN ESTÁNDAR PARA EL GESTOR
 */

.btn-gestor,
.btn-primary,
.btn-gestor:focus,
.rules-group-header .btn-primary,
.wizard > .actions a,
.integra-upload,
.toggle-handle,
.toggle-handle:focus {
  background: var(--brand-main) !important;
  text-decoration: none;
  cursor: pointer;
  min-width: 90px;
  color: #f5f5f5 !important;
  font-size: 1rem !important;
  border: 1px solid transparent;
  padding: 5px 16px;
}

.btn-gestor:hover,
.btn-primary:hover,
.btn-gestor:focus:hover,
.rules-group-header .btn-primary:hover,
.wizard > .actions a:hover,
.integra-upload:hover,
.toggle-handle:hover,
.toggle-handle:focus:hover {
  background: var(--brand-main-hover) !important;
  color: #f5f5f5 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-gestor:active,
.btn-primary:active,
.btn-gestor:focus:active,
.rules-group-header .btn-primary:active,
.wizard > .actions a:active,
.integra-upload:active,
.toggle-handle:active,
.toggle-handle:focus:active,
.btn-gestor.active,
.btn-primary.active,
.btn-gestor:focus.active,
.rules-group-header .btn-primary.active,
.wizard > .actions a.active,
.integra-upload.active,
.toggle-handle.active,
.toggle-handle:focus.active {
  background: var(--brand-main-active) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-gestor.disabled,
.btn-primary.disabled,
.btn-gestor:focus.disabled,
.rules-group-header .btn-primary.disabled,
.wizard > .actions a.disabled,
.integra-upload.disabled,
.toggle-handle.disabled,
.toggle-handle:focus.disabled,
.btn-gestor[disabled],
.btn-primary[disabled],
.btn-gestor:focus[disabled],
.rules-group-header .btn-primary[disabled],
.wizard > .actions a[disabled],
.integra-upload[disabled],
.toggle-handle[disabled],
.toggle-handle:focus[disabled],
[disabled] .btn-gestor,
[disabled] .btn-primary,
[disabled] .btn-gestor:focus,
[disabled] .rules-group-header .btn-primary,
[disabled] .wizard > .actions a,
[disabled] .integra-upload,
[disabled] .toggle-handle,
[disabled] .toggle-handle:focus {
  background: var(--bg-disabled) !important;
  color: #f5f5f5 !important;
}

.btn-gestor > span.fa:first-child,
.btn-primary > span.fa:first-child,
.btn-gestor:focus > span.fa:first-child,
.rules-group-header .btn-primary > span.fa:first-child,
.wizard > .actions a > span.fa:first-child,
.integra-upload > span.fa:first-child,
.toggle-handle > span.fa:first-child,
.toggle-handle:focus > span.fa:first-child,
.btn-gestor > span.glyphicon:first-child,
.btn-primary > span.glyphicon:first-child,
.btn-gestor:focus > span.glyphicon:first-child,
.rules-group-header .btn-primary > span.glyphicon:first-child,
.wizard > .actions a > span.glyphicon:first-child,
.integra-upload > span.glyphicon:first-child,
.toggle-handle > span.glyphicon:first-child,
.toggle-handle:focus > span.glyphicon:first-child {
  padding-right: 5px;
  padding-left: 0 !important;
}

.btn-gestor > span.fa:last-child,
.btn-primary > span.fa:last-child,
.btn-gestor:focus > span.fa:last-child,
.rules-group-header .btn-primary > span.fa:last-child,
.wizard > .actions a > span.fa:last-child,
.integra-upload > span.fa:last-child,
.toggle-handle > span.fa:last-child,
.toggle-handle:focus > span.fa:last-child,
.btn-gestor > span.glyphicon:last-child,
.btn-primary > span.glyphicon:last-child,
.btn-gestor:focus > span.glyphicon:last-child,
.rules-group-header .btn-primary > span.glyphicon:last-child,
.wizard > .actions a > span.glyphicon:last-child,
.integra-upload > span.glyphicon:last-child,
.toggle-handle > span.glyphicon:last-child,
.toggle-handle:focus > span.glyphicon:last-child {
  padding-left: 5px;
  padding-right: 0 !important;
}

.btn-gestor.secondary,
.btn-primary.secondary,
.btn-gestor:focus.secondary,
.rules-group-header .btn-primary.secondary,
.wizard > .actions a.secondary,
.integra-upload.secondary,
.toggle-handle.secondary,
.toggle-handle:focus.secondary {
  color: var(--text-main) !important;
  background: var(--btn-sec) !important;
  border: 1px solid var(--btn-sec-border);
}

.btn-gestor.secondary:hover,
.btn-primary.secondary:hover,
.btn-gestor:focus.secondary:hover,
.rules-group-header .btn-primary.secondary:hover,
.wizard > .actions a.secondary:hover,
.integra-upload.secondary:hover,
.toggle-handle.secondary:hover,
.toggle-handle:focus.secondary:hover {
  border-color: var(--brand-main);
  color: var(--brand-main) !important;
}

.btn-gestor.secondary:active,
.btn-primary.secondary:active,
.btn-gestor:focus.secondary:active,
.rules-group-header .btn-primary.secondary:active,
.wizard > .actions a.secondary:active,
.integra-upload.secondary:active,
.toggle-handle.secondary:active,
.toggle-handle:focus.secondary:active,
.btn-gestor.secondary.active,
.btn-primary.secondary.active,
.btn-gestor:focus.secondary.active,
.rules-group-header .btn-primary.secondary.active,
.wizard > .actions a.secondary.active,
.integra-upload.secondary.active,
.toggle-handle.secondary.active,
.toggle-handle:focus.secondary.active {
  border-color: var(--brand-main);
  color: var(--brand-main) !important;
  background: var(--bg-acc-hover) !important;
}

.btn-gestor.secondary[disabled],
.btn-primary.secondary[disabled],
.btn-gestor:focus.secondary[disabled],
.rules-group-header .btn-primary.secondary[disabled],
.wizard > .actions a.secondary[disabled],
.integra-upload.secondary[disabled],
.toggle-handle.secondary[disabled],
.toggle-handle:focus.secondary[disabled],
.btn-gestor.secondary.disabled,
.btn-primary.secondary.disabled,
.btn-gestor:focus.secondary.disabled,
.rules-group-header .btn-primary.secondary.disabled,
.wizard > .actions a.secondary.disabled,
.integra-upload.secondary.disabled,
.toggle-handle.secondary.disabled,
.toggle-handle:focus.secondary.disabled,
[disabled] .btn-gestor.secondary,
[disabled] .btn-primary.secondary,
[disabled] .btn-gestor:focus.secondary,
[disabled] .rules-group-header .btn-primary.secondary,
[disabled] .wizard > .actions a.secondary,
[disabled] .integra-upload.secondary,
[disabled] .toggle-handle.secondary,
[disabled] .toggle-handle:focus.secondary {
  color: var(--text-main) !important;
  background: var(--btn-sec) !important;
}

.wizard > .actions li.disabled a {
  background: var(--bg-disabled) !important;
  color: #f5f5f5 !important;
  opacity: 0.65;
}

.toggle-handle {
  min-width: auto !important;
}

.pre-icon ~ input,
.pre-icon ~ select {
  max-width: 75px !important;
  width: 75px !important;
}

.input-group-date .input-group-addon {
  padding: 5px !important;
}

.input-group-date select {
  min-width: 60px !important;
}

.rules-group-header .btn-primary {
  min-width: auto !important;
}

.rules-group-header .btn-primary.active {
  cursor: default !important;
}

.input-group-addon {
  background: var(--bg-input);
  color: var(--text-label);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.toggle-handle.disabled,
.toggle-handle[disabled],
.disabled .toggle-handle,
input[disabled] + .input-group-addon.btn-gestor,
select[disabled] + .input-group-addon.btn-gestor,
.wizard > .actions .disabled a,
.integra-upload.disabled,
input[disabled] + .toggle-group > .toggle-handle {
  cursor: not-allowed !important;
}

.form-group-sm .form-control-feedback {
  line-height: 30px !important;
  width: 30px !important;
  height: 30px !important;
}

.checkbox > input[type='checkbox'],
.radio > input[type='radio'] {
  margin-left: 0 !important;
}

.checkbox label > input[type='checkbox'],
.checkbox label > input[type='radio'] {
  margin-top: 0 !important;
}

.padcero:not(th) {
  padding: 0 !important;
}

.help-icon {
  color: var(--text-tip);
  cursor: help;
  padding: 0 4px;
}

.warning-icon {
  color: #cf9b30;
  cursor: help;
}

.form-group > label {
  line-height: 1em;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #ff605e;
}

span.error,
label.error {
  pointer-events: none;
  line-height: 1rem !important;
  font-size: 0.7rem;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -80px;
  text-shadow: none !important;
  width: 150px;
  height: auto;
  overflow: visible;
  background: var(--warning-bg);
  color: var(--warning-fg);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 0.5rem 0.8rem 0.5rem 0.4rem !important;
  text-align: center;
  font-weight: bold;
  z-index: 201;
  white-space: initial;
  display: none;
  -webkit-box-shadow: 0 0 5px;
  box-shadow: 0 0 5px;
}

.form-group span.error,
.form-group label.error {
  top: -webkit-calc(100% - 22px);
  top: calc(100% - 22px);
}

span.error::before,
label.error::before {
  content: '\00D7';
  position: absolute;
  right: 5px;
  top: 2px;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 75%;
  padding: 1px;
  pointer-events: all;
}

span.error:empty,
label.error:empty {
  display: none !important;
}

span.error::first-letter,
label.error::first-letter,
span.error:first-letter,
label.error:first-letter {
  text-transform: uppercase !important;
}

span.error .fa,
label.error .fa {
  position: static !important;
  padding-right: 0.2rem;
}

span.error ul,
label.error ul {
  padding-left: 15px;
  margin: 0;
  text-align: left;
  word-break: break-word;
}

span.error::after,
label.error::after {
  content: '\00a0';
  height: 0;
  width: 0;
  border-top: 0 solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid var(--warning-bg);
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: 10;
}

.has-error span.error,
.has-error label.error {
  display: block;
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -o-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}

span.error.error-right,
label.error.error-right {
  border-left: none !important;
  top: 0 !important;
  left: 132% !important;
}

span.error.error-right::after,
label.error.error-right::after {
  border-left: 0 solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid var(--warning-bg);
  bottom: auto;
  left: auto;
  right: 100%;
  top: 8px;
}

.form-group {
  position: relative;
  margin: 0 !important;
  padding-bottom: 1.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.form-group:nth-of-type(odd) {
  clear: both;
}

.form-group .form-control-feedback {
  display: none;
}

.form-group.has-feedback .form-control-feedback {
  display: block !important;
}

.form-group .alert,
.form-group .help-block {
  margin: 0 !important;
}

fieldset {
  position: relative;
  margin: 0 !important;
  padding-bottom: 1.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}

fieldset .form-group:last-child {
  padding-bottom: 0;
}

legend {
  font-size: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  border-bottom: none;
}

legend > * {
  padding: 0;
  margin: 0;
}

.tooltip-inner {
  white-space: pre-wrap !important;
}

input[type='number'] {
  padding: 5px 0px 5px 10px;
}

.form-group .cajaCheckModificar input[type='checkbox'],
.form-group .cajaCheckModificar input[type='radio'] {
  margin: 7px 0 0 !important;
}

.form-horizontal .form-group.summary:not(:last-child) {
  margin-bottom: 4px !important;
  border-bottom: 1px solid var(--bg-general) !important;
  padding-bottom: 0;
}

.form-group-sm .control-label,
.form-group-sm label:not(.checkbox-inline),
.form-group-sm label:not(.radio-inline) {
  padding-top: 6px;
  font-size: 0.8rem;
  padding-bottom: 2px;
  margin-bottom: 0;
}

.form-horizontal .form-group-sm .checkbox label,
.form-horizontal .form-group-sm .radio label {
  padding-top: 0 !important;
  font-weight: 700 !important;
}

.form-horizontal .form-group-sm .radio {
  padding-top: 4px !important;
}

.input-group .btn-sm {
  padding: 5px 10px !important;
  font-size: 12px !important;
}

.obligatorio::after,
.obligatorio:after {
  content: ' *';
  color: #ff7373;
  font-size: 0.8rem;
}

.form-horizontal .form-control-feedback {
  right: 15px !important;
}

label.integra-upload {
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
  margin-bottom: 45px;
  padding: 0.5rem 2rem 1rem !important;
}

label.integra-upload * {
  pointer-events: none;
}

label.integra-upload .integra-upload-title {
  display: block;
  font-size: 0.9em;
}

label.integra-upload .integra-upload-icon {
  display: block;
  font-size: 3.5em;
  line-height: 1.8;
}

label.integra-upload .integra-upload-filename {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  font-weight: normal;
  font-size: 0.8em;
  text-align: center;
}

label.integra-upload:focus {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

label.integra-upload input[type='file'] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.input-copy {
  cursor: pointer;
}

.input-copy:hover {
  color: #eee;
  background: #016896;
}

.separador-campos {
  clear: both;
  margin-left: -15px;
  margin-right: -15px;
  font-size: 12px;
  color: var(--brand-main);
  line-height: 2em;
  padding-left: 1.4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}

.separador-campos:hover {
  background: var(--bg-acc-hover);
}

.separador-campos > .glyphicon:first-child,
.separador-campos > .fa:first-child {
  margin-right: 4px;
}

.separador-campos > .glyphicon:last-child,
.separador-campos > .fa:last-child {
  padding-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
}

.separador-campos.collapsed .glyphicon {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  vertical-align: baseline;
  padding-right: 0;
}

.module-container {
  position: relative;
  padding: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.module-container form {
  margin: 0 -15px !important;
}

.module-wrapper {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.module-wrapper form {
  margin: 0 !important;
}

.module-footer {
  background: var(--bg-menu) !important;
  height: 43.15px;
  padding: 3px 5px;
  text-align: right;
  border-top: 1px solid var(--bg-general);
  margin-left: -15px;
  margin-right: -15px;
}

.module-footer.module-footer-auto {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
}

.module-footer.module-footer-auto > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.module-footer .form-group {
  padding: 0;
  margin-bottom: 0 !important;
  margin-top: 4px !important;
}

.module-config-footer {
  background: var(--bg-menu) !important;
  height: 40.15px;
  padding: 3px 5px;
  text-align: right;
  clear: both;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  border-top: 1px solid var(--bg-general);
}

.module-config-footer > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.module-config-footer .form-group {
  margin-bottom: 0 !important;
  margin-top: 4px !important;
}

.help-message {
  color: var(--text-tip);
  vertical-align: middle;
  cursor: help;
}

.module-check-list {
  position: relative;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  overflow-x: hidden;
  background: var(--bg-acc-mod);
}

.module-check-list > li {
  height: 100%;
}

.module-check-list li .single-selector {
  font-weight: normal;
}

.module-check-list li .with-switch {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 2.5rem !important;
}

.module-check-list li .fa:first-child,
.module-check-list li .glyphicon:first-child {
  padding-right: 4px;
}

.module-check-list ul {
  list-style: none;
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
  overflow-y: auto;
}

.module-check-list .list-group {
  margin: 0;
}

.module-check-list label {
  margin: 0;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  border-bottom: 1px solid var(--bg-general);
  background: var(--bg-panel);
}

.module-check-list label:hover {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
}

.module-check-list label.module-check-list-group {
  padding: 0.5rem 1rem;
  color: var(--text-label);
  background: transparent !important;
  cursor: default;
}

.module-check-list label:not(.module-check-list-group) {
  padding: 0.5rem 1rem 0.5rem 3rem;
}

.module-check-list label .checked,
.module-check-list label .unchecked {
  font-size: 25px;
  padding-right: 10px;
}

.module-check-list label .item-text {
  display: inline-block;
  max-width: -webkit-calc(100% - 38px);
  max-width: calc(100% - 38px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.module-check-list label > span {
  vertical-align: middle;
}

.module-check-list label > span.fa {
  padding-right: 4px;
}

.module-check-list label * {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.module-check-list label input[type='checkbox'] {
  display: none;
}

.module-check-list label input[type='checkbox'] ~ .checked {
  color: var(--brand-main) !important;
}

.module-check-list label input[type='checkbox'] ~ .unchecked {
  color: var(--brand-main) !important;
}

.module-check-list label input[type='checkbox'][disabled] ~ .checked,
.module-check-list label input[type='checkbox'][disabled] ~ .unchecked,
.module-check-list label input[type='checkbox'][disabled] ~ span,
.module-check-list label input[type='checkbox'][readonly] ~ .checked,
.module-check-list label input[type='checkbox'][readonly] ~ .unchecked,
.module-check-list label input[type='checkbox'][readonly] ~ span {
  color: var(--text-tip) !important;
  opacity: 0.6;
}

.module-check-list label input[type='checkbox']:not(:checked) ~ .checked {
  display: none;
}

.module-check-list label input[type='checkbox']:not(:checked) ~ .unchecked {
  display: inline;
}

.module-check-list label input[type='checkbox']:checked ~ .checked {
  display: inline;
}

.module-check-list label input[type='checkbox']:checked ~ .unchecked {
  display: none;
}

.module-loader {
  position: absolute;
  z-index: 10;
  width: 200px;
  text-align: center;
  top: 50%;
  margin-top: -70px;
  margin-left: -100px;
  left: 50%;
  display: none;
  color: var(--text-main);
}

.module-loader img {
  width: 100px;
  margin-bottom: 1rem;
  -webkit-animation: 1s ease infinite running loading;
  -o-animation: 1s ease infinite running loading;
  animation: 1s ease infinite running loading;
}

.module-loading .module-loader {
  display: block !important;
}

.module-item {
  opacity: 1;
  padding: 0 15px;
  margin: 0 -15px !important;
}

.module-card {
  padding: 0 15px;
  height: 100%;
  background: var(--bg-panel);
}

.module-card .module-fgroup {
  margin: 0;
  padding: 15px 0 10px;
}

.module-content {
  opacity: 1;
  height: 100%;
  border-top: 1px solid var(--bg-general);
}

.module-loading .module-item,
.module-loading .module-content {
  opacity: 0 !important;
}

.module-empty .module-item,
.module-empty .module-content {
  display: none !important;
}

.module-placeholder {
  display: none;
  color: var(--text-tip);
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  margin-top: -43px;
  padding: 0 25px;
  line-height: 1.2rem;
}

.module-placeholder .glyphicon,
.module-placeholder .fa {
  font-size: 3rem;
  margin-bottom: 0.5rem;
}

.module-empty .module-placeholder {
  display: block !important;
}

.modal-icon {
  font-size: 3em;
  display: block !important;
  text-align: center;
  margin-bottom: 10px;
}

.modal-icon.modal-icon-info {
  color: #3b86ae;
}

.modal-icon.modal-icon-success {
  color: #3bae4c;
}

.modal-icon.modal-icon-danger {
  color: #ae3b3b;
}

.modal-icon.modal-icon-warning {
  color: #e6b325;
}

.comentario {
  display: table;
  width: 100%;
  border: 1px solid var(--bg-general);
  background: var(--bg-panel);
}

.comentario .comentario-photo {
  display: table-cell;
  width: 1%;
  text-align: center;
  padding: 10px 4px 8px 16px;
}

.comentario .comentario-photo img {
  width: 42px;
  background: #f5f5f5;
  object-fit: cover;
  height: 42px;
  border: 1px solid var(--bg-general);
}

.comentario .comentario-detalle {
  display: table-cell;
  vertical-align: top;
  padding: 4px;
  padding: 8px 12px 12px 4px;
}

.comentario .comentario-detalle b {
  font-size: 11px;
}

.comentario .comentario-detalle time {
  font-size: 10px;
  color: #777;
}

.comentario .comentario-detalle p {
  font-size: 11px;
  margin: 0;
  padding-left: 4px;
  line-height: 1.2rem;
}

.dropdown-addon {
  position: relative;
}

.dropdown-addon .dropdown-addon-list {
  position: absolute;
  list-style: none;
  max-height: 0;
  width: 0;
  padding: 0;
  top: 100%;
  left: 0;
  background: var(--bg-panel);
  z-index: 300;
  overflow: hidden;
  margin: 0;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
}

.dropdown-addon .dropdown-addon-list select {
  width: 300px;
}

.dropdown-addon .dropdown-addon-list li > span {
  padding: 0 1rem;
  line-height: 2rem;
  text-align: left;
  color: var(--text-main);
  text-decoration: none;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid var(--bg-general);
  cursor: pointer;
}

.dropdown-addon .dropdown-addon-list li > span > span {
  padding-right: 2px;
}

.dropdown-addon .dropdown-addon-list li > span:hover {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
}

.dropdown-addon .dropdown-addon-list li.list-separator {
  padding: 0 15px;
  line-height: 1.4rem;
  cursor: default;
  font-size: 0.8rem;
  text-align: center;
  color: var(--text-label);
  border-bottom: 1px solid var(--bg-general);
  text-transform: uppercase;
}

.dropdown-addon:not(.disabled):focus .dropdown-addon-list {
  max-height: 128px;
  width: auto;
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  overflow-y: auto;
  overflow-x: hidden;
}

.integra-list-wrapper {
  height: 150px;
  background: var(--bg-input);
  border-bottom: 1px solid var(--bg-general);
  overflow-y: auto;
  overflow-x: hidden;
}

.has-error .integra-list-wrapper {
  border-color: var(--danger-bg);
}

.integra-list-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.integra-list-wrapper ul li {
  padding: 0 8px;
  line-height: 2em;
}

.integra-list-wrapper ul li .fa-remove {
  float: right;
  line-height: 2rem;
  cursor: pointer;
  display: none;
}

.integra-list-wrapper ul li:hover {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
}

.integra-list-wrapper ul li:hover > .fa:first-child {
  padding-right: 2px;
}

.integra-list-wrapper ul li:hover .fa-remove {
  display: block;
}

.emoji {
  height: 1.5em;
  width: 1.5em;
  margin: 0 0.05em 0 0.1em;
  vertical-align: -0.3em;
}

.autolinker-integra {
  text-shadow: none !important;
  color: #55a0e3;
  font-weight: bold;
}

.autolinker-integra:hover {
  color: #68b0f0;
}

ul.circle-check-list {
  background: #333;
}

ul.circle-check-list li {
  background: rgba(0, 0, 0, 0.3);
}

ul.circle-check-list li:nth-child(odd) {
  background: rgba(0, 0, 0, 0.5);
}

ul.circle-check-list label.circle-check {
  margin: 0;
  display: inline-block;
  width: 100%;
  line-height: 2em;
  padding: 8px 15px;
  background: rgba(49, 89, 113, 0.8);
  color: #eee;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

ul.circle-check-list label.circle-check:hover {
  background: #315971;
}

ul.circle-check-list label.circle-check:hover .checked {
  display: inline !important;
}

ul.circle-check-list label.circle-check:hover .unchecked {
  display: none !important;
}

ul.circle-check-list label.circle-check .checked,
ul.circle-check-list label.circle-check .unchecked {
  font-size: 25px;
  padding-right: 10px;
}

ul.circle-check-list label.circle-check * {
  vertical-align: middle;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

ul.circle-check-list label.circle-check input[type='checkbox'] {
  display: none;
}

ul.circle-check-list label.circle-check input[type='checkbox'] ~ .checked {
  text-shadow: none;
  color: #55bafb !important;
}

ul.circle-check-list label.circle-check input[type='checkbox'] ~ .unchecked {
  text-shadow: none;
  color: #80a2b7 !important;
}

ul.circle-check-list label.circle-check input[type='checkbox'][disabled] ~ .checked,
ul.circle-check-list label.circle-check input[type='checkbox'][disabled] ~ .unchecked {
  color: #9f9797 !important;
}

ul.circle-check-list label.circle-check input[type='checkbox']:not(:checked) ~ .checked {
  display: none;
}

ul.circle-check-list label.circle-check input[type='checkbox']:not(:checked) ~ .unchecked {
  display: inline;
}

ul.circle-check-list label.circle-check input[type='checkbox']:checked ~ .checked {
  display: inline;
}

ul.circle-check-list label.circle-check input[type='checkbox']:checked ~ .unchecked {
  display: none;
}

.btn-loader img {
  display: none;
  width: 20px;
  height: auto;
  position: absolute;
  left: 8px;
  top: 4px;
}

.btn-loader .glyphicon,
.btn-loader .fa {
  display: inline;
}

.btn-loader.sending-data .glyphicon,
.btn-loader.sending-data .fa {
  display: none;
}

.btn-loader.sending-data img {
  display: block;
}

.pointed {
  outline: 2px dashed #1bb71b;
}

.json-response {
  word-break: break-word;
  text-align: justify;
}

.json-response-table {
  width: 100%;
}

.json-response-table tr:nth-child(odd) {
  background: #bbd3e8;
}

.json-response-table tr:nth-child(even) {
  background: #dbdbdb;
}

.json-response-table th {
  min-width: 1px;
  background: rgba(36, 61, 87, 0.65);
  color: #eee;
  text-align: right !important;
  word-break: normal;
}

.json-response-table td {
  max-width: 287px;
  text-align: justify;
  word-break: break-all;
  white-space: pre-line !important;
}

.integra-special-check {
  margin: 0;
  display: inline-block;
  width: 100%;
  color: #eee;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.integra-special-check .checked,
.integra-special-check .unchecked {
  font-size: 25px;
  padding-right: 10px;
}

.integra-special-check * {
  vertical-align: middle;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.integra-special-check input[type='checkbox'] {
  display: none;
}

.integra-special-check input[type='checkbox'] ~ .checked {
  text-shadow: none;
  color: var(--brand-main) !important;
}

.integra-special-check input[type='checkbox'] ~ .unchecked {
  text-shadow: none;
  color: var(--brand-main-active) !important;
}

.integra-special-check input[type='checkbox'][disabled] ~ .checked,
.integra-special-check input[type='checkbox'][disabled] ~ .unchecked {
  color: var(--text-placeholder) !important;
}

.integra-special-check input[type='checkbox']:not(:checked) ~ .checked {
  display: none;
}

.integra-special-check input[type='checkbox']:not(:checked) ~ .unchecked {
  display: inline;
}

.integra-special-check input[type='checkbox']:checked ~ .checked {
  display: inline;
}

.integra-special-check input[type='checkbox']:checked ~ .unchecked {
  display: none;
}

.ms-res-ctn .ms-res-item {
  line-height: 1.4rem;
  text-align: left;
  padding: 0.5rem 1rem;
  color: var(--text-main);
  cursor: pointer;
  border-bottom: 1px solid var(--bg-general);
}

.ms-res-ctn .ms-res-item > .fa:first-child {
  margin-right: 3px;
}

.ms-res-ctn .ms-res-odd {
  background: transparent;
}

.integra-pillboxes .ms-sel-item {
  color: #f5f5f5;
  border: 1px solid var(--brand-main-active);
  background: var(--brand-main);
}

.integra-pillboxes .ms-helper {
  display: none !important;
}

.integra-pillboxes .ms-close-btn {
  background: none !important;
  float: none !important;
  color: #f5f5f5;
  margin: 6px 5px 0 2px !important;
}

.integra-pillboxes .ms-close-btn::after {
  display: inline-block;
  content: '\00d7';
}

.integra-pillboxes .ms-close-btn:hover {
  color: #eee !important;
}

.email-pillboxes {
  background: transparent;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 0 0 24px !important;
  position: relative;
  border-bottom: 1px solid #999 !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none !important;
}

.email-pillboxes .ms-sel-item {
  position: relative;
  top: -1px;
  background: var(--bg-acc-mod);
  color: var(--text-main);
  font-size: 0.75em;
  border-color: var(--text-main) !important;
}

.email-pillboxes .ms-helper {
  display: none !important;
}

.email-pillboxes .ms-res-ctn.dropdown-menu {
  background: var(--bg-acc-mod);
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  z-index: 900;
  padding: 0;
}

.email-pillboxes .ms-res-ctn.dropdown-menu .ms-res-item em {
  background: var(--brand-accent-2);
}

.email-pillboxes .ms-res-item-active {
  background-color: var(--bg-acc-hover);
  color: var(--brand-main);
}

/* DISEÑO PARA INTEGRA DEL COMPONENTE MULTISELECT */

.multiselect-native-select .btn-group {
  width: 100%;
  display: block;
  min-height: 30px;
  height: auto;
}

.multiselect-native-select .btn-group button.multiselect {
  height: 100%;
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  text-align: left;
  padding: 0 30px 0 15px;
  position: relative;
  border-bottom-width: 1px;
}

.multiselect-native-select .btn-group button.multiselect::before {
  content: '⮟';
  position: absolute;
  top: 0;
  right: 5px;
  height: 28.5px;
  line-height: 26px;
}

.multiselect-native-select .btn-group button.multiselect.disabled {
  cursor: not-allowed;
  color: var(--text-placeholder);
  font-weight: bold;
}

.multiselect-native-select .btn-group .multiselect-container {
  max-height: 224px;
  overflow-x: auto;
  width: 100%;
  background: var(--bg-menu) !important;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
}

.multiselect-native-select .btn-group .multiselect-container > button {
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 0;
}

.multiselect-native-select .btn-group .multiselect-container .multiselect-option,
.multiselect-native-select .btn-group .multiselect-container .multiselect-all {
  display: block;
  width: 100%;
  text-align: left;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  background: var(--bg-input);
}

.multiselect-native-select .btn-group .multiselect-container .multiselect-option:nth-child(even),
.multiselect-native-select .btn-group .multiselect-container .multiselect-all:nth-child(even) {
  background: var(--bg-panel);
}

.multiselect-native-select .btn-group .multiselect-container .multiselect-option:hover,
.multiselect-native-select .btn-group .multiselect-container .multiselect-all:hover,
.multiselect-native-select .btn-group .multiselect-container .multiselect-option:focus,
.multiselect-native-select .btn-group .multiselect-container .multiselect-all:focus {
  background: var(--bg-acc-hover) !important;
}

.multiselect-native-select .btn-group .multiselect-container .multiselect-option:hover label,
.multiselect-native-select .btn-group .multiselect-container .multiselect-all:hover label,
.multiselect-native-select .btn-group .multiselect-container .multiselect-option:focus label,
.multiselect-native-select .btn-group .multiselect-container .multiselect-all:focus label {
  color: var(--brand-main);
}

.multiselect-native-select .btn-group .multiselect-container .multiselect-option .form-check,
.multiselect-native-select .btn-group .multiselect-container .multiselect-all .form-check {
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.multiselect-native-select .btn-group .multiselect-container .multiselect-option .form-check > *,
.multiselect-native-select .btn-group .multiselect-container .multiselect-all .form-check > * {
  margin: 0;
  padding: 0;
}

.multiselect-native-select .btn-group .multiselect-container .multiselect-option {
  padding-left: 2rem;
}

.multiselect-native-select .btn-group .multiselect-container .multiselect-all {
  padding-left: 1rem;
  text-transform: uppercase;
}

/* FIN DISEÑO PARA INTEGRA DEL COMPONENTE MULTISELECT */

/* ESCONDE AUTOMÁTICAMENTE EL INPUT FILE DENTRO DEL LABEL CON LA CLASE lbl-upload*/

label.lbl-upload {
  position: relative;
}

label.lbl-upload form,
label.lbl-upload input[type='file'] {
  padding: 0;
  margin: 0;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

label.lbl-upload .file-loader {
  display: none;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
  position: absolute;
  right: 50%;
  top: 0;
  margin-right: -17px;
}

label.lbl-upload.loading > span {
  display: none;
}

label.lbl-upload.loading .file-loader {
  display: block;
}

:-ms-input-placeholder {
  text-transform: none !important;
}

::-moz-placeholder {
  text-transform: none !important;
}

::-webkit-input-placeholder {
  text-transform: none !important;
}

::placeholder {
  text-transform: none !important;
}

.cyt-captcha-image {
  margin-bottom: 0;
}

.cyt-captcha-input {
  margin-top: -7px;
}

#yourFirstCaptchaStyle_CaptchaIconsDiv {
  width: 24px !important;
  -webkit-transform: scale(0.85) translate(-100%, 57px);
  -ms-transform: scale(0.85) translate(-100%, 57px);
  -o-transform: scale(0.85) translate(-100%, 57px);
  transform: scale(0.85) translate(-100%, 57px);
  margin: 0 !important;
}

#yourFirstCaptchaStyle_CaptchaIconsDiv a {
  margin: 0 !important;
}

#yourFirstCaptchaStyle_CaptchaIconsDiv a:first-child {
  margin-bottom: 3px !important;
  margin-top: -3px !important;
}

#yourFirstCaptchaStyle_CaptchaImageDiv > a {
  width: 0 !important;
  overflow: hidden !important;
}

/*
 * Se Oculta el botón de reproducir audio de los captchas porque la versión gratuita traía problemas, si se
 * adquiere licencia descomentar.
 */

.BDC_SoundLink {
  overflow: hidden;
  width: 0;
  height: 0;
}

.alert-feedback {
  position: absolute;
  width: 280px;
  z-index: 100;
  font-size: 0.8em;
  margin-left: -140px;
  text-align: center;
  margin-bottom: 0;
  padding: 8px;
}

.alert-feedback .close {
  top: -6px !important;
  right: 0 !important;
}

.alert-feedback.alert-bottom {
  bottom: -webkit-calc(100% + 8px);
  bottom: calc(100% + 8px);
  left: 50%;
}

.alert-feedback.alert-top {
  top: 8px;
  left: 50%;
}

.alert button.close {
  line-height: 1.2rem;
  font-size: 1.2rem;
  margin-right: 0.5rem;
}

.alert-success {
  color: var(--success-fg);
  background-color: var(--success-bg);
}

.alert-warning {
  color: var(--warning-fg);
  background-color: var(--warning-bg);
}

.alert-danger {
  color: var(--danger-fg);
  background-color: var(--danger-bg);
}

.alert-danger {
  color: var(--info-fg);
  background-color: var(--info-bg);
}

.btn-autowidth {
  min-width: auto !important;
}

.btn-icon {
  padding-right: 0 !important;
  padding-left: 0 !important;
  width: 33px;
  height: 33px;
  min-width: 0 !important;
  max-width: 33px;
}

.btn-icon > .fa:first-child,
.btn-icon > .glyphicon:first-child,
.btn-icon > .fa:last-child,
.btn-icon > .glyphicon:last-child {
  padding: 0 !important;
}

.btn-fullwidth {
  width: 100%;
}

[class^='Preview_previewName'],
[class^='Preview_tagList'] {
  line-height: 1rem;
}

.init-load {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.init-load .init-image {
  max-width: 200px;
  margin-left: -52px;
}

.init-load .init-text {
  font-size: 1.4rem;
  line-height: 3rem;
}

.icon-button {
  background: transparent;
  border: none;
  font-size: 1.3rem;
  position: relative;
  text-decoration: none !important;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 0.2rem;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 30px;
  height: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.icon-button > .fa,
.icon-button > .glyphicon {
  padding: 0 !important;
}

.icon-button.icon-button-1 {
  color: var(--brand-main);
}

.icon-button.icon-button-1:hover {
  color: var(--brand-main-hover);
  background: var(--bg-acc-hover);
}

.icon-button.icon-button-1:active,
.icon-button.icon-button-1.active {
  color: var(--brand-main-active);
  background: var(--bg-acc-hover);
}

.icon-button.icon-button-2 {
  color: var(--brand-accent-1);
}

.icon-button.icon-button-2:hover {
  color: var(--brand-accent-1-hover);
  background: var(--bg-acc-hover);
}

.icon-button.icon-button-2:active,
.icon-button.icon-button-2.active {
  color: var(--brand-accent-1-active);
  background: var(--bg-acc-hover);
}

.icon-button.icon-button-3 {
  color: var(--brand-accent-2);
}

.icon-button.icon-button-3:hover {
  color: var(--brand-accent-2-hover);
  background: var(--bg-acc-hover);
}

.icon-button.icon-button-3:active,
.icon-button.icon-button-3.active {
  color: var(--brand-accent-2-active);
  background: var(--bg-acc-hover);
}

.icon-button[disabled],
.icon-button.disabled {
  color: var(--text-tip) !important;
  background: transparent !important;
}

label {
  color: var(--text-label);
}

label > .fa:first-child,
label > .glyphicon:first-child {
  padding-right: 4px;
}

input,
textarea,
select,
label.form-control,
.ms-ctn input,
button.multiselect {
  border-color: var(--input-border) !important;
  color: var(--text-main) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 4px 4px 0 0 !important;
  border-radius: 4px 4px 0 0 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
label.form-control:-ms-input-placeholder,
.ms-ctn input:-ms-input-placeholder,
button.multiselect:-ms-input-placeholder {
  color: var(--text-placeholder) !important;
  opacity: 0.9;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
label.form-control::-moz-placeholder,
.ms-ctn input::-moz-placeholder,
button.multiselect::-moz-placeholder {
  color: var(--text-placeholder) !important;
  opacity: 0.9;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
label.form-control::-webkit-input-placeholder,
.ms-ctn input::-webkit-input-placeholder,
button.multiselect::-webkit-input-placeholder {
  color: var(--text-placeholder) !important;
  opacity: 0.9;
}

input::placeholder,
textarea::placeholder,
select::placeholder,
label.form-control::placeholder,
.ms-ctn input::placeholder,
button.multiselect::placeholder {
  color: var(--text-placeholder) !important;
  opacity: 0.9;
}

.ms-ctn {
  padding: 0 !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 4px 4px 0 0 !important;
  border-radius: 4px 4px 0 0 !important;
  border-bottom: 1px solid var(--input-border) !important;
}

.ms-ctn:focus-within {
  border-color: var(--brand-main-active) !important;
}

.ms-ctn input {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  background: transparent;
  margin: 0 !important;
  width: 100%;
}

.ms-ctn input:focus {
  background: transparent !important;
}

.checkbox,
.radio {
  margin: 0;
  padding: 4px 0;
}

.form-control,
.form-control-sm,
.ms-ctn,
button.multiselect {
  background-color: transparent;
  border-width: 1px;
}

.form-control:focus,
.form-control-sm:focus,
.ms-ctn:focus,
button.multiselect:focus,
.form-control:focus-within,
.form-control-sm:focus-within,
.ms-ctn:focus-within,
button.multiselect:focus-within,
.form-control:hover,
.form-control-sm:hover,
.ms-ctn:hover,
button.multiselect:hover {
  background-color: var(--bg-input);
  border-color: var(--brand-main-active) !important;
}

.form-control[disabled],
.form-control-sm[disabled],
.ms-ctn[disabled],
button.multiselect[disabled],
.form-control[readonly],
.form-control-sm[readonly],
.ms-ctn[readonly],
button.multiselect[readonly],
fieldset[disabled] .form-control,
fieldset[disabled] .form-control-sm,
fieldset[disabled] .ms-ctn,
fieldset[disabled] button.multiselect {
  background-color: transparent;
  border-color: var(--input-border) !important;
  opacity: 0.7;
  font-weight: 600;
}

.form-control[disabled]:focus,
.form-control-sm[disabled]:focus,
.ms-ctn[disabled]:focus,
button.multiselect[disabled]:focus,
.form-control[readonly]:focus,
.form-control-sm[readonly]:focus,
.ms-ctn[readonly]:focus,
button.multiselect[readonly]:focus,
fieldset[disabled] .form-control:focus,
fieldset[disabled] .form-control-sm:focus,
fieldset[disabled] .ms-ctn:focus,
fieldset[disabled] button.multiselect:focus {
  background-color: var(--bg-input-disabled);
}

.input-group-addon:not(.btn-addon,
.btn-gestor) {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background: transparent !important;
  color: var(--text-label);
}

.btn-addon {
  border: 1px solid var(--input-border) !important;
  cursor: pointer;
}

.btn-addon.disabled,
.btn-addon.disabled:hover,
.btn-addon.disabled:active {
  cursor: not-allowed !important;
  border-color: var(--btn-sec-border) !important;
  opacity: 0.4;
  color: var(--text-main) !important;
  background: var(--btn-sec) !important;
}

.btn-addon.disabled span:first-child,
.btn-addon.disabled:hover span:first-child,
.btn-addon.disabled:active span:first-child,
.btn-addon.disabled glyphicon:first-child,
.btn-addon.disabled:hover glyphicon:first-child,
.btn-addon.disabled:active glyphicon:first-child {
  color: var(--text-main) !important;
}

.label-addon {
  font-weight: bold;
  font-size: 11px;
  min-width: 135px;
  text-align: right;
  border: none;
}

.btn-addon-main:hover {
  color: #f5f5f5;
  background: var(--brand-main-hover);
  border-color: var(--brand-main-hover) !important;
}

.btn-addon-main:active,
.btn-addon-main.active {
  color: #f5f5f5;
  background: var(--brand-main-active);
  border-color: var(--brand-main-active) !important;
}

.btn-addon-secondary:hover {
  color: var(--brand-main-hover) !important;
  background: var(--bg-input);
  border-color: var(--brand-main-hover) !important;
}

.btn-addon-secondary:active,
.btn-addon-secondary.active,
.btn-addon-secondary:focus {
  color: var(--brand-main-active);
  background: var(--bg-acc-hover);
  border-color: var(--brand-main-active) !important;
}

.btn-addon-success:hover,
.btn-addon-success.active,
.btn-addon-success:focus {
  color: var(--success-bg);
  background-color: var(--success-fg);
  border-color: var(--success-bg) !important;
}

.btn-addon-info:hover,
.btn-addon-info.active,
.btn-addon-info:focus {
  color: var(--info-bg);
  background-color: var(--info-bf);
  border-color: var(--info-bg) !important;
}

.btn-addon-warning:hover,
.btn-addon-warning.active,
.btn-addon-warning:focus {
  color: var(--warning-bg);
  background-color: var(--warning-fg);
  border-color: var(--warning-bg) !important;
}

.btn-addon-danger:hover,
.btn-addon-danger.active,
.btn-addon-danger:focus {
  color: var(--danger-bg);
  background-color: var(--danger-fg);
  border-color: var(--danger-bg) !important;
}

.img-circle {
  object-fit: cover;
  background: #f5f5f5;
  border: 1px solid var(--bg-general);
}

.config-form {
  margin: 0 !important;
}

.config-form > article:not(:last-child) {
  margin-bottom: 1rem;
}

.section-heading {
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 0;
  color: var(--brand-main-active);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.1rem;
  padding-top: 1rem;
}

.section-heading > .fa:first-child,
.section-heading > .glyphicon:first-child {
  padding-right: 4px;
}

.checkbox-inline input[type='checkbox'] {
  margin-top: 3px !important;
}

.radio-inline input[type='radio'] {
  margin-top: 0 !important;
}

.search-loader {
  position: absolute;
  z-index: 10;
  width: 200px;
  text-align: center;
  top: 50%;
  margin-top: -80px;
  margin-left: -100px;
  left: 50%;
  display: none;
  color: var(--text-main);
}

.search-loader img {
  width: 100px;
  margin-bottom: 1rem;
  -webkit-animation: 1s ease infinite running loading;
  -o-animation: 1s ease infinite running loading;
  animation: 1s ease infinite running loading;
}

.loading-search {
  background: var(--bg-acc-mod);
}

.loading-search > * {
  display: none;
}

.loading-search .search-loader {
  display: block;
}

.panel-body.adjusted {
  padding: 0;
  text-align: left;
}

.well {
  background-color: var(--bg-acc-mod);
  border: 1px solid var(--bg-general);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* The switch - the box around the slider */

.switch {
  position: relative;
  display: block;
  width: 55px;
  height: 25px;
}

/* Hide default HTML checkbox */

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
  display: none;
}

/* The slider */

.slider {
  position: relative;
  display: inline-block;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 55px;
  height: 25px;
  background-color: #586e79;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: '';
  height: 19px;
  width: 19px;
  left: 4px;
  bottom: 3px;
  background-color: #f5f5f5;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--brand-main);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  -o-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
  -webkit-border-radius: 34px;
  border-radius: 34px;
}

.slider.round:before {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

#loader {
  background: var(--bg-menu);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 1rem;
}

.dropdown-menu .divider {
  background-color: var(--bg-general);
}

.dropdown-menu > li > a {
  color: var(--text-main);
}

.dropdown-user.open .dropdown-toggle {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
}

.dropdown-user .dropdown-toggle {
  background: transparent;
  border: none;
  height: 100%;
  text-align: left !important;
  padding: 0 0.5rem !important;
}

.dropdown-user .dropdown-toggle:hover {
  cursor: pointer;
  background: var(--bg-acc-hover);
  color: var(--brand-main);
}

.dropdown-user .dropdown-menu {
  right: 0px;
  left: auto;
}

.dropdown-user .dropdown-menu .fa,
.dropdown-user .dropdown-menu .glyphicon {
  padding-right: 8px;
}

.dropdown-user .dropdown-menu a {
  padding: 0.5rem 1rem;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.dropdown-user .dropdown-menu a label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  font-weight: normal;
  color: var(--text-main);
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  padding: 0.5rem 1rem;
}

.dropdown-user .dropdown-menu a label:hover {
  color: var(--brand-main);
}

.caret {
  margin-left: 4px !important;
}

.user-bubble {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  text-align: center;
  cursor: help;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}

.user-bubble.size-table {
  width: 24px;
  height: 24px;
  font-size: 10px;
  min-width: 24px;
  min-height: 24px;
}

.user-bubble.size-table.channel-icon {
  font-size: 1.1rem;
  text-shadow: 0 0 2px black;
}

.user-bubble.size-list {
  width: 32px;
  height: 32px;
  font-size: 12px;
  min-height: 32px;
  min-width: 32px;
}

.user-bubble img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: none !important;
}

.user-bubble-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.map-container {
  height: 100%;
  width: 100%;
}

.leaflet-control-attribution {
  display: none;
}

.info-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0.7rem;
  color: var(--text-tip);
  cursor: help;
}

/****************************
 * Diseño de Tablas
 ****************************/

.k-grid {
  border: 1px solid #aaaaaa;
}

.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator {
  background: #176089 !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43aac6), color-stop(100%, #106493)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #43aac6 0%, #106493 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #43aac6 0%, #106493 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #43aac6 0%, #106493 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #43aac6 0%, #106493 100%) !important;
  /* W3C */
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
  font-weight: bold !important;
  font-size: 0.95em;
}

.k-pager-wrap {
  background: #b5bdc8 !important;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 189, 200, 0.7)), color-stop(36%, rgba(130, 140, 149, 0.7)), color-stop(100%, rgba(40, 52, 59, 0.7))), url("../img/textura-header.png") !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* W3C */
}

.k-pager-wrap .k-link:not(.k-state-selected):not(.k-state-disabled) {
  text-shadow: 1px 1px 0px #222;
  background: #0e4b6d;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fbfef), color-stop(49%, #1975a8), color-stop(50%, #0e4b6d), color-stop(100%, #1a7099)) !important;
  background: -webkit-linear-gradient(top, #1fbfef 0%, #1975a8 49%, #0e4b6d 50%, #1a7099 100%) !important;
  background: -o-linear-gradient(top, #1fbfef 0%, #1975a8 49%, #0e4b6d 50%, #1a7099 100%) !important;
  background: -ms-linear-gradient(top, #1fbfef 0%, #1975a8 49%, #0e4b6d 50%, #1a7099 100%) !important;
  background: linear-gradient(to bottom, #1fbfef 0%, #1975a8 49%, #0e4b6d 50%, #1a7099 100%) !important;
  color: #eee !important;
  text-decoration: none;
}

.k-pager-wrap .k-link:not(.k-state-selected):not(.k-state-disabled):hover {
  color: #eee !important;
  text-decoration: none;
  background: #2cc2f0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2cc2f0), color-stop(49%, #1b82b9), color-stop(50%, #115a81), color-stop(100%, #1d7eab)) !important;
  background: -webkit-linear-gradient(top, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%) !important;
  background: -o-linear-gradient(top, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%) !important;
  background: -ms-linear-gradient(top, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%) !important;
  background: linear-gradient(to bottom, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%) !important;
}

.k-pager-wrap .k-link:not(.k-state-selected):not(.k-state-disabled):active,
.k-pager-wrap .k-link:not(.k-state-selected):not(.k-state-disabled).active {
  background: #47b4d5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47b4d5), color-stop(49%, #307ba4), color-stop(50%, #205572), color-stop(100%, #307798)) !important;
  background: -webkit-linear-gradient(top, #47b4d5 0%, #307ba4 49%, #205572 50%, #307798 100%) !important;
  background: -o-linear-gradient(top, #47b4d5 0%, #307ba4 49%, #205572 50%, #307798 100%) !important;
  background: -ms-linear-gradient(top, #47b4d5 0%, #307ba4 49%, #205572 50%, #307798 100%) !important;
  background: linear-gradient(to bottom, #47b4d5 0%, #307ba4 49%, #205572 50%, #307798 100%) !important;
}

.k-state-selected,
.k-grid table tbody tr {
  -webkit-transition: background 0.4s !important;
  -o-transition: background 0.4s !important;
  transition: background 0.4s !important;
}

.k-state-selected,
.k-grid table tbody tr:hover {
  background: #176089 !important;
  color: #eee !important;
}

.k-grid-content {
  background: #eee;
}

.k-grid-header,
.k-grid-header:focus,
.k-grid-header .k-header .k-link,
.k-grid-header .k-header .k-link:focus {
  position: relative;
  text-shadow: 1px 1px 0px #222;
  background: #0e4b6d;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1fbfef), color-stop(49%, #1975a8), color-stop(50%, #0e4b6d), color-stop(100%, #1a7099)) !important;
  background: -webkit-linear-gradient(top, #1fbfef 0%, #1975a8 49%, #0e4b6d 50%, #1a7099 100%) !important;
  background: -o-linear-gradient(top, #1fbfef 0%, #1975a8 49%, #0e4b6d 50%, #1a7099 100%) !important;
  background: -ms-linear-gradient(top, #1fbfef 0%, #1975a8 49%, #0e4b6d 50%, #1a7099 100%) !important;
  background: linear-gradient(to bottom, #1fbfef 0%, #1975a8 49%, #0e4b6d 50%, #1a7099 100%) !important;
  color: #eee !important;
  text-decoration: none;
}

.k-grid-header:hover,
.k-grid-header:focus:hover,
.k-grid-header .k-header .k-link:hover,
.k-grid-header .k-header .k-link:focus:hover {
  color: #eee !important;
  text-decoration: none;
  background: #2cc2f0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2cc2f0), color-stop(49%, #1b82b9), color-stop(50%, #115a81), color-stop(100%, #1d7eab)) !important;
  background: -webkit-linear-gradient(top, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%) !important;
  background: -o-linear-gradient(top, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%) !important;
  background: -ms-linear-gradient(top, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%) !important;
  background: linear-gradient(to bottom, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%) !important;
}

.k-grid-header:active,
.k-grid-header:focus:active,
.k-grid-header .k-header .k-link:active,
.k-grid-header .k-header .k-link:focus:active,
.k-grid-header.active,
.k-grid-header:focus.active,
.k-grid-header .k-header .k-link.active,
.k-grid-header .k-header .k-link:focus.active {
  background: #47b4d5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47b4d5), color-stop(49%, #307ba4), color-stop(50%, #205572), color-stop(100%, #307798)) !important;
  background: -webkit-linear-gradient(top, #47b4d5 0%, #307ba4 49%, #205572 50%, #307798 100%) !important;
  background: -o-linear-gradient(top, #47b4d5 0%, #307ba4 49%, #205572 50%, #307798 100%) !important;
  background: -ms-linear-gradient(top, #47b4d5 0%, #307ba4 49%, #205572 50%, #307798 100%) !important;
  background: linear-gradient(to bottom, #47b4d5 0%, #307ba4 49%, #205572 50%, #307798 100%) !important;
}

table .k-icon {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: url("Default/sprite.png") #eee;
  margin-left: 10px;
}

table .k-icon.k-i-arrow-s {
  background-position: 0px -32px;
}

table .k-icon.k-i-arrow-n {
  background-position: 0px 0px;
}

.k-state-disabled {
  cursor: not-allowed !important;
  border: 1px solid #666 !important;
  background-color: #ccc !important;
  opacity: 0.7 !important;
}

.k-state-disabled:hover {
  opacity: 0.7 !important;
}

.k-pager-wrap * {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.dalpadweb-container {
  border: none !important;
  background: transparent !important;
}

#dalpadweb-bar {
  margin: 0 !important;
  border: none !important;
}

body {
  overflow: auto !important;
}

table.historial {
  font-size: 12px;
}

table.historial th {
  color: #eee;
  width: 180px;
  background: #176089 !important;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43aac6), color-stop(100%, #106493)) !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #43aac6 0%, #106493 100%) !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #43aac6 0%, #106493 100%) !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #43aac6 0%, #106493 100%) !important;
  /* IE10+ */
  background: linear-gradient(to bottom, #43aac6 0%, #106493 100%) !important;
  /* W3C */
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
  font-weight: bold !important;
  font-size: 0.95em;
  border: 1px solid #bbb !important;
}

table.historial td {
  background: #e6e6e6;
  border: 1px solid #bbb !important;
}

#grid {
  height: 100%;
}

#grid .k-grid-content {
  height: -webkit-calc(100% - 70px) !important;
  height: calc(100% - 70px) !important;
}

@media screen and (min-width: 992px) {
  #grid,
  #grillaPrincipal {
    overflow-x: auto !important;
    position: relative !important;
  }
}

.table-striped > tbody > tr:nth-of-type(2n + 1) {
  background: var(--bg-panel);
}

table.dataTable > tbody > tr.child ul {
  width: 100%;
}

table.dataTable > tbody > tr.child ul > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-color: var(--bg-general);
}

/*
 * Fix para bootstrap datatables scrollX
 */

table.dataTable,
table.dataTable td,
table.dataTable th {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  font-size: 12px;
}

table.dataTable img,
table.dataTable td img,
table.dataTable th img {
  width: 24px;
  height: 24px;
  object-fit: cover;
  border: 1px solid var(--bg-general);
  background: #f5f5f5;
  margin-right: 4px;
}

table.dataTable {
  margin-top: 0 !important;
  border-color: var(--bg-general) !important;
}

table.dataTable tbody tr:not(.child) {
  height: 42px;
}

div.dataTables_scrollHead {
  width: 100% !important;
}

div.dataTables_scrollHead table {
  border-bottom: none;
}

div.dataTables_scrollBody {
  height: -webkit-calc(100% - 41.3833px) !important;
  height: calc(100% - 41.3833px) !important;
  background: var(--bg-acc-mod);
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  width: 100% !important;
}

div.dataTables_scrollBody:hover {
  overflow-x: auto !important;
}

.dataTables_info {
  padding: 6px 15px;
  padding-top: 6px;
  color: var(--text-main);
  background: var(--bg-panel);
}

.dataTables_info::before {
  content: '►';
  padding-right: 8px;
}

.dataTables_wrapper {
  height: 100%;
  position: relative;
}

.dataTables_wrapper .table-container {
  overflow-y: auto;
  overflow-x: hidden;
  height: -webkit-calc(100% - 75px);
  height: calc(100% - 75px);
  background: var(--bg-panel);
}

.dataTables_wrapper .table-container * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

table.dataTable > tbody > tr.child:hover {
  background: #eee !important;
}

.table-hover > tbody > tr {
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

.table-hover > tbody > tr:hover:not(.child) {
  background: var(--bg-acc-hover) !important;
  color: var(--brand-main);
  cursor: pointer;
}

.table-hover > tbody > tr td.child {
  font-size: 11px;
}

@media screen and (min-with: 768px) {
  .table-hover > tbody > tr td.child {
    font-size: 11px;
  }
}

.table-hover > tbody > tr td.child ul {
  display: table !important;
  width: 100%;
}

.table-hover > tbody > tr td.child ul li {
  background: var(--bg-menu);
  display: table-row !important;
}

.table-hover > tbody > tr td.child ul li:nth-child(odd) {
  background: var(--bg-panel);
}

.table-hover > tbody > tr td.child ul li > span {
  padding: 8px;
  display: table-cell !important;
}

.table-hover > tbody > tr td.child ul li > span:last-child {
  width: 45% !important;
  text-align: right;
  padding-left: 0 !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}

.table-hover > tbody > tr td.child ul li > span span {
  text-align: left;
}

div.dataTables_wrapper div.dataTables_info {
  text-overflow: ellipsis;
  overflow: hidden;
}

.dataTables_scroll {
  height: 100%;
}

.dataTables_scroll tr.disabled td {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  cursor: not-allowed !important;
  background: var(--bg-cti-btn-disabled) !important;
  color: var(--text-tip) !important;
}

.dataTables_scroll tr.disabled td:hover {
  cursor: not-allowed !important;
  background: var(--bg-cti-btn-disabled) !important;
  color: var(--text-tip) !important;
}

.dataTables_scroll tr.disabled td .btn-gestor,
.dataTables_scroll tr.disabled td .btn-gestor:hover,
.dataTables_scroll tr.disabled td .btn-gestor:active {
  background: var(--bg-disabled);
  color: #f5f5f5;
  cursor: not-allowed !important;
}

.dataTables_scroll td {
  white-space: nowrap !important;
  height: 40px;
}

.dataTables_scroll td.dataTables_empty {
  text-align: left !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  cursor: default !important;
  color: var(--text-tip) !important;
}

.dataTables_scroll td.dataTables_empty:hover {
  cursor: default !important;
  background: var(--bg-panel);
}

.dataTables_paginate {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  padding-top: 5px;
  padding-right: 15px;
  background: var(--bg-panel);
  border-top: 1px solid var(--bg-general);
}

.pagination .paginate_button {
  background: var(--btn-sec);
}

.pagination .paginate_button a {
  border: 1px solid var(--btn-sec-border);
  color: var(--text-main);
  background: var(--btn-sec);
}

.pagination .paginate_button a:hover {
  border-color: var(--brand-main);
  color: #f8f8f8;
  background: var(--brand-main);
}

.pagination .paginate_button:active a,
.pagination .paginate_button.active a {
  border-color: var(--brand-main);
  color: #f8f8f8;
  background: var(--brand-main);
}

.pagination .paginate_button.disabled a {
  color: var(--text-main) !important;
  background: var(--btn-sec) !important;
  border: 1px solid var(--btn-sec-border);
  opacity: 0.65;
}

th {
  text-align: left !important;
}

.dataTable {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.dataTable tbody .control {
  min-width: 40px !important;
  max-width: 40px !important;
  background: var(--bg-badge);
  padding: 0 !important;
  vertical-align: middle;
  text-align: center;
}

.dataTable tbody .control::before {
  border: none !important;
  font-family: 'FontAwesome', sans-serif !important;
  content: '\f067' !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-indent: 0 !important;
  line-height: 1rem !important;
  font-size: 0.8rem !important;
  position: static !important;
  margin: 0 !important;
  background: var(--brand-main) !important;
}

.dataTable tbody tr.parent .control::before {
  background: var(--brand-main-active) !important;
}

.dataTable th,
.dataTable td {
  border-left: none !important;
  border-right: none !important;
  border-color: var(--bg-general) !important;
  vertical-align: middle;
}

.dataTable th > *,
.dataTable td > * {
  vertical-align: middle;
}

.dataTable tr {
  background: var(--bg-menu);
}

.dataTable .sorting {
  color: var(--brand-main) !important;
}

.dataTable .sorting:hover {
  color: #f5f5f5 !important;
  text-decoration: none;
  background: var(--brand-main);
}

.dataTable .sorting:active,
.dataTable .sorting.active {
  background: var(--brand-main);
}

.dataTable .sorting_disabled {
  color: var(--brand-main) !important;
  background: transparent !important;
}

.dataTable .sorting_asc,
.dataTable .sorting_desc {
  color: #f5f5f5 !important;
  background: var(--brand-main);
}

.dataTable thead {
  display: table-header-group !important;
}

.dataTable * {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.dataTable th,
.dataTable .texto-largo {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dataTable .texto-destacado {
  font-weight: bold;
}

.dataTable .texto-largo {
  max-width: 300px;
}

.dataTable .texto-sangria {
  padding-left: 2rem !important;
}

.dataTable td.tiene-icono {
  position: relative;
}

.dataTable td.tiene-icono img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  border: 1px solid var(--bg-general);
  background: #f5f5f5;
  margin-right: 4px;
}

@media screen and (min-width: 992px) {
  .dataTable td {
    vertical-align: middle !important;
  }
}

td .fa:first-child,
td .glyphicon:first-child {
  padding-right: 4px;
}

.dataTables_paginate {
  position: absolute;
  width: 100%;
  bottom: 0;
}

/****************************
 * iziToast
 ****************************/

/*
* iziToast | v1.2.0
* http://izitoast.marcelodolce.com
* by Marcelo Dolce.
*/

.iziToast-capsule {
  font-size: 0;
  height: 0;
  width: 100%;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: -ms-transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.iziToast-capsule,
.iziToast-capsule * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.iziToast-overlay {
  display: block;
  position: fixed;
  top: -100px;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: 997;
}

.iziToast {
  display: inline-block;
  clear: both;
  position: relative;
  font-family: 'Lato', Tahoma, Arial;
  font-size: 14px;
  padding: 8px 45px 9px 0;
  background: var(--bg-cti-btn-disabled);
  border-color: transparent;
  width: 100%;
  pointer-events: all;
  cursor: default;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-touch-callout: none /* iOS Safari */;
  -webkit-user-select: none /* Chrome/Safari/Opera */;
  -khtml-user-select: none /* Konqueror */;
  -moz-user-select: none /* Firefox */;
  -ms-user-select: none /* Internet Explorer/Edge */;
  user-select: none;
  min-height: 54px;
}

.iziToast > .iziToast-progressbar {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2);
}

.iziToast > .iziToast-progressbar > div {
  height: 2px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.iziToast.iziToast-balloon:before {
  content: '';
  position: absolute;
  right: 8px;
  left: auto;
  width: 0px;
  height: 0px;
  top: 100%;
  border-right: 0px solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.iziToast.iziToast-balloon .iziToast-progressbar {
  top: 0;
  bottom: auto;
}

.iziToast.iziToast-balloon > div {
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
}

.iziToast > .iziToast-cover {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  margin: 0;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.1);
}

.iziToast > .iziToast-close {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  padding: 0;
  opacity: 0.6;
  width: 42px;
  height: 100%;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px;
  cursor: pointer;
  outline: none;
}

.iziToast > .iziToast-close:hover {
  opacity: 1;
}

.iziToast > .iziToast-body {
  position: relative;
  padding: 0 0 0 10px;
  height: auto;
  min-height: 36px;
  margin: 0 0 0 15px;
  text-align: left;
  padding-left: 23px !important;
}

.iziToast > .iziToast-body::after {
  content: "";
  display: table;
  clear: both;
}

.iziToast > .iziToast-body .iziToast-texts {
  padding-top: 5px;
  display: inline-block;
  float: left;
  padding-left: 0.5rem;
}

.iziToast > .iziToast-body .iziToast-buttons {
  min-height: 17px;
  float: left;
  margin: 4px -2px;
}

.iziToast > .iziToast-body .iziToast-buttons > a,
.iziToast > .iziToast-body .iziToast-buttons > button,
.iziToast > .iziToast-body .iziToast-buttons > input {
  position: relative;
  display: inline-block;
  margin: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 0;
  padding: 5px 10px;
  font-size: 12px;
  letter-spacing: 0.02em;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}

.iziToast > .iziToast-body .iziToast-buttons > a:hover,
.iziToast > .iziToast-body .iziToast-buttons > button:hover,
.iziToast > .iziToast-body .iziToast-buttons > input:hover {
  background: rgba(0, 0, 0, 0.2);
}

.iziToast > .iziToast-body .iziToast-buttons > a:focus,
.iziToast > .iziToast-body .iziToast-buttons > button:focus,
.iziToast > .iziToast-body .iziToast-buttons > input:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6);
}

.iziToast > .iziToast-body .iziToast-buttons > a:active,
.iziToast > .iziToast-body .iziToast-buttons > button:active,
.iziToast > .iziToast-body .iziToast-buttons > input:active {
  top: 1px;
}

.iziToast > .iziToast-body .iziToast-icon {
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 1.5rem;
}

.iziToast > .iziToast-body .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%;
  width: 24px;
  height: 24px;
}

.iziToast > .iziToast-body .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
  width: 24px;
  height: 24px;
}

.iziToast > .iziToast-body .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%;
  width: 24px;
  height: 24px;
}

.iziToast > .iziToast-body .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
  width: 24px;
  height: 24px;
}

.iziToast > .iziToast-body .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%;
  width: 24px;
  height: 24px;
}

.iziToast > .iziToast-body .iziToast-title {
  padding: 0;
  margin: 0;
  line-height: 1.2rem;
  font-size: 1rem;
  text-align: left;
  float: left;
  white-space: normal;
}

.iziToast > .iziToast-body .iziToast-message {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.2rem;
  text-align: left;
  float: left;
  white-space: normal;
}

.iziToast.iziToast-animateInside .iziToast-title,
.iziToast.iziToast-animateInside .iziToast-message,
.iziToast.iziToast-animateInside .iziToast-icon,
.iziToast.iziToast-animateInside .iziToast-buttons-child {
  opacity: 0;
}

.iziToast-target {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.iziToast-target .iziToast-capsule {
  overflow: hidden;
}

.iziToast-target .iziToast-capsule:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.iziToast-target .iziToast-capsule .iziToast {
  width: 100%;
  float: left;
}

.iziToast-wrapper {
  z-index: 99999;
  position: fixed;
  width: 100%;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.iziToast-wrapper .iziToast.iziToast-balloon:before {
  border-right: 0 solid transparent;
  border-left: 15px solid transparent;
  border-top: 10px solid #000;
  border-top-color: inherit;
  right: 8px;
  left: auto;
}

.iziToast-wrapper-bottomLeft {
  left: 0;
  bottom: 0;
}

.iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px;
}

.iziToast-wrapper-bottomRight {
  right: 0;
  bottom: 0;
  text-align: right;
}

.iziToast-wrapper-topLeft {
  left: 0;
  top: 0;
}

.iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
  border-right: 15px solid transparent;
  border-left: 0 solid transparent;
  right: auto;
  left: 8px;
}

.iziToast-wrapper-topRight {
  top: 0;
  right: 0;
  text-align: right;
}

.iziToast-wrapper-topCenter {
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.iziToast-wrapper-bottomCenter {
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

.iziToast-wrapper-center {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.iziToast-rtl {
  direction: rtl;
  padding: 8px 0 9px 45px;
  font-family: Tahoma, 'Lato', Arial;
}

.iziToast-rtl .iziToast-cover {
  left: auto;
  right: 0;
}

.iziToast-rtl .iziToast-close {
  right: auto;
  left: 0;
}

.iziToast-rtl .iziToast-body {
  padding: 0 10px 0 0;
  margin: 0 16px 0 0;
  text-align: right;
}

.iziToast-rtl .iziToast-body .iziToast-buttons,
.iziToast-rtl .iziToast-body .iziToast-texts,
.iziToast-rtl .iziToast-body .iziToast-title,
.iziToast-rtl .iziToast-body .iziToast-message {
  float: right;
  text-align: right;
}

.iziToast-rtl .iziToast-body .iziToast-icon {
  left: auto;
  right: 0;
}

@media only screen and (min-width: 568px) {
  .iziToast-wrapper {
    padding: 10px 15px;
  }

  .iziToast-cover {
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
  }

  .iziToast {
    margin: 5px 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: auto;
  }

  .iziToast::after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }

  .iziToast.iziToast-balloon .iziToast-progressbar {
    background: transparent;
  }
}

.iziToast.iziToast-theme-dark {
  background: #565c70;
  border-color: #565c70;
}

.iziToast.iziToast-theme-dark .iziToast-title {
  color: #fff;
}

.iziToast.iziToast-theme-dark .iziToast-message {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
}

.iziToast.iziToast-theme-dark .iziToast-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 8px;
}

.iziToast.iziToast-theme-dark .iziToast-icon {
  color: #fff;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-info {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-warning {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-error {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 80%;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-success {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast.iziToast-theme-dark .iziToast-icon.ico-question {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
  background-size: 85%;
}

.iziToast.iziToast-theme-dark .iziToast-buttons > a,
.iziToast.iziToast-theme-dark .iziToast-buttons > button,
.iziToast.iziToast-theme-dark .iziToast-buttons > input {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

.iziToast.iziToast-theme-dark .iziToast-buttons > a:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:hover,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:hover {
  background: rgba(255, 255, 255, 0.2);
}

.iziToast.iziToast-theme-dark .iziToast-buttons > a:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > button:focus,
.iziToast.iziToast-theme-dark .iziToast-buttons > input:focus {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.iziToast.iziToast-color-red {
  background: var(--danger-bg);
  border-color: var(--danger-fg);
  color: var(--danger-fg);
}

.iziToast.iziToast-color-orange {
  background: rgba(255, 207, 165, 0.9);
  border-color: rgba(255, 207, 165, 0.9);
}

.iziToast.iziToast-color-yellow {
  background: var(--warning-bg);
  border-color: var(--warning-fg);
  color: var(--warning-fg);
}

.iziToast.iziToast-color-blue {
  background: var(--info-bg);
  border-color: var(--info-fg);
  color: var(--info-fg);
}

.iziToast.iziToast-color-green {
  background: var(--success-bg);
  border-color: var(--success-fg);
  color: var(--success-fg);
}

.iziToast.iziToast-layout2 .iziToast-body .iziToast-message {
  width: 100%;
}

.iziToast.iziToast-layout3 {
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.iziToast.iziToast-layout3::after {
  display: none;
}

.iziToast.revealIn,
.iziToast .revealIn {
  -webkit-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  -o-animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
  animation: iziT-revealIn 1s cubic-bezier(0.25, 1.6, 0.25, 1) both;
}

.iziToast.slideIn,
.iziToast .slideIn {
  -webkit-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  -o-animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
  animation: iziT-slideIn 1s cubic-bezier(0.16, 0.81, 0.32, 1) both;
}

.iziToast.bounceInLeft {
  -webkit-animation: iziT-bounceInLeft 0.7s ease-in-out both;
  -o-animation: iziT-bounceInLeft 0.7s ease-in-out both;
  animation: iziT-bounceInLeft 0.7s ease-in-out both;
}

.iziToast.bounceInRight {
  -webkit-animation: iziT-bounceInRight 0.85s ease-in-out both;
  -o-animation: iziT-bounceInRight 0.85s ease-in-out both;
  animation: iziT-bounceInRight 0.85s ease-in-out both;
}

.iziToast.bounceInDown {
  -webkit-animation: iziT-bounceInDown 0.7s ease-in-out both;
  -o-animation: iziT-bounceInDown 0.7s ease-in-out both;
  animation: iziT-bounceInDown 0.7s ease-in-out both;
}

.iziToast.bounceInUp {
  -webkit-animation: iziT-bounceInUp 0.7s ease-in-out both;
  -o-animation: iziT-bounceInUp 0.7s ease-in-out both;
  animation: iziT-bounceInUp 0.7s ease-in-out both;
}

.iziToast.fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  -o-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both;
}

.iziToast.fadeInUp {
  -webkit-animation: iziT-fadeInUp 0.7s ease both;
  -o-animation: iziT-fadeInUp 0.7s ease both;
  animation: iziT-fadeInUp 0.7s ease both;
}

.iziToast.fadeInDown {
  -webkit-animation: iziT-fadeInDown 0.7s ease both;
  -o-animation: iziT-fadeInDown 0.7s ease both;
  animation: iziT-fadeInDown 0.7s ease both;
}

.iziToast.fadeInLeft {
  -webkit-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  -o-animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInLeft 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}

.iziToast.fadeInRight {
  -webkit-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  -o-animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
  animation: iziT-fadeInRight 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both;
}

.iziToast.flipInX {
  -webkit-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
  -o-animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
  animation: iziT-flipInX 0.85s cubic-bezier(0.35, 0, 0.25, 1) both;
}

.iziToast.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  -o-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both;
}

.iziToast.fadeOutDown {
  -webkit-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  -o-animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutDown 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}

.iziToast.fadeOutUp {
  -webkit-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  -o-animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-fadeOutUp 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}

.iziToast.fadeOutLeft {
  -webkit-animation: iziT-fadeOutLeft 0.5s ease both;
  -o-animation: iziT-fadeOutLeft 0.5s ease both;
  animation: iziT-fadeOutLeft 0.5s ease both;
}

.iziToast.fadeOutRight {
  -webkit-animation: iziT-fadeOutRight 0.5s ease both;
  -o-animation: iziT-fadeOutRight 0.5s ease both;
  animation: iziT-fadeOutRight 0.5s ease both;
}

.iziToast.flipOutX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  -o-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  -o-animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
  animation: iziT-flipOutX 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both;
}

.iziToast-overlay.fadeIn {
  -webkit-animation: iziT-fadeIn 0.5s ease both;
  -o-animation: iziT-fadeIn 0.5s ease both;
  animation: iziT-fadeIn 0.5s ease both;
}

.iziToast-overlay.fadeOut {
  -webkit-animation: iziT-fadeOut 0.7s ease both;
  -o-animation: iziT-fadeOut 0.7s ease both;
  animation: iziT-fadeOut 0.7s ease both;
}

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 1);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(280px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  70% {
    -webkit-transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-280px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  70% {
    -webkit-transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(10px);
  }

  70% {
    -webkit-transform: translateY(-5px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
  }

  70% {
    -webkit-transform: translateY(5px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}

@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}

@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@-webkit-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 1);
    transform: scale3d(0.3, 0.3, 1);
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -o-transform: scale3d(0.3, 0.3, 1);
    transform: scale3d(0.3, 0.3, 1);
  }

  100% {
    opacity: 1;
  }
}

@keyframes iziT-revealIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 1);
    -ms-transform: scale3d(0.3, 0.3, 1);
    -o-transform: scale3d(0.3, 0.3, 1);
    transform: scale3d(0.3, 0.3, 1);
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -o-transform: translateX(50px);
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes iziT-slideIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  70% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(280px);
    transform: translateX(280px);
  }

  50% {
    opacity: 1;
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  70% {
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes iziT-bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(280px);
    -ms-transform: translateX(280px);
    -o-transform: translateX(280px);
    transform: translateX(280px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  70% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-280px);
    transform: translateX(-280px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(-280px);
    transform: translateX(-280px);
  }

  50% {
    opacity: 1;
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  70% {
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes iziT-bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    -o-transform: translateX(-280px);
    transform: translateX(-280px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  70% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  70% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
  }

  50% {
    opacity: 1;
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  70% {
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes iziT-bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    transform: translateY(-200px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }

  70% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  70% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(200px);
    transform: translateY(200px);
  }

  50% {
    opacity: 1;
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  70% {
    -o-transform: translateY(5px);
    transform: translateY(5px);
  }

  100% {
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes iziT-bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
  }

  50% {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  70% {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes iziT-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-o-keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes iziT-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-webkit-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-o-keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes iziT-fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-webkit-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-o-keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes iziT-fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(300px, 0, 0);
    -ms-transform: translate3d(300px, 0, 0);
    -o-transform: translate3d(300px, 0, 0);
    transform: translate3d(300px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-webkit-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-o-keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@keyframes iziT-fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

@-webkit-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-o-keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes iziT-flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-o-keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes iziT-fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-o-keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes iziT-fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@-webkit-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-o-keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes iziT-fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@-webkit-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}

@-o-keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    -o-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}

@keyframes iziT-fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-200px, 0, 0);
    -ms-transform: translate3d(-200px, 0, 0);
    -o-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
  }
}

@-webkit-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}

@-o-keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}

@keyframes iziT-fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
}

@-webkit-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@-o-keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes iziT-flipOutX {
  from {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

/****************************
 * Encabezado de la página
 ****************************/

/*
 * Encabezado de la página
 */

#encabezado {
  margin-left: -15px;
  margin-right: -15px;
  background: var(--bg-menu);
  position: absolute;
  top: 0;
  width: 100%;
  height: 68px;
  border-bottom: 1px solid var(--bg-general);
}

#encabezado #btnChangePass {
  font-size: 10px;
  display: inline-block;
  text-align: left;
  color: #7aa6c2;
}

#encabezado #btnChangePass:hover {
  color: #88bdde;
}

#encabezado > span {
  color: var(--text-label);
  font-size: 2rem;
  line-height: 70px;
  position: absolute;
  cursor: pointer;
}

#encabezado > span#openBarra {
  left: 4%;
}

#encabezado > span#openBarra.active {
  color: var(--brand-main);
}

#encabezado > a {
  color: var(--text-label);
  text-decoration: none;
  font-size: 2rem;
  line-height: 70px;
  position: absolute;
  cursor: pointer;
}

#encabezado > a#openMenu {
  right: 4%;
}

#encabezado > a#openMenu.active {
  color: var(--brand-main);
}

#encabezado > h1 {
  height: 80px;
  margin-top: 0;
  margin-bottom: 0;
  -webkit-border-radius: 0 0 0.5em 0.5em;
  border-radius: 0 0 0.5em 0.5em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 991px) {
  #encabezado > h1 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.6rem;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}

#encabezado > h1 > div {
  padding-left: 2rem;
}

#encabezado > h1 .logo-cyt {
  padding-top: 4px;
  text-align: center !important;
  height: 100%;
}

#encabezado > h1 .logo-cyt a {
  display: block;
  margin: 0;
  padding: 0;
  height: 56px;
}

#encabezado > h1 .logo-cyt img {
  border: none !important;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}

#encabezado > h1 .logo-cyt + div {
  padding-top: 6px;
  text-align: center !important;
  height: 100%;
}

#encabezado > h1 .logo-cyt + div a {
  display: block;
  margin: 0;
  padding: 0;
}

#encabezado > h1 .logo-cyt + div img {
  width: auto;
  max-height: 100%;
  max-width: 100%;
}

@media screen and (min-width: 480px) {
  #encabezado > h1 .logo-cyt {
    padding-top: 4px;
    text-align: center !important;
  }

  #encabezado > h1 .logo-cyt + div {
    padding-top: 6px;
    text-align: center !important;
  }
}

#encabezado > h1 > div {
  height: 65px !important;
  text-align: center !important;
}

#encabezado > h1 > div .titulo-crm {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-size: 0.6em;
  text-transform: uppercase;
  text-align: left;
  color: #eee;
  height: 100%;
  padding-top: 8px;
  padding-left: 60px !important;
  position: relative;
}

#encabezado > h1 > div .titulo-crm > img {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 45px;
  height: 45px;
  -webkit-animation: gira 5s linear infinite;
  -o-animation: gira 5s linear infinite;
  animation: gira 5s linear infinite;
}

#encabezado > h1 > div .titulo-crm > span {
  font-size: 1.08em;
  color: #908a8c;
}

@-webkit-keyframes gira {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes gira {
  from {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes gira {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.menuGestor {
  z-index: 999;
  margin-right: 0;
  width: 90%;
  font-size: 0.9rem;
  opacity: 1;
  background: var(--bg-menu);
  color: var(--text-menu) !important;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  height: -webkit-calc(100vh - 75px);
  height: calc(100vh - 75px);
}

.menuGestor.closed {
  margin-right: -100%;
  opacity: 0;
  display: none;
}

.menuGestor .user {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.menuGestor .user div {
  height: 100%;
}

.menuGestor .user div:nth-child(1) {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menuGestor .user div:nth-child(1) span[class*='photo'] {
  margin-left: 4px !important;
  float: left;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid var(--text-label);
  width: 40px;
  height: 40px;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: #f5f5f5;
}

.menuGestor .user div:nth-child(1) span[class*='photo'] .fa-pie-chart {
  position: absolute;
  left: 50%;
  bottom: 50%;
  font-size: 2.2rem;
  color: var(--brand-accent-2);
  opacity: 0;
  width: 33px;
  height: 33px;
  margin-bottom: -19px;
  margin-left: -16px;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(-360deg) scale(0.1);
  -ms-transform: rotate(-360deg) scale(0.1);
  -o-transform: rotate(-360deg) scale(0.1);
  transform: rotate(-360deg) scale(0.1);
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.menuGestor .user div:nth-child(1) span[class*='photo'].show-stats:hover {
  cursor: pointer;
}

.menuGestor .user div:nth-child(1) span[class*='photo'].show-stats:hover .fa-pie-chart {
  opacity: 0.6;
  -webkit-transform: rotate(0deg) scale(1);
  -ms-transform: rotate(0deg) scale(1);
  -o-transform: rotate(0deg) scale(1);
  transform: rotate(0deg) scale(1);
}

.menuGestor .user div:nth-child(1) span[class*='photo']::after {
  content: '';
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background: #39b54a;
  position: absolute;
  right: -3px;
  bottom: 0px;
  border: 1px solid var(--bg-menu);
}

.menuGestor .user div:nth-child(1) span.no-photo {
  background: #f5f5f5 url('../img/no-photo.png') no-repeat;
  background-size: cover;
}

.menuGestor .user div:nth-child(1) span.no-photo img {
  display: none !important;
}

.menuGestor .user div:nth-child(1) span.photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.menuGestor .user div:nth-child(1) .dropdown {
  overflow: visible;
  text-align: left !important;
  width: auto;
  max-width: -webkit-calc(100% - 70px);
  max-width: calc(100% - 70px);
  display: table-row;
  margin: 0;
  height: 50px;
  float: left;
  padding: 0 0.5rem;
  -webkit-box-flex: 3;
  -webkit-flex: 3;
  -moz-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  font-size: 0.85rem;
  line-height: 1.1rem;
}

.menuGestor .user div:nth-child(1) .notification-menu-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 2rem;
}

.menuGestor > ul {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  height: -webkit-calc(100% - 65px);
  height: calc(100% - 65px);
}

.menuGestor > ul li {
  line-height: 2.2rem;
  position: relative;
}

.menuGestor > ul li:before,
.menuGestor > ul li:after {
  content: " ";
  display: table;
}

.menuGestor > ul li:after {
  clear: both;
}

.menuGestor > ul li > a {
  padding-left: 1rem;
}

.menuGestor > ul li ul {
  font-size: 0.85rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menuGestor > ul li ul:empty {
  display: none;
}

.menuGestor > ul li li {
  padding: 0;
  width: 100%;
  margin: 0;
}

.menuGestor > ul li li > a {
  padding-left: 2rem;
}

.menuGestor > ul li li ul li > a {
  padding-left: 3rem;
}

.menuGestor > ul li a {
  display: block;
  text-decoration: none !important;
  color: var(--text-label) !important;
}

.menuGestor > ul li:hover > a {
  color: var(--brand-main) !important;
  background: var(--bg-acc-hover);
}

.menuGestor > ul li span {
  margin: 0 3px;
}

.menuGestor > ul .icon-user {
  border: 1px solid #eee;
}

@media screen and (max-width: 991px) {
  .menuGestor {
    position: absolute;
    top: 100%;
    right: 0;
    border: 1px solid var(--bg-general);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .menuGestor > .user {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-bottom: 1px solid var(--bg-general);
  }

  .menuGestor > ul {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    overflow: auto;
  }

  .menuGestor > ul li a {
    border-bottom: 1px solid var(--bg-general);
  }
}

@media screen and (min-width: 768px) {
  .menuGestor {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .menuGestor {
    -webkit-border-radius: 0 0 0 21.6px;
    border-radius: 0 0 0 21.6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    width: auto;
    height: 68px !important;
    position: absolute;
    right: 0;
    top: 0;
  }

  .menuGestor.closed {
    display: block !important;
    margin-right: 0 !important;
    opacity: 1 !important;
  }

  .menuGestor #closeMenu {
    display: none;
  }

  .menuGestor .user {
    -webkit-border-radius: 0 0 0 21.6px;
    border-radius: 0 0 0 21.6px;
    width: auto;
    padding: 0 0.5rem 0 1rem !important;
  }

  .menuGestor .user div {
    height: 65px !important;
  }

  .menuGestor .user #userInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .menuGestor .user div:nth-child(1) {
    position: relative;
    padding: 0;
  }

  .menuGestor .user div:nth-child(1) span[class*='photo'] {
    text-shadow: none;
    font-size: 45px;
    margin: 7px 10px;
    width: 40px;
    height: 40px;
    border: 1px solid var(--text-label);
  }

  .menuGestor .user div:nth-child(1) .dropdown {
    overflow: visible;
    text-align: left !important;
    width: auto;
    max-width: 130px;
    display: table-row;
    margin: 0;
    height: 65px;
    float: left;
    padding: 0;
    line-height: 1.1em;
  }

  .menuGestor > ul {
    width: auto;
    text-align: right;
    padding: 0 !important;
    list-style: none;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0.5rem !important;
    border-right: 1px solid var(--bg-general);
    /* FIRST LEVEL */
  }

  .menuGestor > ul > li {
    display: inline-block !important;
    height: 100% !important;
    border-top: none !important;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .menuGestor > ul > li:last-child {
    border-right: none;
  }

  .menuGestor > ul > li > ul {
    opacity: 0;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.5s;
    -o-transition: -o-transform 0.5s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.5s;
    transition: -ms-transform 0.5s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.5s;
    transition: transform 0.5s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.5s;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: absolute !important;
    list-style: none;
    top: 100%;
    right: 0;
    text-align: left;
    padding: 0 !important;
    background: var(--bg-menu);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid var(--bg-general);
    /* SECOND LEVEL */
  }

  .menuGestor > ul > li > ul:empty {
    display: none;
  }

  .menuGestor > ul > li > ul > li {
    padding: 0;
    display: inline-block !important;
    margin: 0 !important;
    margin: 0;
    border: none;
    text-align: right;
    border-right: none;
  }

  .menuGestor > ul > li > ul > li:not(:last-child) {
    border-bottom: 1px solid var(--bg-general);
  }

  .menuGestor > ul > li > ul > li:first-child {
    border-top: none;
  }

  .menuGestor > ul > li > ul > li > a {
    white-space: nowrap;
  }

  .menuGestor > ul > li > ul > li > a span {
    margin-left: 0 !important;
  }

  .menuGestor > ul > li > ul > li a {
    padding: 0.3rem 0.8rem;
  }

  .menuGestor > ul > li > ul > li:hover > ul {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: var(--floating-shadow);
    box-shadow: var(--floating-shadow);
  }

  .menuGestor > ul > li > ul > li > ul {
    background: var(--bg-menu);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.5s;
    -o-transition: -o-transform 0.5s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.5s;
    transition: -ms-transform 0.5s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.5s;
    transition: transform 0.5s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.5s;
    -webkit-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    position: absolute;
    top: 0;
    right: 100%;
    border: 1px solid var(--bg-general);
    /* THIRD LEVEL */
  }

  .menuGestor > ul > li > ul > li > ul > li {
    padding: 0;
    display: inline-block !important;
    margin: 0 !important;
    margin: 0;
    border: none;
    text-align: right;
    border-right: none;
  }

  .menuGestor > ul > li > ul > li > ul > li:not(:last-child) {
    border-bottom: 1px solid var(--bg-general);
  }

  .menuGestor > ul > li > ul > li > ul > li > a {
    white-space: nowrap;
    display: block;
  }

  .menuGestor > ul > li:hover > ul {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: var(--floating-shadow);
    box-shadow: var(--floating-shadow);
  }

  .menuGestor > ul > li > a {
    width: 100%;
  }

  .menuGestor > ul > li > a > span {
    display: inline-block;
    line-height: 2rem;
    text-align: center;
    height: 45px;
    margin-top: 4px;
  }

  .menuGestor > ul > li > a > span > .menu-icon {
    font-size: 1.8em;
    height: 22px;
    text-align: center;
    display: block;
  }

  .menuGestor > ul > li > a > span > .menu-name {
    display: block;
    white-space: nowrap;
  }

  .menuGestor > ul > li a {
    height: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    min-width: 74px;
  }

  .menuGestor > ul > li a > * {
    margin: 0 !important;
  }

  .menuGestor > ul > li a > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.passchanger-container {
  position: absolute;
  top: 65px;
  right: 35px;
  width: 320px;
  z-index: 1000;
  margin-left: -150px;
  overflow: visible;
  height: 285px;
}

.passchanger-container.has-captcha:not(.closed) {
  height: 348px !important;
  top: 100px;
}

.passchanger-container.initial-pass-change:not(.closed) {
  height: 216px;
}

.passchanger-container.initial-pass-change:not(.closed) #prevPassGroup {
  display: none;
}

.passchanger-container.initial-pass-change:not(.closed).has-captcha {
  height: 304px !important;
}

.passchanger-container.closed {
  height: 0 !important;
  overflow: hidden !important;
}

.passchanger-container.closed .error {
  display: none !important;
}

.passchanger-container .passchanger-content {
  width: 300px;
  -webkit-box-shadow: var(--floating-shadow);
  box-shadow: var(--floating-shadow);
  position: absolute;
  bottom: 15px;
  left: 0;
  overflow: visible;
}

.passchanger-container .passchanger-content form {
  margin: 0;
  padding: 0;
  background: var(--bg-acc-mod);
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.passchanger-container .passchanger-content .passchanger-header {
  padding: 5px 5px 5px 15px;
  color: var(--brand-main);
  border-bottom: 1px solid var(--bg-general);
}

.passchanger-container .passchanger-content .passchanger-header h5 {
  margin: 0;
  line-height: 2rem;
}

.passchanger-container .passchanger-content .passchanger-header h5 > .fa:first-child {
  padding-right: 6px;
}

.passchanger-container .passchanger-content .passchanger-header h5 .passchanger-close {
  width: 28px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.passchanger-container .passchanger-content .passchanger-header h5 .passchanger-close:hover {
  background: var(--bg-acc-hover);
}

.passchanger-container .passchanger-content .passchanger-body {
  padding: 15px;
  padding-bottom: 0;
  background: var(--bg-panel);
}

.passchanger-container .passchanger-content .passchanger-footer {
  border-top: 1px solid var(--bg-general);
}

.passchanger-container .passchanger-content .passchanger-footer > div {
  margin: 0;
  padding: 0.5rem 1rem;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.passchanger-container .passchanger-content .passchanger-footer > div label {
  font-size: 12px;
  height: 37px;
  line-height: 1em;
  white-space: nowrap;
  color: var(--brand-main);
  padding-top: 11px;
}

.passchanger-container .passchanger-content .passchanger-footer > div input[type='checkbox'] {
  margin-top: 12px;
}

.passchanger-container .passchanger-content .passchanger-footer > div .contenedor-boton {
  text-align: right;
  padding-right: 0;
}

#btnAbrirBandejaComunicaciones span {
  padding: 12px 4px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 0 0 0 5px;
  cursor: pointer;
  font-size: 2rem;
  line-height: 42px;
}

#btnAbrirBandejaComunicaciones:hover,
#btnAbrirBandejaComunicaciones.active {
  color: var(--brand-main-active);
}

.logo-fijo-integra {
  position: fixed;
  width: 100px;
  right: 2em;
  bottom: 2em;
  height: auto;
  z-index: 99;
}

@media screen and (min-width: 768px) {
  .logo-fijo-integra {
    width: 150px;
    right: 2em;
    bottom: 2em;
  }
}

@media screen and (min-width: 992px) {
  .logo-fijo-integra {
    right: 4rem;
    bottom: 1em;
    width: 300px;
  }
}

.logo-fijo-orion {
  position: fixed;
  width: 50px;
  left: 2em;
  bottom: 2em;
  height: auto;
  z-index: 99;
}

@media screen and (min-width: 768px) {
  .logo-fijo-orion {
    width: 100px;
    left: 2em;
    bottom: 2em;
  }
}

@media screen and (min-width: 992px) {
  .logo-fijo-orion {
    left: auto;
    right: 10.5em !important;
    bottom: 3em;
    width: 90px;
  }
}

.icono-interno {
  font-size: 3.5rem !important;
  -webkit-border-radius: 50% 50% 4px 4px/20px 20px 4px 4px;
  border-radius: 50% 50% 4px 4px/20px 20px 4px 4px;
  background: var(--bg-cti);
  color: var(--text-main);
  overflow: hidden;
  padding: 0.7rem 1rem;
  margin-top: 10px;
}

.icono-interno.active {
  color: #bbecf9;
  text-shadow: 0 0 5px #0ea9d2;
  background: var(--brand-main);
}

.logo-cyt-fijo {
  position: fixed;
  height: auto;
  left: 50%;
  margin-left: -100px;
  bottom: 3em;
  width: 200px;
  z-index: 1000;
}

@media screen and (min-width: 768px) {
  .logo-cyt-fijo {
    width: 330px;
    margin-left: -165px;
    bottom: 3em;
  }
}

@media screen and (min-width: 992px) {
  .logo-cyt-fijo {
    bottom: 4em;
    width: 330px;
  }
}

.logo-dal-fijo {
  position: fixed;
  height: 100px;
  right: 4em;
  bottom: 2em;
  width: auto;
}

@media screen and (min-width: 768px) {
  .logo-dal-fijo {
    height: 150px;
    right: 4em;
    bottom: 2em;
  }
}

@media screen and (min-width: 992px) {
  .logo-dal-fijo {
    right: 5em;
    bottom: 3em;
    height: 150px;
  }
}

.ini-feedback {
  position: fixed;
  top: 2%;
  width: 100%;
  z-index: 2000;
  text-align: center;
  color: var(--text-main);
  font-family: 'Open Sans', sans-serif;
  font-size: 2rem;
  -webkit-transition: letter-spacing 1.5s, opacity 1.5s;
  -o-transition: letter-spacing 1.5s, opacity 1.5s;
  transition: letter-spacing 1.5s, opacity 1.5s;
  letter-spacing: 80px;
  opacity: 0;
  margin-left: -15px;
}

.ini-feedback img {
  width: 100px;
  height: auto;
  margin-bottom: 15px;
}

.ini-feedback.displayed {
  letter-spacing: 0px;
  opacity: 1;
}

.session-feedback {
  position: fixed;
  top: 12%;
  width: 100%;
  z-index: 2000;
  text-align: center;
  color: #eee;
  font-family: 'Open Sans', sans-serif;
  font-size: 2rem;
}

#loginBox {
  position: absolute;
  z-index: 999;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  top: 87px;
  left: 15px;
  text-align: center;
  padding: 5px 15px;
  background-image: -webkit-linear-gradient(top, rgba(28, 105, 151, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(28, 105, 151, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(28, 105, 151, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  -webkit-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
}

#loginBox input {
  float: left;
  height: 3rem;
  margin: 0.5em 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: var(--bg-input);
}

#loginBox button {
  height: 42px;
  padding: 6px 28px;
  width: 100%;
  font-size: 1.1rem;
}

@media screen and (max-width: 992px) {
  #loginBox .form-group {
    width: 100%;
    clear: both;
  }

  #loginBox .form-group input {
    width: 100% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #loginBox {
    top: 160%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 15px;
    background: var(--bg-panel);
    width: 360px;
    left: 50%;
    margin-left: -180px;
    opacity: 0.9 !important;
  }
}

@media screen and (min-width: 992px) {
  #loginBox {
    padding: 0;
    top: 0;
    right: 0;
    left: auto;
    text-align: right;
    -webkit-border-radius: none;
    border-radius: none;
    background-image: none;
    margin-left: 0 !important;
    width: auto !important;
    height: 65px !important;
  }

  #loginBox form {
    height: 68px;
    margin: 0;
    padding: 13px 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
  }

  #loginBox form .form-group {
    max-width: 130px;
    vertical-align: top;
  }

  #loginBox form .form-group.captcha-group {
    max-width: 200px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    vertical-align: top;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }

  #loginBox form .form-group.captcha-group input {
    max-width: 300px;
    width: 253px;
    margin-top: -10px;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    font-weight: bold;
  }

  #loginBox form .form-group.captcha-group .error {
    font-size: 14px;
  }

  #loginBox form input {
    margin: 0;
    max-width: 130px;
  }

  #loginBox form button {
    width: auto;
  }
}

#carruselGestor {
  height: 100% !important;
  margin-top: 20px;
  -webkit-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

#carruselGestor .carousel-inner,
#carruselGestor .item {
  height: 100% !important;
  -webkit-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

#carruselGestor img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.carousel-caption {
  background: rgba(8, 27, 56, 0.5);
  width: 100%;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 16px 16px 119px;
  text-shadow: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
}

.carousel-caption h1 {
  margin: 0;
  background: rgba(0, 81, 168, 0.7);
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  text-transform: uppercase;
  font-weight: bold;
  padding: 16px;
}

.carousel-caption p {
  padding: 16px;
  font-size: 1.1rem;
  background: rgba(240, 250, 255, 0.9);
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  color: #333;
  margin: 0;
  text-align: left;
}

.carousel .container {
  overflow: hidden;
}

@media screen and (min-width: 992px) {
  .carousel .container {
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .item:nth-child(odd) .container {
    top: 0;
    left: 0;
  }

  .item:nth-child(even) .container {
    top: 0;
    right: 0;
  }

  .item:nth-child(odd) .carousel-caption {
    /*top: 30%;*/
    /*bottom: auto;*/
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    padding: 0 0 0 12rem;
    background: rgba(8, 27, 56, 0.5);
    background: -webkit-linear-gradient(right, rgba(8, 27, 56, 0) 30%, rgba(8, 27, 56, 0.5) 100%);
    background: -o-linear-gradient(right, rgba(8, 27, 56, 0) 30%, rgba(8, 27, 56, 0.5) 100%);
    background: linear-gradient(to left, rgba(8, 27, 56, 0) 30%, rgba(8, 27, 56, 0.5) 100%);
  }

  .carousel-control {
    z-index: 999;
  }

  .item:nth-child(even) .carousel-caption {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+22 */
    top: 0;
    right: 0 !important;
    left: auto !important;
    position: absolute;
    width: 40%;
    height: 100%;
    padding: 0 12rem 0 0;
    background: rgba(8, 27, 56, 0.5);
    background: -webkit-linear-gradient(right, rgba(8, 27, 56, 0.5) 30%, rgba(8, 27, 56, 0) 100%);
    background: -o-linear-gradient(right, rgba(8, 27, 56, 0.5) 30%, rgba(8, 27, 56, 0) 100%);
    background: linear-gradient(to left, rgba(8, 27, 56, 0.5) 30%, rgba(8, 27, 56, 0) 100%);
  }
}

@media screen and (min-height: 800px) {
  .carousel {
    height: 98%;
  }

  .carousel .carousel-inner,
  .carousel .item {
    height: 100%;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/****************************
 * Barra CTI
 ****************************/

@font-face {
  font-family: 'universltstd';
  src: url('../fonts/universltstd-light.eot');
  src: url('../fonts/universltstd-light.eot?#iefix') format('embedded-opentype'), url('../fonts/universltstd-light.woff') format('woff'), url('../fonts/digital-7_mono-webfont.ttf') format('truetype'), url('../fonts/universltstd-light.svg#universltstd-light_monomono') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'digital';
  src: url('../fonts/digital-7_mono-webfont.eot');
  src: url('../fonts/digital-7_mono-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/digital-7_mono-webfont.woff2') format('woff2'), url('../fonts/digital-7_mono-webfont.woff') format('woff'), url('../fonts/digital-7_mono-webfont.ttf') format('truetype'), url('../fonts/digital-7_mono-webfont.svg#digital-7_monomono') format('svg');
  font-weight: normal;
  font-style: normal;
}

#barraCTI {
  min-height: 97px;
  -webkit-box-shadow: var(--shadow-bottom);
  box-shadow: var(--shadow-bottom);
}

#dalpadweb-select-breaks {
  margin: 0;
  font: inherit;
  text-transform: none;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  background-image: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.barraCTI * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.barraCTI {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-left: -15px;
  margin-right: -15px;
  background: var(--bg-panel);
  position: fixed;
  z-index: 250;
  top: 90px;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Roboto', 'Open Sans', sans-serif;
  padding: 1rem 0 1.5rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.28, -0.56, 0.71, 1.55);
  -o-transition: -o-transform 0.8s cubic-bezier(0.28, -0.56, 0.71, 1.55);
  transition: -ms-transform 0.8s cubic-bezier(0.28, -0.56, 0.71, 1.55);
  transition: transform 0.8s cubic-bezier(0.28, -0.56, 0.71, 1.55);
  min-height: 114px;
  width: 94%;
  margin: 0 3%;
  box-sizing: border-box !important;
}

.barraCTI:before,
.barraCTI:after {
  content: " ";
  display: table;
}

.barraCTI:after {
  clear: both;
}

.barraCTI * {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  outline: none !important;
}

@media screen and (min-width: 768px) {
  .barraCTI {
    width: 80%;
    margin: 0 10%;
  }
}

@media screen and (min-width: 992px) {
  .barraCTI {
    margin-left: -15px;
    position: relative;
    top: 0;
    left: 0;
    height: auto !important;
    padding: 8px 4px;
    width: -webkit-calc(100% + 30px);
    width: calc(100% + 30px);
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    -o-transform: translateX(0) !important;
    transform: translateX(0) !important;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .barraCTI .operaciones {
    padding-left: 0 !important;
  }
}

.barraCTI .displays {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  color: var(--text-main);
}

@media (min-width: 992px) {
  .barraCTI .displays {
    float: left;
    width: 66.66666667%;
  }
}

.barraCTI .displays *::-moz-selection {
  background: var(--brand-accent-1);
  color: var(--text-main);
}

.barraCTI .displays *::selection {
  background: var(--brand-accent-1);
  color: var(--text-main);
}

.barraCTI .displays .display-1 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  height: 80px;
  overflow: auto;
  background: var(--bg-menu);
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  padding: 0.2rem !important;
  display: table;
  width: 100%;
  border: 1px solid var(--bg-general);
  border-right: none;
}

@media (min-width: 768px) {
  .barraCTI .displays .display-1 {
    float: left;
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .barraCTI .displays .display-1 {
    -webkit-border-radius: 6px 0 0 6px;
    border-radius: 6px 0 0 6px;
  }
}

.barraCTI .displays .display-1 #label-line-1 {
  display: table-header-group;
  line-height: 1.2rem;
  font-family: Open Sans, sans-serif;
}

.barraCTI .displays .display-1 #label-line-1 div {
  padding-left: 10px;
  display: table-cell;
  white-space: nowrap;
  color: var(--brand-accent-2);
  text-align: left;
  font-size: 11px;
  cursor: default;
  height: 1.5rem;
  /*overflow: hidden;
                    text-overflow: ellipsis;
                    max-width: 33.33333% !important;*/
}

.barraCTI .displays .display-1 #value-line-1 {
  display: table-row;
  line-height: 1rem;
}

.barraCTI .displays .display-1 #value-line-1 div {
  padding-left: 10px;
  display: table-cell;
  white-space: nowrap;
  text-align: left;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  /*max-width: 33.33333% !important;*/
}

.barraCTI .displays .display-1 #label-line-2 {
  display: table-row;
  line-height: 1.2rem;
  font-family: Open Sans, sans-serif;
}

.barraCTI .displays .display-1 #label-line-2 div {
  padding-top: 4px;
  padding-left: 10px;
  display: table-cell;
  white-space: nowrap;
  color: var(--brand-accent-2);
  text-align: left;
  font-size: 11px;
  cursor: default;
  height: 1.5rem;
  /*overflow: hidden;
                    text-overflow: ellipsis;
                    max-width: 33.33333% !important;*/
}

.barraCTI .displays .display-1 #value-line-2 {
  display: table-row;
  line-height: 1rem;
}

.barraCTI .displays .display-1 #value-line-2 div {
  padding-left: 10px;
  display: table-cell;
  white-space: nowrap;
  font-size: 0.8rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  /*max-width: 33.33333% !important;*/
}

.barraCTI .displays .display-1 .izquierdo {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 27px;
  height: 27px;
}

.barraCTI .displays .display-1 .derecho {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
  color: #00c1cd;
  font-family: Open Sans, sans-serif;
  line-height: 27px;
  font-size: 20px;
}

.barraCTI .displays .display-1 .total {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 27px;
  height: 27px;
}

.barraCTI .displays .display-2 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  border: 1px solid var(--bg-general);
  height: 80px;
  overflow: auto;
  background: var(--bg-menu);
  color: var(--text-main);
  padding: 5px 10px !important;
  font-size: 0.9rem;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .barraCTI .displays .display-2 {
    float: left;
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .barraCTI .displays .display-2 {
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
  }
}

.barraCTI .displays .display-2 .error strong {
  color: var(--danger-fg) !important;
  font-weight: 600;
}

.barraCTI .displays .display-2 .response strong {
  color: var(--brand-main) !important;
  font-weight: 600;
}

.barraCTI .displays .display-2 .event strong {
  color: var(--brand-accent-2);
  font-weight: 600;
}

.barraCTI .displays .display-2 .disconnected strong {
  color: var(--warning-fg);
  font-weight: 600;
}



.barraCTI .displays .display-2 .external strong {
  color: #00cc44 !important;
  font-weight: 600;
}

.barraCTI .displays .display-2 .external a {
  color: #2cc2f0 !important;
  cursor: pointer;
  text-decoration: underline;
}

.barraCTI .displays .display-2 .external .external-delete {
  font-size: 14px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  cursor: pointer;
  margin-left: 0.5em;
  color: rgba(255, 255, 255, 0.5);
}

.barraCTI .displays .display-2 .external .external-delete:hover {
  color: rgba(255, 255, 255, 0.9);
}

.barraCTI .botonera {
  position: absolute;
  z-index: 250;
  bottom: -2px;
  left: 20px;
  text-align: center !important;
  padding: 2px 5px;
}

.barraCTI .botonera > ul {
  list-style: none;
  height: 20px;
  margin: 0;
  padding: 0;
}

.barraCTI .botonera > ul > li {
  display: inline-block;
  position: relative;
}

.barraCTI .botonera > ul > li > a {
  position: relative;
  float: left;
  min-height: 1px;
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
  padding: 1px 10px;
  line-height: 2rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: var(--text-main);
}

.barraCTI .botonera > ul > li #dalpadweb-function-list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 450;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, -ms-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  opacity: 0;
  width: 220px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: var(--bg-menu);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid var(--bg-general);
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul {
  list-style: none;
  padding: 0;
  color: var(--info-fg);
  max-height: 180px;
  overflow-y: auto;
  margin: 0;
  background: rgba(0, 0, 0, 0.03);
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li {
  padding: 0;
  height: 45px;
  width: 100%;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li:not(:last-child) {
  border-bottom: 1px solid var(--bg-general);
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li:not(:last-child) > a > div:first-child {
  border-bottom: 1px solid var(--bg-general);
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li a {
  cursor: pointer;
  color: var(--text-main);
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li.vacio {
  display: table;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li.vacio a {
  text-align: center;
  text-decoration: none;
  color: var(--brand-main);
  display: table-cell;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li.vacio a span {
  font-size: 0.9rem;
  color: var(--brand-accent-2);
  font-weight: normal;
  line-height: 1rem;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li .programable-cmd_consultation_call {
  width: 45px;
  height: 45px;
  float: left;
  background: var(--bg-menu) url("../img/consulta.png") center center no-repeat;
  background-size: 40px 40px;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li .programable-cmd_make_call {
  width: 45px;
  height: 45px;
  float: left;
  background: var(--bg-menu) url("../img/llamada.png") center center no-repeat;
  background-size: 40px 40px;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li .programable-cmd_start_record {
  width: 45px;
  height: 45px;
  float: left;
  background: var(--bg-menu) url("../img/grabar.png") center center no-repeat;
  background-size: 40px 40px;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li .programable-data {
  width: -webkit-calc(100% - 45px);
  width: calc(100% - 45px);
  float: right;
  height: 45px;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li .programable-data .programable-nombre {
  height: 26px;
  float: left;
  line-height: 1.2rem;
  font-size: 1.1rem;
  text-align: left;
  padding-top: 6px;
  padding-left: 0.5rem;
  color: var(--text-label);
  font-weight: bold;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li .programable-data .programable-numero {
  float: left;
  font-size: 11px;
  height: 19px;
  line-height: 19px;
  width: 100%;
  text-align: right;
  color: var(--text-tip);
  padding-right: 10px;
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li:hover {
  background: var(--bg-acc-hover);
}

.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li:hover .programable-numero,
.barraCTI .botonera > ul > li #dalpadweb-function-list > ul li:hover .programable-nombre {
  color: var(--brand-main) !important;
  font-weight: bold;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 450;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  -o-transition: opacity 0.5s, -o-transform 0.5s;
  transition: opacity 0.5s, -ms-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  opacity: 0;
  width: 220px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: var(--bg-menu);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  border: 1px solid var(--bg-general);
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .filtro {
  padding: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-top: 1px solid var(--bg-general);
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .filtro label {
  font-weight: normal;
  margin: 0;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .filtro > label:first-child {
  font-weight: bold;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .filtro > label:first-child::after {
  content: ':';
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .vacio {
  padding: 0;
  height: 45px;
  width: 100%;
  display: table;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .vacio a {
  text-align: center;
  text-decoration: none;
  color: var(--text-main);
  display: table-cell;
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: middle;
  line-height: 1;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .vacio a span {
  font-size: 0.9rem;
  color: var(--brand-accent-2);
  font-weight: normal;
  line-height: 1rem;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul {
  list-style: none;
  background: rgba(0, 0, 0, 0.03);
  padding: 0;
  max-height: 160px;
  overflow-y: auto;
  margin: 0;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul .dalpadweb-day-title {
  background: var(--bg-menu) !important;
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.5rem;
  border: 1px solid var(--bg-general);
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li {
  padding: 0;
  height: 45px;
  width: 100%;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li:not(:last-child) {
  border-bottom: 1px solid var(--bg-general);
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li:not(:last-child) .historial-tipo {
  border-bottom: 1px solid var(--bg-general);
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li a {
  overflow: auto;
  display: block;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li:hover {
  background: var(--bg-acc-hover);
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li:hover .historial-numero,
.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li:hover .historial-fecha {
  color: var(--brand-main-active) !important;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li .historial-tipo {
  width: 45px;
  height: 45px;
  float: left;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li .historial-tipo.historial-tipo-0 {
  background: var(--bg-menu) url("../img/discador.png") center center no-repeat;
  background-size: 40px 40px;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li .historial-tipo.historial-tipo-1 {
  background: var(--bg-menu) url("../img/saliente.png") center center no-repeat;
  background-size: 40px 40px;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li .historial-tipo.historial-tipo-2 {
  background: var(--bg-menu) url("../img/entrante.png") center center no-repeat;
  background-size: 40px 40px;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li .historial-tipo.historial-tipo-3 {
  background: var(--bg-menu) url("../img/interna.png") center center no-repeat;
  background-size: 40px 40px;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li .historial-data {
  width: -webkit-calc(100% - 45px);
  width: calc(100% - 45px);
  float: right;
  height: 45px;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li .historial-data .historial-numero {
  height: 26px;
  float: left;
  line-height: 20px;
  font-size: 1.3rem;
  width: 100%;
  text-align: left;
  padding-top: 6px;
  color: var(--text-label);
  font-weight: bold;
  padding-left: 1rem;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history .dalpadweb-call-list > ul ul li .historial-data .historial-fecha {
  float: left;
  font-size: 0.8rem;
  height: 19px;
  line-height: 1rem;
  width: 100%;
  text-align: right;
  color: var(--text-tip);
  padding-right: 10px;
}

.barraCTI .botonera > ul > li a:hover,
.barraCTI .botonera > ul > li a:focus,
.barraCTI .botonera > ul > li a:focus-within {
  color: var(--brand-main) !important;
  font-weight: bold;
}

.barraCTI .botonera > ul > li #dalpadweb-table-call-history:empty,
.barraCTI .botonera > ul > li #dalpadweb-function-list:empty {
  display: none !important;
}

.barraCTI .botonera > ul > li:not(.disabled):hover #dalpadweb-table-call-history,
.barraCTI .botonera > ul > li:not(.disabled):focus #dalpadweb-table-call-history,
.barraCTI .botonera > ul > li:not(.disabled):focus-within #dalpadweb-table-call-history,
.barraCTI .botonera > ul > li:not(.disabled):hover #dalpadweb-function-list,
.barraCTI .botonera > ul > li:not(.disabled):focus #dalpadweb-function-list,
.barraCTI .botonera > ul > li:not(.disabled):focus-within #dalpadweb-function-list {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.barraCTI .botonera > ul > .disabled > a {
  cursor: not-allowed;
  color: #bbb;
}

@media screen and (min-width: 992px) {
  .barraCTI .botonera button {
    width: 100%;
  }
}

.barraCTI .operaciones {
  font-size: 1.4em;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 992px) {
  .barraCTI .operaciones {
    float: left;
    width: 33.33333333%;
  }
}

.barraCTI .operaciones .icon-custom {
  font-size: 0.7em;
}

.barraCTI .operaciones .icon-custom sup {
  top: -1em;
}

.barraCTI .operaciones ul {
  padding: 0;
  list-style: none;
  margin: 0;
  overflow: visible;
}

@media screen and (min-width: 992px) {
  .barraCTI .operaciones ul {
    margin-top: 0;
  }
}

.barraCTI .operaciones ul > li {
  cursor: default;
  height: 40px;
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  padding: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.barraCTI .operaciones ul > li span {
  display: inline-block;
  background: var(--bg-cti-btn-disabled);
  width: 45px !important;
  height: 45px !important;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid var(--border-cti-btn);
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  opacity: 0.8;
}

.barraCTI.closed {
  -webkit-transform: translateX(-120%);
  -ms-transform: translateX(-120%);
  -o-transform: translateX(-120%);
  transform: translateX(-120%);
}

#cti-pauses-wrapper {
  height: 58px;
  position: absolute;
  top: 100%;
  right: 15px;
  overflow: hidden;
  -webkit-transition: height 0.5s, padding-bottom 0.5s;
  -o-transition: height 0.5s, padding-bottom 0.5s;
  transition: height 0.5s, padding-bottom 0.5s;
  width: 205px;
  z-index: 260;
}

#cti-pauses-wrapper.closed {
  height: 0;
}

#cti-pauses-selector {
  background: var(--bg-menu);
  padding: 6px 1rem;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  position: absolute;
  right: 5px;
  bottom: 14px;
  width: 200px;
}

#cti-pauses-selector form > div {
  position: relative;
  display: table;
  border-collapse: separate;
}

#cti-pauses-selector form > div > select {
  text-transform: none;
  margin: 0;
  font: inherit;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  margin-bottom: 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5) inset;
}

.cti-dialpad-wrapper {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  width: 306px;
  height: 332px;
  overflow: hidden;
  left: 50%;
  margin-left: -153px;
  z-index: 251;
  -webkit-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
}

.cti-dialpad-wrapper.closed {
  height: 0;
}

.cti-dialpad-wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .cti-dialpad-wrapper {
    top: 100%;
    z-index: 220;
  }
}

.cti-dialpad {
  background: var(--bg-menu);
  width: 300px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  position: absolute;
  bottom: 8px;
  left: 0;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
}

.cti-dialpad table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px;
  margin: 0;
  border: 1px solid var(--bg-general);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.cti-dialpad table input,
.cti-dialpad table button {
  width: 100%;
  height: 45px;
}

.cti-dialpad table td:not([colspan]) {
  width: 33.33333%;
  vertical-align: middle;
}

.cti-dialpad table #dalpadweb-dialpad-number-to-call {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  color: var(--text-label);
  font-size: 32px;
  padding: 23px 0;
  height: 78px;
  font-weight: bold;
  background: var(--bg-input);
}

.cti-dialpad table #dalpadweb-dialpad-number-to-call::-moz-selection {
  background: var(--bg-acc-hover);
}

.cti-dialpad table #dalpadweb-dialpad-number-to-call::selection {
  background: var(--bg-acc-hover);
}

.cti-dialpad table button,
.cti-dialpad table input[type="button"] {
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  cursor: pointer;
  font-size: 16px;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  font-weight: bold;
  padding: 0 0 0 2rem !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -moz-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  background: var(--bg-panel);
}

.cti-dialpad table button.especial,
.cti-dialpad table input[type="button"].especial {
  background: var(--brand-main);
  color: var(--bg-panel);
  padding: 0 !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.8;
}

.cti-dialpad table button.llamada,
.cti-dialpad table input[type="button"].llamada {
  background: var(--brand-accent-2);
  color: var(--bg-panel);
  padding: 0 !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.8;
}

.cti-dialpad table button.especial:hover,
.cti-dialpad table input[type="button"].especial:hover,
.cti-dialpad table button.llamada:hover,
.cti-dialpad table input[type="button"].llamada:hover {
  opacity: 1;
}

.cti-dialpad table button:hover:not(.llamada):not(.especial),
.cti-dialpad table input[type="button"]:hover:not(.llamada):not(.especial) {
  background: var(--bg-acc-hover);
}

.cti-dialpad table button b,
.cti-dialpad table input[type="button"] b {
  font-weight: normal;
  font-size: 2em;
}

.cti-dialpad table button sup,
.cti-dialpad table input[type="button"] sup {
  color: var(--text-main);
  text-transform: uppercase;
  font-size: 0.6em;
}

.cti-dialpad table button {
  color: var(--brand-main);
}

.cti-dialpad table tr:not(:last-child) button,
.cti-dialpad table tr:not(:last-child) input[type="button"] {
  text-align: left;
  padding-left: 38%;
}

.cti-icon {
  background: var(--bg-cti-btn-enabled) url('../img/barraCTI-sprite.png') no-repeat !important;
  width: 45px !important;
  height: 45px !important;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  opacity: 1 !important;
}

.cti-icon:hover:not(.disabled),
.cti-icon:active:not(.disabled),
.cti-icon.active {
  background-color: var(--bg-acc-hover) !important;
}

.operaciones .cti-icon {
  overflow: hidden;
  cursor: pointer;
}

.operaciones .cti-icon:hover.cti-contestar {
  background-position: 0px -88px !important;
}

.operaciones .cti-icon:hover.cti-padtelefonico {
  background-position: -43px -90px !important;
}

.operaciones .cti-icon:hover.cti-clave {
  background-position: -88px -89px !important;
}

.operaciones .cti-icon:hover.cti-cancelar {
  background-position: -133px -89px !important;
}

.operaciones .cti-icon:hover.cti-cerrar {
  background-position: -178px -89px !important;
}

.operaciones .cti-icon:hover.cti-chat {
  background-position: -223px -89px !important;
}

.operaciones .cti-icon:hover.cti-conferencia {
  background-position: -268px -88px !important;
}

.operaciones .cti-icon:hover.cti-consultar {
  background-position: -313px -89px !important;
}

.operaciones .cti-icon:hover.cti-cortar {
  background-position: -358px -98px !important;
}

.operaciones .cti-icon:hover.cti-cerrar-sesion {
  background-position: -403px -90px !important;
}

.operaciones .cti-icon:hover.cti-borrar {
  background-position: -448px -90px !important;
}

.operaciones .cti-icon:hover.cti-email {
  background-position: -493px -89px !important;
}

.operaciones .cti-icon:hover.cti-encuesta {
  background-position: -538px -90px !important;
}

.operaciones .cti-icon:hover.cti-grabar {
  background-position: -583px -89px !important;
}

.operaciones .cti-icon:hover.cti-libre {
  background-position: -627px -90px !important;
}

.operaciones .cti-icon:hover.cti-listo {
  background-position: -672px -90px !important;
}

.operaciones .cti-icon:hover.cti-descanso {
  background-position: -717px -90px !important;
}

.operaciones .cti-icon:hover.cti-entrante {
  background-position: -763px -89px !important;
}

.operaciones .cti-icon:hover.cti-pausas {
  background-position: -808px -91px !important;
}

.operaciones .cti-icon:hover.cti-retener {
  background-position: -853px -89px !important;
}

.operaciones .cti-icon:hover.cti-retomar {
  background-position: -898px -89px !important;
}

.operaciones .cti-icon:hover.cti-hablando {
  background-position: -942px -89px !important;
}

.operaciones .cti-icon:hover.cti-saliente {
  background-position: -988px -89px !important;
}

.operaciones .cti-icon:hover.cti-transferir {
  background-position: -1032px -89px !important;
}

.operaciones .cti-icon:hover.cti-marcar {
  background-position: -1077px -88px !important;
}

.operaciones .cti-icon:active[class^="cti-"] {
  cursor: default !important;
}

.operaciones .cti-icon:active.cti-contestar {
  background-position: 0px -88px !important;
}

.operaciones .cti-icon:active.cti-padtelefonico {
  background-position: -43px -90px !important;
}

.operaciones .cti-icon:active.cti-clave {
  background-position: -88px -89px !important;
}

.operaciones .cti-icon:active.cti-cancelar {
  background-position: -133px -89px !important;
}

.operaciones .cti-icon:active.cti-cerrar {
  background-position: -178px -89px !important;
}

.operaciones .cti-icon:active.cti-chat {
  background-position: -223px -89px !important;
}

.operaciones .cti-icon:active.cti-conferencia {
  background-position: -268px -88px !important;
}

.operaciones .cti-icon:active.cti-consultar {
  background-position: -313px -89px !important;
}

.operaciones .cti-icon:active.cti-cortar {
  background-position: -358px -98px !important;
}

.operaciones .cti-icon:active.cti-cerrar-sesion {
  background-position: -403px -90px !important;
}

.operaciones .cti-icon:active.cti-borrar {
  background-position: -448px -90px !important;
}

.operaciones .cti-icon:active.cti-email {
  background-position: -493px -89px !important;
}

.operaciones .cti-icon:active.cti-encuesta {
  background-position: -538px -90px !important;
}

.operaciones .cti-icon:active.cti-grabar {
  background-position: -583px -89px !important;
}

.operaciones .cti-icon:active.cti-libre {
  background-position: -627px -90px !important;
}

.operaciones .cti-icon:active.cti-listo {
  background-position: -672px -90px !important;
}

.operaciones .cti-icon:active.cti-descanso {
  background-position: -717px -90px !important;
}

.operaciones .cti-icon:active.cti-entrante {
  background-position: -763px -89px !important;
}

.operaciones .cti-icon:active.cti-pausas {
  background-position: -808px -91px !important;
}

.operaciones .cti-icon:active.cti-retener {
  background-position: -853px -89px !important;
}

.operaciones .cti-icon:active.cti-retomar {
  background-position: -898px -89px !important;
}

.operaciones .cti-icon:active.cti-hablando {
  background-position: -942px -89px !important;
}

.operaciones .cti-icon:active.cti-saliente {
  background-position: -988px -89px !important;
}

.operaciones .cti-icon:active.cti-transferir {
  background-position: -1032px -89px !important;
}

.operaciones .cti-icon:active.cti-marcar {
  background-position: -1077px -88px !important;
}

.operaciones .cti-icon[title=""],
.operaciones .cti-icon:not([title]) {
  cursor: default !important;
}

.operaciones .cti-icon.cti-contestar {
  background-position: 0px -43px !important;
}

.operaciones .cti-icon.cti-contestar.active {
  background-position: 0px -88px !important;
}

.operaciones .cti-icon.cti-contestar.disabled {
  background-position: 0px 2px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-padtelefonico {
  background-position: -43px -45px !important;
}

.operaciones .cti-icon.cti-padtelefonico.active {
  background-position: -43px -90px !important;
}

.operaciones .cti-icon.cti-padtelefonico.disabled {
  background-position: -43px 0px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-clave {
  background-position: -88px -44px !important;
}

.operaciones .cti-icon.cti-clave.active {
  background-position: -88px -89px !important;
}

.operaciones .cti-icon.cti-clave.disabled {
  background-position: -88px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-cancelar {
  background-position: -133px -44px !important;
}

.operaciones .cti-icon.cti-cancelar.active {
  background-position: -133px -89px !important;
}

.operaciones .cti-icon.cti-cancelar.disabled {
  background-position: -133px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-cerrar {
  background-position: -178px -44px !important;
}

.operaciones .cti-icon.cti-cerrar.active {
  background-position: -178px -89px !important;
}

.operaciones .cti-icon.cti-cerrar.disabled {
  background-position: -178px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-chat {
  background-position: -223px -44px !important;
}

.operaciones .cti-icon.cti-chat.active {
  background-position: -223px -89px !important;
}

.operaciones .cti-icon.cti-chat.disabled {
  background-position: -223px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-conferencia {
  background-position: -268px -43px !important;
}

.operaciones .cti-icon.cti-conferencia.active {
  background-position: -268px -88px !important;
}

.operaciones .cti-icon.cti-conferencia.disabled {
  background-position: -268px 2px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-consultar {
  background-position: -313px -44px !important;
}

.operaciones .cti-icon.cti-consultar.active {
  background-position: -313px -89px !important;
}

.operaciones .cti-icon.cti-consultar.disabled {
  background-position: -313px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-cortar {
  background-position: -358px -44px !important;
}

.operaciones .cti-icon.cti-cortar.active {
  background-position: -358px -98px !important;
}

.operaciones .cti-icon.cti-cortar.disabled {
  background-position: -358px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-cerrar-sesion {
  background-position: -403px -45px !important;
}

.operaciones .cti-icon.cti-cerrar-sesion.active {
  background-position: -403px -90px !important;
}

.operaciones .cti-icon.cti-cerrar-sesion.disabled {
  background-position: -403px 0px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-borrar {
  background-position: -448px -45px !important;
}

.operaciones .cti-icon.cti-borrar.active {
  background-position: -448px -90px !important;
}

.operaciones .cti-icon.cti-borrar.disabled {
  background-position: -448px 0px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-email {
  background-position: -493px -44px !important;
}

.operaciones .cti-icon.cti-email.active {
  background-position: -493px -89px !important;
}

.operaciones .cti-icon.cti-email.disabled {
  background-position: -493px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-encuesta {
  background-position: -538px -45px !important;
}

.operaciones .cti-icon.cti-encuesta.active {
  background-position: -538px -90px !important;
}

.operaciones .cti-icon.cti-encuesta.disabled {
  background-position: -538px 0px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-grabar {
  background-position: -583px -44px !important;
}

.operaciones .cti-icon.cti-grabar.active {
  background-position: -583px -89px !important;
}

.operaciones .cti-icon.cti-grabar.disabled {
  background-position: -583px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-libre {
  background-position: -627px -45px !important;
}

.operaciones .cti-icon.cti-libre.active {
  background-position: -627px -90px !important;
}

.operaciones .cti-icon.cti-libre.disabled {
  background-position: -627px 0px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-listo {
  background-position: -672px -45px !important;
}

.operaciones .cti-icon.cti-listo.active {
  background-position: -672px -90px !important;
}

.operaciones .cti-icon.cti-listo.disabled {
  background-position: -672px 0px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-descanso {
  background-position: -717px -45px !important;
}

.operaciones .cti-icon.cti-descanso.active {
  background-position: -717px -90px !important;
}

.operaciones .cti-icon.cti-descanso.disabled {
  background-position: -717px 0px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-entrante {
  background-position: -763px -44px !important;
}

.operaciones .cti-icon.cti-entrante.active {
  background-position: -763px -89px !important;
}

.operaciones .cti-icon.cti-entrante.disabled {
  background-position: -763px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-pausas {
  background-position: -808px -46px !important;
}

.operaciones .cti-icon.cti-pausas.active {
  background-position: -808px -91px !important;
}

.operaciones .cti-icon.cti-pausas.disabled {
  background-position: -808px -1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-retener {
  background-position: -853px -44px !important;
}

.operaciones .cti-icon.cti-retener.active {
  background-position: -853px -89px !important;
}

.operaciones .cti-icon.cti-retener.disabled {
  background-position: -853px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-retomar {
  background-position: -898px -44px !important;
}

.operaciones .cti-icon.cti-retomar.active {
  background-position: -898px -89px !important;
}

.operaciones .cti-icon.cti-retomar.disabled {
  background-position: -898px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-hablando {
  background-position: -942px -44px !important;
}

.operaciones .cti-icon.cti-hablando.active {
  background-position: -942px -89px !important;
}

.operaciones .cti-icon.cti-hablando.disabled {
  background-position: -942px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-saliente {
  background-position: -988px -44px !important;
}

.operaciones .cti-icon.cti-saliente.active {
  background-position: -988px -89px !important;
}

.operaciones .cti-icon.cti-saliente.disabled {
  background-position: -988px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-transferir {
  background-position: -1032px -44px !important;
}

.operaciones .cti-icon.cti-transferir.active {
  background-position: -1032px -89px !important;
}

.operaciones .cti-icon.cti-transferir.disabled {
  background-position: -1032px 1px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.cti-marcar {
  background-position: -1077px -43px !important;
}

.operaciones .cti-icon.cti-marcar.active {
  background-position: -1077px -88px !important;
}

.operaciones .cti-icon.cti-marcar.disabled {
  background-position: -1077px 2px !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: var(--bg-cti-btn-disabled) !important;
}

.operaciones .cti-icon.vibrate {
  -webkit-animation: shake 1.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -o-animation: shake 1.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shake 1.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}

.external-data-window {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Open Sans, sans-serif;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s !important;
  -o-transition: opacity 0.4s, -o-transform 0.4s !important;
  transition: opacity 0.4s, -ms-transform 0.4s !important;
  transition: opacity 0.4s, transform 0.4s !important;
  width: 270px;
  position: fixed;
  top: -webkit-calc(100% - 265px);
  top: calc(100% - 265px);
  left: 0;
  opacity: 1;
  z-index: 1040;
}

.external-data-window.moving {
  -webkit-transform: scale(0.85, 0.85);
  -ms-transform: scale(0.85, 0.85);
  -o-transform: scale(0.85, 0.85);
  transform: scale(0.85, 0.85);
  opacity: 0.2;
}

.external-data-window * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

.external-data-window.closed .external-body-wrapper {
  height: 0 !important;
}

.external-data-window.closed .external-min-max::before,
.external-data-window.closed .external-min-max:before {
  content: "▼" !important;
}

.external-data-window.oculto {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  opacity: 0;
}

.external-data-window .external-window-helper {
  cursor: pointer;
  cursor: grab;
  -webkit-border-radius: 17.5px;
  border-radius: 17.5px;
  height: 35px;
  background: #2cc2f0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2cc2f0), color-stop(49%, #1b82b9), color-stop(50%, #115a81), color-stop(100%, #1d7eab));
  background: -webkit-linear-gradient(top, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%);
  background: -o-linear-gradient(top, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%);
  background: -ms-linear-gradient(top, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%);
  background: linear-gradient(to bottom, #2cc2f0 0%, #1b82b9 49%, #115a81 50%, #1d7eab 100%);
  -webkit-box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  border: 3px solid #115a81;
}

.external-data-window .external-window-helper:active {
  cursor: move;
  cursor: grabbing;
}

.external-data-window .external-window-helper h2 {
  margin: 0;
  height: 29px;
  color: #eee;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9) !important;
  line-height: 29px;
  padding: 0 0 0 15px;
  font-size: 12px;
}

.external-data-window .external-window-helper h2 .external-header-text {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.external-data-window .external-window-helper .external-close,
.external-data-window .external-window-helper .external-min-max {
  float: right;
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.6);
  width: 29px;
  height: 29px;
  line-height: 29px;
  cursor: pointer !important;
}

.external-data-window .external-window-helper .external-close:hover,
.external-data-window .external-window-helper .external-min-max:hover {
  background: rgba(0, 0, 0, 0.4);
  color: rgba(255, 255, 255, 0.9);
}

.external-data-window .external-window-helper .external-close {
  font-size: 20px;
  padding: 0 8px;
  -webkit-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
}

.external-data-window .external-window-helper .external-min-max {
  border-right: 2px solid #115a81;
  border-left: 2px solid #115a81;
  font-size: 14px;
  padding: 0 5px;
}

.external-data-window .external-window-helper .external-min-max::before,
.external-data-window .external-window-helper .external-min-max:before {
  content: "▲";
}

.external-data-window .external-body-wrapper {
  height: 230px;
  width: 245px;
  position: absolute;
  top: 100%;
  left: 12.5px;
  overflow: hidden;
}

.external-data-window .external-body-wrapper .external-body {
  background: #b5bdc8;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 189, 200, 0.7)), color-stop(36%, rgba(130, 140, 149, 0.7)), color-stop(100%, rgba(40, 52, 59, 0.7))), url("../img/textura-header.png");
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png");
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png");
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png");
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png");
  /* W3C */
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  position: absolute;
  bottom: 8px;
  left: 0;
  margin: 0 5px;
  width: 235px;
  height: 222px;
  padding: 12px;
}

.external-data-window .external-body-wrapper .external-body .external-list {
  list-style: none;
  margin-bottom: 12px;
  padding: 0;
  height: 198px;
  background: rgba(0, 0, 0, 0.7);
  overflow-y: auto;
  overflow-x: hidden;
}

.external-data-window .external-body-wrapper .external-body .external-list li {
  overflow: auto;
}

.external-data-window .external-body-wrapper .external-body .external-list li:nth-child(odd) {
  background: rgba(0, 0, 0, 0.3);
}

.external-data-window .external-body-wrapper .external-body .external-list li.vacio {
  text-align: center;
  color: #00cc44;
  font-weight: bold;
}

.external-data-window .external-body-wrapper .external-body .external-list li span {
  font-size: 11px;
  min-height: 18px;
  line-height: 18px;
}

.external-data-window .external-body-wrapper .external-body .external-list li span::-moz-selection {
  background: #00c1cd;
  color: #333;
}

.external-data-window .external-body-wrapper .external-body .external-list li span::selection {
  background: #00c1cd;
  color: #333;
}

.external-data-window .external-body-wrapper .external-body .external-list li span:nth-child(1) {
  text-align: left;
  font-weight: bold;
  color: #00c1cd;
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 5px;
  min-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
}

.external-data-window .external-body-wrapper .external-body .external-list li span:nth-child(1):not([title=""]) {
  cursor: help !important;
}

.external-data-window .external-body-wrapper .external-body .external-list li span:nth-child(2) {
  text-align: right;
  color: #eee;
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 18px;
  padding: 5px;
  word-break: break-all;
}

.barraCTI button {
  line-height: normal !important;
  padding-top: 0 !important;
  padding-bottom: 0!important;
}

@media screen and (max-width: 991px) {
  .cti-dialpad tr:not(:first-child) {
    display: none !important;
  }
}

.dalpadweb-badge {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 1.3rem;
  line-height: 1rem;
  text-align: center;
  font-weight: bold;
  width: 1.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: left;
  margin-right: 6px;
  margin-top: 5px;
}

/****************************
 * Paneles Gestor de Contactos
 ****************************/

/* Define la altura con y sin BarraCTI */

#adminPanels {
  height: 100%;
  /* Para móviles */
  padding-top: 1rem;
  overflow: hidden;
}

@media screen and (min-width: 992px) {
  #adminPanels {
    height: -webkit-calc(-98px + 100%);
    height: calc(-98px + 100%);
    /* Los paneles en tamaño desktop dan espacio a la barra CTI*/
  }
}

.grilla-resultados {
  height: 100% !important;
}

/* Define el contenedor de los paneles (está dentro de #adminPanels) */

#detail {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 0;
  height: -webkit-calc(100% - 344.35px);
  height: calc(100% - 344.35px);
}

@media (min-width: 992px) {
  #detail {
    float: left;
    width: 75%;
  }
}

@media (min-width: 992px) {
  #detail {
    left: 25%;
  }
}

#detail #panelAgentStats .panel-body {
  background: var(--bg-acc-mod);
}

#detail #panelAgentStats .stats-agent-data-scores {
  padding: 0.5rem;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid var(--bg-general);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: var(--bg-menu);
  max-width: 190px;
  height: 160px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-data .agent-name {
  margin: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.2em;
  color: var(--brand-main-active);
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-data img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
  background: #f5f5f5;
  border: 1px solid var(--bg-general);
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-data p {
  text-align: center;
  font-size: 1rem;
  margin: 0;
  font-weight: bold;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  border: 1px solid var(--bg-general);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: var(--bg-menu);
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores > div {
  width: 160px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores > div h3 {
  margin: 0;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.2em;
  color: var(--brand-main-active);
  padding-bottom: 1rem;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores > div .productivity-score {
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  position: relative;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores > div .productivity-score::after {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 7rem;
  text-rendering: auto;
  content: '\f006';
  position: absolute;
  opacity: 0.5;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores > div .productivity-score.score-no {
  color: #ce4040;
  background: #ffc1c2;
  border: 1px solid;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores > div .productivity-score.score-low {
  background: #ffc4a8;
  color: #bb6942;
  border: 1px solid;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores > div .productivity-score.score-medium {
  background: #ffe29e;
  color: #cca74e;
  border: 1px solid;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores > div .productivity-score.score-high {
  background: #e1ffa0;
  color: #94bd38;
  border: 1px solid;
}

#detail #panelAgentStats .stats-agent-data-scores .stats-agent-scores > div .productivity-score.score-max {
  background: #c5ffaa;
  color: #56b929;
  border: 1px solid;
}

#detail #panelAgentStats .stats-calls-states {
  padding: 0 0.5rem 0.5rem 0.5rem;
}

#detail #panelAgentStats .stats-calls-states h3 {
  margin: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.2em;
  color: var(--brand-main-active);
}

#detail #panelAgentStats .stats-calls-states .stats-calls {
  padding: 1rem;
  border: 1px solid var(--bg-general);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: var(--bg-menu);
}

#detail #panelAgentStats .stats-calls-states .stats-calls .calls-pie-chart {
  height: 400px;
}

#detail #panelAgentStats .stats-calls-states .stats-time-use {
  padding: 1rem;
  border: 1px solid var(--bg-general);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: var(--bg-menu);
}

#detail #panelAgentStats .stats-calls-states .stats-time-use .time-horizontal-bar-chart {
  height: 400px;
}

@media screen and (max-width: 767px) {
  #detail #panelAgentStats .stats-agent-data,
  #detail #panelAgentStats .stats-calls {
    margin-bottom: 1rem;
  }
}

@media screen and (min-width: 768px) {
  #detail #panelAgentStats .panel-body .stats-agent-data-scores {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  #detail #panelAgentStats .panel-body .stats-agent-data-scores .stats-agent-data {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  #detail #panelAgentStats .panel-body .stats-agent-data-scores .stats-agent-scores {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -moz-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #detail #panelAgentStats .panel-body .stats-calls-states {
    height: -webkit-calc(100% - 174px);
    height: calc(100% - 174px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  #detail #panelAgentStats .panel-body .stats-calls-states .stats-calls {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  #detail #panelAgentStats .panel-body .stats-calls-states .stats-calls .calls-pie-chart {
    height: -webkit-calc(100% - 14.8px);
    height: calc(100% - 14.8px);
  }

  #detail #panelAgentStats .panel-body .stats-calls-states .stats-time-use {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }

  #detail #panelAgentStats .panel-body .stats-calls-states .stats-time-use .time-horizontal-bar-chart {
    height: -webkit-calc(100% - 14.8px);
    height: calc(100% - 14.8px);
  }
}

#detail #bienvenida h3 {
  text-align: center;
  font-size: 1.5em;
  line-height: 1;
}

#detail #bienvenida p {
  margin-top: 1em;
  padding: 0.5em 0;
  text-align: center;
  font-size: 1em;
}

#detail #bienvenida .info-bienvenida {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 4%;
}

@media (min-width: 992px) {
  #detail #bienvenida .info-bienvenida {
    float: left;
    width: 66.66666667%;
  }
}

#detail #bienvenida .imagen-bienvenida {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: center;
  padding-top: 50px;
}

@media (min-width: 992px) {
  #detail #bienvenida .imagen-bienvenida {
    float: left;
    width: 33.33333333%;
  }
}

#detail #bienvenida .imagen-bienvenida img {
  width: 40%;
}

@media screen and (min-width: 768px) {
  #detail #bienvenida .imagen-bienvenida {
    padding-top: 100px;
  }
}

@media screen and (min-width: 992px) {
  #detail #bienvenida .imagen-bienvenida {
    padding: 0;
    height: 100%;
  }

  #detail #bienvenida .imagen-bienvenida img {
    margin-top: 2.5rem;
    width: 60%;
  }
}

@media screen and (min-width: 992px) {
  #detail #bienvenida h3 {
    font-size: 3rem;
  }

  #detail #bienvenida p {
    font-size: 1.3rem;
    margin-top: 0.5rem;
    padding: 1rem 2rem;
  }
}

@media screen and (min-width: 992px) {
  #detail {
    padding: 0 0 0 15px !important;
    overflow: visible;
    height: 100%;
  }
}

.panel-gestor {
  height: 100%;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
  margin-bottom: 0 !important;
  background: var(--bg-01);
  overflow: visible !important;
  border-width: 0 0 0 1px;
  background: var(--bg-panel);
}

.panel-gestor [id^="fichax__"],
.panel-gestor [id^="contieneContacto__"] {
  height: 100%;
}

.panel-gestor.panel-config {
  margin-top: 1.5rem;
  height: -webkit-calc(100% - 1.5rem);
  height: calc(100% - 1.5rem);
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
}

.panel-gestor .panel-heading:not(.note-toolbar) {
  z-index: 200;
  position: relative;
  height: 3rem;
  border: none;
  background: transparent;
  padding: 0 4px;
  color: var(--text-main);
}

.panel-gestor .panel-heading:not(.note-toolbar) h2 {
  cursor: default;
  position: relative;
  padding: 0 1rem 0 1rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  color: var(--brand-main);
  border-bottom: 1px solid var(--bg-general);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 3rem;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 5px;
  font-weight: bold;
  white-space: nowrap;
}

.panel-gestor .panel-heading:not(.note-toolbar) h2.has-corner-button {
  padding-right: 90px;
}

.panel-gestor .panel-heading:not(.note-toolbar) h2.has-corner-download {
  padding-right: 145px;
}

.panel-gestor .panel-heading:not(.note-toolbar) h2 .dato-header {
  color: var(--text-menu);
}

.panel-gestor .panel-heading:not(.note-toolbar) h2 .label-header {
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .panel-gestor .panel-heading:not(.note-toolbar) h2 {
    white-space: nowrap;
    display: block !important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.panel-gestor .panel-heading:not(.note-toolbar) h2 > span:first-child {
  width: auto;
  font-size: 1.4rem;
  line-height: 3rem;
  height: 100%;
  padding-right: 4px;
}

.panel-gestor .panel-heading:not(.note-toolbar) h2 > span:last-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: -webkit-calc(100% - 25px);
  width: calc(100% - 25px);
  line-height: 3rem;
  height: 100%;
}

.panel-gestor .panel-heading:not(.note-toolbar) .btn-descarga {
  position: absolute;
  right: 0;
  top: -3px;
}

.panel-gestor .panel-heading:not(.note-toolbar) [id^="minimenu_"] {
  position: absolute;
  top: -3px;
  right: 0;
}

.panel-gestor form.doble-col .form-group {
  margin-left: 0;
  margin-right: 0;
}



.panel-gestor .card-container {
  position: relative;
}

.panel-gestor .toggle-categorizacion-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  left: 0;
  z-index: 100;
}

.panel-gestor .toggle-categorizacion-container .toggle-categorizacion-button {
  -webkit-border-radius: 50% 50% 0 0;
  border-radius: 50% 50% 0 0;
  border: 1px solid var(--bg-general);
  background: var(--bg-menu);
  width: 50px;
  height: 25px;
  color: var(--text-menu);
  padding: 0;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  border-bottom: none;
  position: absolute;
  bottom: -1px;
  left: -webkit-calc(50% - 25px);
  left: calc(50% - 25px);
}

.panel-gestor .toggle-categorizacion-container .toggle-categorizacion-button:hover,
.panel-gestor .toggle-categorizacion-container .toggle-categorizacion-button:active,
.panel-gestor .toggle-categorizacion-container .toggle-categorizacion-button.active {
  color: var(--brand-main);
  cursor: pointer;
}

.panel-gestor .toggle-categorizacion-container .toggle-categorizacion-button[disabled] {
  text-shadow: none !important;
  color: var(--btn-sec-border) !important;
  background: var(--bg-cti) !important;
  cursor: not-allowed !important;
  border-color: var(--bg-general) !important;
}

.panel-gestor .panel-body {
  height: -webkit-calc(-40px + 100%);
  height: calc(-40px + 100%);
  overflow-y: auto;
  overflow-x: hidden;
  background: transparent;
  position: relative;
}

.panel-gestor .panel-body form {
  overflow: visible;
}

.panel-gestor .panel-body form hr {
  float: left;
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
  margin: 5px 15px 15px 15px;
}

.panel-gestor.panel-gestor-ajustado .panel-body {
  padding: 0 !important;
}

.panel-gestor .panel-footer {
  height: 0;
  overflow: hidden;
  background: var(--bg-menu);
  color: var(--text-main);
  position: relative;
  padding: 0 15px;
  border-top: 1px solid var(--bg-general);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 12px;
}

.panel-gestor .panel-footer > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.panel-gestor .panel-footer .cat-operations {
  margin-bottom: 0 !important;
  clear: both;
  height: 45px;
  padding: 10px 0 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.panel-gestor .panel-footer .cat-operations > button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.con-minifooter.con-formcombinado .panel-body {
  height: -webkit-calc(-69px + 100%);
  height: calc(-69px + 100%);
  -webkit-border-radius: 0;
  border-radius: 0;
}

.con-minifooter.con-formcombinado .panel-footer {
  height: 63px !important;
  padding: 10px 15px;
}

.con-minifooter.con-formcombinado .forms-container {
  height: -webkit-calc(100% - 35px) !important;
  height: calc(100% - 35px) !important;
}

.con-minifooter .panel-body {
  height: -webkit-calc(-104px + 100%);
  height: calc(-104px + 100%);
  -webkit-border-radius: 0;
  border-radius: 0;
}

.con-minifooter .panel-footer {
  height: 63px !important;
  padding: 10px 15px;
}

.con-superfooter .panel-body {
  height: -webkit-calc(100% - 190px) !important;
  height: calc(100% - 190px) !important;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.con-superfooter .panel-footer {
  height: 149px !important;
  overflow: auto;
  padding: 10px 15px;
}

.con-superfooter .panel-footer textarea {
  height: 74px;
  max-height: 74px;
  min-height: 74px;
  overflow-y: auto;
}

@media screen and (min-width: 768px) {
  .con-superfooter .panel-footer {
    overflow: hidden;
  }
}

.con-superfooter .toggle-categorizacion-container {
  bottom: 146px !important;
}

.con-superfooter .toggle-categorizacion-container .toggle-categorizacion-button {
  color: var(--brand-main);
}

.con-superfooter .foot-option {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

#wrapper.sin-barra #barraCTI {
  display: none !important;
}

#wrapper.sin-barra #encabezado {
  -webkit-box-shadow: var(--shadow-bottom);
  box-shadow: var(--shadow-bottom);
}

#wrapper.sin-barra #adminPanels {
  padding-top: 1.5rem;
}

@media screen and (min-width: 992px) {
  #wrapper.sin-barra #adminPanels {
    height: 100% !important;
  }
}

#wrapper.sin-barra .marcador-ficha:hover {
  cursor: not-allowed !important;
  background: var(--bg-disabled) !important;
  border-color: var(--bg-disabled) !important;
  opacity: 0.6;
}

#wrapper.sin-barra .marcador-ficha:hover span:first-child,
#wrapper.sin-barra .marcador-ficha:hover glyphicon:first-child {
  color: var(--text-tip) !important;
}

#wrapper.sin-barra #openBarra {
  display: none !important;
}

.llamadas-deshabilitadas .marcador-ficha:hover {
  cursor: not-allowed !important;
  background: var(--bg-disabled) !important;
  border-color: var(--bg-disabled) !important;
  opacity: 0.6;
}

.llamadas-deshabilitadas .marcador-ficha:hover span:first-child,
.llamadas-deshabilitadas .marcador-ficha:hover glyphicon:first-child {
  color: var(--text-tip) !important;
}

#detail > .panel {
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
}

#detail .panel-body form:last-child {
  overflow: visible;
  margin-bottom: 26px;
}

#detail .panel-body form:last-child::after {
  content: "\00a0";
  height: 0;
  width: 0;
  display: block;
  clear: both;
}

.panel-info {
  margin: 0;
  overflow: auto;
  line-height: 1.5rem;
  padding: 2px 20px 4px;
  color: var(--text-menu);
  position: relative;
  border-bottom: 1px solid var(--bg-general);
}

.panel-info p {
  margin: 0 !important;
}

.panel-info .form-content {
  color: #555 !important;
  text-shadow: none !important;
}

.panel-info .form-group {
  padding: 0;
}

.panel-subtitle {
  display: table;
  width: -webkit-calc(100% + 30px);
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

.panel-subtitle h3 {
  line-height: 2.5rem;
  font-size: 1.2rem;
  color: var(--brand-main-active);
  white-space: nowrap;
  display: table-cell;
  text-overflow: ellipsis;
  max-width: 100px;
  overflow: hidden;
  padding-left: 8px;
  padding: 0 1.4rem;
  border-bottom: 1px solid var(--bg-general);
}

.panel-subtitle h3 > .fa:first-child,
.panel-subtitle h3 > .glyphicon:first-child {
  padding-right: 4px;
}

.panel-subtitle:not(:first-child) h3 {
  border-top: 1px solid var(--bg-general);
}

.panel-subtitle-body {
  padding-top: 1rem;
}

.panel-subtitle-body ul.cog-item-list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}

.panel-subtitle-body ul.cog-item-list li a {
  display: block;
  text-decoration: none;
  padding: 0.5rem 1.4rem;
  background: var(--bg-panel);
  border-bottom: 1px solid var(--bg-general);
  color: var(--text-label);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.panel-subtitle-body ul.cog-item-list li a > .fa:first-child,
.panel-subtitle-body ul.cog-item-list li a > .glyphicon:first-child {
  padding-right: 4px;
}

.panel-subtitle-body ul.cog-item-list li a.has-changes::before {
  content: '*';
  position: absolute;
  color: #cea500;
  top: 2px;
  right: 8px;
  font-size: 18px;
  font-weight: bold;
}

.panel-subtitle-body ul.cog-item-list li a:hover {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
}

.panel-subtitle-body ul.cog-item-list li a.active {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
  font-weight: bold;
  border-left: 4px solid;
}

.panel-subtitle-body ul.cog-item-list li a.disabled {
  color: var(--text-placeholder) !important;
  background: inherit !important;
  cursor: not-allowed;
}

.panel-subtitle-body.with-list {
  padding: 0 !important;
}

.photo {
  display: none;
}

.icono {
  display: inline;
}

.has-photo .photo {
  display: inline-block !important;
}

.has-photo .icono {
  display: none !important;
}

.user-photo {
  height: 29.25px;
  width: 29.25px;
  display: inline-block;
  text-align: center;
  background: #f5f5f5;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  color: #eee;
  line-height: 28.25px;
  border: 1px solid var(--text-placeholder);
}

.user-photo .photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.user-photo .icono {
  font-size: 1.2em !important;
  padding: 0;
  padding-right: 0px;
  vertical-align: middle;
  margin-top: -2px;
  display: inline-block;
}

.modal-body .panel-gestor .panel-body {
  background-size: 70px auto, 70px auto !important;
}

.panel {
  margin-bottom: 0;
  background: var(--bg-panel);
}

.tickets-panel .panel-body {
  overflow: hidden;
}

/****************************
 * Acordeón Gestor de Contactos
 ****************************/

@-webkit-keyframes shaker {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@-o-keyframes shaker {
  10%, 90% {
    -o-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -o-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -o-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -o-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shaker {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    -ms-transform: translate3d(-1px, 0, 0);
    -o-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    -ms-transform: translate3d(2px, 0, 0);
    -o-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    -ms-transform: translate3d(-4px, 0, 0);
    -o-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    -ms-transform: translate3d(4px, 0, 0);
    -o-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@-webkit-keyframes blink {
  from {
    background-color: var(--success-bg);
  }

  to {
    background-color: #b5fbc7;
  }
}

@-o-keyframes blink {
  from {
    background-color: var(--success-bg);
  }

  to {
    background-color: #b5fbc7;
  }
}

@keyframes blink {
  from {
    background-color: var(--success-bg);
  }

  to {
    background-color: #b5fbc7;
  }
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 13px;
  text-align: center;
  white-space: nowrap;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-right: -4px;
  position: relative;
  width: 33px;
  height: 18px;
  color: var(--brand-main) !important;
  background-color: var(--bg-badge) !important;
}

.badge span {
  -webkit-transition: all 0.4s !important;
  -o-transition: all 0.4s !important;
  transition: all 0.4s !important;
  position: absolute;
  z-index: 200;
  -webkit-transform-origin: 4px 6px 0px;
  -ms-transform-origin: 4px 6px 0px;
  -o-transform-origin: 4px 6px 0px;
  transform-origin: 4px 6px 0px;
  top: 14%;
  left: 50%;
  width: 32px;
  height: 12px;
  text-align: center;
  margin-left: -16px;
}

.badge span.updating {
  font-size: 3em;
  width: 88px;
  height: 36px;
  margin-top: -13px;
  margin-left: -44px;
}

.badge.shake {
  -webkit-animation: shaker 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -o-animation: shaker 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: shaker 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}

#summary {
  background: var(--bg-panel);
  border: 1px solid var(--bg-cti);
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  padding: 0 !important;
  padding-left: 0px;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border: none;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 992px) {
  #summary {
    float: left;
    width: 25%;
  }
}

@media (min-width: 992px) {
  #summary {
    right: 75%;
  }
}

@media screen and (min-width: 992px) {
  #summary {
    height: 100% !important;
    padding-left: 0 !important;
  }
}

#summary #accordion,
#summary #accordion-mini {
  height: 100%;
  margin-bottom: 0 !important;
  padding-top: 1rem;
}

#summary #accordion .openApp,
#summary #accordion-mini .openApp {
  padding-right: 2rem !important;
}

#summary #accordion .openApp .contadorExternalApp,
#summary #accordion-mini .openApp .contadorExternalApp {
  position: absolute;
  right: 10px;
}

#summary #accordion .extapp-state,
#summary #accordion-mini .extapp-state {
  position: absolute;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  left: 29px;
  bottom: 7px;
  border: 1px solid;
}

#summary #accordion .extapp-state.con-state,
#summary #accordion-mini .extapp-state.con-state {
  background: #50db45;
}

#summary #accordion .extapp-state.desc-state,
#summary #accordion-mini .extapp-state.desc-state {
  background: #ca4646;
}

#summary #accordion .extapp-state.desc-loading-state,
#summary #accordion-mini .extapp-state.desc-loading-state {
  background: #dbb545;
}

#summary #accordion .panel,
#summary #accordion-mini .panel {
  margin-top: 0;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent;
}

#summary #accordion .panel .panel-body,
#summary #accordion-mini .panel .panel-body {
  padding: 0;
  border: none;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--bg-acc-mod);
  border-bottom: 1px solid var(--bg-general);
}

#summary #accordion .panel .panel-body h3,
#summary #accordion-mini .panel .panel-body h3 {
  padding: 0 15px;
  margin: 0;
  font-size: 0.7rem;
  text-align: left;
  line-height: 2rem;
  color: var(--text-label);
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: 1px solid var(--bg-general);
  border-bottom: 1px solid var(--bg-general);
}

#summary #accordion .panel .panel-body ul,
#summary #accordion-mini .panel .panel-body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#summary #accordion .panel .panel-body ul li,
#summary #accordion-mini .panel .panel-body ul li {
  display: table;
  width: 100%;
  border-top: 1px solid var(--bg-general);
}

#summary #accordion .panel .panel-body ul li:empty,
#summary #accordion-mini .panel .panel-body ul li:empty {
  border-top: none !important;
}

#summary #accordion .panel .panel-body ul li:first-child,
#summary #accordion-mini .panel .panel-body ul li:first-child {
  border-top: none;
}

#summary #accordion .panel .panel-body ul li a,
#summary #accordion-mini .panel .panel-body ul li a {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 50px;
  overflow: hidden;
}

#summary #accordion .panel .panel-body ul li ul,
#summary #accordion-mini .panel .panel-body ul li ul {
  display: table-row;
}

#summary #accordion .panel .panel-body ul li ul a,
#summary #accordion-mini .panel .panel-body ul li ul a {
  padding-left: 2.3em !important;
}

#summary #accordion .panel .panel-body ul li ul a::before,
#summary #accordion-mini .panel .panel-body ul li ul a::before {
  content: "└";
}

#summary #accordion .panel .panel-body ul:not(#consolaDeContactos) a.disabled,
#summary #accordion-mini .panel .panel-body ul:not(#consolaDeContactos) a.disabled {
  cursor: not-allowed !important;
}

#summary #accordion .panel .panel-body ul.module-list li,
#summary #accordion-mini .panel .panel-body ul.module-list li {
  display: table;
  width: 100%;
}

#summary #accordion .panel .panel-body ul.module-list li [data-badge],
#summary #accordion-mini .panel .panel-body ul.module-list li [data-badge] {
  position: relative;
}

#summary #accordion .panel .panel-body ul.module-list li [data-badge]::after,
#summary #accordion-mini .panel .panel-body ul.module-list li [data-badge]::after {
  content: attr(data-badge);
  line-height: 11px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #d43105;
  position: absolute;
  text-align: center;
  color: #eee;
  font-size: 8px;
  font-weight: bold;
  top: -5px;
  right: -5px;
}

#summary #accordion .panel .panel-body ul.module-list li a,
#summary #accordion-mini .panel .panel-body ul.module-list li a {
  border-top: 1px solid var(--bg-general);
}

#summary #accordion .panel .panel-body ul.module-list li:last-child a,
#summary #accordion-mini .panel .panel-body ul.module-list li:last-child a {
  border-bottom: 1px solid var(--bg-general) !important;
}

#summary #accordion .panel .panel-body ul.module-list li a:first-child,
#summary #accordion-mini .panel .panel-body ul.module-list li a:first-child {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 70px;
  overflow: hidden;
  position: relative;
}

#summary #accordion .panel .panel-body ul.module-list li a:first-child .change-feedback,
#summary #accordion-mini .panel .panel-body ul.module-list li a:first-child .change-feedback {
  display: none;
  font-size: 10px;
  top: 4px;
  left: 20px;
  position: absolute;
  color: #d88820;
}

#summary #accordion .panel .panel-body ul.module-list li a:first-child.has-changes .change-feedback,
#summary #accordion-mini .panel .panel-body ul.module-list li a:first-child.has-changes .change-feedback {
  display: inline-block;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-email-date,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-email-date {
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-size: 0.7em;
  color: var(--text-main);
  width: 45px;
  cursor: default;
  border: 1px solid var(--bg-general);
  border-top: none;
  border-bottom: none;
  display: none;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-email-date time,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-email-date time {
  line-height: 13px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-email-date time span:first-child,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-email-date time span:first-child {
  font-weight: bold;
  text-transform: uppercase;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-email-date time span:last-child,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-email-date time span:last-child {
  font-size: 11px;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-email-detail,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-email-detail {
  line-height: 12px;
  vertical-align: middle;
  text-decoration: none;
  color: var(--text-tip);
  background: transparent;
  cursor: default;
  border-top: none;
  display: none;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-email-detail span:first-child,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-email-detail span:first-child {
  font-size: 0.8em;
  padding: 0 5px;
  font-weight: bold;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-email-detail span:last-child,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-email-detail span:last-child {
  font-size: 0.7em;
  padding-left: 5px;
  color: var(--text-placeholder);
}

#summary #accordion .panel .panel-body ul.module-list li a.timer-tool,
#summary #accordion-mini .panel .panel-body ul.module-list li a.timer-tool {
  color: #f5f5f5 !important;
  text-decoration: none !important;
  display: table-cell;
  text-align: center;
  background: var(--brand-main);
  padding: 0 5px;
  cursor: default;
  font-size: 0.9em;
  width: 44px !important;
  line-height: 2.1em;
  max-width: 100px !important;
}

#summary #accordion .panel .panel-body ul.module-list li.waiting a.timer-tool,
#summary #accordion-mini .panel .panel-body ul.module-list li.waiting a.timer-tool {
  color: var(--warning-fg) !important;
  background: var(--warning-bg) !important;
}

#summary #accordion .panel .panel-body ul.module-list li.waiting a.item-tool.fa-sign-out,
#summary #accordion-mini .panel .panel-body ul.module-list li.waiting a.item-tool.fa-sign-out,
#summary #accordion .panel .panel-body ul.module-list li.waiting a.item-tool.fa-times-circle,
#summary #accordion-mini .panel .panel-body ul.module-list li.waiting a.item-tool.fa-times-circle,
#summary #accordion .panel .panel-body ul.module-list li.waiting a.item-tool.fa-lock,
#summary #accordion-mini .panel .panel-body ul.module-list li.waiting a.item-tool.fa-lock {
  display: none !important;
}

#summary #accordion .panel .panel-body ul.module-list li.online a.timer-tool,
#summary #accordion-mini .panel .panel-body ul.module-list li.online a.timer-tool {
  color: var(--success-fg) !important;
  background: var(--success-bg) !important;
}

#summary #accordion .panel .panel-body ul.module-list li.offline a.timer-tool,
#summary #accordion-mini .panel .panel-body ul.module-list li.offline a.timer-tool {
  color: #a1a7b0 !important;
  background: #fff !important;
}

#summary #accordion .panel .panel-body ul.module-list li.online a.item-tool.fa-check-circle,
#summary #accordion-mini .panel .panel-body ul.module-list li.online a.item-tool.fa-check-circle,
#summary #accordion .panel .panel-body ul.module-list li.offline a.item-tool.fa-check-circle,
#summary #accordion-mini .panel .panel-body ul.module-list li.offline a.item-tool.fa-check-circle,
#summary #accordion .panel .panel-body ul.module-list li.online a.item-tool.fa-ban,
#summary #accordion-mini .panel .panel-body ul.module-list li.online a.item-tool.fa-ban,
#summary #accordion .panel .panel-body ul.module-list li.offline a.item-tool.fa-ban,
#summary #accordion-mini .panel .panel-body ul.module-list li.offline a.item-tool.fa-ban {
  display: none !important;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-tool,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool {
  color: var(--text-main);
  text-decoration: none !important;
  display: none;
  text-align: center;
  padding: 0 5px;
  cursor: pointer;
  font-size: 1rem;
  width: 25px !important;
  line-height: 2rem;
  vertical-align: middle;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-tool:last-child,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool:last-child {
  padding-right: 10px;
}

#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-primary:hover,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-primary:hover,
#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-primary.active,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-primary.active {
  color: var(--brand-main-active);
}

#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-success:hover,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-success:hover,
#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-success.active,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-success.active {
  color: var(--brand-main-active);
}

#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-warning:hover,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-warning:hover,
#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-warning.active,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-warning.active {
  color: var(--brand-main-active);
}

#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-danger:hover,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-danger:hover,
#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-danger.active,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-danger.active {
  color: var(--brand-main-active);
}

#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-info:hover,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-info:hover,
#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-info.active,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-info.active {
  color: var(--brand-main-active);
}

#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-primary.disabled,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-primary.disabled,
#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-success.disabled,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-success.disabled,
#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-warning.disabled,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-warning.disabled,
#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-danger.disabled,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-danger.disabled,
#summary #accordion .panel .panel-body ul.module-list li a.item-tool.tool-info.disabled,
#summary #accordion-mini .panel .panel-body ul.module-list li a.item-tool.tool-info.disabled {
  color: var(--text-placeholder) !important;
  text-shadow: none !important;
  cursor: not-allowed !important;
}

#summary #accordion .panel .panel-body ul.module-list li:hover a.item-tool,
#summary #accordion-mini .panel .panel-body ul.module-list li:hover a.item-tool {
  display: table-cell;
}

#summary #accordion .panel .panel-body ul a:first-child,
#summary #accordion-mini .panel .panel-body ul a:first-child {
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: 2.5rem;
  color: var(--text-main);
  text-decoration: none;
  padding-right: 0.8rem;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#summary #accordion .panel .panel-body ul a:first-child:hover,
#summary #accordion-mini .panel .panel-body ul a:first-child:hover,
#summary #accordion .panel .panel-body ul a:first-child:focus,
#summary #accordion-mini .panel .panel-body ul a:first-child:focus {
  color: var(--brand-main);
}

#summary #accordion .panel .panel-body ul a:first-child.disabled,
#summary #accordion-mini .panel .panel-body ul a:first-child.disabled {
  background: transparent !important;
  color: var(--text-menu) !important;
}

#summary #accordion .panel .panel-body ul .resaltado,
#summary #accordion-mini .panel .panel-body ul .resaltado {
  color: var(--brand-main-active) !important;
  background: var(--bg-acc-hover);
  font-weight: bold;
}

#summary #accordion .panel .panel-body ul .resaltado ~ .item-tool,
#summary #accordion-mini .panel .panel-body ul .resaltado ~ .item-tool {
  background: var(--bg-acc-hover);
  display: table-cell !important;
}

#summary #accordion .panel .panel-body ul li.incall a:first-child,
#summary #accordion-mini .panel .panel-body ul li.incall a:first-child {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  background-color: var(--success-bg);
  color: var(--success-fg) !important;
  -webkit-animation-name: blink;
  -o-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

#summary #accordion .panel .panel-body ul li.incall .item-tool,
#summary #accordion-mini .panel .panel-body ul li.incall .item-tool {
  background-color: var(--success-bg);
  -webkit-animation-name: blink;
  -o-animation-name: blink;
  animation-name: blink;
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-direction: alternate;
  -o-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

#summary #accordion .panel .panel-body ul li.incall .item-tool.active,
#summary #accordion-mini .panel .panel-body ul li.incall .item-tool.active,
#summary #accordion .panel .panel-body ul li.incall .item-tool:hover,
#summary #accordion-mini .panel .panel-body ul li.incall .item-tool:hover {
  color: var(--success-fg) !important;
}

#summary #accordion .panel .panel-heading,
#summary #accordion-mini .panel .panel-heading {
  padding: 0;
  color: var(--text-main);
  background: var(--bg-panel);
}

#summary #accordion .panel .panel-heading .fa,
#summary #accordion-mini .panel .panel-heading .fa,
#summary #accordion .panel .panel-heading .glyphicon,
#summary #accordion-mini .panel .panel-heading .glyphicon {
  font-size: 1.4rem;
}

#summary #accordion .panel .panel-heading h4,
#summary #accordion-mini .panel .panel-heading h4 {
  font-size: 1.2em;
}

#summary #accordion .panel .panel-heading a,
#summary #accordion-mini .panel .panel-heading a {
  padding: 6px 15px;
  text-decoration: none !important;
  display: block;
  line-height: 1.7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#summary #accordion .panel .panel-heading a:not(.collapsed),
#summary #accordion-mini .panel .panel-heading a:not(.collapsed),
#summary #accordion .panel .panel-heading a:hover,
#summary #accordion-mini .panel .panel-heading a:hover {
  color: var(--brand-main) !important;
}

#summary #accordion .panel .panel-heading a:hover,
#summary #accordion-mini .panel .panel-heading a:hover {
  background: var(--bg-acc-hover);
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

#summary #accordion .panel.disabled .panel-heading,
#summary #accordion-mini .panel.disabled .panel-heading {
  opacity: 0.8;
  background: var(--bg-panel) !important;
  color: var(--text-menu) !important;
}

#summary #accordion .panel.disabled .panel-heading *,
#summary #accordion-mini .panel.disabled .panel-heading * {
  cursor: not-allowed;
  background: transparent !important;
  color: var(--text-menu) !important;
}

#summary #accordion .panel.disabled .panel-body,
#summary #accordion-mini .panel.disabled .panel-body {
  display: none !important;
}

#summary #accordion .panel .fa,
#summary #accordion-mini .panel .fa,
#summary #accordion .panel .glyphicon,
#summary #accordion-mini .panel .glyphicon {
  padding-right: 8px;
}

#summary #accordion .panel .panel-body .fa,
#summary #accordion-mini .panel .panel-body .fa,
#summary #accordion .panel .panel-body .glyphicon,
#summary #accordion-mini .panel .panel-body .glyphicon {
  padding-right: 2px;
}

#cambiaEstado {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: -20px;
  width: 25px;
  height: 25px;
  color: #eee;
  cursor: pointer;
  z-index: 200;
  background: var(--brand-accent-2);
  text-align: center;
  line-height: 24px;
}

#cambiaEstado:hover {
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}

#accordion-mini {
  display: none;
}

@media screen and (max-width: 991px) {
  #adminPanels #summary {
    position: fixed;
    top: 125px;
    left: 0;
    z-index: 201;
    width: 250px;
    height: -webkit-calc(100% - 145px);
    height: calc(100% - 145px);
  }

  #adminPanels #summary #accordion {
    display: block;
  }

  #adminPanels #summary #accordion-mini {
    display: none;
  }

  #adminPanels.minified #summary {
    position: fixed;
    width: 50px;
  }

  #adminPanels.minified #summary .panel-title {
    position: relative;
  }

  #adminPanels.minified #summary .panel-title .badge {
    position: absolute;
    opacity: 0.7;
    right: 2px;
    top: -6px;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }

  #adminPanels.minified #summary #accordion {
    display: none;
  }

  #adminPanels.minified #summary #accordion-mini {
    display: block;
  }

  #adminPanels #detail {
    padding-left: 50px !important;
    height: 100%;
  }
}

@media screen and (min-width: 992px) {
  #adminPanels #summary {
    position: relative !important;
    top: 0;
  }

  #adminPanels #summary #accordion {
    display: block !important;
  }

  #adminPanels #summary #accordion-mini {
    display: none !important;
  }

  #adminPanels #detail {
    height: 100%;
  }

  #adminPanels.minified #summary {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }

  #adminPanels.minified #summary #accordion {
    display: none !important;
  }

  #adminPanels.minified #summary #accordion-mini {
    display: block !important;
  }

  #adminPanels.minified #detail {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  #adminPanels.minified #summary {
    float: left;
    width: 8.33333333%;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  #adminPanels.minified #summary {
    right: 91.66666667%;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  #adminPanels.minified #detail {
    float: left;
    width: 91.66666667%;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  #adminPanels.minified #detail {
    left: 8.33333333%;
  }
}

#summary .panel:not(.disabled) .panel-title .collapsed .fa-group {
  color: #3da3dd;
}

#summary .panel:not(.disabled) .panel-title .collapsed .fa-comments {
  color: #ee9e6e;
}

#summary .panel:not(.disabled) .panel-title .collapsed .fa-facebook-official {
  color: #457cce;
}

#summary .panel:not(.disabled) .panel-title .collapsed .fa-instagram {
  color: #e482d4;
}

#summary .panel:not(.disabled) .panel-title .collapsed .fa-twitter-square {
  color: #64ddff;
}

#summary .panel:not(.disabled) .panel-title .collapsed .fa-whatsapp {
  color: #3fbf4a;
}

#summary .panel:not(.disabled) .panel-title .collapsed .fa-envelope {
  color: #eaee68;
}

#summary .panel:not(.disabled) .panel-title .collapsed .fa-cubes {
  color: #2fcab2;
}

/****************************
 * Pantalla Conf Campos Generales
 ****************************/

.conf-camp-gral-grilla {
  height: 100%;
}

.conf-camp-gral-grilla > header {
  padding-top: 0.8rem;
}

.conf-camp-gral-grilla .campos-contacto-grilla {
  border-top: 1px solid var(--bg-general);
  margin: 0 !important;
  border-bottom: 1px solid var(--bg-general);
  height: -webkit-calc(100% - 327.3px);
  height: calc(100% - 327.3px);
}

.conf-camp-gral-grilla > footer .campos-contacto-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.conf-camp-gral-grilla > footer .campos-contacto-actions > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 768px) {
  .conf-camp-gral-grilla > header {
    padding-top: 1.3rem;
  }

  .conf-camp-gral-grilla .campos-contacto-grilla {
    height: -webkit-calc(100% - 147.1px) !important;
    height: calc(100% - 147.1px) !important;
  }

  .conf-camp-gral-grilla > footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    padding: 0.8rem 1rem;
  }

  .conf-camp-gral-grilla > footer .form-group {
    padding: 0;
  }

  .conf-camp-gral-grilla > footer > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .conf-camp-gral-grilla > footer .campos-contacto-actions {
    height: 100%;
  }
}

#confCamposCampana .preferencia-campos-filtros-operaciones {
  padding: 1rem 1rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#confCamposCampana .preferencia-campos-filtros-operaciones .btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

#confCamposCampana .preferencia-campos-filtros-operaciones .btn-group > button#agregar-campo {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (min-width: 768px) {
  #confCamposCampana .preferencia-campos-filtros-operaciones {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #confCamposCampana .preferencia-campos-filtros-operaciones > div {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }

  #confCamposCampana .preferencia-campos-filtros-operaciones > div:last-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

#confCamposCampana .preferencia-campos-grilla {
  border-top: 1px solid var(--bg-general);
  height: -webkit-calc(-252px + 100%);
  height: calc(-252px + 100%);
}

@media screen and (min-width: 768px) {
  #confCamposCampana .preferencia-campos-grilla {
    height: -webkit-calc(-94px + 100%);
    height: calc(-94px + 100%);
  }
}

#confGrupoDeContactos #seccionHerramientas form {
  padding: 1rem 1rem 0;
  border-bottom: 1px solid var(--bg-general);
}

#confGrupoDeContactos #seccionHerramientas form .group-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#confGrupoDeContactos #seccionHerramientas form .group-actions > button {
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -moz-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

@media screen and (min-width: 768px) {
  #confGrupoDeContactos #seccionGrillas {
    height: -webkit-calc(100% - 205.6px);
    height: calc(100% - 205.6px);
  }
}

#confGrupoDeContactos #seccionGrillas #grillas {
  height: -webkit-calc(100% - 36px);
  height: calc(100% - 36px);
}

@media screen and (min-width: 768px) {
  #confGrupoDeContactos #seccionGrillas #grillas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 992px) {
  #confGrupoDeContactos #seccionGrillas #grillas {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

#confGrupoDeContactos #seccionGrillas #grillas #grillaPrincipal,
#confGrupoDeContactos #seccionGrillas #grillas #grillaTareas,
#confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos {
  position: relative !important;
  height: 500px;
}

#confGrupoDeContactos #seccionGrillas #grillas #grillaPrincipal th:last-child,
#confGrupoDeContactos #seccionGrillas #grillas #grillaTareas th:last-child,
#confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos th:last-child {
  max-width: 220px !important;
}

#confGrupoDeContactos #seccionGrillas #grillas #grillaPrincipal .sorting_disabled,
#confGrupoDeContactos #seccionGrillas #grillas #grillaTareas .sorting_disabled,
#confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos .sorting_disabled {
  text-align: center !important;
}

#confGrupoDeContactos #seccionGrillas #grillas #grillaPrincipal .btn-group,
#confGrupoDeContactos #seccionGrillas #grillas #grillaTareas .btn-group,
#confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos .btn-group {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#confGrupoDeContactos #seccionGrillas #grillas #grillaPrincipal .btn-group button,
#confGrupoDeContactos #seccionGrillas #grillas #grillaTareas .btn-group button,
#confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos .btn-group button {
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -moz-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

@media screen and (min-width: 768px) {
  #confGrupoDeContactos #seccionGrillas #grillas #grillaPrincipal,
  #confGrupoDeContactos #seccionGrillas #grillas #grillaTareas,
  #confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos {
    height: 50%;
  }
}

@media screen and (min-width: 992px) {
  #confGrupoDeContactos #seccionGrillas #grillas #grillaPrincipal,
  #confGrupoDeContactos #seccionGrillas #grillas #grillaTareas,
  #confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos {
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  #confGrupoDeContactos #seccionGrillas #grillas #grillaPrincipal {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  #confGrupoDeContactos #seccionGrillas #grillas #grillaPrincipal {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 45%;
    border-left: 1px solid var(--bg-general);
    border-right: 1px solid var(--bg-general);
  }
}

#confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos .texto-largo {
  max-width: 120px !important;
}

@media screen and (min-width: 768px) {
  #confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50%;
    border-right: 1px solid var(--bg-general);
    border-top: 1px solid var(--bg-general);
  }
}

@media screen and (min-width: 992px) {
  #confGrupoDeContactos #seccionGrillas #grillas #grillaGrupos {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 30%;
    border-top: none;
    border-right: none;
  }
}

#confGrupoDeContactos #seccionGrillas #grillas #grillaTareas .texto-largo {
  max-width: 120px !important;
}

@media screen and (min-width: 768px) {
  #confGrupoDeContactos #seccionGrillas #grillas #grillaTareas {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 50%;
    border-top: 1px solid var(--bg-general);
  }
}

@media screen and (min-width: 992px) {
  #confGrupoDeContactos #seccionGrillas #grillas #grillaTareas {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 25%;
    border-top: none;
  }
}

#altaResultadoCount,
#altaAjaxcall,
#modificarAjaxcall,
#modificarResultadoCount {
  padding: 1rem 1rem 0;
  margin: 0;
}

.query-builder .rules-group-container {
  border: 1px solid var(--bg-general);
  background: var(--bg-acc-mod);
}

.query-builder .group-actions {
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.query-builder .group-actions .btn {
  padding: 0.5rem 1rem;
}

.query-builder .group-conditions .btn {
  padding: 0.5rem;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.query-builder .rule-container,
.query-builder .rule-placeholder {
  border-color: var(--bg-general);
  background: var(--bg-menu);
}

.query-builder .rules-list > ::after,
.query-builder .rules-list > ::before {
  border-color: var(--bg-general);
}

.query-builder .rule-value-container {
  border-left: none;
  padding-left: 0;
}

.query-builder .rule-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.query-builder .rule-container .error-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  padding: 0 0.5rem;
}

.query-builder .rule-container .form-control {
  width: 100%;
}

.query-builder .rule-container > * {
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -moz-box-flex: auto;
  -ms-flex: auto;
  flex: auto;
  width: auto;
  margin: 0;
}

.query-builder .rule-container > .rule-header {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.query-builder .rule-container > .rule-header > .btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.query-builder .rule-container > .rule-header > .btn-group > button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 30px;
}

.grupos-historial-aclaracion {
  padding: 0.5rem 1rem;
  margin: 0;
}

.grupos-historial-aclaracion .alert {
  margin: 0;
}

.grupos-grilla-ver-contactos {
  height: 300px;
}

.grupos-grilla-historial {
  height: 233px;
}

#panelRespuestasTareas .frm-addfilter-answers {
  padding: 1rem 1rem 0;
  border-bottom: 1px solid var(--bg-general);
}

@media screen and (min-width: 768px) {
  #panelRespuestasTareas .frm-addfilter-answers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  #panelRespuestasTareas .frm-addfilter-answers > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

#panelRespuestasTareas .answer-table-container {
  position: relative;
  height: -webkit-calc(100% - 146.5px);
  height: calc(100% - 146.5px);
}

#panelRespuestasTareas .answer-table-container .texto-respuesta {
  white-space: nowrap;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
}

#panelRespuestasTareas .answer-table-container .preview-text {
  cursor: help;
}

#panelRespuestasTareas .answer-table-container .dataTables_paginate {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

@media screen and (min-width: 768px) {
  #panelRespuestasTareas .answer-table-container {
    height: -webkit-calc(100% - 91px);
    height: calc(100% - 91px);
  }
}

#panelConfigChatEntrePerfiles form,
#panelReplicaContactos form,
#panelAsignacionPermisosPerfil form,
#panelAsignacionUsuariosClientes form {
  height: 100%;
}

#panelConfigChatEntrePerfiles .module-check-list,
#panelReplicaContactos .module-check-list,
#panelAsignacionPermisosPerfil .module-check-list,
#panelAsignacionUsuariosClientes .module-check-list {
  height: -webkit-calc(100% - 185.35px);
  height: calc(100% - 185.35px);
}

#panelConfigChatEntrePerfiles footer > input,
#panelReplicaContactos footer > input,
#panelAsignacionPermisosPerfil footer > input,
#panelAsignacionUsuariosClientes footer > input {
  padding: 0 1rem;
}

#panelAsignacionPerfilesUsuarios .conf-perfuser-form {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#panelAsignacionPerfilesUsuarios .conf-perfuser-lista-1,
#panelAsignacionPerfilesUsuarios .conf-perfuser-lista-2 {
  height: 47%;
}

#panelAsignacionPerfilesUsuarios .conf-perfuser-lista-1 .module-check-list,
#panelAsignacionPerfilesUsuarios .conf-perfuser-lista-2 .module-check-list {
  height: -webkit-calc(100% - 170.6px);
  height: calc(100% - 170.6px);
}

#panelAsignacionPerfilesUsuarios .conf-perfuser-operaciones {
  height: 6%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.5rem;
  gap: 0.5rem;
  border-top: 1px solid var(--bg-general);
  border-bottom: 1px solid var(--bg-general);
  background: var(--bg-menu);
}

#panelAsignacionPerfilesUsuarios .conf-perfuser-operaciones > button .fa {
  padding: 0 !important;
}

@media screen and (min-width: 768px) {
  #panelAsignacionPerfilesUsuarios .conf-perfuser-form {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  #panelAsignacionPerfilesUsuarios .conf-perfuser-form .conf-perfuser-lista-1,
  #panelAsignacionPerfilesUsuarios .conf-perfuser-form .conf-perfuser-lista-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
  }

  #panelAsignacionPerfilesUsuarios .conf-perfuser-form .conf-perfuser-operaciones {
    height: 100%;
    width: 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid var(--bg-general);
    border-right: 1px solid var(--bg-general);
  }
}

#encabezado > h1,
#loginBox,
#encabezado,
#menuGestor,
#openMenu,
#openBarra,
#seccionPrincipal {
  opacity: 1;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#encabezado > h1.oculto {
  -webkit-transform: translateX(-100%) !important;
  -ms-transform: translateX(-100%) !important;
  -o-transform: translateX(-100%) !important;
  transform: translateX(-100%) !important;
  opacity: 0;
}

#loginBox.oculto,
#menuGestor.oculto {
  -webkit-transform: translateX(100%) !important;
  -ms-transform: translateX(100%) !important;
  -o-transform: translateX(100%) !important;
  transform: translateX(100%) !important;
  opacity: 0;
}

#encabezado.oculto {
  opacity: 0;
  margin-top: -77px !important;
}

#openMenu.oculto,
#openBarra.oculto,
#seccionPrincipal.oculto {
  opacity: 0;
}

#seccionPrincipal.oculto {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

#adminPanels.oculto {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
}

#sessionFeedback.oculto {
  display: none;
}

@media screen and (min-width: 768px) {
  #abmPerfiles .panel-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  #abmPerfiles .perfiles-filtros {
    width: 25%;
    border-right: 1px solid var(--bg-general);
  }

  #abmPerfiles .perfiles-filtros form {
    height: -webkit-calc(100% - 79.15px);
    height: calc(100% - 79.15px);
  }
}

#abmPerfiles .perfiles-grilla #grillaPrincipal {
  height: 450px;
}

@media screen and (min-width: 768px) {
  #abmPerfiles .perfiles-grilla {
    width: 75%;
  }

  #abmPerfiles .perfiles-grilla #grillaPrincipal {
    height: -webkit-calc(100% - 36px);
    height: calc(100% - 36px);
  }
}

@media screen and (min-width: 768px) {
  #verImportaciones .panel-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
  #verImportaciones #filtrosImportaciones {
    -webkit-box-flex: 30%;
    -webkit-flex: 30%;
    -moz-box-flex: 30%;
    -ms-flex: 30%;
    flex: 30%;
    border-right: 1px solid var(--bg-general);
  }
}

#verImportaciones #listadoImportaciones {
  height: 500px;
}

@media screen and (min-width: 768px) {
  #verImportaciones #listadoImportaciones {
    height: 100%;
    width: 70%;
  }
}

#verImportaciones #grillaImportaciones {
  height: -webkit-calc(100% - 36px);
  height: calc(100% - 36px);
}

#importacion .help-block {
  color: var(--text-tip);
}

#importacion form {
  padding: 0;
}

@media screen and (min-width: 992px) {
  #importacion form#frmCargarArchivo {
    padding-top: 2rem;
  }
}

#importacion .btn-importaciones-programadas {
  position: absolute;
  top: 0;
  right: 0;
}

#importacion #wizardImportacion {
  height: 100%;
}

#importacion #wizardImportacion #wizard {
  margin-top: 0;
  height: 100%;
}

#importacion #encabezadosAsociacion > div {
  line-height: 1.1rem;
  padding-bottom: 1.5rem;
}

#importacion #importacionViewList {
  display: none;
}

@media screen and (min-width: 992px) {
  #importacion #importacionViewList {
    height: 100%;
  }
}

#importacion #grillaAsociados {
  height: 310px;
  margin-bottom: 25px;
}



#importacion #frmAfterUpload {
  counter-reset: columna;
}

#importacion #frmAfterUpload .form-group {
  counter-increment: columna;
}

#importacion #frmAfterUpload .form-group .counter:before,
#importacion #frmAfterUpload .form-group .counter::before {
  content: counter(columna);
}

#modalResumenImportacion .asociation-data > div {
  padding: 0.5rem 1rem;
}

#modalResumenImportacion .contenido-subtitulo:last-child {
  padding-bottom: 1rem;
}

#modalResumenImportacion #frmDetalleAsociacion {
  width: 100%;
  display: table;
}

#encabezadosAsociacionResumen > div {
  padding-bottom: 1rem;
  line-height: 1rem;
}

#encabezadosAsociacionResumen > div:nth-child(2) {
  width: 180px;
}

#encabezadosAsociacionResumen > div:nth-child(3),
#encabezadosAsociacionResumen > div:nth-child(4) {
  width: 90px;
}

optgroup:empty {
  visibility: hidden;
  display: none;
}

.multi-select-container {
  display: inline-block;
  position: relative;
}

.multi-select-menu {
  position: absolute;
  left: 0;
  top: 0.8em;
  z-index: 9;
  float: left;
  min-width: 100%;
  background: #fff;
  margin: 1em 0;
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: none;
}

.multi-select-menuitem {
  display: block;
  font-size: 0.875em;
  padding: 0.6em 1em 0.6em 30px;
  white-space: nowrap;
}

.multi-select-menuitem--titled:before {
  display: block;
  font-weight: bold;
  content: attr(data-group-title);
  margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
  display: block;
  font-weight: bold;
  content: attr(data-group-title);
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.multi-select-menuitem + .multi-select-menuitem {
  padding-top: 0;
}

.multi-select-presets {
  border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
  position: absolute;
  margin-top: 0.25em;
  margin-left: -20px;
}

.multi-select-button {
  display: inline-block;
  font-size: 0.875em;
  padding: 0.2em 0.6em;
  max-width: 16em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #fff;
  border: 1px solid #aaa;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  cursor: default;
}

.multi-select-button:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.4em 0 0.4em;
  border-color: #999 transparent transparent transparent;
  margin-left: 0.4em;
  vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu {
  display: block;
}

.multi-select-container--open .multi-select-button:after {
  border-width: 0 0.4em 0.4em 0.4em;
  border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
  /* Avoid border/padding on menu messing with JavaScript width calculation */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
  /* Allow labels to line wrap when menu is artificially narrowed */
  white-space: normal;
}

/**
 *  Hoja de Estilos para el historial de eventos de contacto
 */

.historial {
  height: 100% !important;
}

.historial .datepicker + .form-control-feedback {
  top: 20px !important;
  right: 0 !important;
}

.historial .historial-filtros-generales {
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--bg-general);
}

.historial .historial-filtros-generales > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.historial .historial-filtros-generales .input-group-addon {
  padding-left: 0;
  padding-right: 0;
}

.historial .historial-filtros-generales .form-group {
  padding: 0;
}

.historial .historial-filtros-generales .form-group:last-child {
  max-width: 45px;
}

@media screen and (max-width: 767px) {
  .historial .historial-filtros-generales {
    padding: 0.5rem 1rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .historial .historial-filtros-generales > * {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;
  }

  .historial .historial-filtros-generales .form-group:last-child {
    max-width: 100%;
  }

  .historial .historial-filtros-generales .form-group:last-child > button {
    width: 100%;
  }
}

.historial .historial-principal {
  margin-left: -15px;
  margin-right: -15px;
  height: -webkit-calc(100% - 92px);
  height: calc(100% - 92px);
}

@media screen and (min-width: 992px) {
  .historial .historial-principal {
    height: -webkit-calc(100% - 45px) !important;
    height: calc(100% - 45px) !important;
  }
}

.historial .historial-principal .historial-filtro-fecha {
  overflow-y: auto;
  border-right: 1px solid var(--bg-general);
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .historial .historial-principal .historial-filtro-fecha {
    float: left;
    width: 25%;
  }
}

.historial .historial-principal .historial-filtro-fecha > .form-group:first-child {
  padding-top: 1rem;
}

.historial .historial-principal .historial-filtro-fecha > .form-group .btn-group {
  width: 100%;
}

.historial .historial-principal .historial-filtro-fecha > .form-group .btn-group .btn-gestor {
  width: 50%;
}

@media screen and (min-width: 768px) {
  .historial .historial-principal .historial-filtro-fecha {
    height: 100%;
  }

  .historial .historial-principal .historial-filtro-fecha .form-group {
    padding-left: 0;
    padding-right: 0;
  }
}

.historial .historial-principal .historial-filtro-fecha input[type=radio] {
  top: 9px;
}

.historial .historial-principal .historial-filtro-fecha .fa-info-circle {
  padding-left: 4px;
  color: var(--brand-main);
  cursor: help;
}

.historial .historial-principal .historial-filtro-fecha .rangos .form-group {
  margin-bottom: 0;
}

.historial .historial-principal .historial-registros {
  height: 480px;
  padding: 0 !important;
  background: var(--bg-acc-mod);
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  border-right: 1px solid var(--bg-general);
}

@media (min-width: 768px) {
  .historial .historial-principal .historial-registros {
    float: left;
    width: 75%;
  }
}

@media (min-width: 992px) {
  .historial .historial-principal .historial-registros {
    float: left;
    width: 33.33333333%;
  }
}

@media screen and (min-width: 768px) {
  .historial .historial-principal .historial-registros {
    height: 50%;
  }
}

@media screen and (min-width: 992px) {
  .historial .historial-principal .historial-registros {
    height: 100% !important;
  }
}

.historial .historial-principal .historial-registros .historial-tabla-completa {
  height: 100% !important;
  display: none;
}

.historial .historial-principal .historial-registros .historial-tabla-completa .dataTables_wrapper .table-container {
  border: none !important;
  background: transparent !important;
}

.historial .historial-principal .historial-registros .historial-tabla-completa .dataTables_paginate {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.historial .historial-principal .historial-registros .historial-table-placeholder {
  display: none;
  color: var(--text-tip);
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  margin-top: -43px;
  padding: 0 25px;
}

.historial .historial-principal .historial-registros .historial-table-placeholder .glyphicon {
  font-size: 3em;
  margin-bottom: 15px;
}

.historial .historial-principal .historial-registros .historial-table {
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  height: -webkit-calc(100% - 37.73333px);
  height: calc(100% - 37.73333px);
  overflow-y: auto;
}

@media screen and (min-width: 992px) {
  .historial .historial-principal .historial-registros .historial-table {
    overflow: hidden;
  }

  .historial .historial-principal .historial-registros .historial-table:hover {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.historial .historial-principal .historial-registros .historial-footer-minitabla {
  background: var(--bg-panel);
  height: 40.9833px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid var(--bg-general);
}

.historial .historial-principal .historial-registros.empty .historial-table,
.historial .historial-principal .historial-registros.loading .historial-table,
.historial .historial-principal .historial-registros.empty .historial-tabla-completa,
.historial .historial-principal .historial-registros.loading .historial-tabla-completa {
  opacity: 0 !important;
  pointer-events: none !important;
}

.historial .historial-principal .historial-registros.empty .historial-table-placeholder {
  display: block !important;
}

.historial .historial-principal .historial-registros ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--bg-panel);
}

.historial .historial-principal .historial-registros ul li:not(:last-child) {
  border-bottom: 1px solid var(--bg-general);
}

.historial .historial-principal .historial-registros .dia {
  line-height: 2.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  color: var(--text-label);
  border-bottom: 1px solid var(--bg-general);
  border-top: 1px solid;
  font-weight: bold;
  background: var(--bg-menu);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
}

.historial .historial-principal .historial-registros .dia:hover {
  color: var(--brand-main);
  text-decoration: none;
  background: var(--bg-acc-hover);
}

.historial .historial-principal .historial-registros .dia:active,
.historial .historial-principal .historial-registros .dia.active {
  color: var(--brand-main-active);
}

.historial .historial-principal .historial-registros .dia.disabled {
  cursor: not-allowed !important;
  opacity: 0.8;
}

.historial .historial-principal .historial-registros .dia .fa {
  margin-right: 5px;
}

.historial .historial-principal .historial-registros .dia .fa-plus-square {
  display: none;
}

.historial .historial-principal .historial-registros .dia .fa-minus-square {
  display: inline;
}

.historial .historial-principal .historial-registros .dia.collapsed .fa-plus-square {
  display: inline !important;
}

.historial .historial-principal .historial-registros .dia.collapsed .fa-minus-square {
  display: none !important;
}

.historial .historial-principal .historial-registros .evento {
  width: 100%;
}

.historial .historial-principal .historial-registros .evento .evento-padre {
  display: table;
  width: 100%;
  line-height: 2em;
}

.historial .historial-principal .historial-registros .evento .hora {
  display: table-cell;
  width: 60px;
  text-align: right;
  color: var(--text-label);
  font-weight: bold;
  font-size: 0.85rem;
  padding-right: 0.4rem;
}

.historial .historial-principal .historial-registros .evento .toggle-asociados {
  width: 20px;
  display: table-cell;
  text-align: center;
  cursor: default;
  border: 1px solid var(--bg-general);
  font-size: 0.8rem;
  border-top: none;
  border-bottom: none;
  display: none;
}

.historial .historial-principal .historial-registros .evento .toggle-asociados .fa-th-list,
.historial .historial-principal .historial-registros .evento .toggle-asociados .fa-minus {
  display: none;
}

.historial .historial-principal .historial-registros .evento .descripcion {
  display: table-cell;
  background: var(--bg-menu);
  padding: 0 0.5rem;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100px;
  text-overflow: ellipsis;
  font-size: 0.9rem;
  border-left: 1px solid var(--bg-general);
}

.historial .historial-principal .historial-registros .evento .descripcion:hover {
  background: var(--bg-acc-hover) !important;
  color: var(--brand-main) !important;
}

.historial .historial-principal .historial-registros .evento .descripcion.selected {
  background: var(--bg-acc-hover) !important;
  color: var(--brand-main-active) !important;
  font-weight: bold;
}

.historial .historial-principal .historial-registros .evento .evento-padre.tiene-asociados-1 {
  border-bottom: 1px solid var(--bg-general);
}

.historial .historial-principal .historial-registros .evento .evento-padre.tiene-asociados-1 .toggle-asociados {
  display: table-cell;
  background: var(--brand-main);
  cursor: pointer !important;
}

.historial .historial-principal .historial-registros .evento .evento-padre.tiene-asociados-1 .toggle-asociados .fa-th-list {
  display: none !important;
}

.historial .historial-principal .historial-registros .evento .evento-padre.tiene-asociados-1 .toggle-asociados .fa-minus {
  -webkit-transform: rotate(2turn);
  -ms-transform: rotate(2turn);
  -o-transform: rotate(2turn);
  transform: rotate(2turn);
  color: #eee !important;
  display: inline !important;
}



.historial .historial-principal .historial-registros .evento .evento-padre.tiene-asociados-1 .toggle-asociados.collapsed .fa-th-list {
  -webkit-transform: rotate(2turn);
  -ms-transform: rotate(2turn);
  -o-transform: rotate(2turn);
  transform: rotate(2turn);
  color: #eee !important;
  display: inline !important;
}

.historial .historial-principal .historial-registros .evento .evento-padre.tiene-asociados-1 .toggle-asociados.collapsed .fa-minus {
  display: none !important;
}

.historial .historial-principal .historial-registros .evento .anidado {
  display: table;
  width: 100%;
  line-height: 2em;
}

.historial .historial-principal .historial-registros .evento .anidado .indicador-anidamiento {
  display: table-cell;
  width: 80px;
  font-size: 27px;
  line-height: 24px;
  overflow: visible;
  text-align: right;
  vertical-align: middle;
}

.historial .historial-principal .historial-registros .evento .anidado .indicador-anidamiento::after {
  content: "├";
  color: var(--brand-main);
}

.historial .historial-principal .historial-registros .evento .anidado:last-child > .indicador-anidamiento::after {
  content: "└" !important;
}

.historial .historial-principal .colapsador {
  position: absolute;
  bottom: 4px;
  left: 5px;
  z-index: 100;
  display: inline-block;
}

.historial .historial-principal .colapsador > .btn-gestor {
  padding: 4px 8px 5px;
}

.historial .historial-principal .colapsador button:first-child > span:first-child {
  display: inline-block;
}

.historial .historial-principal .colapsador button:first-child > span:last-child {
  display: none;
}

.historial .historial-principal .colapsador button.colapsado:first-child > span:first-child {
  display: none !important;
}

.historial .historial-principal .colapsador button.colapsado:first-child > span:last-child {
  display: inline-block !important;
}

@media screen and (min-width: 768px) {
  .historial .historial-principal.tabla-maximizada .historial-registros {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .historial .historial-principal.tabla-maximizada .historial-ficha-evento {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .historial .historial-principal.tabla-maximizada .historial-filtro-fecha {
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: -2px !important;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .historial .historial-principal.tabla-maximizada .historial-registros {
    float: left;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (min-width: 992px) {
  .historial .historial-principal.tabla-maximizada .historial-registros {
    float: left;
    width: 50%;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .historial .historial-principal.tabla-maximizada .historial-ficha-evento {
    float: left;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (min-width: 992px) {
  .historial .historial-principal.tabla-maximizada .historial-ficha-evento {
    float: left;
    width: 50%;
  }
}



.historial .historial-principal.general-mode .historial-tabla-completa {
  opacity: 1 !important;
  display: block !important;
}

.historial .historial-principal.general-mode .invertidor-orden-detalle {
  display: none !important;
}

.historial .historial-principal.general-mode .historial-registros {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .historial .historial-principal.general-mode .historial-registros {
    float: left;
    width: 75%;
  }
}

@media (min-width: 992px) {
  .historial .historial-principal.general-mode .historial-registros {
    float: left;
    width: 75%;
  }
}

@media screen and (min-width: 992px) {
  .historial .historial-principal.general-mode .historial-registros {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 992px) and (min-width: 768px) {
  .historial .historial-principal.general-mode .historial-registros {
    float: left;
    width: 50%;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .historial .historial-principal.general-mode .historial-registros {
    float: left;
    width: 75%;
  }
}

.historial .historial-principal.general-mode .historial-registros .historial-table {
  display: none !important;
}

.historial .historial-principal.general-mode .historial-registros .historial-tabla-completa {
  display: block !important;
}

@media screen and (min-width: 992px) {
  .historial .historial-principal.general-mode .historial-ficha-evento {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .historial .historial-principal.general-mode.tabla-maximizada .historial-registros {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .historial .historial-principal.general-mode.tabla-maximizada .historial-filtro-fecha {
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: -2px !important;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .historial .historial-principal.general-mode.tabla-maximizada .historial-registros {
    float: left;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (min-width: 992px) {
  .historial .historial-principal.general-mode.tabla-maximizada .historial-registros {
    float: left;
    width: 100%;
  }
}

.historial .historial-principal .historial-ficha-evento {
  background: var(--bg-acc-mod);
  height: 480px;
  overflow: hidden;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .historial .historial-principal .historial-ficha-evento {
    float: left;
    width: 75%;
  }
}

@media (min-width: 992px) {
  .historial .historial-principal .historial-ficha-evento {
    float: left;
    width: 41.66666667%;
  }
}

@media screen and (min-width: 768px) {
  .historial .historial-principal .historial-ficha-evento {
    height: 50%;
  }
}

@media screen and (min-width: 992px) {
  .historial .historial-principal .historial-ficha-evento {
    height: 100% !important;
  }
}

.historial .historial-principal .historial-ficha-evento .historial-event-placeholder {
  color: var(--text-tip);
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  margin-top: -43px;
  padding: 0 25px;
  display: none;
}

.historial .historial-principal .historial-ficha-evento .historial-event-placeholder .glyphicon {
  font-size: 3em;
  margin-bottom: 15px;
}

.historial .historial-principal .historial-ficha-evento .event-loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -80px;
  margin-left: -53px;
  text-align: center;
  color: var(--text-main);
}

.historial .historial-principal .historial-ficha-evento .event-loader img {
  width: 100px;
  margin-bottom: 1rem;
  -webkit-animation: 1s ease infinite running loading;
  -o-animation: 1s ease infinite running loading;
  animation: 1s ease infinite running loading;
}

.historial .historial-principal .historial-ficha-evento .historial-event-content {
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.historial .historial-principal .historial-ficha-evento.loading .historial-event-content,
.historial .historial-principal .historial-ficha-evento.closed .historial-event-content {
  opacity: 0 !important;
  pointer-events: none !important;
}

.historial .historial-principal .historial-ficha-evento.loading .event-loader {
  display: block !important;
}

.historial .historial-principal .historial-ficha-evento.closed .historial-event-placeholder {
  display: block !important;
}

.historial .historial-principal .historial-ficha-evento .cabecera-ficha {
  margin-left: -15px;
  margin-right: -15px;
}

.historial .historial-principal .historial-ficha-evento .cabecera-ficha h3 {
  margin: 0;
  line-height: 1rem;
  padding: 0.5rem 1.2rem;
  position: relative;
  background: var(--bg-menu);
  color: var(--brand-main);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6rem;
  border-top: 1px solid;
}

.historial .historial-principal .historial-ficha-evento .cabecera-ficha h3 .icono-evento {
  font-size: 2rem;
}

.historial .historial-principal .historial-ficha-evento .cabecera-ficha h3 .icono-evento.fa {
  padding-top: 4px;
}

.historial .historial-principal .historial-ficha-evento .cabecera-ficha h3 .nombre-evento {
  font-weight: bold;
  font-size: 1rem;
}

.historial .historial-principal .historial-ficha-evento .cabecera-ficha h3 .fecha-evento {
  color: var(--text-tip);
  font-size: 0.8rem;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha {
  margin-left: -15px;
  margin-right: -15px;
  overflow-y: auto;
  background: var(--bg-panel);
  max-height: 45%;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .responsable-evento {
  position: relative;
  width: 100%;
  font-size: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 8px;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .responsable-evento img {
  width: 25px;
  height: 25px;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .responsable-evento img + span {
  width: -webkit-calc(100% - 30px);
  width: calc(100% - 30px);
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .info-evento {
  font-size: 0.8rem;
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .info-evento > div {
  display: table-row;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .info-evento > div > div {
  display: table-cell;
  padding: 0.5rem 1rem;
  border-color: var(--bg-general);
  border-width: 1px;
  border-style: solid;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .info-evento > div > div:first-child {
  color: var(--text-label);
  font-weight: bold;
  background: var(--bg-menu);
  max-width: 125px;
  width: 33%;
  text-align: right;
  vertical-align: top;
  line-height: 1rem;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .info-evento > div > div:last-child {
  line-height: 1rem;
  vertical-align: middle;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .evento-comentario-evento,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .evento-comentario-ticket {
  display: none !important;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-19 .evento-comentario-evento {
  display: table-row !important;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-27 .evento-comentario-ticket {
  display: table-row !important;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .evento-ticket {
  display: none !important;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-23 .evento-ticket,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-24 .evento-ticket,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-25 .evento-ticket,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-27 .evento-ticket {
  display: table-row !important;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .evento-comunicacion {
  display: none !important;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-2 .evento-comunicacion,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-1 .evento-comunicacion {
  display: table-row !important;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .evento-categoria,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .evento-subcategoria,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .evento-comentario-categorizacion,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .evento-asunto,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha .evento-comentario-agendamiento {
  display: none !important;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-10 .evento-categoria,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-10 .evento-subcategoria,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-10 .evento-comentario-categorizacion {
  display: table-row !important;
}

.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-11 .evento-asunto,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-15 .evento-asunto,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-11 .evento-comentario-agendamiento,
.historial .historial-principal .historial-ficha-evento .cuerpo-ficha.evento-tipo-15 .evento-comentario-agendamiento {
  display: table-row !important;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha {
  margin-left: -15px;
  margin-right: -15px;
  clear: both;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .form-control {
  padding: 0;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-tabs {
  width: 100%;
  list-style: none;
  display: table;
  padding: 0;
  margin: 0;
  height: 29.5px;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-tabs li {
  width: auto;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: table-cell;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-tabs li a {
  color: var(--text-label);
  display: block;
  text-align: center;
  text-decoration: none;
  line-height: 2rem;
  font-size: 1.1rem;
  border: 1px solid var(--bg-general);
  border-top: 5px solid;
  background: var(--bg-menu);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-tabs li a:not(.disabled):hover {
  background: var(--bg-acc-hover);
  color: var(--brand-main-hover);
  border-bottom-color: transparent;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-tabs li a.selected {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
  font-weight: bold;
  border-bottom-color: transparent;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-tabs li a.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-tabs li .badge {
  display: none;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel {
  position: relative;
  background: var(--bg-acc-mod);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .form-group {
  padding: 0;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .historial-conversation {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem 0.5rem;
  background: var(--bg-panel);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .sin-mensajes {
  position: absolute;
  color: var(--text-tip);
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  margin-top: -20px;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history {
  padding: 6px 12px;
  position: relative;
  margin-bottom: 2rem;
  margin-left: 15px;
  width: -webkit-calc(100% - 40px);
  width: calc(100% - 40px);
  border: 1px solid;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history h5 {
  margin: 0;
  font-weight: bold;
  font-size: 0.8rem;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history .history-message-text {
  margin: 0;
  padding-left: 5px;
  font-size: 0.9rem;
  overflow: auto;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history .history-message-text time {
  font-size: 0.7rem;
  cursor: help;
  position: absolute;
  top: 100%;
  right: 8px;
  color: var(--text-tip);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history .history-message-text q {
  background: rgba(0, 0, 0, 0.1);
  font-size: 0.9em;
  display: block;
  padding: 9px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-left: 5px solid;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history .history-message-text p {
  margin: 0;
  display: inline;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history .history-message-text .fig-attachment-img {
  padding: 10px 15px;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history .history-message-text .attachment-img,
.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history .history-message-text .attachment-audio {
  max-width: 100%;
  height: auto;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history .history-message-text .attachment-link {
  width: 100%;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history.message-history-1 {
  background: var(--info-bg);
  -webkit-border-radius: 8px 4px 8px 4px;
  border-radius: 8px 4px 8px 4px;
  color: var(--info-fg);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history.message-history-10 {
  background: var(--success-bg);
  -webkit-border-radius: 8px 4px 8px 4px;
  border-radius: 8px 4px 8px 4px;
  color: var(--success-fg);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .message-history.message-history-2 {
  background: var(--bg-input);
  color: var(--text-main);
  -webkit-border-radius: 4px 8px 4px 8px;
  border-radius: 4px 8px 4px 8px;
  margin-left: 25px;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel.recursos {
  overflow-y: auto;
  background: var(--bg-panel);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo {
  width: 100%;
  margin: 0;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo tr:first-child th {
  text-align: left !important;
  background: var(--bg-menu);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo tr:first-child th div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo .callinfo-title {
  font-size: 1rem;
  text-align: left !important;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo .icono-external {
  font-size: 20px;
  line-height: 2rem;
  padding-right: 4px;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo .icono-external.icono-ticket {
  color: #e9d963;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo .icono-external.icono-email {
  color: #97dbdb;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo .icono-external.icono-chat {
  color: #97dbdb;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo .calltype-0 {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: url("/Content/img/discador.png") center center no-repeat !important;
  background-size: 20px 20px !important;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo .calltype-1 {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: url("/Content/img/saliente.png") center center no-repeat !important;
  background-size: 20px 20px !important;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo .calltype-2 {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: url("/Content/img/entrante.png") center center no-repeat !important;
  background-size: 20px 20px !important;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo .calltype-3 {
  height: 20px;
  width: 20px;
  display: inline-block;
  background: url("/Content/img/interna.png") center center no-repeat !important;
  background-size: 20px 20px !important;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo tr th {
  padding: 0.5rem 1rem;
  line-height: 1.2em;
  font-size: 0.8rem;
  text-align: right !important;
  width: 33%;
  color: var(--text-label);
  border-top: 1px solid var(--bg-general);
  border-right: 1px solid var(--bg-general);
  background: var(--bg-menu);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .recurso-callinfo tr td {
  border-top: 1px solid var(--bg-general);
  padding: 0.5rem 1rem;
  line-height: 1.2em;
  word-break: break-word;
  font-size: 0.8rem;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .lista-comentarios {
  height: -webkit-calc(100% - 36px);
  height: calc(100% - 36px);
  overflow-y: auto;
  width: 100%;
  background: var(--bg-acc-mod);
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .lista-comentarios .sin-comentarios {
  position: absolute;
  color: var(--text-tip);
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  margin-top: -20px;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel form {
  margin: 0;
  padding-top: 0;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .input-group {
  position: absolute;
  left: 0;
  top: 0;
}

.historial .historial-principal .historial-ficha-evento .pie-ficha .pie-panel .input-group .form-control {
  padding: 0 1.2rem;
  background: var(--bg-input);
}

/**
 *  Hoja de Estilos para el Chat de Integra vía BarraCTI
 */

.alert-offline {
  color: #7d7d7d;
  background-color: #f5f5f5;
  border-color: #7a7a7a;
}

.circle-button {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #e5e5e5;
  padding: 0;
  display: inline-block;
  text-align: center;
  font-size: 17px;
  line-height: 45px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0, 1.83, 1, 1);
  -o-transition-timing-function: cubic-bezier(0, 1.83, 1, 1);
  transition-timing-function: cubic-bezier(0, 1.83, 1, 1);
  border: none;
  background: var(--brand-accent-2);
}

.circle-button:hover {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  background: var(--brand-accent-2-hover);
}

.circle-button:active,
.circle-button.active {
  background: var(--brand-accent-2-active);
}

.circle-button.disabled,
.circle-button[disabled] {
  background: var(--bg-disabled) !important;
  opacity: 0.65;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.circle-button-sm {
  width: 32px;
  height: 32px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: var(--brand-accent-2);
  color: #e5e5e5 !important;
  text-decoration: none !important;
  padding: 0;
  display: inline-block;
  text-align: center;
  font-size: 15px;
  line-height: 31px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0, 1.83, 1, 1);
  -o-transition-timing-function: cubic-bezier(0, 1.83, 1, 1);
  transition-timing-function: cubic-bezier(0, 1.83, 1, 1);
  cursor: pointer;
  border: none;
  z-index: 3;
}

.circle-button-sm:hover {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  background: var(--brand-accent-2-hover);
}

.circle-button-sm:hover.circle-danger {
  background: var(--danger-bg);
  color: var(--danger-fg) !important;
}

.circle-button-sm:hover.circle-success {
  background: var(--success-bg);
  color: var(--success-fg) !important;
}

.circle-button-sm:active,
.circle-button-sm.active {
  background: var(--brand-accent-2-active);
}

.circle-button-sm:active.circle-danger,
.circle-button-sm.active.circle-danger {
  text-shadow: 0 0 6px #cc6342;
  -webkit-box-shadow: 0 0 2px 1px #f98044;
  box-shadow: 0 0 2px 1px #f98044;
}

.circle-button-sm:active.circle-success,
.circle-button-sm.active.circle-success {
  text-shadow: 0 0 6px #4dcc42;
  -webkit-box-shadow: 0 0 2px 1px #4dcc67;
  box-shadow: 0 0 2px 1px #4dcc67;
}

.circle-button-sm.disabled,
.circle-button-sm[disabled] {
  background: var(--bg-disabled) !important;
  opacity: 0.65;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.chat {
  height: 100% !important;
  font-size: 0.9rem;
}

.chat .chat-slider {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(10px);
}

.chat .chat-slider.presentation-mode {
  display: block;
}

.chat .chat-slider .attach-thumbnail-list {
  width: 100%;
  height: 100px;
  background: rgba(255, 255, 255, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 8px;
  list-style: none;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  scroll-behavior: smooth;
}

.chat .chat-slider .attach-thumbnail-list .media-thumbnail {
  width: 84px;
  height: 84px;
  display: inline-block;
  margin-right: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

.chat .chat-slider .attach-thumbnail-list .media-thumbnail .attachment-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.chat .chat-slider .attach-thumbnail-list .media-thumbnail a {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
}

.chat .chat-slider .attach-thumbnail-list .media-thumbnail a .media-info {
  color: #eee;
  background: rgba(0, 0, 0, 0.7);
  padding: 5px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  right: 4px;
  position: absolute;
  bottom: 4px;
  text-transform: uppercase;
}

.chat .chat-slider .attach-thumbnail-list .media-thumbnail.selected,
.chat .chat-slider .attach-thumbnail-list .media-thumbnail:hover {
  outline: 4px solid #225aa2;
}

.chat .chat-slider .btn-close-slider {
  color: #ccc;
  cursor: pointer;
  position: absolute;
  left: -4px;
  top: -3px;
  font-size: 3em;
  width: 50px;
  height: 50px;
  line-height: 46px;
  -webkit-border-radius: 0 0 50% 0;
  border-radius: 0 0 50% 0;
  text-align: center;
}

.chat .chat-slider .btn-close-slider:hover {
  background: rgba(255, 255, 255, 0.1);
}

.chat .chat-slider .attach-nav-btn {
  position: absolute;
  height: -webkit-calc(100vh - 100px);
  height: calc(100vh - 100px);
  width: 8%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ccc;
  font-size: 3em;
  top: 0;
  cursor: pointer;
}

.chat .chat-slider .attach-nav-btn:hover {
  background: rgba(255, 255, 255, 0.1);
}

.chat .chat-slider.is-first .prev-attach-button {
  display: none;
}

.chat .chat-slider.is-last .next-attach-button {
  display: none;
}

.chat .chat-slider .prev-attach-button {
  left: 0;
}

.chat .chat-slider .next-attach-button {
  right: 0;
}

.chat .chat-attach-panel {
  position: absolute;
  top: 0;
  z-index: 100;
  width: 325px;
  left: -webkit-calc(50% - 164px);
  left: calc(50% - 164px);
  height: 70%;
}

.chat .chat-attach-panel.closed {
  height: 0;
}

.chat .chat-attach-panel.closed .toggle-attachments-button {
  text-shadow: none;
}

.chat .chat-attach-panel .chat-attach-body {
  background: var(--bg-menu);
  height: 100%;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  border: 1px solid var(--bg-general);
  border-top: 0;
  overflow: hidden;
}

.chat .chat-attach-panel .toggle-attachments-button {
  -webkit-border-radius: 0 0 50% 50%;
  border-radius: 0 0 50% 50%;
  border: 1px solid var(--bg-general);
  background: var(--bg-menu);
  width: 50px;
  height: 29px;
  color: var(--text-menu);
  padding: 0;
  display: inline-block;
  text-align: center;
  line-height: 15px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  border-top: none;
  position: absolute;
  top: -webkit-calc(100% - 1px);
  top: calc(100% - 1px);
  left: -webkit-calc(50% - 25px);
  left: calc(50% - 25px);
  font-size: 1.2em;
}

.chat .chat-attach-panel .toggle-attachments-button:hover,
.chat .chat-attach-panel .toggle-attachments-button:active,
.chat .chat-attach-panel .toggle-attachments-button.active {
  color: var(--brand-main);
  cursor: pointer;
}

.chat .chat-attach-panel .toggle-attachments-button[disabled] {
  text-shadow: none !important;
  color: var(--btn-sec-border) !important;
  background: var(--bg-cti) !important;
  cursor: not-allowed !important;
  border-color: var(--bg-general) !important;
}

.chat .chat-attach-panel .chat-attach-tabs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.chat .chat-attach-panel .chat-attach-tabs ul li {
  height: 100%;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid var(--bg-general);
  border-top: 4px solid;
}

.chat .chat-attach-panel .attach-tab {
  height: -webkit-calc(100% - 35px);
  height: calc(100% - 35px);
  display: none;
}

.chat .chat-attach-panel .attach-tab ul {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

.chat .chat-attach-panel .media-tab ul {
  padding: 8px;
  gap: 6px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 100px;
}

.chat .chat-attach-panel .media-tab ul li {
  width: auto;
  height: 100px;
  background: var(--bg-general);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}

.chat .chat-attach-panel .media-tab ul li:hover {
  outline: 1px solid var(--brand-main);
}

.chat .chat-attach-panel .media-tab ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.chat .chat-attach-panel .media-tab ul li a img,
.chat .chat-attach-panel .media-tab ul li a video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chat .chat-attach-panel .media-tab ul li a .media-info {
  color: #eee;
  background: rgba(0, 0, 0, 0.7);
  padding: 0 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  right: 4px;
  position: absolute;
  bottom: 4px;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.chat .chat-attach-panel .docs-tab ul,
.chat .chat-attach-panel .links-tab ul {
  padding: 5px 5px 0;
}

.chat .chat-attach-panel .docs-tab ul li,
.chat .chat-attach-panel .links-tab ul li {
  border-bottom: 1px solid var(--bg-general);
  overflow: auto;
  padding: 0.5rem 0.25rem;
}

.chat .chat-attach-panel .docs-tab ul li a,
.chat .chat-attach-panel .links-tab ul li a {
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
  display: table;
  width: -webkit-calc(100% - 43px);
  width: calc(100% - 43px);
  text-decoration: none;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  float: left;
  color: var(--text-main);
}

.chat .chat-attach-panel .docs-tab ul li a:hover,
.chat .chat-attach-panel .links-tab ul li a:hover {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.chat .chat-attach-panel .docs-tab ul li a > span,
.chat .chat-attach-panel .links-tab ul li a > span {
  display: table-cell;
}

.chat .chat-attach-panel .docs-tab ul li a > span:nth-child(1),
.chat .chat-attach-panel .links-tab ul li a > span:nth-child(1) {
  width: 24px;
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
  padding-right: 4px;
}

.chat .chat-attach-panel .docs-tab ul li a > span:nth-child(2),
.chat .chat-attach-panel .links-tab ul li a > span:nth-child(2) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  font-size: 0.9rem;
}

.chat .chat-attach-panel .docs-tab ul li a > span:nth-child(3),
.chat .chat-attach-panel .links-tab ul li a > span:nth-child(3) {
  width: 30px;
  text-align: center;
}

.chat .chat-attach-panel .docs-tab ul li .btn-goto-msg,
.chat .chat-attach-panel .links-tab ul li .btn-goto-msg {
  float: left;
}

.chat .chat-attach-panel .btn-show-multi.disabled,
.chat .chat-attach-panel .btn-show-docs.disabled,
.chat .chat-attach-panel .btn-show-links.disabled {
  display: none;
}

.chat .chat-attach-panel.show-multi .btn-show-multi {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
  font-weight: bold;
  border-bottom: none;
  border-top-color: var(--brand-main);
}

.chat .chat-attach-panel.show-multi:not(.closed) .toggle-attachments-button {
  color: var(--brand-main);
}

.chat .chat-attach-panel.show-multi .media-tab {
  display: block;
}

.chat .chat-attach-panel.show-docs .btn-show-docs {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
  font-weight: bold;
  border-bottom: none;
  border-top-color: var(--brand-main);
}

.chat .chat-attach-panel.show-docs .docs-tab {
  display: block;
}

.chat .chat-attach-panel.show-links .btn-show-links {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
  font-weight: bold;
  border-bottom: none;
  border-top-color: var(--brand-main);
}

.chat .chat-attach-panel.show-links .links-tab {
  display: block;
}

.chat .btn-go-end {
  position: absolute;
  bottom: -webkit-calc(100% + 35px);
  bottom: calc(100% + 35px);
  right: -webkit-calc(50% - 16px);
  right: calc(50% - 16px);
  z-index: 70;
}

.chat .btn-go-end [data-badge] {
  position: relative;
}

.chat .btn-go-end [data-badge]::after {
  content: attr(data-badge);
  line-height: 15px;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #d43105;
  position: absolute;
  text-align: center;
  color: #eee;
  font-size: 10px;
  font-weight: bold;
  top: -5px;
  right: -10px;
}

.chat .panel-body {
  position: relative;
  padding: 0 0 0;
  overflow-x: hidden !important;
}

.chat .panel-body .alert {
  padding: 8px 5px 5px !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 14px;
  z-index: 200;
  opacity: 1;
  text-align: center;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
}

.chat .panel-body .chat-body {
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden !important;
  background: var(--bg-panel);
  padding: 30px 0 0;
}

.chat .panel-body .chat-body.old-theme {
  background: rgba(0, 0, 0, 0.6);
}

.chat .panel-body .chat-body::after {
  content: '\00a0';
  display: block;
  padding-bottom: 100px;
  clear: both;
}

.chat .panel-body .chat-body .message {
  padding: 8px 30px;
  clear: both;
}

.chat .panel-body .chat-body .message > div {
  min-width: 150px;
}

@media screen and (min-width: 768px) {
  .chat .panel-body .chat-body .message {
    padding: 8px 100px !important;
  }
}

.chat .panel-body .chat-body .message .with-mega-emoji .message-text {
  text-align: center;
}

.chat .panel-body .chat-body .message .with-mega-emoji .message-text .emoji {
  width: 3rem;
  height: 3rem;
}

.chat .panel-body .chat-body .message.resaltado {
  background: var(--bg-acc-hover);
  overflow: auto;
}

.chat .panel-body .chat-body .message .sender {
  margin: 0 0 10px -9px;
  font-size: 12px;
  font-weight: bold;
}

.chat .panel-body .chat-body .message a.attachment-link {
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat .panel-body .chat-body .message a.attachment-link span {
  font-size: 1.5em;
}

.chat .panel-body .chat-body .message a.attachment-link span:first-of-type {
  margin-right: 5px;
}

.chat .panel-body .chat-body .message a.attachment-link span.attachment-caption-file {
  font-size: 12px;
  max-width: 200px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
}

.chat .panel-body .chat-body .message a.attachment-link span:last-of-type {
  margin-left: 5px;
}

.chat .panel-body .chat-body .message figure.fig-attachment-img {
  position: relative;
  margin: 10px -5px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}

.chat .panel-body .chat-body .message figure.fig-attachment-img img,
.chat .panel-body .chat-body .message figure.fig-attachment-img video {
  cursor: pointer;
}

.chat .panel-body .chat-body .message figure.fig-attachment-img.modalized {
  position: fixed;
  -webkit-border-radius: 0;
  border-radius: 0;
  top: 0;
  left: 8%;
  margin: 0;
  z-index: 10000;
  width: 84%;
  height: -webkit-calc(100% - 100px);
  height: calc(100% - 100px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat .panel-body .chat-body .message figure.fig-attachment-img.modalized img.attachment-img,
.chat .panel-body .chat-body .message figure.fig-attachment-img.modalized video {
  max-width: 100%;
  max-height: 90%;
  cursor: default;
}

.chat .panel-body .chat-body .message figure.fig-attachment-img.modalized figcaption.attachment-caption-img {
  display: none;
}

.chat .panel-body .chat-body .message figcaption.attachment-caption-img {
  position: absolute;
  bottom: 0;
  display: block;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  height: 30px;
  line-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.chat .panel-body .chat-body .message img.attachment-img,
.chat .panel-body .chat-body .message video {
  max-width: 220px;
  height: auto;
}

.chat .panel-body .chat-body .message .attachment-map {
  width: 300px;
  height: 300px;
  z-index: 49;
  max-width: 100%;
}

@media screen and (min-width: 480px) {
  .chat .panel-body .chat-body .message .attachment-map {
    width: 600px;
    height: 300px;
  }
}

.chat .panel-body .chat-body .message .msg-reaction {
  position: absolute;
  background: #ccc;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.chat .panel-body .chat-body .message .visitor-message {
  background: var(--info-bg);
  color: var(--info-fg);
  padding: 8px 15px;
  -webkit-border-radius: 8px 4px 8px 0;
  border-radius: 8px 4px 8px 0;
  float: left;
  position: relative;
  max-width: 100%;
  border: none;
  margin-bottom: 1.3rem;
  border: 1px solid;
}

.chat .panel-body .chat-body .message .visitor-message .enviando,
.chat .panel-body .chat-body .message .visitor-message .enviado {
  display: none !important;
}

.chat .panel-body .chat-body .message .bot-message {
  padding: 8px 15px;
  -webkit-border-radius: 8px 4px 8px 0;
  border-radius: 8px 4px 8px 0;
  border: 5px solid #252525;
  float: left;
  position: relative;
  max-width: 100%;
  border: none;
  background: var(--success-bg);
  color: var(--success-fg);
  margin-bottom: 1.3rem;
  border: 1px solid;
}

.chat .panel-body .chat-body .message .bot-message .enviando,
.chat .panel-body .chat-body .message .bot-message .enviado {
  display: none !important;
}

.chat .panel-body .chat-body .message .agent-message {
  color: var(--text-main);
  padding: 8px 15px;
  -webkit-border-radius: 4px 8px 0 8px;
  border-radius: 4px 8px 0 8px;
  float: right;
  position: relative;
  max-width: 100%;
  border: none;
  background: var(--bg-input);
  margin-bottom: 1.3rem;
  border: 1px solid;
}

.chat .panel-body .chat-body .message .message-text {
  white-space: pre-wrap;
  word-break: break-word;
}

.chat .panel-body .chat-body .message .message-text q {
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.9em;
  display: block;
  padding: 9px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-left: 5px solid;
  /*cursor        : pointer; */
}

.chat .panel-body .chat-body .message .message-text p {
  margin: 0;
}

.chat .panel-body .chat-body .message.fullwidth .visitor-message,
.chat .panel-body .chat-body .message.fullwidth .agent-message,
.chat .panel-body .chat-body .message.fullwidth .bot-message {
  display: block !important;
  width: 95% !important;
}

.chat .panel-body .chat-body .message .message-time {
  text-shadow: none;
  text-align: right;
  margin: 0;
  font-size: 0.7rem;
  color: var(--text-menu) !important;
  position: absolute;
  top: 100%;
  right: 1rem;
}

.chat .panel-body .chat-body .message .message-time .enviando {
  position: relative;
  left: 8px;
}

.chat .panel-body .chat-body .message-date-separator {
  margin: 0 0 10px 0;
  padding: 15px;
  text-align: center;
  clear: both;
}

.chat .panel-body .chat-body .message-date-separator time {
  position: relative;
  top: 8px;
  padding: 8px 10px;
  background: #5df0c1;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-size: 1.4em;
  font-weight: bold;
  color: #296653;
}

.chat .panel-body .chat-body .message-unread-separator {
  border-bottom: 1px dashed #e6aa55;
  text-align: center;
  display: none;
  clear: both;
  margin-bottom: 15px;
  margin-top: 15px;
  float: left;
  width: 100%;
}

.chat .panel-body .chat-body .message-unread-separator.in {
  display: block;
}

.chat .panel-body .chat-body .message-unread-separator .unread-text {
  position: relative;
  top: 8px;
  padding: 8px 15px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #f9f661;
  color: #575622;
}

.chat .panel-body .chat-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 30px;
}

.chat .panel-body .chat-footer [disbled],
.chat .panel-body .chat-footer .disabled {
  pointer-events: none !important;
}

.chat .panel-body .chat-footer .reconnect-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--bg-menu);
  z-index: 150;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.5rem;
}

.chat .panel-body .chat-footer .reconnect-overlay > button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.2rem !important;
}

.chat .panel-body .chat-footer .reconnect-coundown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  bottom: 100%;
  width: 100%;
}

.chat .panel-body .chat-footer .reconnect-coundown > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  background: var(--bg-acc-mod);
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  padding: 0.3rem 0.8rem 0.3rem 0.2rem;
  color: var(--text-label);
}

.chat .panel-body .chat-footer form {
  margin: 0 !important;
}

.chat .panel-body .chat-footer form::before {
  display: none !important;
}

.chat .panel-body .chat-footer form::after {
  display: none !important;
}

.chat .panel-body .chat-footer .typing-feedback {
  display: none;
  position: absolute;
  left: 60px;
  bottom: 100%;
  color: var(--text-label);
  background: var(--bg-acc-mod);
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  padding: 0.3rem 0.8rem;
  font-size: 0.8rem;
}

.chat .panel-body .chat-footer .fast-answers-container {
  position: absolute;
  bottom: -webkit-calc(100% + 0.5rem);
  bottom: calc(100% + 0.5rem);
  right: -100px;
  background: var(--bg-menu);
  z-index: 71;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  border: 1px solid var(--bg-general);
  overflow: hidden;
  display: none;
  color: var(--text-main);
}

.chat .panel-body .chat-footer .fast-answers-container ul {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 250px;
  overflow: auto;
  width: 240px;
}

.chat .panel-body .chat-footer .fast-answers-container ul li {
  padding: 0.5rem 1rem;
  cursor: pointer;
  border-bottom: 1px solid var(--bg-general);
}

.chat .panel-body .chat-footer .fast-answers-container ul li:not(.fast-answer-group-title):hover,
.chat .panel-body .chat-footer .fast-answers-container ul li.current {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
}

.chat .panel-body .chat-footer .fast-answers-container ul li p {
  line-height: 1.3rem;
  margin-bottom: 0;
  vertical-align: middle;
  font-size: 0.9rem;
  text-align: left;
  padding: 0 0.5rem;
}

.chat .panel-body .chat-footer [id^='btnShowFastAnswers']:focus .fast-answers-container,
.chat .panel-body .chat-footer [id^='btnShowFastAnswers']:focus-within .fast-answers-container {
  display: block;
}

.chat .panel-body .chat-footer .attach-menu {
  position: absolute;
  bottom: -webkit-calc(100% + 0.5rem);
  bottom: calc(100% + 0.5rem);
  right: -46px;
  z-index: 71;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: var(--bg-menu);
  border: none;
  padding: 6px 12px;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  display: none;
}

.chat .panel-body .chat-footer .attach-menu label {
  margin: 0 !important;
  cursor: pointer !important;
}

.chat .panel-body .chat-footer .attach-menu .circle-button-file {
  background: #5157ae !important;
}

.chat .panel-body .chat-footer .attach-menu .circle-button-img {
  background: #ac44cf !important;
}

.chat .panel-body .chat-footer [id^='btnAdjuntar']:focus .attach-menu,
.chat .panel-body .chat-footer [id^='btnAdjuntar']:focus-within .attach-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}

.chat .panel-body .chat-footer .visitor-card {
  position: absolute;
  bottom: 0;
  left: -webkit-calc(100% + 1rem);
  left: calc(100% + 1rem);
  padding: 0.5rem 1rem;
  z-index: 51;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--bg-menu);
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  border: 1px solid var(--bg-general);
  display: none;
  color: var(--text-main);
}

.chat .panel-body .chat-footer .visitor-card h4 {
  margin-top: 0;
  text-align: left;
  border-bottom: 1px solid var(--brand-main-active);
  margin-bottom: 0;
  padding: 0.2rem 1rem 0.5rem;
  color: var(--brand-main-active);
  font-size: 1.2rem;
}

.chat .panel-body .chat-footer .visitor-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table;
  width: 100%;
  font-size: 0.8rem;
}

.chat .panel-body .chat-footer .visitor-card ul li {
  display: table-row;
}

.chat .panel-body .chat-footer .visitor-card ul li > span {
  text-align: right;
  border-right: 1px solid var(--bg-general);
}

.chat .panel-body .chat-footer .visitor-card ul li > strong {
  text-align: left;
}

.chat .panel-body .chat-footer .visitor-card ul li > * {
  display: table-cell;
  padding: 4px 8px;
}

.chat .panel-body .chat-footer .visitor-card ul li:not(:first-child) > span {
  border-top: 1px solid var(--bg-general);
}

.chat .panel-body .chat-footer .visitor-card ul li:not(:first-child) > strong {
  border-top: 1px solid var(--bg-general);
}

.chat .panel-body .chat-footer [id^='btnShowVisitorInfo'].active .visitor-card {
  display: block;
}

.chat .panel-body .chat-footer .message-input {
  color: var(--text-main);
  padding: 10px 132px 10px 50px;
  -webkit-border-radius: 5px 10px;
  border-radius: 5px 10px;
  position: relative;
  vertical-align: bottom;
  width: -webkit-calc(100% - 3px);
  width: calc(100% - 3px);
  min-height: 50px;
  height: auto;
  z-index: 57;
  float: left;
  font-size: 1rem !important;
  line-height: 1.4rem !important;
  border: none;
  background: var(--bg-menu);
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.chat .panel-body .chat-footer .message-input .cyt-editable * {
  cursor: text;
}

.chat .panel-body .chat-footer .message-input:focus,
.chat .panel-body .chat-footer .message-input:focus-within {
  -webkit-box-shadow: 0 0 2px 1px var(--brand-main);
  box-shadow: 0 0 2px 1px var(--brand-main);
}

.chat .panel-body .chat-footer .message-input:focus-within,
.chat .panel-body .chat-footer .message-input:hover {
  background: var(--bg-input);
}

.chat .panel-body .chat-footer .message-input[disabled],
.chat .panel-body .chat-footer .message-input.disabled {
  background: var(--bg-input-disabled) !important;
  resize: none;
}

.chat .panel-body .chat-footer .upload-preview {
  background: var(--bg-input);
  width: auto;
  left: 50px;
  height: 55px;
  padding: 5px 10px 5px 5px;
  line-height: 42px;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  z-index: 57;
  position: absolute;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  bottom: 100%;
}

.chat .panel-body .chat-footer .upload-preview .img-preview {
  height: 40px;
  padding-left: 0.5rem;
}

.chat .panel-body .chat-footer .upload-preview .preview-loader {
  margin: 0 30px;
  display: none;
  width: 40px;
  height: 40px;
  -webkit-animation: 1s ease infinite running loading;
  -o-animation: 1s ease infinite running loading;
  animation: 1s ease infinite running loading;
}

.chat .panel-body .chat-footer .upload-preview .upload-icon {
  font-size: 34px;
  text-align: center;
  width: 42px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  color: var(--brand-main-active);
}

.chat .panel-body .chat-footer .upload-preview .attach-filename {
  font-size: 14px;
  vertical-align: middle;
  padding: 0 7px;
  max-width: 200px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat .panel-body .chat-footer .upload-preview.loading .preview-loader {
  display: inline !important;
}

.chat .panel-body .chat-footer .upload-preview.loading .img-preview,
.chat .panel-body .chat-footer .upload-preview.loading .upload-icon,
.chat .panel-body .chat-footer .upload-preview.loading .attach-filename,
.chat .panel-body .chat-footer .upload-preview.loading .btn-gestor {
  display: none !important;
}

.chat .panel-body .chat-footer .upload-preview.attach-type-img .upload-icon {
  display: none;
}

.chat .panel-body .chat-footer .upload-preview.attach-type-file .img-preview {
  display: none;
}

.chat .panel-body .chat-footer .right-input-commands {
  position: absolute;
  bottom: 33px;
  right: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  gap: 8px;
  z-index: 70;
  height: 44px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat .panel-body .chat-footer .left-input-commands {
  position: absolute;
  bottom: 33px;
  left: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  gap: 8px;
  z-index: 70;
  height: 44px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat .panel-body .chat-footer .chat-side-commands {
  position: absolute;
  left: 15px;
  bottom: 90px;
  z-index: 50;
  width: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.chat .panel-body .chat-footer .chat-side-commands button {
  position: relative;
}

.chat .panel-body .chat-footer .chat-droplist-control {
  position: relative;
}

.chat .panel-body .chat-footer .chat-droplist-control select {
  background: var(--bg-input);
}

.chat .panel-body .chat-footer .chat-droplist-control button {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 3;
}

.chat .panel-body .chat-footer .chat-droplist-control button.active + .droplist-wrapper {
  width: 180px !important;
}

.chat .panel-body .chat-footer .chat-droplist-control .droplist-wrapper {
  position: absolute;
  top: 1px;
  left: 100%;
  width: 0;
  overflow: hidden;
  -webkit-transition: width 0.4s;
  -o-transition: width 0.4s;
  transition: width 0.4s;
}

.fast-answer-group-title {
  text-align: left;
  cursor: default !important;
  color: var(--brand-main-active);
  font-size: 1.2rem;
}

.iti__country-list {
  z-index: 10;
}

.iti__country-list {
  background: var(--bg-acc-mod);
}

.difusion-form {
  margin: 0 !important;
  height: 100%;
  overflow: hidden !important;
  position: relative;
}

.difusion-form .chat-sending-overlay {
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  top: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: none;
  position: absolute;
  backdrop-filter: blur(4px);
}

.difusion-form .chat-sending-overlay p {
  text-align: center;
  color: #eee;
  font-size: 1.4em;
}

.difusion-form .chat-sending-overlay p img {
  margin-bottom: 10px;
}

.difusion-form.sending .chat-sending-overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.difusion-form > header {
  border-bottom: 1px solid var(--bg-general);
  padding: 0 1.5rem 1.5rem;
}

.difusion-form > .difusion-preview,
.difusion-form .difusion-wizard {
  padding: 0 1.5rem;
}

.difusion-form h4 {
  text-align: left;
  margin: 0;
  line-height: 2rem;
  color: var(--brand-main);
  font-size: 1.2rem;
  padding: 0.7rem 0;
}

@media screen and (min-width: 768px) {
  .difusion-form .difusion-wizard,
  .difusion-form .difusion-preview {
    width: 50%;
    float: left;
    height: -webkit-calc(100% - 160px);
    height: calc(100% - 160px);
  }

  .difusion-form .difusion-preview {
    border-right: 1px solid var(--bg-general);
  }
}

.difusion-form .difusion-preview .message-token {
  width: auto;
  min-width: 50px;
  border-bottom: 1px solid #eee;
  display: inline-block;
  vertical-align: baseline;
  text-align: center;
  font-weight: bold;
}

.difusion-form .difusion-preview .validator {
  position: relative;
}

.difusion-form .difusion-preview .message {
  padding: 10px 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: -webkit-calc(100% - 106px);
  height: calc(100% - 106px);
  background: var(--bg-panel);
  border: 1px solid var(--bg-general);
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  margin-top: 1rem;
  overflow-y: auto;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.difusion-form .difusion-preview .message > div {
  min-width: 150px;
}

.difusion-form .difusion-wizard article {
  position: relative;
}

.difusion-form .difusion-wizard .afinity-options {
  padding: 0 15px;
}

.difusion-form .difusion-wizard .iti {
  width: 100%;
}

.difusion-form .difusion-footer {
  clear: both;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.5rem;
  border-top: 1px solid var(--bg-general);
}

.difusion-form .difusion-footer button {
  margin: 0 !important;
  border-width: 0px !important;
  height: 41px;
}

.difusion-form .message .agent-message {
  color: var(--text-main);
  padding: 8px 15px;
  -webkit-border-radius: 4px 8px 0 8px;
  border-radius: 4px 8px 0 8px;
  float: right;
  position: relative;
  max-width: 100%;
  border: none;
  background: var(--bg-input);
  border: 1px solid;
  margin: auto;
}

.difusion-form .message .message-text {
  word-break: break-word;
}

.difusion-form .message .message-text q {
  background: rgba(0, 0, 0, 0.2);
  font-size: 0.9em;
  display: block;
  padding: 9px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border-left: 5px solid;
}

.difusion-form .message .message-text p {
  margin: 0;
}

.difusion-form .message .message-time {
  text-shadow: none;
  text-align: right;
  margin: 0;
  font-size: 0.7rem;
  color: var(--text-menu) !important;
  position: absolute;
  top: 100%;
  right: 1rem;
}

.difusion-form .message .message-time .enviando {
  position: relative;
  left: 8px;
}

/*
 * ESTILOS PARA EDITABLE DE modulosComunes/commonPicmo.js
 */

.cyt-msg-container {
  position: relative;
  background: var(--bg-menu);
}

.cyt-msg-container:hover,
.cyt-msg-container:focus-within {
  background: var(--bg-input);
}

.cyt-msg-container .cyt-editable {
  outline: none !important;
}

.cyt-msg-container .cyt-placeholder {
  position: absolute;
  z-index: 80;
  color: var(--text-tip);
  pointer-events: none !important;
  font-size: 1rem;
}

.cyt-msg-container .cyt-charcount {
  position: absolute;
  right: 2rem;
  bottom: -webkit-calc(100% + 5px);
  bottom: calc(100% + 5px);
  color: var(--text-tip);
}

.facebook-wall-container {
  position: relative;
  padding: 0;
  margin-top: -30px;
  margin-bottom: -30px;
  margin-left: -16px;
  margin-right: -16px;
  background-color: #000;
  white-space: normal;
  min-width: 994px;
  /* Estilos para el estado colapsado-izquierdo */
  /* Estilos para el estado colapsado-derecho */
}

@media screen and (max-width: 768px) {
  .facebook-wall-container {
    min-width: 400px;
  }
}

.facebook-wall-container .section-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  max-height: 480px;
  min-height: 480px;
  background-color: var(--bg-cti-btn-enabled);
  font-family: 'Open Sans', sans-serif;
  /* Transiciones para los contenedores */
  /* Seccion Post original */
  /* Separador de linea vertical */
  /* Seccion de comentarios */
}

.facebook-wall-container .section-container .facebook-post-container,
.facebook-wall-container .section-container .messages-container,
.facebook-wall-container .section-container .vertical-divider {
  -webkit-transition: width 300ms ease, opacity 300ms ease, padding 300ms ease;
  -o-transition: width 300ms ease, opacity 300ms ease, padding 300ms ease;
  transition: width 300ms ease, opacity 300ms ease, padding 300ms ease;
}

.facebook-wall-container .section-container .facebook-post-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 45%;
  padding: 0 0 1.5rem 1.5rem;
  color: var(--text-menu);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-bar-color);
}

.facebook-wall-container .section-container .facebook-post-container .facebook-post-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.facebook-wall-container .section-container .facebook-post-container .facebook-post-header .profile-picture {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

.facebook-wall-container .section-container .facebook-post-container .facebook-post-header .profile-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.facebook-wall-container .section-container .facebook-post-container .facebook-post-header .post-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.facebook-wall-container .section-container .facebook-post-container .facebook-post-header .post-info .profile-name {
  font-weight: 600;
  font-size: 15px;
}

.facebook-wall-container .section-container .facebook-post-container .facebook-post-header .post-info .post-time {
  font-size: 12px;
  color: #65676b;
}

.facebook-wall-container .section-container .facebook-post-container .post-attachments {
  padding: 0;
}

.facebook-wall-container .section-container .facebook-post-container .post-attachments img {
  display: block;
  max-width: 19em;
}

.facebook-wall-container .section-container .facebook-post-container .post-content {
  padding: 12px;
  white-space: pre-line;
  font-size: 15px;
  font-style: italic;
  font-weight: 500;
}

.facebook-wall-container .section-container .facebook-post-container .post-stats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  padding: 10px 12px;
  font-size: 14px;
  opacity: 0.7;
}

.facebook-wall-container .section-container .facebook-post-container .post-stats span {
  margin-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.facebook-wall-container .section-container .facebook-post-container .post-stats i {
  margin-right: 5px;
}

.facebook-wall-container .section-container .facebook-post-container .post-button-container {
  background-color: #009af2;
  padding: 0.6rem 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  width: 95%;
  text-align: center;
}

.facebook-wall-container .section-container .facebook-post-container .post-button-container a {
  display: inline-block;
  width: 100%;
  color: #fff;
  text-decoration: none;
}

.facebook-wall-container .section-container .vertical-divider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 10%;
  height: auto;
  position: relative;
}

.facebook-wall-container .section-container .vertical-divider .chevron-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: absolute;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 2;
}

.facebook-wall-container .section-container .vertical-divider .chevron-container .chevron {
  color: #4267b2;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  font-size: 2rem;
}

.facebook-wall-container .section-container .vertical-divider .chevron-container .vertical-line {
  width: 1px;
  height: 100%;
  background-color: var(--text-menu);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  position: relative;
  opacity: 50%;
}

.facebook-wall-container .section-container .comments-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
  width: 45%;
  overflow-y: auto;
  overflow-x: hidden;
  color: var(--text-menu);
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-bar-color);
}

.facebook-wall-container .section-container .comments-container .comments-main-container:nth-child(2) {
  margin-left: 20px;
}

.facebook-wall-container .section-container .comments-container .comments-main-container:nth-child(3) {
  margin-left: 40px;
}

.facebook-wall-container .section-container .comments-container .comments-main-container {
  padding: 12px;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container.message-incoming {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding: 0.3rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: var(--transparency-fb-wall);
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container.message-outgoing {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container {
  max-width: 100%;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container .message-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 8px;
  padding-top: 2px;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container .message-header .message-user {
  font-weight: 600;
  font-size: 14px;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container .message-bubble {
  padding: 8px 12px;
  position: relative;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container .message-bubble .message-text {
  white-space: pre-line;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container .message-container.message-outgoing .message-bubble {
  background-color: #0084ff;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container .message-attachments {
  margin-top: 8px;
  max-width: 15rem;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container img {
  max-width: 100%;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.facebook-wall-container .section-container .comments-container .comments-main-container .message-container .message-container.message-outgoing .file-attachment {
  background-color: rgba(255, 255, 255, 0.2);
}

.facebook-wall-container .section-container .comments-container .comments-main-container .comment-time {
  font-size: 11px;
}

.facebook-wall-container .collapsed-left.section-container .facebook-post-container {
  width: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  height: 0;
}

.facebook-wall-container .collapsed-left.section-container .vertical-divider {
  margin-left: 0;
}

.facebook-wall-container .collapsed-left.section-container .comments-container {
  width: 90%;
}

.facebook-wall-container .collapsed-left.section-container .chevron.chevron-fb-backward {
  display: none;
}

.facebook-wall-container .collapsed-right.section-container .comments-container {
  width: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  height: 0;
}

.facebook-wall-container .collapsed-right.section-container .facebook-post-container {
  width: 90%;
}

.facebook-wall-container .collapsed-right.section-container .vertical-divider {
  width: 10%;
}

.facebook-wall-container .collapsed-right.section-container .chevron.chevron-fb-forward {
  display: none;
}

#picmo-twemoji-sprites {
  position: absolute;
  display: none;
}

.picmo-pop-cyt {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  z-index: 300;
  background: var(--bg-panel);
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  border: 1px solid var(--bg-general);
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.picmo-cyt [class*="VariantPopup_variantOverlay"] {
  backdrop-filter: blur(3px);
}

.picmo-cyt [class*="VariantPopup_variantOverlay"] > div {
  background: var(--bg-acc-mod);
  padding: 0.4rem 0;
}

.picmo-cyt .EmojiPicker_header__eDZPD {
  padding-bottom: 0;
}

.picmo-cyt .EmojiPicker_header__eDZPD .CategoryTabs_categoryButtons__dJVp- {
  padding: 0;
  margin-bottom: -9px;
  border-top: 1px solid var(--bg-general);
  border-bottom: 1px solid var(--bg-general);
  background: var(--bg-menu);
}

.picmo-cyt .EmojiPicker_header__eDZPD li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.picmo-cyt .EmojiPicker_header__eDZPD li[class*="CategoryTabs_categoryTabActive"],
.picmo-cyt .EmojiPicker_header__eDZPD li:hover {
  background: var(--bg-acc-hover);
  border-bottom: 2px solid var(--brand-main);
}

.picmo-cyt .EmojiPicker_header__eDZPD li[class*="CategoryTabs_categoryTabActive"] button,
.picmo-cyt .EmojiPicker_header__eDZPD li:hover button {
  color: var(--brand-main);
}

.picmo-cyt .EmojiPicker_header__eDZPD li button {
  color: var(--text-label);
}

.picmo-cyt .Search_searchContainer__aJW7V {
  padding: 0 1rem;
}

.picmo-cyt .Search_searchField__tENKn {
  border-bottom: 1px solid var(--input-border);
}

.picmo-cyt .Search_searchField__tENKn:focus,
.picmo-cyt .Search_searchField__tENKn:hover {
  background: var(--bg-input);
  border-color: var(--brand-main-active);
}

.picmo-cyt .Search_searchAccessory__0rdYO svg {
  fill: var(--text-tip);
}

.picmo-cyt .EmojiPicker_content__xT6Kl {
  background: var(--bg-acc-mod);
}

.picmo-cyt .EmojiPicker_content__xT6Kl h3[class*="EmojiCategory_categoryName"] {
  font-size: 1rem;
  color: var(--text-tip);
  font-family: Open Sans, sans-serif;
  padding: 1rem 0.5rem 0.7rem;
  height: auto;
}

.picmo-cyt .twemoji_twemoji__ogaND {
  margin: 0;
}

.picmo-cyt .Emoji_emoji__iKc1G {
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid var(--bg-general);
}

.picmo-cyt .Emoji_emoji__iKc1G:hover,
.picmo-cyt .Emoji_emoji__iKc1G[tabindex="0"] {
  background: var(--brand-main);
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.picmo-cyt .Preview_preview__HcFH6 {
  margin-top: -8px;
  border-top: 1px solid var(--bg-general);
}

.picmo-cyt .Preview_preview__HcFH6 .Preview_previewName__C79nL {
  font-size: 1.2rem;
  line-height: 1.4rem;
  padding-left: 4px;
  color: var(--text-label);
}

.picmo-cyt .Preview_preview__HcFH6 .Preview_previewName__C79nL::first-letter {
  text-transform: uppercase;
}

.picmo-cyt .Preview_preview__HcFH6 .Preview_tag__aUSTM {
  background: var(--bg-acc-hover);
  color: var(--text-tip);
}

/**
 *  Hoja de Estilos para el Módulo de Email Integra
 */

#dynamicInboxWrapper .email-open-loader {
  position: absolute;
  z-index: 10;
  width: 100%;
  text-align: center;
  top: 50%;
  margin-top: -80px;
  display: none;
  color: var(--text-main);
}

#dynamicInboxWrapper .email-open-loader img {
  width: 100px;
  margin-bottom: 1rem;
  -webkit-animation: 1s ease infinite running loading;
  -o-animation: 1s ease infinite running loading;
  animation: 1s ease infinite running loading;
}

#dynamicInboxWrapper.loading-email .email-open-loader {
  display: block;
}

#dynamicInboxWrapper.loading-email .email-open-loader ~ * {
  display: none;
}

.dynamic-inbox-filters {
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .dynamic-inbox-filters {
    float: left;
    width: 33.33333333%;
  }
}

@media screen and (max-width: 767px) {
  .dynamic-inbox-filters {
    height: 500px;
  }
}

@media screen and (min-width: 768px) {
  .dynamic-inbox-filters {
    height: 100%;
  }
}

.dynamic-inbox-filters > header h3 {
  color: var(--brand-main);
  line-height: 2em;
  cursor: pointer;
  font-size: 1.2rem;
  margin: 0;
  padding: 0.3rem 0;
  border-bottom: 1px solid var(--bg-general);
}

.dynamic-inbox-filters > form {
  margin: 0 !important;
  height: -webkit-calc(100% - 43px);
  height: calc(100% - 43px);
}

.dynamic-inbox-filters > form .filter-controls {
  height: -webkit-calc(100% - 80px);
  height: calc(100% - 80px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: -15px !important;
  margin-right: -15px !important;
  padding: 0 0.5rem;
}

@media screen and (min-width: 992px) {
  .dynamic-inbox-filters > form .filter-controls {
    overflow: hidden;
  }

  .dynamic-inbox-filters > form .filter-controls:hover {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.dynamic-inbox-filters > form .filter-controls .email-state-checklist {
  padding-left: 0.5rem;
}

.dynamic-inbox-filters > form .filter-controls .email-state-checklist label {
  display: block;
}

.dynamic-inbox-filters > form footer {
  height: auto !important;
}

.dynamic-inbox-filters > form footer .input-group {
  width: 100%;
  padding-bottom: 4px;
}

.dynamic-inbox-filters > form footer > button {
  width: 100%;
}

.dynamic-inbox-table {
  height: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (min-width: 768px) {
  .dynamic-inbox-table {
    float: left;
    width: 66.66666667%;
  }
}

.dynamic-inbox-table .panel-info {
  padding-left: 0;
  padding-right: 0.5rem;
}

.dynamic-inbox-table.empty .grilla-email,
.dynamic-inbox-table.loading .grilla-email {
  opacity: 0 !important;
  pointer-events: none !important;
}

.dynamic-inbox-table .grilla-email-wrapper {
  height: -webkit-calc(100% - 37px) !important;
  height: calc(100% - 37px) !important;
  position: relative;
  padding: 0 !important;
  background: var(--bg-acc-mod);
}

.dynamic-inbox-table .grilla-email-wrapper .grilla-email {
  height: 100%;
}

@media screen and (max-width: 767px) {
  .dynamic-inbox-table {
    height: 600px;
  }
}

@media screen and (min-width: 768px) {
  .dynamic-inbox-filters {
    border-right: 1px solid var(--bg-general);
  }

  .collapsed .dynamic-inbox-filters {
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    border-right: 0 !important;
  }

  .collapsed .dynamic-inbox-table {
    width: 100% !important;
  }
}

.btn-aside-toggle {
  position: absolute !important;
  bottom: 3px;
  left: 5px;
  z-index: 100;
}

.btn-aside-toggle .glyphicon-chevron-left {
  display: inline;
}

.btn-aside-toggle .glyphicon-chevron-right {
  display: none;
}

.collapsed .btn-aside-toggle .glyphicon-chevron-left {
  display: none !important;
}

.collapsed .btn-aside-toggle .glyphicon-chevron-right {
  display: inline !important;
}

.email {
  height: 100%;
}

.email .email-reading-panel {
  /*padding: 0;*/
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  border-right: 1px solid var(--bg-general);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 992px) {
  .email .email-reading-panel {
    float: left;
    width: 50%;
  }
}

.email .email-reading-panel .email-main-heading {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.email .email-reading-panel .email-data-date {
  width: 100%;
}

.email .email-reading-panel .email-reading-tools {
  padding: 0.5rem 1rem;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid var(--bg-general);
}

.email .email-reading-panel .email-reading-tools .circle-success .fa-warning {
  display: none;
}

.email .email-reading-panel .email-reading-tools .circle-danger .fa-check-square {
  display: none;
}

.email .email-reading-panel .email-reading-tools button {
  margin-left: 1px;
}

.email .email-reading-panel .collapse-addr-button {
  background: var(--bg-acc-hover);
}

.email .email-reading-panel.addr-collapsed .collapse-addr-button {
  background: transparent;
}

.email .email-reading-panel.addr-collapsed .email-tools-participants {
  height: 47.2px;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .email .email-reading-panel.addr-collapsed .email-data-date {
    height: 47.2px;
    overflow: hidden;
  }
}

.email .email-writing-panel {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
  padding: 0 !important;
  margin: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (min-width: 992px) {
  .email .email-writing-panel {
    float: left;
    width: 50%;
  }
}

.email .email-writing-panel .response-title {
  display: none;
}

.email .email-writing-panel .forward-title {
  display: inline;
}

.email .email-writing-panel .collapse-addr-button {
  background: var(--bg-acc-hover);
}

.email .email-writing-panel.addr-collapsed .email-receivers-group {
  height: 0;
  padding: 0;
  overflow: hidden;
}

.email .email-writing-panel.addr-collapsed .collapse-addr-button {
  background: transparent;
}

.email .email-writing-panel.email-response .response-title {
  display: inline;
}

.email .email-writing-panel.email-response .forward-title {
  display: none;
}

.email .email-writing-panel.email-response .outbound-title {
  display: none;
}

.email .email-writing-panel.email-forward .response-title {
  display: none;
}

.email .email-writing-panel.email-forward .forward-title {
  display: inline;
}

.email .email-writing-panel.email-forward .outbound-title {
  display: none;
}

.email .email-writing-panel.email-outbound .response-title {
  display: none;
}

.email .email-writing-panel.email-outbound .forward-title {
  display: none;
}

.email .email-writing-panel.email-outbound .outbound-title {
  display: inline;
}

.email .email-writing-panel > form {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
}

.email .email-writing-panel > form .email-editor {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}

.email .email-writing-panel > form .email-editor .note-editor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.email .email-writing-panel > form .email-editor .note-color .note-dropdown-menu {
  left: -135px;
}

.email .email-writing-panel > form .email-editor .note-editing-area {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}

.email .email-writing-panel > form .email-editor .note-editing-area .note-editable {
  height: 100% !important;
}

.email .email-writing-panel .save-feedback {
  position: absolute;
  top: 52px;
  left: 50%;
  width: 280px;
  z-index: 100;
  font-size: 0.8em;
  margin-left: -140px;
  text-align: center;
}

.email .email-panels-wrapper {
  height: 100%;
}

.email .email-panels-wrapper.right-only .email-writing-panel {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.email .email-panels-wrapper.right-only .email-reading-panel {
  width: 0 !important;
  overflow: hidden;
  border: 0;
  float: left;
}

.email .email-panels-wrapper.left-only .email-writing-panel {
  width: 0 !important;
  overflow: hidden;
  float: left;
  border: 0;
}

.email .email-panels-wrapper.left-only .email-reading-panel {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.email .email-panels-wrapper .email-panel-switch {
  position: absolute;
  bottom: 6px;
  left: 8px;
}

.email-inline-date {
  color: var(--text-tip);
  line-height: 2.5rem;
  display: inline-block;
  font-size: 1rem;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid var(--bg-general);
}

.email-decorated-date {
  display: none;
}

.email-data-subject {
  margin: 0;
  text-align: left;
  font-size: 1rem;
  font-weight: bold;
  width: 100%;
  padding: 0 0.5rem 0 1rem;
  border-top: 1px solid var(--bg-general);
  border-bottom: 1px solid var(--bg-general);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.email-data-subject > span:first-child {
  width: 20px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
}

.email-data-subject > span:first-child.state-asignado {
  color: #47b8e4;
}

.email-data-subject > span:first-child.state-respondido {
  color: #63c863;
}

.email-data-subject > span:first-child.state-enviado {
  color: #dfb057;
}

.email-data-subject > span:first-child.state-omitido {
  color: #e86068;
}

.email-data-subject > span.subject-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.2rem;
}

.email-data-subject > span.collapse-addr-button {
  width: 38px;
  cursor: pointer;
  font-size: 1.2rem;
}

.email-body {
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}

.email-body div,
.email-body p,
.email-body table,
.email-body td,
.email-body th,
.email-body tr {
  color: var(--text-main) !important;
  background: var(--bg-menu) !important;
}

.email-body article {
  background: var(--bg-menu);
  padding: 1rem 1.5rem;
  overflow-y: auto;
  min-height: 100%;
  font-size: 1rem;
  font-family: Arial;
  /* change border colour to suit your needs */
}

.email-body article *:not(table) {
  max-width: 100%;
  white-space: normal;
  height: auto !important;
}

.email-body article h1,
.email-body article h2,
.email-body article h3,
.email-body article h4,
.email-body article h5,
.email-body article h6 {
  margin: 0 !important;
}

.email-body article html,
.email-body article body,
.email-body article div,
.email-body article span,
.email-body article p,
.email-body article blockquote,
.email-body article pre,
.email-body article abbr,
.email-body article address,
.email-body article cite,
.email-body article code,
.email-body article del,
.email-body article dfn,
.email-body article em,
.email-body article img,
.email-body article ins,
.email-body article kbd,
.email-body article q,
.email-body article samp,
.email-body article small,
.email-body article strong,
.email-body article sub,
.email-body article sup,
.email-body article var,
.email-body article b,
.email-body article i,
.email-body article article,
.email-body article aside,
.email-body article canvas,
.email-body article details,
.email-body article figcaption,
.email-body article figure,
.email-body article footer,
.email-body article header,
.email-body article hgroup,
.email-body article menu,
.email-body article nav,
.email-body article section,
.email-body article summary,
.email-body article time,
.email-body article mark,
.email-body article audio,
.email-body article video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-family: 'Arial';
  vertical-align: baseline;
  background: transparent;
  line-height: 1.2;
}

.email-body article .MsoNormal {
  font-size: 1rem !important;
}

.email-body article article,
.email-body article aside,
.email-body article details,
.email-body article figcaption,
.email-body article figure,
.email-body article footer,
.email-body article header,
.email-body article hgroup,
.email-body article menu,
.email-body article nav,
.email-body article section {
  display: block;
}

.email-body article blockquote,
.email-body article q {
  quotes: none;
}

.email-body article blockquote:before,
.email-body article blockquote:after,
.email-body article q:before,
.email-body article q:after {
  content: '';
  content: none;
}

.email-body article a {
  color: var(--brand-main-hover) !important;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer;
}

.email-body article del {
  text-decoration: line-through;
}

.email-body article abbr[title],
.email-body article dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.email-body article table {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
}

.email-body article hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

.email-body article p,
.email-body article ul,
.email-body article ol,
.email-body article pre,
.email-body article table,
.email-body article blockquote {
  margin-bottom: 0 !important;
}

.email-body .email-secondary-heading {
  margin: 0 -31px 0 -51px;
  text-shadow: 1px 1px 0px #222;
  color: #eee !important;
  overflow: auto;
}

.email-body .email-secondary-heading:not(.collapsed) .fa-chevron-right {
  display: none;
}

.email-body .email-secondary-heading.collapsed .fa-chevron-down {
  display: none;
}

.email-body .secondary-heading-wrapper {
  display: table;
  width: 100%;
}

.email-body .secondary-heading-wrapper > * {
  display: table-cell;
  vertical-align: middle;
}

.email-body .email-arrow-separator {
  background: #4c4c4c;
  background: -webkit-linear-gradient(top, #4c4c4c 0%, #474747 24%, #2c2c2c 50%, #000000 51%, #262626 76%, #131313 100%);
  background: -webkit-linear-gradient(top, #4c4c4c 0%, #474747 24%, #2c2c2c 50%, #000 51%, #262626 76%, #131313 100%);
  background: -o-linear-gradient(top, #4c4c4c 0%, #474747 24%, #2c2c2c 50%, #000 51%, #262626 76%, #131313 100%);
  background: linear-gradient(to bottom, #4c4c4c 0%, #474747 24%, #2c2c2c 50%, #000 51%, #262626 76%, #131313 100%);
  text-align: center;
  width: 21px;
  border: 1px solid #ccc;
  border-left: none;
}

.email-body .email-secondary-body {
  padding: 15px 0;
}

.email-body .email-data-minidate {
  text-align: center;
  padding: 3px 10px;
  width: 100px;
  background: #4c4c4c;
  background: -webkit-linear-gradient(top, #4c4c4c 0%, #474747 24%, #2c2c2c 50%, #000000 51%, #262626 76%, #131313 100%);
  background: -webkit-linear-gradient(top, #4c4c4c 0%, #474747 24%, #2c2c2c 50%, #000 51%, #262626 76%, #131313 100%);
  background: -o-linear-gradient(top, #4c4c4c 0%, #474747 24%, #2c2c2c 50%, #000 51%, #262626 76%, #131313 100%);
  background: linear-gradient(to bottom, #4c4c4c 0%, #474747 24%, #2c2c2c 50%, #000 51%, #262626 76%, #131313 100%);
}

.email-body .email-data-from-icon {
  background: #d6d6d6;
  text-shadow: none;
  color: #555;
  padding: 0 8px;
  text-align: center;
  font-size: 2em;
  width: 44px;
}

.email-body .email-data-from {
  background: #d6d6d6;
  text-shadow: none;
  color: #555;
  padding: 0 8px;
  text-align: left;
  font-size: 0.8em;
  border-left: 1px solidrgba(0, 0, 0, 0.3);
  width: 115px;
}

.email-body .email-data-receivers {
  list-style: none;
  margin: 0;
  font-size: 0.8em;
  height: 46px;
  padding: 7px;
  background: #333;
}

.email-footer {
  height: 43.15px;
  padding: 3px 5px;
  border-top: 1px solid var(--bg-general);
}

.email-participants {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.email-participants .email-visitor-name {
  font-size: 2em;
  padding: 10px;
  text-align: center;
  width: 100px;
  border-right: 1px solid var(--bg-general);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--text-tip);
}

.email-participants .email-visitor-name h4 {
  font-size: 0.9rem;
  margin: 0;
  line-height: 1.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.email-participants .email-receivers-group {
  padding: 0.5rem 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.email-participants .email-receivers-group .form-group {
  padding-bottom: 0;
}

.attachment-drop-wrapper {
  position: absolute;
  height: 0;
  overflow: hidden;
  top: 100%;
  right: 2px;
  background: var(--bg-acc-mod);
  width: 250px;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  z-index: 300;
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.attachment-drop-wrapper.left {
  left: 2px;
  right: auto;
}

.attachment-drop-wrapper > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  background: var(--bg-panel);
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}

.attachment-drop-wrapper > ul li {
  display: table;
  width: 100%;
  border-bottom: 1px solid var(--bg-general);
  background: var(--bg-panel);
}

.attachment-drop-wrapper > ul li > ul {
  padding: 0;
}

.attachment-drop-wrapper > ul li:hover {
  color: var(--brand-main);
  cursor: default;
}

.attachment-drop-wrapper > ul li:hover > span:last-child {
  display: table-cell;
}

.attachment-drop-wrapper > ul li > span {
  display: table-cell;
  font-weight: bold;
  font-size: 0.9em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 167.85px;
}

.attachment-drop-wrapper > ul li > span:first-child {
  padding: 0.6rem 1rem 0.5rem;
}

.attachment-drop-wrapper > ul li > span:last-child {
  width: 40px;
  padding: 0 0.3rem 0 0;
  text-align: center;
  vertical-align: middle;
  display: none;
}

.attachment-drop-wrapper > ul li > span > span:first-child {
  margin-right: 4px;
  font-size: 1.4rem;
  vertical-align: text-bottom;
}

.attachment-drop-wrapper.open {
  height: 247px;
  opacity: 1;
  overflow: hidden;
}

.attachment-drop-wrapper header {
  padding: 0.5rem 1rem;
  color: var(--brand-main);
  border-bottom: 1px solid var(--bg-general);
}

.attachment-drop-wrapper header h4 {
  margin: 0;
  text-align: center;
  font-weight: bold;
}

.attachment-drop-wrapper section {
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.attachment-drop-wrapper section ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
  height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}

.attachment-drop-wrapper section ul li {
  background: #ccc;
  display: table-row;
}

.attachment-drop-wrapper section ul li:nth-child(odd) {
  background: #ddd;
}

.attachment-drop-wrapper section ul li > span:first-child {
  display: table-cell;
  padding: 15px 0 15px 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  white-space: nowrap;
}

.attachment-drop-wrapper section ul li > span:last-child {
  display: table-cell;
  text-align: center;
}

.attachment-drop-wrapper footer {
  border-top: 1px solid var(--bg-general);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1rem;
}

.attachment-drop-wrapper footer > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.side-heading {
  position: relative;
}

.side-heading h3 {
  margin: 0;
  color: var(--text-label);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--bg-general);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.side-heading h3 > span {
  white-space: nowrap;
}

.side-heading h3 > span:nth-child(2) {
  text-align: center;
  font-size: 1rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.integra-form {
  margin: 0 !important;
  background: transparent;
}

.email-receivers-group {
  padding: 0.5rem 0;
}

.email-receivers-group .form-group {
  padding-bottom: 0;
}

.email-editor .note-statusbar,
.email-editor .note-status-output {
  display: none !important;
}

.email-editor .note-editor {
  height: 100%;
}

.email-editor .note-editor h1,
.email-editor .note-editor h2,
.email-editor .note-editor h3,
.email-editor .note-editor h4,
.email-editor .note-editor h5,
.email-editor .note-editor h6 {
  margin: 0 !important;
}

.email-editor .note-editor p,
.email-editor .note-editor ul,
.email-editor .note-editor ol,
.email-editor .note-editor pre,
.email-editor .note-editor table,
.email-editor .note-editor blockquote {
  margin-bottom: 0;
}

.email-editor .note-editing-area {
  font-size: 1rem;
  font-family: Arial;
  /* change border colour to suit your needs */
}

.email-editor .note-editing-area *:not(table) {
  max-width: 100%;
  white-space: normal;
  height: auto !important;
}

.email-editor .note-editing-area h1,
.email-editor .note-editing-area h2,
.email-editor .note-editing-area h3,
.email-editor .note-editing-area h4,
.email-editor .note-editing-area h5,
.email-editor .note-editing-area h6 {
  margin: 0 !important;
}

.email-editor .note-editing-area html,
.email-editor .note-editing-area body,
.email-editor .note-editing-area div,
.email-editor .note-editing-area span,
.email-editor .note-editing-area p,
.email-editor .note-editing-area blockquote,
.email-editor .note-editing-area pre,
.email-editor .note-editing-area abbr,
.email-editor .note-editing-area address,
.email-editor .note-editing-area cite,
.email-editor .note-editing-area code,
.email-editor .note-editing-area del,
.email-editor .note-editing-area dfn,
.email-editor .note-editing-area em,
.email-editor .note-editing-area img,
.email-editor .note-editing-area ins,
.email-editor .note-editing-area kbd,
.email-editor .note-editing-area q,
.email-editor .note-editing-area samp,
.email-editor .note-editing-area small,
.email-editor .note-editing-area strong,
.email-editor .note-editing-area sub,
.email-editor .note-editing-area sup,
.email-editor .note-editing-area var,
.email-editor .note-editing-area b,
.email-editor .note-editing-area i,
.email-editor .note-editing-area article,
.email-editor .note-editing-area aside,
.email-editor .note-editing-area canvas,
.email-editor .note-editing-area details,
.email-editor .note-editing-area figcaption,
.email-editor .note-editing-area figure,
.email-editor .note-editing-area footer,
.email-editor .note-editing-area header,
.email-editor .note-editing-area hgroup,
.email-editor .note-editing-area menu,
.email-editor .note-editing-area nav,
.email-editor .note-editing-area section,
.email-editor .note-editing-area summary,
.email-editor .note-editing-area time,
.email-editor .note-editing-area mark,
.email-editor .note-editing-area audio,
.email-editor .note-editing-area video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-family: 'Arial';
  vertical-align: baseline;
  background: transparent;
  line-height: 1.2;
}

.email-editor .note-editing-area .MsoNormal {
  font-size: 1rem !important;
}

.email-editor .note-editing-area article,
.email-editor .note-editing-area aside,
.email-editor .note-editing-area details,
.email-editor .note-editing-area figcaption,
.email-editor .note-editing-area figure,
.email-editor .note-editing-area footer,
.email-editor .note-editing-area header,
.email-editor .note-editing-area hgroup,
.email-editor .note-editing-area menu,
.email-editor .note-editing-area nav,
.email-editor .note-editing-area section {
  display: block;
}

.email-editor .note-editing-area blockquote,
.email-editor .note-editing-area q {
  quotes: none;
}

.email-editor .note-editing-area blockquote:before,
.email-editor .note-editing-area blockquote:after,
.email-editor .note-editing-area q:before,
.email-editor .note-editing-area q:after {
  content: '';
  content: none;
}

.email-editor .note-editing-area a {
  color: var(--brand-main-hover) !important;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer;
}

.email-editor .note-editing-area del {
  text-decoration: line-through;
}

.email-editor .note-editing-area abbr[title],
.email-editor .note-editing-area dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

.email-editor .note-editing-area table {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
}

.email-editor .note-editing-area hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

.email-editor .note-editing-area p,
.email-editor .note-editing-area ul,
.email-editor .note-editing-area ol,
.email-editor .note-editing-area pre,
.email-editor .note-editing-area table,
.email-editor .note-editing-area blockquote {
  margin-bottom: 0 !important;
}

.email-editor .note-editable {
  height: 100% !important;
  padding: 15px !important;
}

.email-editor .note-placeholder {
  padding: 15px !important;
}

@media screen and (max-width: 767px) {
  .email-editor .note-btn {
    font-size: 9px;
  }
}

.email-editor textarea {
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .email-data-date {
    width: 100px !important;
    color: var(--text-main);
    text-align: center;
  }

  .email-tools-participants {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }

  .email-inline-date {
    display: none;
  }

  .email-body {
    height: -webkit-calc(100% - 221.017px);
    height: calc(100% - 221.017px);
  }

  .email-decorated-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-right: 1px solid var(--bg-general);
    color: var(--text-tip);
  }

  .email-decorated-date > span {
    display: block;
  }

  .email-decorated-date .email-date-weekday {
    font-size: 0.85rem;
    white-space: nowrap;
    text-transform: uppercase;
    padding: 0 0 0.5rem;
    border-bottom: 1px solid var(--bg-general);
  }

  .email-decorated-date .email-date-month {
    text-transform: uppercase;
    font-size: 1rem;
  }

  .email-decorated-date .email-date-day {
    font-size: 2.8rem;
    font-weight: bold;
    padding-bottom: 1rem;
  }

  .email-decorated-date .email-date-time {
    font-size: 1rem;
    border-top: 1px solid var(--bg-general);
    padding-top: 0.5rem;
  }
}

/*
 * CONFIGURACIÓN PERSONAL DE EMAIL
 */

.email-config-items {
  height: 40%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .email-config-items {
    float: left;
    width: 33.33333333%;
  }
}

@media screen and (min-width: 768px) {
  .email-config-items {
    height: 100%;
    border-right: 1px solid var(--bg-general);
  }
}

.email-config-items > section {
  height: -webkit-calc(100% - 44.15px);
  height: calc(100% - 44.15px);
}

.email-config-items ul {
  height: 100%;
  overflow-y: auto;
  padding: 0;
  background: var(--bg-acc-mod);
}

.email-config-details {
  height: 60%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .email-config-details {
    float: left;
    width: 66.66666667%;
  }
}

@media screen and (min-width: 768px) {
  .email-config-details {
    height: 100%;
  }
}

.email-config-details #emailConfig__Sound {
  display: none;
}

.email-config-details #emailConfig__Sound form {
  margin: 0;
  padding-top: 1rem;
}

.email-config-details #emailConfig__AddressBook {
  display: none;
  height: 100%;
}

.email-config-details #emailConfig__AddressBook form {
  margin: 0;
  padding-top: 1rem;
}

.email-config-details #emailConfig__AddressBook .grilla-address-book {
  height: -webkit-calc(100% - 243.3px);
  height: calc(100% - 243.3px);
  margin-left: -15px;
  margin-right: -15px;
}

.email-config-details #emailConfig__AddressBook .grilla-address-book .fa {
  font-size: 1.2em;
  margin-right: 3px;
}

.email-config-details #emailConfig__AddressBook .grilla-address-book .no-named {
  font-style: italic;
}

.email-config-details #emailConfig__AddressBook .grilla-address-book .is-named {
  font-weight: bold;
}

.sound-config .email-config-details #emailConfig__Sound {
  display: block;
}

.abook-config .email-config-details #emailConfig__AddressBook {
  display: block;
}

.table-loader {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -84px;
  text-align: center;
  color: var(--text-main);
  width: 100%;
}

.table-loader img {
  width: 100px;
  margin-bottom: 1rem;
  -webkit-animation: 1s ease infinite running loading;
  -o-animation: 1s ease infinite running loading;
  animation: 1s ease infinite running loading;
}

.loading .table-loader {
  display: block !important;
}

.loading .table-content {
  display: none;
}

.empty .table-content {
  display: none;
}

.table-empty-feedback {
  display: none;
  color: var(--text-tip);
  text-align: center;
  position: absolute;
  top: 50%;
  width: 100%;
  left: 0;
  margin-top: -43px;
  padding: 0 25px;
}

.table-empty-feedback .glyphicon {
  font-size: 3em;
  margin-bottom: 15px;
}

.empty .table-empty-feedback {
  display: block !important;
}

.loading .table-empty-feedback {
  display: none !important;
}

[type="radio"] + .form-control {
  /*,
.radio-inline + .form-control {*/
  width: -webkit-calc(100% - 27px);
  width: calc(100% - 27px);
  display: inline-block;
}

#panelConfiguracionUrl .main-form {
  padding: 1rem 1rem 0;
  border-bottom: 1px solid var(--bg-general);
}

@media screen and (min-width: 768px) {
  #panelConfiguracionUrl .main-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  #panelConfiguracionUrl .main-form > div {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
  }

  #panelConfiguracionUrl .main-form > div:last-child {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

#panelConfiguracionUrl .main-section #tableContainer {
  padding: 0 !important;
  background: var(--bg-acc-mod);
  position: relative;
  border-bottom: 1px solid var(--bg-general);
}

#panelConfiguracionUrl .main-section #tableContainer #secondTableContainer {
  height: 300px;
}

#panelConfiguracionUrl .main-section #formularioConfiguracion {
  overflow-y: auto;
}

#panelConfiguracionUrl .main-section #formularioConfiguracion form {
  padding: 0 1.4rem;
  overflow-y: auto;
  margin: 0;
  display: none;
  background: var(--bg-acc-mod);
}

#panelConfiguracionUrl .main-section #formularioConfiguracion form .form-group {
  border: 1px solid var(--bg-general);
  background: var(--bg-panel);
  padding: 0.5rem 1rem;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1rem !important;
}

#panelConfiguracionUrl .main-section #formularioConfiguracion .footer-tools {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 0.5rem;
  padding: 0.5rem;
  border-top: 1px solid var(--bg-general);
}

#panelConfiguracionUrl .main-section #formularioConfiguracion .footer-tools > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#panelConfiguracionUrl .main-section #formularioConfiguracion :not(.modificar-enlace) #btnEliminarEnlace {
  display: none;
}

@media screen and (min-width: 768px) {
  #panelConfiguracionUrl .main-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-calc(100% - 91.3px) !important;
    height: calc(100% - 91.3px) !important;
  }

  #panelConfiguracionUrl .main-section #tableContainer {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid var(--bg-general);
  }

  #panelConfiguracionUrl .main-section #tableContainer #secondTableContainer {
    height: 100%;
  }

  #panelConfiguracionUrl .main-section #formularioConfiguracion {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -moz-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }

  #panelConfiguracionUrl .main-section #formularioConfiguracion form {
    height: -webkit-calc(100% - 47px);
    height: calc(100% - 47px);
  }
}

.nuevo-enlace > form,
.modificar-enlace > form {
  display: block !important;
}

.nuevo-enlace #pageInfo,
.modificar-enlace #pageInfo {
  display: none !important;
}

.nuevo-enlace .modificar-titulo-icono,
.nuevo-enlace .modificar-titulo-texto {
  display: none !important;
}

.nuevo-enlace .nuevo-titulo-icono,
.nuevo-enlace .nuevo-titulo-texto {
  display: inline !important;
}

.modificar-enlace .modificar-titulo-icono,
.modificar-enlace .modificar-titulo-texto {
  display: inline !important;
}

.modificar-enlace .nuevo-titulo-icono,
.modificar-enlace .nuevo-titulo-texto {
  display: none !important;
}

.loading .table-content,
.cog-item-list.loading li,
.loading .dataTables_wrapper {
  opacity: 0 !important;
  pointer-events: none;
}

.empty .table-content,
.cog-item-list.empty li,
.empty .dataTables_wrapper {
  display: none !important;
}

.loading #secondTableContainer {
  opacity: 0 !important;
}

#arbolContainer .arbol-parametros {
  margin-left: 17% !important;
}

#arbolContainer .arbol-parametros::before {
  position: absolute;
  left: -40px;
  bottom: 50%;
  width: 40px;
  display: block !important;
  border-bottom: 4px solid var(--bg-general);
  border-left: 4px solid var(--bg-general);
  height: -webkit-calc(50% + 17px) !important;
  height: calc(50% + 17px) !important;
  top: -16px !important;
}

#arbolContainer .arbol-parametros:not(:last-child)::after {
  position: absolute;
  left: -40px;
  bottom: 50%;
  width: 40px;
  display: block !important;
  border-top: 4px solid var(--bg-general);
  border-left: 4px solid var(--bg-general);
  height: -webkit-calc(50% + 19px) !important;
  height: calc(50% + 19px) !important;
  bottom: -16px !important;
}

.ticket-terminado {
  color: #339f44 !important;
  font-size: 1rem;
}

.ticket-vencido {
  color: #db574d !important;
  font-size: 1rem;
}

.ticket-activo {
  color: #33949f !important;
  font-size: 1rem;
}

.num-ticket-grilla::before {
  content: "#";
}

.tickets-panel {
  height: 100%;
}

.tickets-panel .panel-body {
  overflow: hidden !important;
}

.tickets-panel .ticket-list-panel {
  height: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .tickets-panel .ticket-list-panel {
    float: left;
    width: 25%;
  }
}

.tickets-panel .ticket-list-panel > header {
  height: auto;
  margin-left: -15px;
  margin-right: -15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-right: 1px solid var(--bg-general);
  border-bottom: 1px solid var(--bg-general);
}

.tickets-panel .ticket-list-panel > header > * {
  padding: 0;
}



.tickets-panel .ticket-list-panel .tickets-list {
  margin: 0;
  height: -webkit-calc(100% - 135.15px);
  height: calc(100% - 135.15px);
  background: var(--bg-acc-mod);
  padding: 0;
  list-style: none;
  overflow-y: auto;
  overflow-x: hidden;
  margin-left: -15px;
  margin-right: -15px;
}

@media screen and (min-width: 992px) {
  .tickets-panel .ticket-list-panel .tickets-list {
    overflow: hidden;
  }

  .tickets-panel .ticket-list-panel .tickets-list:hover {
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.tickets-panel .ticket-list-panel .tickets-list + .module-footer {
  height: 40.15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid var(--bg-general);
}

.tickets-panel .ticket-list-panel .tickets-list + .module-footer > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item {
  display: table;
  width: 100%;
  cursor: pointer;
  background: var(--bg-panel);
  position: relative;
  border-bottom: 1px solid var(--bg-general);
  border-right: 1px solid var(--bg-general);
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .ticket-change-feedback {
  position: absolute;
  top: 7px;
  right: 8px;
  color: #d88820;
  display: none;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item.has-changes .ticket-change-feedback {
  display: inline-block !important;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .datos-visibles {
  display: table-cell;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .situacion-ticket {
  padding: 2px 4px 0 0;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item:hover .datos-visibles * {
  color: var(--brand-main);
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item.selected .datos-visibles * {
  color: var(--brand-main-active);
  font-weight: bold;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item.selected {
  border-left: 4px solid var(--brand-main-active);
  border-right: none;
  background: -webkit-linear-gradient(left, var(--bg-acc-hover), var(--bg-panel)) !important;
  background: -o-linear-gradient(left, var(--bg-acc-hover), var(--bg-panel)) !important;
  background: linear-gradient(to right, var(--bg-acc-hover), var(--bg-panel)) !important;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item.selected .ticket-event-history {
  opacity: 1;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .datos-visibles {
  padding: 6px 18px;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .datos-visibles > span {
  display: table;
  width: 100% !important;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .datos-visibles > span > span {
  display: table-row;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .datos-visibles > span > span:nth-child(1) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  display: table-cell;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .datos-visibles > span > span:nth-child(2) {
  font-size: 0.85rem;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .datos-visibles > span > span:nth-child(2) em {
  display: table-cell;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .datos-visibles > span > span:nth-child(3) {
  font-size: 0.7rem;
  font-weight: bold;
  color: #666;
  white-space: nowrap;
  display: none;
}

.tickets-panel .ticket-list-panel .tickets-list .ticket-item .ticket-event-history {
  position: absolute;
  bottom: 1px;
  right: 1px;
  opacity: 0;
  font-size: 1rem;
}

.tickets-panel .ticket-list-panel .condition-filter {
  text-align: center;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font-size: 0.86em;
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  white-space: nowrap;
  border-bottom: 1px solid var(--bg-general);
}

.tickets-panel .ticket-list-panel .condition-filter > label {
  margin: 0;
}

.tickets-panel .ticket-list-panel .condition-filter .check-filter {
  padding: 0 2px;
}

.tickets-panel .ticket-list-panel .condition-filter .check-filter > .fa {
  font-size: 20px;
}

.tickets-panel .ticket-list-panel .condition-filter .check-filter > * {
  margin: 0;
  vertical-align: middle;
  line-height: 20px;
}

.tickets-panel .ticket-list-panel.no-alta > header {
  height: 68px !important;
}

.tickets-panel .ticket-list-panel.no-alta .tickets-list {
  height: -webkit-calc(100% - 135.15px) !important;
  height: calc(100% - 135.15px) !important;
}

.tickets-panel .ticket-list-panel.no-alta .ticket-filtros {
  margin: 0 !important;
}

@media screen and (max-width: 767px) {
  .tickets-panel .ticket-list-panel {
    height: 40%;
  }
}

@media screen and (min-width: 768px) {
  .tickets-panel .ticket-list-panel {
    height: 100%;
  }
}

.tickets-panel .ticket-cards-container {
  height: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

@media (min-width: 768px) {
  .tickets-panel .ticket-cards-container {
    float: left;
    width: 75%;
  }
}

.tickets-panel .ticket-cards-container .ticket {
  height: 100%;
  position: relative;
}

.tickets-panel .ticket-cards-container .ticket form {
  margin-top: 0;
  height: -webkit-calc(100% - 43px);
  height: calc(100% - 43px);
  overflow-y: auto;
}

.tickets-panel .ticket-cards-container .ticket .ticket-tiempo-transcurrido {
  font-size: 0.5em;
}

.tickets-panel .ticket-cards-container .ticket .ticket-header {
  overflow: hidden;
  background: var(--bg-panel);
}

.tickets-panel .ticket-cards-container .ticket .ticket-footer {
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid var(--bg-general);
}

.tickets-panel .ticket-cards-container .ticket .ticket-footer .tickets-commands {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  padding: 0 4px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-comment-count {
  background: var(--text-main);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: var(--btn-sec);
  padding: 1px 6px;
  margin-right: 5px;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tickets-panel .ticket-cards-container .ticket .secondary:hover .ticket-comment-count {
  background: var(--brand-main-hover);
  color: #f5f5f5;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body {
  padding: 0 1rem;
  padding-top: 0px;
  background: var(--bg-panel);
}

@media screen and (min-width: 768px) {
  .tickets-panel .ticket-cards-container .ticket .ticket-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 1rem;
  }
}

.tickets-panel .ticket-cards-container .ticket .ticket-body select[multiple] {
  height: auto;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .control-label {
  max-width: -webkit-calc(100% - 40px);
  max-width: calc(100% - 40px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body > div {
  width: 100%;
  position: relative;
  min-height: 1px;
  vertical-align: top;
}

@media screen and (min-width: 768px) {
  .tickets-panel .ticket-cards-container .ticket .ticket-body > div {
    width: 50%;
  }

  .tickets-panel .ticket-cards-container .ticket .ticket-body > div:first-child {
    border-right: 1px solid var(--bg-general);
  }
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation {
  position: absolute;
  right: 0;
  bottom: 43.15px;
  background: var(--bg-acc-mod);
  z-index: 100;
  width: 85%;
  overflow: hidden;
  -webkit-border-radius: 4px 0 0 0;
  border-radius: 4px 0 0 0;
  height: 0;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation.open {
  height: 75%;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation .ticket-conversation-title {
  margin: 0;
  padding: 0 5px 0 15px;
  color: var(--brand-main-active);
  line-height: 3rem;
  background: var(--bg-panel);
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation .ticket-conversation-title .close-conversation {
  float: right;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation .ticket-conversation-wrapper {
  position: relative;
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation .ticket-conversation-messages {
  height: -webkit-calc(100% - 64px) !important;
  height: calc(100% - 64px) !important;
  overflow-y: auto;
  position: relative;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation .ticket-write-comment {
  width: 100%;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation .ticket-write-comment span {
  width: 45px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation .ticket-write-comment textarea {
  background: var(--bg-input);
}

@media screen and (min-width: 768px) {
  .tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-conversation {
    width: 56%;
  }
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-info-group-title {
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px;
  color: var(--brand-main-active);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.1rem;
  padding-top: 1rem;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-info-group-title > .fa:first-child {
  padding-right: 4px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-aditional-group-title {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 30px 8px 8px;
  max-width: -webkit-calc(100% + 0px);
  max-width: calc(100% + 0px);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.1rem;
  cursor: pointer;
  color: var(--brand-main);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 6px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-aditional-group-title > .fa:first-child {
  padding-right: 4px;
  margin-bottom: -2px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-aditional-group-title:hover {
  background: var(--bg-acc-hover);
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-aditional-group-title > span {
  vertical-align: middle;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-aditional-group-title .ticket-group-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-aditional-group-title .glyphicon-chevron-down {
  position: absolute;
  right: 10px;
  top: 14px;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-aditional-group-title.collapsed .glyphicon-chevron-down {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-info-group-content {
  padding-bottom: 6px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-info-group-content [id^=dtp] {
  min-width: 90px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid var(--bg-general);
  border-bottom: none;
  background: var(--bg-input);
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .error {
  top: 100%;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file-group {
  line-height: 2rem;
  padding-left: 16px;
  color: var(--text-label);
  border-bottom: 1px solid var(--bg-general);
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file-group > .fa {
  padding-right: 4px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file-list-general,
.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file-list-agent {
  list-style: none;
  padding: 0;
  margin: 0;
  /*display    : table;
						width      : 100%;*/
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file {
  display: table;
  width: 100%;
  line-height: 2.5rem;
  font-size: 0.9rem;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file > * {
  display: table-cell;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file > .ticket-file-operation {
  display: none;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file:hover {
  color: var(--brand-main);
  cursor: default;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file:hover > .ticket-file-operation {
  display: table-cell;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file > .btn {
  width: 40px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-no-files {
  text-align: center;
  line-height: 40px;
  color: var(--text-tip);
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file-icon {
  width: 40px;
  padding: 0 8px 0 16px;
  font-size: 1.4rem;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .ticket-file-name {
  vertical-align: middle;
  max-width: 100px;
  min-width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .btn-upload-ticket-file {
  display: table;
  width: 100%;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .ticket-file-list .btn-upload-ticket-file > label {
  width: 100%;
  margin-top: 0 !important;
  line-height: 2rem;
  font-size: 1rem;
  padding: 4px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .input-combodinamico .btn-combodinamico:hover {
  cursor: pointer;
  color: aliceblue;
  background-color: #0E4B6D;
  border-color: #0E4B6D;
}

.tickets-panel .ticket-cards-container .ticket .ticket-body .txtAreaComentarioTicket {
  min-height: 64px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-autor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 4px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-autor > .form-group {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 50%;
  padding: 0 0 6px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-autor > .form-group:first-child {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-autor > .form-group:last-child {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-icon {
  padding: 0 15px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-icon.con-separador {
  border-right: 1px solid var(--bg-general);
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-icon .ticket-activo,
.tickets-panel .ticket-cards-container .ticket .ticket-group-icon .ticket-vencido,
.tickets-panel .ticket-cards-container .ticket .ticket-group-icon .ticket-terminado {
  font-size: 46px !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-icon .icono {
  display: inline;
  font-size: 41px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-icon .photo {
  width: 43px;
  height: 43px;
  display: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: initial;
  border: 1px solid var(--bg-general);
  background-position: center center;
  background-size: 100% auto;
  margin-bottom: -4px;
  background-color: #f5f5f5;
  background-size: cover;
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: -webkit-calc(100% - 72px);
  max-width: calc(100% - 72px);
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-data:first-child {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-left: 1.2rem;
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-data:last-child {
  padding-right: 1.2rem;
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-data > span:not(.control):first-child {
  font-size: 1rem;
  font-weight: bold;
  color: var(--text-label);
  line-height: 1rem;
}

.tickets-panel .ticket-cards-container .ticket .ticket-group-data > span:last-child {
  font-size: 1.1rem;
  line-height: 1.8rem;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state {
  clear: both;
  overflow: auto;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state h3 {
  margin: 0;
  color: var(--brand-main-active);
  padding: 8px 1.5rem 8px;
  border-bottom: 1px solid var(--bg-general);
  font-weight: bold;
  text-transform: uppercase;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group {
  margin: 0;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.ticket-state-control-wrapper {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--bg-general);
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.ticket-state-control-wrapper .ticket-state-title {
  text-align: center;
  font-size: 0.9rem;
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.ticket-state-control-wrapper .ticket-state-title .help-icon {
  color: var(--brand-main);
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-left,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-right,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control {
  height: 84px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-left,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-right {
  text-align: center;
  line-height: 84px;
  font-size: 2em;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-left.disabled,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-right.disabled {
  cursor: not-allowed !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-left.disabled span,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-right.disabled span {
  color: #999;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.no-scroll .ticket-state-control-left,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.no-scroll .ticket-state-control-right {
  cursor: not-allowed !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.no-scroll .ticket-state-control-left span,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.no-scroll .ticket-state-control-right span {
  color: #999;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.has-scroll .ticket-state-control-left,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.has-scroll .ticket-state-control-right {
  cursor: pointer !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.has-scroll .ticket-state-control-left span,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.has-scroll .ticket-state-control-right span {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.has-scroll .ticket-state-control-left:hover span,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group.has-scroll .ticket-state-control-right:hover span {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-left {
  border-right: 1px solid #ccc;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control-right {
  border-left: 1px solid #ccc;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .selectable-next-state {
  cursor: pointer;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .selectable-next-state::before {
  background: #bbb !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .selectable-next-state::after {
  border-color: #bbb !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .selectable-next-state::before,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .selectable-next-state::after {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
  transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state {
  cursor: pointer;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state::before {
  background: #8ac1d7 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state::after {
  border-color: #59aaca !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state + li.ticket-activated-state::before {
  background: #59aaca !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state::before,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state::after {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
  transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .ticket-activated-state::before {
  background: #8ac1d7 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .ticket-activated-state::after {
  border-color: #8ac1d7 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-next-state:hover::before {
  background: #8ac1d7 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-next-state:hover::after {
  border-color: #8ac1d7 !important;
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state:hover::before {
  background: #8ac1d7 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state:hover::after {
  border-color: #8ac1d7 !important;
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state:hover + li.ticket-activated-state::before {
  background: #bbb !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.activo .selectable-prev-state:hover + li.ticket-activated-state::after {
  border-color: #bbb !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state {
  cursor: pointer;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state::before {
  background: #d78a8a !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state::after {
  border-color: #c86b6b !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state + li.ticket-activated-state::before {
  background: #c86b6b !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state::before,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state::after {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
  transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .ticket-activated-state::before {
  background: #d78a8a !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .ticket-activated-state::after {
  border-color: #d78a8a !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-next-state:hover::before {
  background: #d78a8a !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-next-state:hover::after {
  border-color: #d78a8a !important;
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state:hover::before {
  background: #d78a8a !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state:hover::after {
  border-color: #d78a8a !important;
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state:hover + li.ticket-activated-state::before {
  background: #bbb !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.vencido .selectable-prev-state:hover + li.ticket-activated-state::after {
  border-color: #bbb !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state {
  cursor: pointer;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state::before {
  background: #8ad796 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state::after {
  border-color: #5eb16b !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state + li.ticket-activated-state::before {
  background: #5eb16b !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state::before,
.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state::after {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
  -o-transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
  transition-timing-function: cubic-bezier(0.48, 1, 0.77, 1);
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .ticket-activated-state::before {
  background: #8ad796 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .ticket-activated-state::after {
  border-color: #8ad796 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-next-state:hover::before {
  background: #8ad796 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-next-state:hover::after {
  border-color: #8ad796 !important;
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state:hover::before {
  background: #8ad796 !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state:hover::after {
  border-color: #8ad796 !important;
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state:hover + li.ticket-activated-state::before {
  background: #bbb !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control.terminado .selectable-prev-state:hover + li.ticket-activated-state::after {
  border-color: #bbb !important;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .state-indicator-container {
  display: inline-block;
  padding-top: 64px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .state-indicator-container ul {
  list-style: none;
  display: table;
  padding: 0;
  margin: 0;
  counter-reset: estado;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .state-indicator-container ul .state-indicator {
  counter-increment: estado;
  display: table-cell;
  width: 100px;
  text-align: center;
  min-width: 100px;
  max-width: 100px;
  white-space: normal;
  line-height: 18px;
  height: 18px;
  vertical-align: top;
  font-size: 0.9em;
  position: relative;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .state-indicator-container ul .state-indicator > span {
  cursor: help;
  display: inline-block;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0px 5px;
  font-size: 11px;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .state-indicator-container ul .state-indicator:not(:first-child)::before {
  content: "\00a0";
  position: absolute;
  width: 100%;
  height: 10px;
  background: #ddd;
  bottom: 45px;
  left: -50%;
  z-index: 10;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-control .state-indicator-container ul .state-indicator::after {
  content: counter(estado);
  position: absolute;
  left: 50%;
  bottom: 26px;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  line-height: 30px;
  font-size: 16px;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 20;
  border: 10px solid #ddd;
  text-shadow: none;
  color: #999;
  font-weight: bold;
}

.tickets-panel .ticket-cards-container .ticket .ticket-type-state .form-group .ticket-state-placeholder {
  position: absolute;
  top: 40%;
  text-align: center;
  width: 100%;
  left: 0;
}

@media screen and (max-width: 767px) {
  .tickets-panel .ticket-cards-container {
    height: 60%;
  }
}

@media screen and (min-width: 768px) {
  .tickets-panel .ticket-cards-container {
    height: 100%;
  }
}

@media screen and (min-width: 768px) {
  .tickets-panel .tickets-toggle .glyphicon-chevron-left {
    display: inline;
  }

  .tickets-panel .tickets-toggle .glyphicon-chevron-right {
    display: none;
  }

  .tickets-panel.tickets-list-hidden .ticket-list-panel {
    width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tickets-panel.tickets-list-hidden .ticket-cards-container {
    width: 100% !important;
    border-left: 1px solid var(--bg-general);
  }

  .tickets-panel.tickets-list-hidden .tickets-toggle .glyphicon-chevron-left {
    display: none !important;
  }

  .tickets-panel.tickets-list-hidden .tickets-toggle .glyphicon-chevron-right {
    display: inline !important;
  }
}

.no-alta-feedback {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  line-height: 250%;
}

.no-alta-feedback .fa {
  color: var(--brand-main);
  cursor: help;
}

.fab-icon-holder:hover {
  opacity: 0.8;
}

.fab {
  width: 39px;
  height: 30px;
  position: relative;
}

.fab-options {
  list-style-type: none;
  margin: 0;
  position: absolute;
  bottom: 30px;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 85% bottom;
  -ms-transform-origin: 85% bottom;
  -o-transform-origin: 85% bottom;
  transform-origin: 85% bottom;
  z-index: 99999;
}

.fab:hover + .fab-options,
.fab-options:hover {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.fab-options li {
  display: inline-table;
  vertical-align: middle;
  padding: 5px;
  background: #CFCFCF;
}

.fab-options li .fourButtonsTickets {
  padding-right: 12px;
}

.fab-label {
  padding: 2px 6px;
  white-space: nowrap;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(14, 75, 109, 0.5);
  color: #FFF;
  -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
  margin-right: 5px;
  display: block;
  text-align: right;
}

#previewDatosTicket {
  background: #f5f5f5;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1rem;
  border: 1px solid var(--bg-general);
}

.ticket-prev-data {
  text-decoration: line-through;
  color: var(--text-placeholder);
}

.ticket-prev-new-arrow {
  color: #6ad050;
}

/**
 *  Hoja de Estilos para notificaciones de usuario y configuración de notificaciones
 */

#panelMensajesProgramados #contenedorTabla {
  height: -webkit-calc(100% - 36.11px);
  height: calc(100% - 36.11px);
}

#panelMensajesProgramados .panel-subtitle-body {
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  padding-bottom: 0 !important;
  overflow-y: auto;
  overflow-x: hidden;
  height: -webkit-calc(100% - 36.11px);
  height: calc(100% - 36.11px);
}

#panelMensajesProgramados .user-check-list {
  margin-left: -15px;
  margin-right: -15px;
  height: -webkit-calc(100% - 76px);
  height: calc(100% - 76px);
}

#panelMensajesProgramados .user-check-list > li {
  height: 100%;
}

#panelMensajesProgramados .user-check-list > li > label {
  position: relative;
}

#panelMensajesProgramados .user-check-list,
#panelMensajesProgramados .dependent-list {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  overflow-x: hidden;
}

#panelMensajesProgramados .user-check-list label,
#panelMensajesProgramados .dependent-list label {
  margin: 0;
  display: inline-block;
  width: 100%;
  line-height: 1.3rem;
  padding: 0.5rem 1rem;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--bg-general);
}

#panelMensajesProgramados .user-check-list label:hover,
#panelMensajesProgramados .dependent-list label:hover {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
}

#panelMensajesProgramados .user-check-list label:hover .checked,
#panelMensajesProgramados .dependent-list label:hover .checked {
  display: inline !important;
}

#panelMensajesProgramados .user-check-list label:hover .unchecked,
#panelMensajesProgramados .dependent-list label:hover .unchecked {
  display: none !important;
}

#panelMensajesProgramados .user-check-list label .checked,
#panelMensajesProgramados .dependent-list label .checked,
#panelMensajesProgramados .user-check-list label .unchecked,
#panelMensajesProgramados .dependent-list label .unchecked {
  font-size: 25px;
}

#panelMensajesProgramados .user-check-list label *,
#panelMensajesProgramados .dependent-list label * {
  vertical-align: middle;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#panelMensajesProgramados .user-check-list label input[type="checkbox"],
#panelMensajesProgramados .dependent-list label input[type="checkbox"] {
  display: none;
}

#panelMensajesProgramados .user-check-list label input[type="checkbox"] ~ .checked,
#panelMensajesProgramados .dependent-list label input[type="checkbox"] ~ .checked {
  text-shadow: none;
  color: var(--brand-main) !important;
}

#panelMensajesProgramados .user-check-list label input[type="checkbox"] ~ .unchecked,
#panelMensajesProgramados .dependent-list label input[type="checkbox"] ~ .unchecked {
  text-shadow: none;
  color: var(--brand-main) !important;
}

#panelMensajesProgramados .user-check-list label input[type="checkbox"][disabled] ~ .checked,
#panelMensajesProgramados .dependent-list label input[type="checkbox"][disabled] ~ .checked,
#panelMensajesProgramados .user-check-list label input[type="checkbox"][disabled] ~ .unchecked,
#panelMensajesProgramados .dependent-list label input[type="checkbox"][disabled] ~ .unchecked {
  color: var(--text-placeholder) !important;
}

#panelMensajesProgramados .user-check-list label input[type="checkbox"]:not(:checked) ~ .checked,
#panelMensajesProgramados .dependent-list label input[type="checkbox"]:not(:checked) ~ .checked {
  display: none;
}

#panelMensajesProgramados .user-check-list label input[type="checkbox"]:not(:checked) ~ .unchecked,
#panelMensajesProgramados .dependent-list label input[type="checkbox"]:not(:checked) ~ .unchecked {
  display: inline;
}

#panelMensajesProgramados .user-check-list label input[type="checkbox"]:checked ~ .checked,
#panelMensajesProgramados .dependent-list label input[type="checkbox"]:checked ~ .checked {
  display: inline;
}

#panelMensajesProgramados .user-check-list label input[type="checkbox"]:checked ~ .unchecked,
#panelMensajesProgramados .dependent-list label input[type="checkbox"]:checked ~ .unchecked {
  display: none;
}

#panelMensajesProgramados .contenedor-mensajes-programados {
  margin-left: -15px;
  margin-right: -15px;
  height: -webkit-calc(100% - 36.11px);
  height: calc(100% - 36.11px);
}

#panelMensajesProgramados .dependent-list {
  height: -webkit-calc(100% - 45.25px);
  height: calc(100% - 45.25px);
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0.9rem;
}

#panelMensajesProgramados .dependent-list label {
  padding-left: 22px !important;
}

#panelMensajesProgramados .dependent-list label:hover {
  background: var(--bg-acc-hover) !important;
  color: var(--brand-main);
}

#frmMessageData {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 !important;
}

@media (min-width: 992px) {
  #frmMessageData {
    float: left;
    width: 50%;
  }
}

#frmMessageData #btnCancelarEdicion {
  display: none;
}

#frmMessageData .texto-modificacion {
  display: none;
}

#frmMessageData.modificacion #btnCancelarEdicion {
  display: inline-block;
}

#frmMessageData.modificacion .texto-alta {
  display: none !important;
}

#frmMessageData.modificacion .texto-modificacion {
  display: inline !important;
}

@media screen and (min-width: 768px) {
  #frmMessageData {
    height: 50%;
  }
}

@media screen and (min-width: 992px) {
  #frmMessageData {
    height: 100%;
    border-right: 1px solid var(--bg-general);
  }
}

#frmMessageData #messageContainer,
#frmMessageData #messageRecipients {
  height: -webkit-calc(100% - 43.15px);
  height: calc(100% - 43.15px);
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  #frmMessageData #messageContainer,
  #frmMessageData #messageRecipients {
    float: left;
    width: 50%;
  }
}

#frmMessageData #messageRecipients {
  border-left: 1px solid var(--bg-general);
}

#messageQueue {
  height: 400px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 992px) {
  #messageQueue {
    float: left;
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  #messageQueue {
    height: 50%;
  }
}

@media screen and (min-width: 992px) {
  #messageQueue {
    height: 100%;
  }
}

#messageQueue #btnRefreshTable {
  position: absolute;
  z-index: 10;
  right: 8px;
  top: 6px;
}

.resumen-destinatarios {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  display: table;
  width: 100%;
}

.resumen-destinatarios > li {
  margin: 0;
  display: table-row;
  width: 100%;
  line-height: 2em;
  color: #eee;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  background: #222;
}

.resumen-destinatarios > li:nth-child(odd) {
  background: #282828;
}

.resumen-destinatarios > li > span {
  display: table-cell;
  width: 50% !important;
  padding: 7px;
}

.resumen-destinatarios .fa-circle-thin {
  color: #b7c02c;
}

.resumen-destinatarios .fa-check-circle-o {
  color: #3691a1;
}

.resumen-destinatarios .fa-check-circle {
  color: #51b952;
}

.resumen-destinatarios .user-name > span {
  display: inline-block;
  vertical-align: middle;
}

.resumen-destinatarios .state-title {
  padding: 6px;
  padding-top: 6px;
  background: -webkit-linear-gradient(top, #43aac6 0%, #106493 100%);
  background: -o-linear-gradient(top, #43aac6 0%, #106493 100%);
  background: linear-gradient(to bottom, #43aac6 0%, #106493 100%);
  color: #eee;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid #0d364d;
}

.icono-ejecutado {
  font-size: 15px;
}

/**
 *  Hoja de Estilos para notificaciones de usuario y configuración de notificaciones
 */

.notification-menu-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.notification-menu-container .notification-menu-icon {
  padding: 12px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin: 0 5px;
  cursor: pointer;
}

.notification-menu-container .notification-menu-icon[data-badge] {
  position: relative;
}

.notification-menu-container .notification-menu-icon[data-badge]::after {
  content: attr(data-badge);
  line-height: 17px;
  width: 17px;
  height: 17px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #d43105;
  position: absolute;
  text-align: center;
  color: #eee;
  font-size: 11px;
  font-weight: bold;
  top: 7px;
  right: 5px;
  font-family: Open Sans, sans-serif;
}

.notification-menu-container .notification-menu-icon:hover,
.notification-menu-container .notification-menu-icon.open {
  color: var(--brand-main-active);
}

.notification-inbox-wrapper {
  position: absolute;
  top: 66px;
  right: 15px;
  z-index: 990;
  margin-left: -150px;
  height: -webkit-calc(60vh + 84px);
  height: calc(60vh + 84px);
  width: 300px;
  -webkit-box-shadow: var(--floating-shadow);
  box-shadow: var(--floating-shadow);
}

@media screen and (min-width: 992px) {
  .notification-inbox-wrapper {
    height: -webkit-calc(40vh + 84px);
    height: calc(40vh + 84px);
  }
}

.notification-inbox-wrapper .notification-inbox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--bg-acc-mod);
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}

.notification-inbox-wrapper .inbox-header {
  padding: 5px 5px 5px 15px;
  color: var(--brand-main);
  border-bottom: 1px solid var(--bg-general);
}

.notification-inbox-wrapper .inbox-header h5 {
  margin: 0;
  line-height: 2em;
}

.notification-inbox-wrapper .inbox-header h5 > .fa:first-child {
  padding-right: 6px;
}

.notification-inbox-wrapper .inbox-header h5 .inbox-close {
  width: 28px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.notification-inbox-wrapper .inbox-header h5 .inbox-close:hover {
  background: var(--bg-acc-hover);
}

.notification-inbox-wrapper .noti-list {
  border-bottom: 1px solid var(--bg-general);
}

.notification-inbox-wrapper .noti-list .iziToast {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.notification-inbox-wrapper .noti-list .iziToast > .iziToast-body .iziToast-icon {
  font-size: 1.3rem;
  top: 8px;
}

.notification-inbox-wrapper .noti-list .iziToast-capsule {
  border-top: 1px solid var(--bg-general);
}

.notification-inbox-wrapper .noti-list .inbox-empty-message {
  text-align: center;
  color: var(--text-main);
  line-height: 3rem;
  font-size: 0.9rem;
  display: none;
}

.notification-inbox-wrapper .noti-list.noti-list-empty .inbox-empty-message {
  display: block;
  border-top: 1px solid var(--bg-general);
}

.notification-inbox-wrapper .noti-list.noti-list-empty .inbox-empty-message:last-child {
  border-bottom: 1px solid var(--bg-general);
}

.notification-inbox-wrapper .inbox-subheader {
  padding: 0 10px;
  margin: 0;
  position: relative;
  font-size: 0.8rem;
  line-height: 1.7rem;
  color: var(--brand-main);
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.notification-inbox-wrapper .inbox-subheader::before {
  content: '▼';
  padding-right: 8px;
  font-size: 0.7rem;
  position: relative;
  top: -2px;
}

.notification-inbox-wrapper .inbox-subheader.collapsed::before {
  content: '►' !important;
}

.notification-inbox-wrapper .inbox-subheader:hover {
  background: var(--bg-acc-hover);
}

.notification-inbox-wrapper .inbox-body {
  height: 60vh;
  border: 1px solid var(--bg-general);
  border-top: none;
  border-bottom: none;
  overflow-y: auto;
  overflow-x: hidden;
  background: var(--bg-panel);
}

@media screen and (min-width: 992px) {
  .notification-inbox-wrapper .inbox-body {
    height: 40vh;
  }
}

.notification-inbox-wrapper .inbox-footer {
  border-top: 1px solid var(--bg-general);
  height: 45px;
  padding: 7px 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.notification-inbox-wrapper .inbox-footer button {
  font-size: 0.8rem !important;
}

.iziToast {
  font-family: "Open Sans", sans-serif;
}

.iziToastIntegra {
  cursor: pointer;
}

.iziToastIntegra .iziToast-icon {
  height: auto !important;
}

.iziToastIntegra:hover.en-no-leidas {
  background: var(--bg-acc-hover) !important;
}

.iziToastIntegra:hover.en-leidas {
  background: var(--bg-acc-hover) !important;
}

.iziToastIntegra .asunto-notificacion {
  display: table;
  width: 100%;
}

.iziToastIntegra .abreviador-asunto {
  display: table-cell;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.notificacion-mensaje-completo .iziToast-title::first-letter {
  text-transform: uppercase !important;
}

.notificacion-mensaje-completo .iziToast-message::first-letter {
  text-transform: uppercase !important;
}

.notificacion-mensaje-completo .photo {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--bg-general);
  margin-right: 4px;
  background: #f5f5f5;
  object-fit: cover;
}

.notificacion-mensaje-completo .icono {
  font-size: 16px !important;
}

.notificacion-mensaje-completo time {
  font-size: 11px;
  font-weight: bold;
}

.notificacion-mensaje-completo hr {
  border-color: inherit;
}

.notificacion-mensaje-completo .notificacion-mensaje-autor {
  text-align: right;
  font-weight: bold;
  font-size: 0.9em;
  padding: 6px;
  line-height: 25px;
}

.notificacion-mensaje-completo .iziToast-close {
  background-position: center 13px !important;
}

/**
 *  Hoja de Estilos para configuración de firmas y templates de email
 */

/*
 * GENERAL TABS
 */

#emailConfigTabMenu {
  width: 60px;
  float: left;
  height: 100%;
  border-right: 1px solid var(--bg-general);
}

#emailConfigTabMenu > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#emailConfigTabMenu > ul li a {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2rem !important;
  text-decoration: none;
}

/*
 * GENERAL TAB CONTENT
 */

#emailConfigTabContents {
  float: left;
  height: 100%;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  overflow-y: auto;
}

#emailConfigTabContents .fa.alta,
#emailConfigTabContents .fa.modificacion {
  padding-right: 0.5rem;
}

#emailConfigTabContents.signature-mode .template-side {
  display: none;
}

#emailConfigTabContents.template-mode .signature-side {
  display: none;
}

/*
 * TOOLS AND RESOURCE LIST
 */

#resourceResumePanel {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  height: 30%;
  border-right: 1px solid var(--bg-general);
}

@media (min-width: 768px) {
  #resourceResumePanel {
    float: left;
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  #resourceResumePanel {
    height: 100%;
  }
}

#resourceResumePanel > div {
  height: 100%;
}

#resourceResumePanel .signature-list {
  height: -webkit-calc(100% - 148px);
  height: calc(100% - 148px);
}

#resourceResumePanel .signature-list ul {
  height: 100%;
  overflow-y: auto;
  background: var(--bg-acc-mod);
}

#resourceResumePanel .template-list {
  height: -webkit-calc(100% - 112px);
  height: calc(100% - 112px);
}

#resourceResumePanel .template-list ul {
  height: 100%;
  overflow-y: auto;
  background: var(--bg-acc-mod);
}

/*
 * RESOURCE ABM PANEL
 */

#resourceDetail {
  height: 70%;
  border-top: 1px solid var(--bg-general);
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  #resourceDetail {
    float: left;
    width: 75%;
  }
}

@media screen and (min-width: 768px) {
  #resourceDetail {
    height: 100% !important;
    border-top: none;
  }
}

#resourceDetail footer button {
  vertical-align: middle;
  cursor: pointer;
}

#resourceDetail form {
  margin: 0;
  height: 100%;
}

#resourceDetail form label {
  white-space: nowrap;
}

#resourceDetail form .config-inputs {
  height: -webkit-calc(100% - 46.15px);
  height: calc(100% - 46.15px);
}

#resourceDetail form .designer-container {
  margin-left: -15px;
  margin-right: -15px;
}

#resourceDetail form .designer-container .note-statusbar,
#resourceDetail form .designer-container .note-status-output {
  display: none !important;
}

#resourceDetail form .designer-container .note-editor {
  height: 100%;
}

#resourceDetail form .designer-container .note-editor h1,
#resourceDetail form .designer-container .note-editor h2,
#resourceDetail form .designer-container .note-editor h3,
#resourceDetail form .designer-container .note-editor h4,
#resourceDetail form .designer-container .note-editor h5,
#resourceDetail form .designer-container .note-editor h6 {
  margin: 0 !important;
}

#resourceDetail form .designer-container .note-editor p,
#resourceDetail form .designer-container .note-editor ul,
#resourceDetail form .designer-container .note-editor ol,
#resourceDetail form .designer-container .note-editor pre,
#resourceDetail form .designer-container .note-editor table,
#resourceDetail form .designer-container .note-editor blockquote {
  margin-bottom: 0;
}

#resourceDetail form .designer-container .note-editing-area {
  font-size: 1rem;
  font-family: Arial;
  /* change border colour to suit your needs */
}

#resourceDetail form .designer-container .note-editing-area *:not(table) {
  max-width: 100%;
  white-space: normal;
  height: auto !important;
}

#resourceDetail form .designer-container .note-editing-area h1,
#resourceDetail form .designer-container .note-editing-area h2,
#resourceDetail form .designer-container .note-editing-area h3,
#resourceDetail form .designer-container .note-editing-area h4,
#resourceDetail form .designer-container .note-editing-area h5,
#resourceDetail form .designer-container .note-editing-area h6 {
  margin: 0 !important;
}

#resourceDetail form .designer-container .note-editing-area html,
#resourceDetail form .designer-container .note-editing-area body,
#resourceDetail form .designer-container .note-editing-area div,
#resourceDetail form .designer-container .note-editing-area span,
#resourceDetail form .designer-container .note-editing-area p,
#resourceDetail form .designer-container .note-editing-area blockquote,
#resourceDetail form .designer-container .note-editing-area pre,
#resourceDetail form .designer-container .note-editing-area abbr,
#resourceDetail form .designer-container .note-editing-area address,
#resourceDetail form .designer-container .note-editing-area cite,
#resourceDetail form .designer-container .note-editing-area code,
#resourceDetail form .designer-container .note-editing-area del,
#resourceDetail form .designer-container .note-editing-area dfn,
#resourceDetail form .designer-container .note-editing-area em,
#resourceDetail form .designer-container .note-editing-area img,
#resourceDetail form .designer-container .note-editing-area ins,
#resourceDetail form .designer-container .note-editing-area kbd,
#resourceDetail form .designer-container .note-editing-area q,
#resourceDetail form .designer-container .note-editing-area samp,
#resourceDetail form .designer-container .note-editing-area small,
#resourceDetail form .designer-container .note-editing-area strong,
#resourceDetail form .designer-container .note-editing-area sub,
#resourceDetail form .designer-container .note-editing-area sup,
#resourceDetail form .designer-container .note-editing-area var,
#resourceDetail form .designer-container .note-editing-area b,
#resourceDetail form .designer-container .note-editing-area i,
#resourceDetail form .designer-container .note-editing-area article,
#resourceDetail form .designer-container .note-editing-area aside,
#resourceDetail form .designer-container .note-editing-area canvas,
#resourceDetail form .designer-container .note-editing-area details,
#resourceDetail form .designer-container .note-editing-area figcaption,
#resourceDetail form .designer-container .note-editing-area figure,
#resourceDetail form .designer-container .note-editing-area footer,
#resourceDetail form .designer-container .note-editing-area header,
#resourceDetail form .designer-container .note-editing-area hgroup,
#resourceDetail form .designer-container .note-editing-area menu,
#resourceDetail form .designer-container .note-editing-area nav,
#resourceDetail form .designer-container .note-editing-area section,
#resourceDetail form .designer-container .note-editing-area summary,
#resourceDetail form .designer-container .note-editing-area time,
#resourceDetail form .designer-container .note-editing-area mark,
#resourceDetail form .designer-container .note-editing-area audio,
#resourceDetail form .designer-container .note-editing-area video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-family: 'Arial';
  vertical-align: baseline;
  background: transparent;
  line-height: 1.2;
}

#resourceDetail form .designer-container .note-editing-area .MsoNormal {
  font-size: 1rem !important;
}

#resourceDetail form .designer-container .note-editing-area article,
#resourceDetail form .designer-container .note-editing-area aside,
#resourceDetail form .designer-container .note-editing-area details,
#resourceDetail form .designer-container .note-editing-area figcaption,
#resourceDetail form .designer-container .note-editing-area figure,
#resourceDetail form .designer-container .note-editing-area footer,
#resourceDetail form .designer-container .note-editing-area header,
#resourceDetail form .designer-container .note-editing-area hgroup,
#resourceDetail form .designer-container .note-editing-area menu,
#resourceDetail form .designer-container .note-editing-area nav,
#resourceDetail form .designer-container .note-editing-area section {
  display: block;
}

#resourceDetail form .designer-container .note-editing-area blockquote,
#resourceDetail form .designer-container .note-editing-area q {
  quotes: none;
}

#resourceDetail form .designer-container .note-editing-area blockquote:before,
#resourceDetail form .designer-container .note-editing-area blockquote:after,
#resourceDetail form .designer-container .note-editing-area q:before,
#resourceDetail form .designer-container .note-editing-area q:after {
  content: '';
  content: none;
}

#resourceDetail form .designer-container .note-editing-area a {
  color: var(--brand-main-hover) !important;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer;
}

#resourceDetail form .designer-container .note-editing-area del {
  text-decoration: line-through;
}

#resourceDetail form .designer-container .note-editing-area abbr[title],
#resourceDetail form .designer-container .note-editing-area dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

#resourceDetail form .designer-container .note-editing-area table {
  border-collapse: collapse;
  border-spacing: 0;
  width: auto;
}

#resourceDetail form .designer-container .note-editing-area hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

#resourceDetail form .designer-container .note-editing-area p,
#resourceDetail form .designer-container .note-editing-area ul,
#resourceDetail form .designer-container .note-editing-area ol,
#resourceDetail form .designer-container .note-editing-area pre,
#resourceDetail form .designer-container .note-editing-area table,
#resourceDetail form .designer-container .note-editing-area blockquote {
  margin-bottom: 0 !important;
}

#resourceDetail form .designer-container .note-editable {
  height: 100% !important;
  padding: 15px !important;
}

#resourceDetail form .designer-container .note-placeholder {
  padding: 15px !important;
}

@media screen and (max-width: 767px) {
  #resourceDetail form .designer-container .note-btn {
    font-size: 9px;
  }
}

#resourceDetail form .designer-container textarea {
  height: 100%;
  width: 100%;
}

.template-mode #resourceDetail form .designer-container {
  height: -webkit-calc(100% - 362.45px);
  height: calc(100% - 362.45px);
}

.signature-mode #resourceDetail form .designer-container {
  height: -webkit-calc(100% - 163px);
  height: calc(100% - 163px);
}

@media screen and (min-width: 768px) {
  .template-mode #resourceDetail form .designer-container {
    height: -webkit-calc(100% - 193.15px) !important;
    height: calc(100% - 193.15px) !important;
  }

  .template-mode #resourceDetail form .resource-name {
    width: 50%;
    float: left;
  }

  .template-mode #resourceDetail form .template-groups {
    width: 50%;
    float: left;
    border-left: 1px solid var(--bg-general);
    padding-left: 15px;
  }
}

#resourceDetail.resource-alta .modificacion {
  display: none;
}

#resourceDetail.resource-alta #btnDeleteResource {
  display: none;
}

#resourceDetail.resource-modificacion .alta {
  display: none;
}

/*
 * SIGNATURE TO TASK ASSIGN
 */

#signatureAssign {
  height: 70%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px solid var(--bg-general);
}

@media (min-width: 768px) {
  #signatureAssign {
    float: left;
    width: 75%;
  }
}

@media screen and (min-width: 768px) {
  #signatureAssign {
    height: 100%;
    border-top: none;
  }
}

#signatureAssign form {
  margin-top: 0;
  margin-right: -15px;
  margin-left: -15px;
  height: -webkit-calc(100% - 39px);
  height: calc(100% - 39px);
  overflow-y: auto;
  background: var(--bg-acc-mod);
}

#signatureAssign table {
  border-top: none;
  margin: 0;
  background: var(--bg-panel);
}

#signatureAssign td {
  border: 1px solid var(--bg-general);
}

#signatureAssign td:first-child {
  text-align: right;
  border: 1px solid var(--bg-general);
  padding: 0.5rem 1rem !important;
  vertical-align: middle !important;
}

#signatureAssign th {
  text-align: center !important;
  border: 1px solid var(--bg-general);
  color: var(--brand-main-active);
  background: var(--bg-panel);
}

#signatureAssign th:first-child {
  width: 40%;
}

/**
 *  Hoja de Estilos para el Chat Interno de Integra vía Signal y proxyHubs
 */

.ichat-locator {
  position: fixed;
  width: 32px;
  height: 32px;
  z-index: 1000;
}

.ichat-locator.drag-enabled.moving {
  -webkit-transform: scale(0.95, 0.95);
  -ms-transform: scale(0.95, 0.95);
  -o-transform: scale(0.95, 0.95);
  transform: scale(0.95, 0.95);
  opacity: 0.2;
}

.ichat-locator.drag-enabled.moving button,
.ichat-locator.drag-enabled.moving button:hover,
.ichat-locator.drag-enabled.moving button:active {
  cursor: move !important;
}

.ichat-locator button {
  cursor: pointer !important;
}

.ichat-locator button.active .ichat-root-badge {
  display: none;
}

.ichat-locator .ichat-root-badge {
  position: absolute;
  font-size: 12px;
  background: #d43105;
  width: 15px;
  height: 15px;
  line-height: 15px;
  -webkit-border-radius: 7.5px;
  border-radius: 7.5px;
  right: -4px;
  top: -3px;
}

.ichat-locator .ichat-root-badge:empty {
  width: 0;
  height: 0;
  overflow: hidden;
}

.ichat-locator.ichat-rb {
  right: 2px;
  bottom: 2px;
}

.ichat-locator.ichat-rb .internal-chat-wrapper {
  right: 40px;
  bottom: 15px;
  -webkit-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}

.ichat-locator.ichat-lb {
  left: 2px;
  bottom: 2px;
}

.ichat-locator.ichat-lb .internal-chat-wrapper {
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
  left: 40px;
  bottom: 15px;
}

.ichat-locator.ichat-rt {
  right: 2px;
  top: 2px;
}

.ichat-locator.ichat-rt .internal-chat-wrapper {
  right: 40px;
  top: 15px;
  -webkit-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}

.ichat-locator.ichat-lt {
  left: 2px;
  top: 2px;
}

.ichat-locator.ichat-lt .internal-chat-wrapper {
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
  left: 40px;
  top: 15px;
}

.ichat-locator .internal-chat-toggle {
  position: absolute;
  z-index: 250;
}

.ichat-locator .internal-chat-wrapper {
  position: absolute;
  z-index: 200;
  height: 80vh;
  background: var(--bg-panel);
  font-size: 10px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.3s;
  -o-transition: -o-transform 0.3s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.3s;
  transition: -ms-transform 0.3s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.3s;
  transition: transform 0.3s cubic-bezier(0.28, -0.56, 0.71, 1.55), opacity 0.3s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  border: 1px solid var(--bg-general);
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
}

@media screen and (min-width: 768px) {
  .ichat-locator .internal-chat-wrapper {
    height: 60vh;
  }
}

.ichat-locator .internal-chat-wrapper.fullview {
  width: 80vw;
}

@media screen and (max-width: 767px) {
  .ichat-locator .internal-chat-wrapper.fullview .ichat-user-section {
    height: 35%;
  }

  .ichat-locator .internal-chat-wrapper.fullview .ichat-main-panel {
    border-top: 1px solid var(--bg-general);
    height: -webkit-calc(65% - 30px);
    height: calc(65% - 30px);
  }
}

@media screen and (min-width: 768px) {
  .ichat-locator .internal-chat-wrapper.fullview {
    width: 500px;
  }
}

.ichat-locator .internal-chat-wrapper.user-onlyview {
  width: 80vw;
}

.ichat-locator .internal-chat-wrapper.user-onlyview .ichat-main-panel {
  width: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .ichat-locator .internal-chat-wrapper.user-onlyview {
    width: 200px;
  }
}

.ichat-locator .internal-chat-wrapper.main-onlyview {
  width: 80vw;
}

.ichat-locator .internal-chat-wrapper.main-onlyview .ichat-user-section {
  width: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .ichat-locator .internal-chat-wrapper.main-onlyview {
    width: 297px;
  }
}

.ichat-locator .internal-chat-wrapper.chat-view .ichat-config {
  display: none;
}

.ichat-locator .internal-chat-wrapper.conf-view .ichat-conversation {
  display: none;
}

.ichat-locator .internal-chat-wrapper header {
  height: 30px;
  line-height: 33px;
  padding: 0 6px;
  color: var(--brand-main-active);
  border-bottom: 1px solid var(--bg-general);
}

.ichat-locator .internal-chat-wrapper header h3 {
  margin: 0;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 30px;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section {
  width: 100%;
  float: left;
  height: -webkit-calc(100% - 30px);
  height: calc(100% - 30px);
  border-right: 1px solid var(--bg-general);
}

@media screen and (min-width: 768px) {
  .ichat-locator .internal-chat-wrapper .ichat-user-section {
    width: 200px;
  }
}

.ichat-locator .internal-chat-wrapper .ichat-user-section > form {
  overflow: auto;
  padding-top: 8px;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section > form > div {
  margin: 0;
  padding-bottom: 8px;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section > h4 {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1em;
  color: var(--text-label);
  border-top: 1px solid var(--bg-general);
  border-bottom: 1px solid var(--bg-general);
  padding: 0.5rem 1rem;
  text-transform: uppercase;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list {
  background: var(--bg-acc-mod);
  height: -webkit-calc(100% - 111px);
  height: calc(100% - 111px);
  overflow-y: auto;
  overflow-x: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
  position: relative;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li {
  display: table;
  width: 100%;
  border-bottom: 1px solid var(--bg-general);
  background: var(--bg-panel);
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li:hover {
  background: var(--bg-acc-hover);
  cursor: pointer;
  color: var(--brand-main);
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li.active {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
  font-weight: bold;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li:hover .ichat-close-chat {
  opacity: 0.7;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-photo {
  padding-left: 0.5rem;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-photo > .ichat-status {
  position: relative;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-photo > .ichat-status.connected::before {
  background: #83df63;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-photo > .ichat-status::before {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #bcbcbc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  bottom: 0px;
  right: 0px;
  content: '';
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-photo img {
  background: #f5f5f5;
  width: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid var(--bg-general);
  height: 30px;
  object-fit: cover;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-photo .ichat-badge {
  background: #d43105;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 12px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #f5f5f5;
  position: absolute;
  right: -4px;
  top: -7px;
  font-size: 0.8rem;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-photo .ichat-badge:empty {
  width: 0;
  height: 0;
  overflow: hidden;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-nombre {
  padding: 0.5rem 0 0.5rem 1rem;
  text-align: left;
  line-height: 1.2rem;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-nombre .ichat-nivel {
  font-size: 9px;
  font-style: italic;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-nombre .ichat-nivel::before {
  content: "- ";
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-close-chat {
  opacity: 0;
  width: 30px;
  vertical-align: top;
  padding-top: 4px;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-close-chat > span {
  text-align: center;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-close-chat > span:hover {
  color: var(--brand-main-hover);
}

.ichat-locator .internal-chat-wrapper .ichat-user-section .ichat-user-list li > span.ichat-close-chat > span:hover {
  color: var(--brand-main-active);
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel {
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px);
  float: left;
  height: -webkit-calc(100% - 30px);
  height: calc(100% - 30px);
}

@media screen and (min-width: 768px) {
  .ichat-locator .internal-chat-wrapper .ichat-main-panel {
    width: 297px;
  }
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation {
  height: 100%;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages {
  height: -webkit-calc(100% - 60px);
  height: calc(100% - 60px);
  background: var(--bg-acc-mod);
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages .ichat-card {
  height: 100%;
  overflow-y: auto;
  padding: 1rem 0.5rem;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages .ichat-message {
  padding: 5px 0;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages .ichat-message p {
  display: inline-block;
  margin: 0;
  padding: 5px 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages .ichat-message p .ichat-msg-autor {
  display: block;
  margin-bottom: 4px;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages .ichat-message p .ichat-msg-time {
  display: block;
  text-align: right;
  color: #555;
  font-style: italic;
  margin-top: 4px;
  font-size: 8px;
  cursor: help;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages .ichat-message.ichat-in-message {
  text-align: left;
  padding-left: 15px;
  padding-right: 50px;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages .ichat-message.ichat-in-message p {
  background: var(--info-bg);
  color: var(--info-fg);
  border: 1px solid;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages .ichat-message.ichat-out-message {
  text-align: right;
  padding-left: 50px;
  padding-right: 15px;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation .ichat-messages .ichat-message.ichat-out-message p {
  text-align: left !important;
  background: var(--bg-input);
  border: 1px solid;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation footer .form-group {
  padding: 0;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation footer textarea {
  max-height: 60px;
  min-height: 60px;
  resize: none;
  font-size: 10px;
  background: var(--bg-input);
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation footer #btnIChatToggleUsers {
  cursor: pointer;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-conversation footer #btnIChatSend {
  cursor: pointer;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-config {
  padding: 15px;
}

.ichat-locator .internal-chat-wrapper .ichat-main-panel .ichat-config h4 {
  margin: -15px -15px 15px -15px;
  font-size: 1.2rem;
  line-height: 33px;
  border-bottom: 1px solid var(--bg-general);
  padding-left: 1rem;
  color: var(--text-label);
}

.ichat-locator.ichat-open .internal-chat-wrapper {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ichat-header-cog {
  display: inline-block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 14px;
  line-height: 19px;
  width: 20px;
  float: left;
  margin-top: 4px;
  margin-left: 2px;
  border: 1px solid;
  text-align: center;
  margin-right: 4px;
}

.ichat-header-cog:hover,
.ichat-header-cog.active {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
  cursor: pointer;
  border: 1px solid;
  text-align: center;
  margin-right: 4px;
}

.ichat-header-btn {
  font-size: 1.2rem;
  line-height: 21px;
  width: 20px;
  text-align: center;
  float: right;
  margin-top: 5px;
  margin-left: 2px;
}

.ichat-header-btn:hover {
  color: var(--brand-main-hover);
  cursor: pointer;
}

.ichat-header-btn:active {
  color: var(--brand-main-active);
}

/**
 *  Hoja de Estilos para configuración de tipos de tickets
 */

#panelConfiguracionTickets .ticket-type-sidelist {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
}

@media (min-width: 768px) {
  #panelConfiguracionTickets .ticket-type-sidelist {
    float: left;
    width: 25%;
  }
}

#panelConfiguracionTickets .ticket-type-sidelist .ticket-list-container {
  height: -webkit-calc(100% - 147px);
  height: calc(100% - 147px);
}

#panelConfiguracionTickets .ticket-type-sidelist .ticket-list-container ul {
  height: -webkit-calc(100% - 44.15px);
  height: calc(100% - 44.15px);
  overflow-y: auto;
  position: relative;
  background: var(--bg-acc-mod);
}

#panelConfiguracionTickets .ticket-type-config {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  height: 100%;
}

@media screen and (min-width: 768px) {
  #panelConfiguracionTickets .ticket-type-config {
    border-left: 1px solid var(--bg-general);
  }
}

@media (min-width: 768px) {
  #panelConfiguracionTickets .ticket-type-config {
    float: left;
    width: 75%;
  }
}

#panelConfiguracionTickets .ticket-type-config form {
  height: 100%;
}

#panelConfiguracionTickets .ticket-type-config form a.input-group-addon:not(.btn-gestor) {
  max-width: 35px;
}

#panelConfiguracionTickets .ticket-type-config form h3 {
  margin: 0;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  font-size: 18px;
  font-weight: bold;
  color: var(--brand-main-active);
  background: var(--bg-acc-mod);
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content {
  height: -webkit-calc(100% - 163px);
  height: calc(100% - 163px);
  overflow-y: auto;
}

@media screen and (min-width: 768px) {
  #panelConfiguracionTickets .ticket-type-config form .type-tab-content {
    height: -webkit-calc(100% - 130px);
    height: calc(100% - 130px);
  }
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content {
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
  overflow-y: auto;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form {
  overflow: visible;
  height: 103px;
  border: 1px solid var(--bg-general);
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form > div {
  padding: 0;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form .order-control {
  display: none;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form .btn-add-field {
  white-space: normal;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form .edit-control {
  display: none;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form .input-group-addon {
  min-width: 35px;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form .select-control:not(:focus) {
  font-weight: bold;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form .select-control > option {
  font-weight: normal;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form.with-order-control .order-control {
  display: table-cell;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form.with-edit-control .edit-control,
#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form.with-create-control .edit-control {
  display: table-cell;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form.with-edit-control .create-control,
#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form.with-create-control .create-control,
#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form.with-edit-control .delete-control,
#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form.with-create-control .delete-control,
#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form.with-edit-control .select-control,
#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form.with-create-control .select-control {
  display: none;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .add-extra-field-form button {
  width: 100%;
  height: 68px;
  margin-top: 0 !important;
  font-size: 1.2em;
}

#panelConfiguracionTickets .ticket-type-config form .type-tab-content > .tab-main-content .extrafields-container {
  height: -webkit-calc(100% - 102px);
  height: calc(100% - 102px);
  overflow-y: auto;
  padding: 12px 8px;
  background: var(--bg-acc-mod);
}

#panelConfiguracionTickets .ticket-type-config form .list-body {
  position: relative;
  background: var(--bg-acc-mod);
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list {
  list-style: none;
  margin: 0;
  padding: 0;
  height: -webkit-calc(100% - 68px);
  height: calc(100% - 68px);
  overflow-y: auto;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li {
  display: table;
  width: 100%;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li:not(.no-ordenable) > div:nth-child(3) {
  cursor: grab;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li:not(.no-ordenable) > div:nth-child(3):active {
  cursor: grabbing;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(1) {
  width: 40px;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(1) > span {
  display: inline-block;
  line-height: 21px;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #f5f5f5;
  color: #333;
  margin: 5px;
  border: 4px solid #42a8c5;
  height: 30px;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(2) {
  width: 20px;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(2) a {
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  text-decoration: none;
  border: 1px solid var(--bg-general);
  color: var(--text-main);
  background-color: var(--bg-panel);
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(2) a:not(.disabled):hover {
  color: var(--brand-main);
  background-color: var(--bg-acc-hover);
  border-color: var(--brand-main);
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(2) a.disabled {
  cursor: not-allowed !important;
  color: var(--text-placeholder);
  background: var(--bg-acc-mod);
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(3) {
  padding: 0 15px;
  background: var(--bg-panel);
  border-bottom: 1px solid var(--bg-general);
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(4) {
  width: 40px;
  text-align: center;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(4) a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: var(--text-main);
  border: 1px solid var(--bg-general);
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(4) a:not(.disabled):hover {
  color: var(--brand-main);
  background-color: var(--bg-acc-hover);
  border-color: var(--brand-main);
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-state-list li > div:nth-child(4) a.disabled {
  background: var(--bg-acc-mod) !important;
  cursor: not-allowed !important;
  color: var(--text-placeholder) !important;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table {
  width: 100%;
  background: var(--bg-panel);
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table th,
#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table td {
  border: 1px solid var(--bg-general);
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table thead th {
  color: var(--brand-main-active);
  padding: 0.5rem 1rem;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table tbody .cat-name {
  position: relative;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table tbody .cat-name .fa-trash {
  position: absolute;
  top: 0;
  left: 0px;
  color: var(--brand-main);
  font-size: 1.4rem;
  display: inline-block;
  width: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 100;
  height: 30px;
  line-height: 30px;
  display: none;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table tbody .cat-name:hover .fa-trash {
  display: inline;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table tbody .input-group {
  padding-right: 1rem;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table tbody .input-cat-name {
  width: 100%;
  text-align: center;
  background: transparent;
  border: none;
  font-size: 1.2rem;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table tbody .subcat-btn {
  padding: 3px 5px;
  text-align: right;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-cat-table tfoot td {
  padding: 3px 5px;
  text-align: center;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-noti-table {
  width: 100%;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-noti-table .noti-type-header {
  font-weight: bold;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-noti-table th:nth-child(2),
#panelConfiguracionTickets .ticket-type-config form .ticket-cog-noti-table th:nth-child(3) {
  text-align: center !important;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-noti-table th:first-child:not(.noti-type-header) {
  text-align: right !important;
}

#panelConfiguracionTickets .ticket-type-config form .ticket-cog-noti-table td,
#panelConfiguracionTickets .ticket-type-config form .ticket-cog-noti-table th {
  border: 1px solid var(--bg-general);
  color: var(--text-label);
  padding: 7px 15px;
  font-weight: normal;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card {
  margin-bottom: 14px;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 7px;
  padding-right: 7px;
}

@media (min-width: 768px) {
  #panelConfiguracionTickets .ticket-type-config form .extrafield-card {
    float: left;
    width: 50%;
  }
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card > * {
  background: var(--bg-panel);
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 14px;
  -webkit-border-radius: 0 8px 0 0;
  border-radius: 0 8px 0 0;
  overflow: visible;
  display: table;
  width: 100%;
  border: 1px solid var(--bg-general);
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(1) {
  width: 40px;
  padding: 0 5px;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(1) > span {
  display: inline-block;
  line-height: 23px;
  text-align: center;
  width: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin: 5px;
  border: 4px solid #42a8c5;
  height: 30px;
  font-size: 0.9rem;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(2) {
  width: 40px;
  text-align: center;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(2) a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border: 1px solid var(--bg-general);
  color: var(--text-main);
  background-color: var(--bg-panel);
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(2) a:hover {
  color: var(--brand-main);
  background-color: var(--bg-acc-hover);
  border-color: var(--brand-main);
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(2) a.disabled {
  border: 1px solid var(--bg-general) !important;
  color: var(--text-placeholder);
  background: var(--bg-acc-mod);
  cursor: not-allowed !important;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(3) {
  padding: 0 15px;
  overflow: visible;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(3) > div {
  position: relative;
  font-weight: normal;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(3) label {
  color: var(--text-label);
  white-space: normal;
  font-size: 0.8rem;
  margin-bottom: 0;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(3) .error {
  font-variant: normal;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) {
  width: 40px;
  text-align: center;
  overflow: visible;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: var(--text-main);
  border: 1px solid var(--bg-general);
  background-color: var(--bg-panel);
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a:hover {
  color: var(--brand-main);
  background-color: var(--bg-acc-hover);
  border-color: var(--brand-main);
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a.disabled {
  border: 1px solid var(--bg-general) !important;
  background: var(--bg-panel) !important;
  cursor: not-allowed !important;
  color: var(--text-placeholder) !important;
  opacity: 0.4;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a .move-field-control {
  position: absolute;
  right: 46px;
  width: 80%;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  top: 3px;
  z-index: 30;
  display: none;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a .move-field-control input,
#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a .move-field-control select,
#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a .move-field-control .input-group-addon:not(:last-child) {
  background: var(--bg-input) !important;
  border-bottom: 1px solid var(--input-border) !important;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a .move-field-control input[type="number"] {
  width: 65px;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a:focus-within,
#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a:focus {
  color: var(--brand-main);
  background-color: var(--bg-acc-hover);
  border-color: var(--brand-main);
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a:focus-within .move-field-control,
#panelConfiguracionTickets .ticket-type-config form .extrafield-card h4 > div:nth-child(4) a:focus .move-field-control {
  display: table;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card .field-cog-inputs {
  padding: 10px 15px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 140px;
  overflow-y: auto;
  border: 1px solid var(--bg-general);
  border-top: none;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card .field-cog-inputs .form-group:last-child {
  margin-bottom: 0;
}

#panelConfiguracionTickets .ticket-type-config form .extrafield-card .field-cog-inputs .form-group:last-child label {
  padding-top: 0;
}

#panelConfiguracionTickets .ticket-type-config form.tab-estados-in .tab-estados {
  border-top: 4px solid;
  color: var(--brand-main-active);
  line-height: 26px;
  border-bottom: none;
}

#panelConfiguracionTickets .ticket-type-config form.tab-estados-in .content-tipificaciones,
#panelConfiguracionTickets .ticket-type-config form.tab-estados-in .content-notificaciones,
#panelConfiguracionTickets .ticket-type-config form.tab-estados-in .content-campos {
  display: none;
}

#panelConfiguracionTickets .ticket-type-config form.tab-tipificaciones-in .tab-tipificaciones {
  border-top: 4px solid;
  color: var(--brand-main-active);
  line-height: 26px;
  border-bottom: none;
}

#panelConfiguracionTickets .ticket-type-config form.tab-tipificaciones-in .content-estados,
#panelConfiguracionTickets .ticket-type-config form.tab-tipificaciones-in .content-notificaciones,
#panelConfiguracionTickets .ticket-type-config form.tab-tipificaciones-in .content-campos {
  display: none;
}

#panelConfiguracionTickets .ticket-type-config form.tab-notificaciones-in .tab-notificaciones {
  border-top: 4px solid;
  color: var(--brand-main-active);
  line-height: 26px;
  border-bottom: none;
}

#panelConfiguracionTickets .ticket-type-config form.tab-notificaciones-in .content-tipificaciones,
#panelConfiguracionTickets .ticket-type-config form.tab-notificaciones-in .content-estados,
#panelConfiguracionTickets .ticket-type-config form.tab-notificaciones-in .content-campos {
  display: none;
}

#panelConfiguracionTickets .ticket-type-config form.tab-campos-in .tab-campos {
  border-top: 4px solid;
  color: var(--brand-main-active);
  line-height: 26px;
  border-bottom: none;
}

#panelConfiguracionTickets .ticket-type-config form.tab-campos-in .content-tipificaciones,
#panelConfiguracionTickets .ticket-type-config form.tab-campos-in .content-notificaciones,
#panelConfiguracionTickets .ticket-type-config form.tab-campos-in .content-estados {
  display: none;
}

#panelConfiguracionTickets .ticket-type-config .type-tabs {
  border-bottom: 1px solid var(--bg-general);
}

#panelConfiguracionTickets .ticket-type-config .type-tabs ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 30px;
  position: relative;
  top: 1px;
}

#panelConfiguracionTickets .ticket-type-config .type-tabs ul li {
  display: table-cell;
  text-align: center;
}

#panelConfiguracionTickets .ticket-type-config .type-tabs ul li:not(:first-child) {
  border-left: 1px solid var(--bg-general);
}

#panelConfiguracionTickets .ticket-type-config .type-tabs ul li a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  -webkit-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
  background: var(--bg-acc-mod);
  color: var(--text-main);
  border-right: 1px solid var(--bg-general);
  border-top: 1px solid var(--bg-general);
  border-bottom: 1px solid var(--bg-general);
}

#panelConfiguracionTickets .ticket-type-config .type-tabs ul li a:hover {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
  border-bottom: none;
}

#panelConfiguracionTickets .ticket-type-config .type-tabs ul li a.active,
#panelConfiguracionTickets .ticket-type-config .type-tabs ul li a:active {
  color: var(--brand-main);
  border-top: 4px solid;
  line-height: 26px;
}

#panelConfiguracionTickets #ticketTypeCogCard__general h3 {
  margin: 0;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  font-size: 18px;
  font-weight: bold;
  color: var(--brand-main-active);
  background: var(--bg-acc-mod);
}

#panelConfiguracionTickets #ticketTypeCogCard__general .cog-campos-generales {
  height: -webkit-calc(100% - 40px);
  height: calc(100% - 40px);
  overflow-y: auto;
}

#panelConfiguracionTickets #ticketTypeCogCard__general .ticket-cog-general-body {
  height: -webkit-calc(100% - 86px);
  height: calc(100% - 86px);
  overflow: auto;
}

#panelConfiguracionTickets #ticketTypeCogCard__general footer {
  padding: 0.5rem;
}

#panelConfiguracionTickets #ticketTypeCogCard__general .ticket-cog-general-fields {
  width: 100%;
  table-layout: fixed;
  margin: 0;
}

#panelConfiguracionTickets #ticketTypeCogCard__general .ticket-cog-general-fields th,
#panelConfiguracionTickets #ticketTypeCogCard__general .ticket-cog-general-fields td {
  border: 1px solid var(--bg-general);
  color: var(--text-label);
  padding: 7px 15px;
  font-weight: normal;
}

#panelConfiguracionTickets #ticketTypeCogCard__general .ticket-cog-general-fields .general-field-header-name {
  font-weight: bold;
}

#panelConfiguracionTickets #ticketTypeCogCard__general .ticket-cog-general-fields .general-field-header-name + th {
  text-align: center !important;
}

#panelConfiguracionTickets #ticketTypeCogCard__general .ticket-cog-general-fields .general-field-name {
  text-align: right !important;
}

#configBusquedasAutomaticas #searchConfigContainer {
  height: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  #configBusquedasAutomaticas #searchConfigContainer {
    float: left;
    width: 75%;
  }
}

#configBusquedasAutomaticas #listaBusquedas {
  height: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  #configBusquedasAutomaticas #listaBusquedas {
    float: left;
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  #configBusquedasAutomaticas #listaBusquedas {
    border-right: 1px solid var(--bg-general);
  }
}

#configBusquedasAutomaticas #listaBusquedas .search-list-container {
  height: -webkit-calc(100% - 90.3px);
  height: calc(100% - 90.3px);
  border-top: 1px solid var(--bg-general);
}

#configBusquedasAutomaticas #listaBusquedas .busqueda-list {
  height: 100%;
  overflow-y: auto;
  position: relative;
  background: var(--bg-acc-mod);
}

#configBusquedasAutomaticas #listaBusquedas.desde-ticket .origin-contact {
  display: none;
}

#configBusquedasAutomaticas #listaBusquedas.desde-ticket .origin-ticket {
  display: inline;
}

#configBusquedasAutomaticas #listaBusquedas.desde-contacto .origin-contact {
  display: inline;
}

#configBusquedasAutomaticas #listaBusquedas.desde-contacto .origin-ticket {
  display: none;
}

#configBusquedasAutomaticas #listaBusquedas .busqueda-item-list .search-icon {
  float: left;
  line-height: 52px;
  padding: 0 7px 0 0;
}

#configBusquedasAutomaticas #listaBusquedas .busqueda-item-list .search-info {
  float: left;
  font-size: 11px;
  padding-left: 10px;
  line-height: 1.1em;
  width: -webkit-calc(100% - 52px);
  width: calc(100% - 52px);
  border-left: 1px solid var(--bg-general);
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#configBusquedasAutomaticas #listaBusquedas .busqueda-item-list .search-info .search-name {
  text-transform: capitalize;
  font-weight: bold;
  padding-bottom: 8px;
  font-size: 14px;
}

#configBusquedasAutomaticas #listaBusquedas .busqueda-item-list .search-info .info-entry {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#configBusquedasAutomaticas #searchParamsContainer {
  margin: 0 -15px;
  height: 284px;
}

#configBusquedasAutomaticas #configurador {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

#configBusquedasAutomaticas #configurador .config-box {
  height: -webkit-calc(100% - 43px);
  height: calc(100% - 43px);
}

#configBusquedasAutomaticas #configurador .config-box .config-sections {
  padding: 15px;
  padding-bottom: 0px;
  height: -webkit-calc(100% - 39.8px);
  height: calc(100% - 39.8px);
  overflow-y: auto;
}

#configBusquedasAutomaticas #configurador .busqueda-create-message {
  margin-top: 100px;
}

#configBusquedasAutomaticas #configurador .input-group-addon span {
  width: 12px;
  height: 14px;
}

#configBusquedasAutomaticas #configurador .panel-subtitle ~ form {
  padding-top: 15px;
}

#configBusquedasAutomaticas #configurador .search-panel-header {
  color: var(--brand-main-active);
  border-bottom: 1px solid var(--bg-general);
}

#configBusquedasAutomaticas #configurador .search-panel-header h4 {
  margin: 0;
  line-height: 39.8px;
  padding: 0 1.5rem;
  text-transform: capitalize;
}

#configBusquedasAutomaticas #configurador .search-panel-header h4 > .fa:first-child {
  padding-right: 0.5rem;
}

#configBusquedasAutomaticas #configurador .close-button {
  position: absolute;
  color: var(--brand-main);
  font-size: 20px;
  top: 10px;
  right: 10px;
  margin: auto;
  text-align: center;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

#configBusquedasAutomaticas #configurador .close-button:hover {
  cursor: pointer;
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}

#configBusquedasAutomaticas #configurador h3 {
  margin-bottom: 40px;
  margin-top: 10px;
}

#configBusquedasAutomaticas #configurador hr {
  margin-top: 40px;
  margin-bottom: 40px;
  border-top: 1px solid #0B2732;
}

#configBusquedasAutomaticas #configurador .detailed-config #btnAddConfig {
  margin-bottom: 25px !important;
  margin-top: 25px !important;
}

#configBusquedasAutomaticas #configurador .current-config .actions span {
  font-size: 18px;
  margin-right: 10px;
}

#configBusquedasAutomaticas #configurador .current-config .actions span:hover {
  font-size: 19px;
  cursor: pointer;
}

#configBusquedasAutomaticas #configurador .current-config .table-responsive table th {
  border-bottom: 2px solid #0B2732;
}

#configBusquedasAutomaticas #configurador .current-config .table-responsive table td {
  border-top: 1px solid #0B2732;
}

#configBusquedasAutomaticas #configurador .current-config .table-responsive table td:hover {
  cursor: default;
}

@media only screen and (max-width: 768px) {
  #listaBusquedas {
    max-height: 500px;
    border-bottom: 1px solid var(--bg-general);
    border-right: none !important;
  }
}

/**
 *  Hoja de Estilos para las transcipciones de llamada del bot
 */

.bct-button-wrapper {
  position: absolute;
  top: 100%;
  width: 306px;
  height: 356px;
  left: 50%;
  margin-left: -153px;
  z-index: 220;
  -webkit-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
}

.bct-button-wrapper .btn-open-bct {
  position: absolute;
  bottom: -10px;
  width: 100%;
  z-index: 250;
  border: none;
  padding: 2px 10px !important;
  -webkit-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  -webkit-box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  background: #b5bdc8 !important;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 189, 200, 0.7)), color-stop(36%, rgba(130, 140, 149, 0.7)), color-stop(100%, rgba(40, 52, 59, 0.7))), url("../img/textura-header.png") !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* W3C */
}

.bct-button-wrapper .btn-open-bct > div {
  background: rgba(0, 0, 0, 0.7);
  color: #00c1cd;
  font-size: 13px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #333333;
  height: 20px;
  line-height: 13px;
}

.bct-button-wrapper .btn-open-bct:hover > div {
  background: rgba(0, 0, 0, 0.5);
}

.bct-button-wrapper .close-bct {
  display: inline;
}

.bct-button-wrapper .open-bct {
  display: none;
}

.bct-button-wrapper.closed {
  height: 0;
}

.bct-button-wrapper.closed .cti-bct-wrapper {
  height: 0;
}

.bct-button-wrapper.closed .close-bct {
  display: none;
}

.bct-button-wrapper.closed .open-bct {
  display: inline;
}

.cti-bct-wrapper {
  position: absolute;
  width: 306px;
  height: 356px;
  overflow: hidden;
  left: 50%;
  margin-left: -153px;
  z-index: 220;
  -webkit-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
}

.cti-bct-wrapper .cti-bct-inner {
  background: #b5bdc8 !important;
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(181, 189, 200, 0.7)), color-stop(36%, rgba(130, 140, 149, 0.7)), color-stop(100%, rgba(40, 52, 59, 0.7))), url("../img/textura-header.png") !important;
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(181, 189, 200, 0.7) 0%, rgba(130, 140, 149, 0.7) 36%, rgba(40, 52, 59, 0.7) 100%), url("../img/textura-header.png") !important;
  /* W3C */
  -webkit-box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 15px 15px;
}

.cti-bct-wrapper .cti-bct-inner > header {
  margin: 0 -15px;
  -webkit-box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  box-shadow: 2px 5px 3px rgba(0, 0, 0, 0.9);
  background: #176089;
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43aac6), color-stop(100%, #106493));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #43aac6 0%, #106493 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #43aac6 0%, #106493 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #43aac6 0%, #106493 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #43aac6 0%, #106493 100%);
  /* W3C */
  z-index: 20;
  position: relative;
}

.cti-bct-wrapper .cti-bct-inner > header h4 {
  margin: 0;
  color: #eee;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  font-variant: small-caps;
  font-weight: bold;
}

.cti-bct-wrapper .cti-bct-inner section {
  padding: 5px 15px;
  height: 311px;
  overflow-y: auto;
  z-index: 10;
  position: relative;
}

.cti-bct-wrapper .cti-bct-inner section h5 {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
}

.cti-bct-wrapper .cti-bct-inner section p {
  margin: 0;
  padding: 5px;
}

.cti-bct-wrapper .cti-bct-inner section article {
  margin-bottom: 5px;
  padding: 5px 8px;
  font-size: 11px;
}

.cti-bct-wrapper .cti-bct-inner section footer {
  font-size: 9px;
  text-align: right;
  color: #60676a;
}

.cti-bct-wrapper .cti-bct-inner section .bct-visitor {
  background: #eee;
  position: relative;
  -webkit-border-radius: 0 8px 0 8px;
  border-radius: 0 8px 0 8px;
}

.cti-bct-wrapper .cti-bct-inner section .bct-visitor h5 {
  color: #666;
}

.cti-bct-wrapper .cti-bct-inner section .bct-visitor::before {
  content: "\00a0";
  width: 0;
  height: 0;
  min-height: 0;
  border: 5px solid transparent;
  border-top-color: #eee;
  border-right-color: #eee;
  position: absolute;
  right: 100%;
  top: 0;
}

.cti-bct-wrapper .cti-bct-inner section .bct-bot {
  background: #a3afb5;
  position: relative;
  -webkit-border-radius: 0 8px 0 8px;
  border-radius: 0 8px 0 8px;
}

.cti-bct-wrapper .cti-bct-inner section .bct-bot h5 {
  color: #4b606a;
}

.cti-bct-wrapper .cti-bct-inner section .bct-bot::before {
  content: "\00a0";
  width: 0;
  height: 0;
  min-height: 0;
  border: 5px solid transparent;
  border-bottom-color: #a3afb5;
  border-left-color: #a3afb5;
  position: absolute;
  left: 100%;
  bottom: 0;
}

.cti-bct-wrapper .cti-bct-inner .transcriptions-section {
  background: rgba(0, 0, 0, 0.7);
}

.cti-bct-wrapper .cti-bct-inner .speeches-section {
  background: #dbe4e8;
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
  padding: 0;
}

.cti-bct-wrapper .cti-bct-inner .speeches-section .speech-item {
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
  padding: 8px 8px 4px;
  border-left: 5px solid #0e4b6d;
  background: rgba(255, 255, 255, 0.7);
}

.cti-bct-wrapper .cti-bct-inner .speeches-section .speech-item:last-child {
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.8);
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.8);
}

.cti-bct-wrapper .cti-bct-inner .speeches-section .speech-item p {
  padding-left: 8px;
}

#panelPassBlockReset form {
  margin: 0;
  overflow: hidden;
}

#panelPassBlockReset .user-filters {
  width: 100%;
  float: left;
}

#panelPassBlockReset .csv-generator {
  width: 116px;
  float: left;
  height: 120px;
  display: table;
}

#panelPassBlockReset .csv-generator .btn-csv {
  font-size: 11px;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

#panelPassBlockReset .csv-generator .btn-csv .fa {
  font-size: 20px;
}

#panelPassBlockReset .input-group-addon {
  min-width: 34px;
}

#panelPassBlockReset .user-lists-container {
  height: -webkit-calc(100% - 120px);
  height: calc(100% - 120px);
}

#panelPassBlockReset .user-lists-container.loading .user {
  display: none;
}

#panelPassBlockReset .user-lists-container .table-loader,
#panelPassBlockReset .user-lists-container .table-empty-feedback {
  color: var(--text-tip);
}

#panelPassBlockReset .frm-active-users,
#panelPassBlockReset .frm-blocked-users {
  float: left;
  width: 100%;
  height: 50%;
  position: relative;
}

#panelPassBlockReset .frm-active-users.multiselect-enabled .check-all,
#panelPassBlockReset .frm-blocked-users.multiselect-enabled .check-all,
#panelPassBlockReset .frm-active-users.multiselect-enabled .check-item,
#panelPassBlockReset .frm-blocked-users.multiselect-enabled .check-item {
  width: 50px;
  margin-left: 0;
}

#panelPassBlockReset .frm-active-users.multiselect-enabled .multiple-operations,
#panelPassBlockReset .frm-blocked-users.multiselect-enabled .multiple-operations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  padding: 0 5px;
}

#panelPassBlockReset .frm-active-users.multiselect-enabled .single-operations,
#panelPassBlockReset .frm-blocked-users.multiselect-enabled .single-operations,
#panelPassBlockReset .frm-active-users.multiselect-enabled .user-operations,
#panelPassBlockReset .frm-blocked-users.multiselect-enabled .user-operations {
  display: none !important;
}

#panelPassBlockReset .frm-active-users.multiselect-enabled .user-item,
#panelPassBlockReset .frm-blocked-users.multiselect-enabled .user-item {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}

#panelPassBlockReset .frm-active-users.multiselect-enabled .check-item,
#panelPassBlockReset .frm-blocked-users.multiselect-enabled .check-item {
  width: 50px;
}

#panelPassBlockReset .display-active-only .frm-active-users {
  height: 100%;
}

#panelPassBlockReset .display-active-only .frm-blocked-users {
  height: 0;
}

#panelPassBlockReset .display-blocked-only .frm-active-users {
  height: 0;
}

#panelPassBlockReset .display-blocked-only .frm-blocked-users {
  height: 100%;
}

#panelPassBlockReset .user-list-title {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  color: var(--brand-main);
  border-bottom: 1px solid var(--bg-general);
  border-top: 1px solid var(--bg-general);
}

#panelPassBlockReset .user-list-title > .fa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  -webkit-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  width: 50px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#panelPassBlockReset .user-list-title .check-all {
  margin: 0;
  width: 0;
  height: 40px;
  background: var(--bg-acc-hover);
  -webkit-border-radius: 20px 0 0 0;
  border-radius: 20px 0 0 0;
  cursor: pointer;
  margin-left: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#panelPassBlockReset .user-list {
  padding: 0;
  margin: 0;
  height: -webkit-calc(100% - 85px);
  height: calc(100% - 85px);
  overflow-y: auto;
  background: var(--bg-acc-mod);
  scroll-behavior: smooth;
  scrollbar-width: thin;
}

#panelPassBlockReset .user-list > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

#panelPassBlockReset .user-list > li:hover .user-item {
  background: var(--bg-acc-hover);
  color: var(--brand-main);
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#panelPassBlockReset .user-list > li:hover .user-operations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

#panelPassBlockReset .user-list > li > .user-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px 8px;
  width: 100%;
  background: var(--bg-panel);
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.5rem 1rem 0;
  min-height: 42px;
  cursor: default;
  border: 1px solid var(--bg-general);
  color: var(--text-label);
}

#panelPassBlockReset .user-list > li > .user-item.has-reset-pass .btn-show-pass {
  display: block;
}

#panelPassBlockReset .user-list > li > .user-item.has-reset-pass .btn-reset-pass {
  display: none;
}

#panelPassBlockReset .user-list > li .user-data-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#panelPassBlockReset .user-list > li .user-photo {
  margin: 0 10px 0 0;
}

#panelPassBlockReset .user-list > li .user-photo img {
  width: 100%;
  height: auto;
}

#panelPassBlockReset .user-list > li .user-info {
  line-height: 1.2em;
  font-size: 0.8rem;
}

#panelPassBlockReset .user-list > li .user-info strong {
  font-size: 1rem;
}

#panelPassBlockReset .user-list .check-item {
  width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  background: var(--bg-panel);
  cursor: pointer;
  overflow: hidden;
  border-left: 1px solid var(--bg-general);
}

#panelPassBlockReset .user-list .user-operations {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#panelPassBlockReset .user-list .user-operations .circle-button-sm {
  margin-left: 4px;
}

#panelPassBlockReset .user-list .user-operations .btn-show-pass {
  display: none;
  z-index: 10;
}

#panelPassBlockReset .user-list .user-operations .input-group {
  overflow: hidden;
  margin-left: -8px;
  display: none;
}

#panelPassBlockReset .user-list .user-operations .txt-temp-pass {
  width: 0;
  padding: 0;
  border: 0;
  margin: 0;
}

#panelPassBlockReset .user-list .user-operations .btn-addon {
  display: none;
}

#panelPassBlockReset .user-list .user-operations .fa-eye {
  display: inline-block;
}

#panelPassBlockReset .user-list .user-operations .fa-eye-slash {
  display: none;
}

#panelPassBlockReset .show-tempass .has-reset-pass .btn-show-pass {
  display: block !important;
}

#panelPassBlockReset .show-tempass .has-reset-pass .user-operations {
  display: flex !important;
}

#panelPassBlockReset .show-tempass .has-reset-pass .user-operations .input-group {
  display: table;
}

#panelPassBlockReset .show-tempass .has-reset-pass .txt-temp-pass {
  width: 186px !important;
  padding: 5px 10px 5px 20px !important;
  border: 1px solid #ccc !important;
  margin-left: -8px !important;
}

#panelPassBlockReset .show-tempass .has-reset-pass .btn-addon {
  display: table-cell;
}

#panelPassBlockReset .show-tempass .has-reset-pass .fa-eye {
  display: none !important;
}

#panelPassBlockReset .show-tempass .has-reset-pass .fa-eye-slash {
  display: inline-block !important;
}

#panelPassBlockReset .show-tempass .has-reset-pass .btn-block-pass,
#panelPassBlockReset .show-tempass .has-reset-pass .btn-reset-pass {
  display: none !important;
}

#panelPassBlockReset .multiple-operations {
  display: none;
}

#panelPassBlockReset .single-operations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
  gap: 5px;
}

#panelPassBlockReset .single-operations > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#panelPassBlockReset .list-operations {
  height: 40px;
  text-align: center;
  border-top: 1px solid var(--bg-general);
}

#panelPassBlockReset input[type="checkbox"].cyt-check {
  display: none;
}

#panelPassBlockReset input[type="checkbox"].cyt-check ~ .unchecked,
#panelPassBlockReset input[type="checkbox"].cyt-check ~ .checked {
  color: var(--brand-main);
  font-size: 30px;
}

#panelPassBlockReset input[type="checkbox"].cyt-check:hover {
  color: var(--brand-main-hover);
}

#panelPassBlockReset input[type="checkbox"].cyt-check:hover:checked ~ .checked {
  color: var(--brand-main-active);
}

#panelPassBlockReset input[type="checkbox"].cyt-check:hover:not(:checked) ~ .unchecked {
  color: #75cbff;
}

#panelPassBlockReset input[type="checkbox"].cyt-check[disabled] ~ .checked,
#panelPassBlockReset input[type="checkbox"].cyt-check[disabled] ~ .unchecked {
  color: #9f9797 !important;
}

#panelPassBlockReset input[type="checkbox"].cyt-check:not(:checked) ~ .unchecked {
  display: inline;
}

#panelPassBlockReset input[type="checkbox"].cyt-check:not(:checked) ~ .checked {
  display: none;
}

#panelPassBlockReset input[type="checkbox"].cyt-check:checked ~ .unchecked {
  display: none;
}

#panelPassBlockReset input[type="checkbox"].cyt-check:checked ~ .checked {
  display: inline;
}

@media screen and (min-width: 768px) {
  #panelPassBlockReset .input-group:nth-child(1),
  #panelPassBlockReset .input-group:nth-child(2),
  #panelPassBlockReset .input-group:nth-child(3) {
    width: 33.333%;
    float: left;
  }

  #panelPassBlockReset .user-lists-container {
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
  }

  #panelPassBlockReset .frm-active-users,
  #panelPassBlockReset .frm-blocked-users {
    width: 50%;
    height: 100%;
  }

  #panelPassBlockReset .frm-active-users {
    border-right: 1px solid var(--bg-general);
  }

  #panelPassBlockReset .display-active-only .frm-active-users {
    width: 100%;
    border: none;
  }

  #panelPassBlockReset .display-active-only .frm-blocked-users {
    width: 0;
  }

  #panelPassBlockReset .display-blocked-only .frm-active-users {
    width: 0;
    border: none;
  }

  #panelPassBlockReset .display-blocked-only .frm-blocked-users {
    width: 100%;
  }

  #panelPassBlockReset .csv-generator {
    height: 60px;
  }
}

.encrypted-user-list > p {
  text-align: justify;
}

.encrypted-user-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.encrypted-user-list ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 4px 8px;
  width: 100%;
  background: var(--bg-panel);
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.5rem 1rem 0;
  min-height: 42px;
  cursor: default;
  border: 1px solid var(--bg-general);
  color: var(--text-label);
}

.encrypted-user-list ul li .user-data-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
}

.encrypted-user-list ul li .user-info {
  line-height: 1.2em;
  font-size: 0.8rem;
  text-align: left;
}

.encrypted-user-list ul li .user-info strong {
  font-size: 1rem;
}

.encrypted-user-list ul li .user-pass {
  width: 50%;
}

/**
 *  Hoja de Estilos para el Módulo de Bandeja de Comunicaciones
 */

.cominbox {
  height: 100% !important;
  overflow: hidden !important;
}

.cominbox-time-views {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0;
}

@media screen and (max-width: 480px) {
  .cominbox-time-views {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cominbox-time-views > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .cominbox-time-views > * > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: none !important;
  }

  .cominbox-time-views > * > * > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 768px) {
  .cominbox-time-views {
    height: 38px;
  }
}

.cominbox-time-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
}

.cominbox-time-controls .btn-confirm-range {
  padding: 0.5rem !important;
  margin-right: 4px;
}

.cominbox-time > *,
.cominbox-views > *,
.cominbox-time > .btn-group > button,
.cominbox-views > .btn-group > button {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 11px !important;
}

.cominbox-viewlist {
  height: 100%;
  border: 1px solid var(--btn-sec-border) !important;
  background: var(--btn-sec) !important;
  text-align: center;
  max-width: 265px;
}

.cominbox-viewlist:hover {
  color: var(--brand-main) !important;
}

.cominbox-viewlist:focus {
  color: var(--brand-main) !important;
  background: var(--bg-acc-hover) !important;
}

.cominbox-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.cominbox-views {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.cominbox-views .cominbox-viewname {
  display: inline-block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cominbox-date-range {
  padding: 4px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cominbox-date-range .form-group {
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
}

.cominbox-date-range .input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cominbox-date-range .input-group .input-group-addon {
  padding: 0 12px 0 0px;
}

.cominbox-date-range .input-group .datepicker {
  max-width: 70px;
  min-width: 70px;
  text-align: center;
  font-size: 11px;
  padding-right: 0;
  padding-left: 0;
  font-weight: normal;
}

.cominbox-date-range .input-group > *:last-child {
  min-width: 51px !important;
  max-width: 51px !important;
  font-size: 11px;
  font-weight: normal;
  padding-right: 0;
  padding-left: 0;
}

.column-with-icon .fa,
.column-with-icon .glyphicon {
  font-size: 1rem;
  padding-right: 0.2rem;
  vertical-align: middle;
}

.cominbox-search-n-channels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  gap: 1rem;
  border-top: 1px solid var(--bg-general);
  border-bottom: 1px solid var(--bg-general);
}

@media screen and (min-width: 768px) {
  .cominbox-search-n-channels {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.cominbox-search-input {
  position: relative;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cominbox-search-input .fa {
  position: absolute;
  top: 10px;
  left: 10px;
}

.cominbox-search-input input {
  padding-left: 2.5rem;
}

.cominbox-channel-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0;
  gap: 0.8rem;
}

@media screen and (min-width: 768px) {
  .cominbox-channel-list {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 1rem;
    padding-left: 0.5rem;
  }
}

.chk-btn {
  width: 40px;
  height: 40px;
  margin-bottom: 0 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chk-btn input[type='checkbox'] {
  display: none;
}

.chk-btn input[type='checkbox'] ~ .fa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--bg-cti-btn-disabled);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid var(--border-cti-btn);
  font-size: 1.6rem;
  cursor: pointer;
}

.chk-btn input[type='checkbox']:checked ~ .fa {
  background: var(--brand-main);
  color: #f5f5f5;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.9);
}

.chk-btn input[type='checkbox']:checked ~ .fa.chk-btn-red {
  background: #cd5656;
}

.chk-btn input[type='checkbox']:checked ~ .fa.chk-btn-orange {
  background: #ee9e6e;
}

.chk-btn input[type='checkbox']:checked ~ .fa.chk-btn-green {
  background: #3fbf4a;
}

.chk-btn input[type='checkbox']:checked ~ .fa.chk-btn-blue {
  background: #457cce;
}

.chk-btn input[type='checkbox']:checked ~ .fa.chk-btn-pink {
  background: #e482d4;
}

.chk-btn input[type='checkbox']:checked ~ .fa.chk-btn-yellow {
  background: #eaee68;
}

.chk-btn-label {
  cursor: pointer;
  font-weight: normal;
}

.chk-btn-label:hover {
  color: var(--brand-main);
}

.duration-input {
  text-align: right;
  font-size: 1.1rem !important;
}

.cominbox-main {
  height: -webkit-calc(100% - 176px);
  height: calc(100% - 176px);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 480px) {
  .cominbox-main {
    height: -webkit-calc(100% - 143px);
    height: calc(100% - 143px);
  }
}

@media screen and (min-width: 768px) {
  .cominbox-main {
    height: -webkit-calc(100% - 102px);
    height: calc(100% - 102px);
  }
}

.cominbox-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 360px;
}

.cominbox-filters[class*='show-'] .cominbox-filters-content {
  display: block;
  min-width: 300px;
}

.cominbox-filters #comInboxDurationFilters {
  padding-top: 1.8rem;
}

.cominbox-filters.show-camp #filtradoTareas {
  display: block;
}

.cominbox-filters.show-camp .cominbox-open-camp {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.cominbox-filters.show-cli #filtradoClientes {
  display: block;
}

.cominbox-filters.show-cli .cominbox-open-cli {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.cominbox-filters.show-usr #filtradoUsuarios {
  display: block;
}

.cominbox-filters.show-usr .cominbox-open-usr {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.cominbox-filters.show-cat #filtradoCategorias {
  display: block;
}

.cominbox-filters.show-cat #filtradoCategorias .form-group:first-of-type {
  padding-top: 1rem;
}

.cominbox-filters.show-cat .cominbox-open-cat {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.cominbox-filters.show-dur #filtradoDuracion {
  display: block;
}

.cominbox-filters.show-dur #filtradoDuracion .integra-check {
  padding: 1rem 1rem 0.5rem;
}

.cominbox-filters.show-dur .cominbox-open-dur {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.cominbox-filters.show-dir #filtradoSentido {
  display: block;
}

.cominbox-filters.show-dir .cominbox-open-dir {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.cominbox-filters.show-more #filtradoAdicional {
  display: block;
}

.cominbox-filters.show-more #filtradoAdicional .integra-check {
  padding: 1rem 1rem 0.5rem;
}

.cominbox-filters.show-more .cominbox-open-more {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.cominbox-filters-menu {
  width: 60px;
  min-width: 60px;
  border-right: 1px solid var(--bg-general);
}

.cominbox-filters-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 0.5rem;
}

.cominbox-filters-menu ul a {
  display: block;
  text-align: center;
  font-size: 1.5rem;
  color: var(--text-main);
  padding: 0.5rem 0;
}

.cominbox-filters-menu ul a:hover,
.cominbox-filters-menu ul a.active {
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.cominbox-filters-content {
  width: auto;
  display: none;
  border-right: 1px solid var(--bg-general);
}

.cominbox-filters-content footer {
  border-top: 1px solid var(--bg-general);
  padding: 4px;
}

.cominbox-filters-content article {
  display: none;
  height: -webkit-calc(100% - 43px);
  height: calc(100% - 43px);
  overflow-y: auto;
}

.cominbox-filters-content article h3 {
  margin: 0;
  padding: 1rem;
  font-size: 1.2rem;
  color: var(--brand-main);
  border-bottom: 1px solid var(--bg-general);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.cominbox-filters-content article h3 > span:first-child {
  white-space: nowrap;
  padding-right: 1rem;
}

.cominbox-filters-content article h3 .btn-close-filter {
  padding-top: 2px;
  cursor: pointer;
}

.cominbox-filters-content article h3 .btn-close-filter:hover {
  color: var(--brand-main-hover);
}

.cominbox-filters-content article input[type='text'] {
  padding-left: 1rem;
  padding-right: 1rem;
}

.cominbox-filters-content article > .integra-checklist {
  height: -webkit-calc(100% - 85px);
  height: calc(100% - 85px);
  overflow-y: auto;
}

.cominbox-filters-content article .btn-next-result {
  padding: 0 10px 0 6px;
}

.cominbox-dir-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

.cominbox-dir-list article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
}

.integra-check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

.integra-check.check-big .fa:not(.in-text) {
  font-size: 1.4rem;
}

.integra-check img {
  width: 40px;
  height: 40px;
  margin-left: 5px;
}

.integra-check input[type='checkbox'] {
  display: none;
}

.integra-check input[type='checkbox']:not([disabled]) ~ .fa-check-square,
.integra-check input[type='checkbox']:not([disabled]) ~ .fa-square {
  display: none;
  color: var(--brand-main);
}

.integra-check input[type='checkbox'][disabled] ~ .fa-check-square,
.integra-check input[type='checkbox'][disabled] ~ .fa-square {
  display: none;
  color: var(--text-placeholder);
}

.integra-check input[type='checkbox'][disabled] ~ .fa-square-o {
  color: var(--text-placeholder);
}

.integra-check input[type='checkbox'][disabled] ~ span:last-child {
  color: var(--text-placeholder) !important;
}

.integra-check input[type='checkbox'] ~ .maxcheck-feedback {
  display: none;
}

.integra-check input[type='checkbox'] ~ .maxcheck-feedback .fa {
  padding: 0 5px 0 0;
}

.integra-check input[type='checkbox']:not(:checked) ~ .maxcheck-feedback {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--text-placeholder);
  -webkit-border-radius: 0.8rem;
  border-radius: 0.8rem;
  padding: 0 0.5rem 0 0.1rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 1rem;
}

.integra-check input[type='checkbox']:checked ~ .fa-square-o {
  display: none;
}

.integra-check input[type='checkbox']:checked ~ .fa-check-square {
  display: inline;
}

.integra-check input[type='checkbox'].partialy-checked:not(:checked) ~ .fa-square-o {
  display: none;
}

.integra-check input[type='checkbox'].partialy-checked:not(:checked) ~ .fa-square {
  display: inline !important;
}

.integra-check .fa + .fa + span,
.integra-check .fa + .fa + img + span {
  padding-left: 4px;
  line-height: 1.3rem;
}

.integra-checklist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.integra-checklist > li {
  height: 100%;
}

.integra-checklist > li > label {
  text-transform: uppercase;
  background: var(--bg-menu);
}

.integra-checklist .integra-check {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--bg-general);
  width: 100%;
}

.integra-checklist .integra-check .fa:not(.in-text) {
  font-size: 1.4rem;
}

.integra-checklist .integra-check:not(.disabled):hover {
  background: var(--bg-acc-hover);
  cursor: pointer;
}

.integra-checklist .integra-check.active {
  background: var(--bg-acc-hover);
}

.integra-checklist ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: -webkit-calc(100% - 36px);
  height: calc(100% - 36px);
  overflow-y: auto;
}

.integra-checklist ul .integra-check {
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  font-weight: normal;
}

.integra-checklist ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.integra-checklist ul ul .integra-check {
  padding: 0.5rem 1rem 0.5rem 3.5rem;
  background: var(--bg-acc-mod);
}

.cominbox-data-section {
  position: relative;
  width: 100%;
  min-width: 0;
}

.cominbox-table-container {
  position: relative;
  background: var(--bg-acc-mod);
  height: 100%;
  overflow: visible;
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.with-steps .cominbox-table-container {
  height: -webkit-calc(100% - 46px);
  height: calc(100% - 46px);
}

.cominbox-toggle-colcog {
  position: absolute;
  top: 2px;
  right: 2px;
}

.with-steps .cominbox-toggle-colcog {
  top: 49px;
}

.cominbox-panel-colcog {
  position: absolute;
  background: var(--bg-panel);
  right: 8px;
  top: 45px;
  height: -webkit-calc(100% - 95px);
  height: calc(100% - 95px);
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  border: 1px solid var(--bg-general);
}

@media screen and (max-width: 768px) {
  .cominbox-panel-colcog {
    max-width: -webkit-calc(100% - 16px);
    max-width: calc(100% - 16px);
  }
}

.cominbox-panel-colcog.open {
  opacity: 1;
  pointer-events: auto;
}

.cominbox-panel-colcog h3 {
  margin: 0;
  padding: 1rem;
  border-bottom: 1px solid var(--bg-general);
  text-align: center;
  color: var(--brand-main);
}

.cominbox-panel-colcog .cominbox-col-list {
  height: -webkit-calc(100% - 50px);
  height: calc(100% - 50px);
}

.cominbox-panel-colcog .cominbox-col-list ul {
  counter-reset: col-order;
}

.cominbox-panel-colcog .cominbox-col-list ul label {
  padding-right: 60px;
  position: relative;
  font-weight: normal;
}

.cominbox-panel-colcog .cominbox-col-list ul label:hover .handle {
  opacity: 0.6;
}

.cominbox-panel-colcog .cominbox-col-list ul label :checked ~ .cominbox-colcog-name::before {
  counter-increment: col-order;
  content: counter(col-order) '.';
  position: absolute;
  left: 9px;
  text-align: right;
  width: 20px;
  font-size: 0.8rem;
  top: -webkit-calc(50% - 9px);
  top: calc(50% - 9px);
}

.cominbox-panel-colcog .cominbox-col-list ul .handle {
  height: 100%;
  position: absolute;
  width: 50px;
  right: 5px;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.cominbox-panel-colcog .cominbox-col-list ul .handle:hover {
  opacity: 1 !important;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: grab;
  background: var(--brand-main);
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.9);
  color: #e5e5e5 !important;
}

.cominbox-order-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cominbox-order-list .order-inboxcol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--bg-general);
}

.cominbox-order-list .order-inboxcol > select {
  width: 60px;
  text-align: center;
}

.cominbox-order-list .order-inboxcol > .order-inboxcol-name {
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 1rem;
}

.cominbox-step-recovery {
  display: none;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--bg-general);
}

.with-steps .cominbox-step-recovery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cominbox-step-recovery .fa-info-circle {
  cursor: help;
}

.integra-input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.cominbox-view-dialog {
  position: absolute;
  top: 100%;
  right: 0;
  background: var(--bg-acc-mod);
  height: auto;
  display: block;
  z-index: 99;
  -webkit-box-shadow: var(--shadow-center);
  box-shadow: var(--shadow-center);
  border: 1px solid var(--bg-general);
  -webkit-border-radius: 4px;
  border-radius: 4px;
  width: 300px;
  opacity: 0;
  pointer-events: none;
  display: none;
}

.cominbox-view-dialog.open {
  opacity: 1;
  pointer-events: auto;
  display: block;
}

.cominbox-view-dialog.save-view .cominbox-del-view {
  display: none;
}

.cominbox-view-dialog .cominbox-save-view {
  position: relative;
}

.cominbox-view-dialog.del-view .cominbox-save-view {
  display: none;
}

.cominbox-view-dialog h4 {
  color: var(--brand-main);
  border-bottom: 1px solid var(--bg-general);
  margin: 0;
  padding: 1rem;
  text-align: center;
}

.cominbox-view-dialog section {
  background: var(--bg-panel);
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
}

.cominbox-view-dialog section p {
  margin: 0;
}

.cominbox-view-dialog section .alert {
  margin-top: 1.7rem;
}

.cominbox-view-dialog footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem;
  gap: 0.5rem;
}

.cominbox-view-dialog footer > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/****************************
 * DatePicker
 ****************************/

.datepicker-switch {
  text-align: center !important;
}

.datepicker-dropdown {
  z-index: 2000 !important;
  -webkit-border-radius: 4px !important;
  border-radius: 4px !important;
  overflow: hidden;
  padding: 0 !important;
}

.datepicker-dropdown table {
  border-collapse: separate;
  border-spacing: 1px;
  color: var(--text-main);
  margin-bottom: 0;
}

.datepicker-dropdown .prev,
.datepicker-dropdown .datepicker-switch,
.datepicker-dropdown .next {
  cursor: pointer;
  position: relative;
  color: var(--brand-main) !important;
  text-decoration: none;
  text-align: center !important;
  /*box-shadow: 0 3px 0 #333;*/
  border-bottom: 1px solid var(--bg-general) !important;
  margin-top: 3px!important;
  -webkit-transition: border 0.2s, margin 0.2s;
  -o-transition: border 0.2s, margin 0.2s;
  transition: border 0.2s, margin 0.2s;
}

.datepicker-dropdown .prev:hover,
.datepicker-dropdown .datepicker-switch:hover,
.datepicker-dropdown .next:hover {
  color: var(--brand-main-hover);
  background: var(--bg-acc-hover);
}

.datepicker-dropdown .prev:active,
.datepicker-dropdown .datepicker-switch:active,
.datepicker-dropdown .next:active,
.datepicker-dropdown .prev.active,
.datepicker-dropdown .datepicker-switch.active,
.datepicker-dropdown .next.active {
  color: var(--brand-main-active);
}

.datepicker-dropdown .day,
.datepicker-dropdown .month,
.datepicker-dropdown .year,
.datepicker-dropdown .clear {
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: transparent;
}

.datepicker-dropdown .day.old,
.datepicker-dropdown .month.old,
.datepicker-dropdown .year.old,
.datepicker-dropdown .clear.old,
.datepicker-dropdown .day.new,
.datepicker-dropdown .month.new,
.datepicker-dropdown .year.new,
.datepicker-dropdown .clear.new {
  background: var(--bg-badge);
}

.datepicker-dropdown .day:hover,
.datepicker-dropdown .month:hover,
.datepicker-dropdown .year:hover,
.datepicker-dropdown .clear:hover,
.datepicker-dropdown .day.active,
.datepicker-dropdown .month.active,
.datepicker-dropdown .year.active,
.datepicker-dropdown .clear.active {
  background: var(--brand-main);
  color: var(--btn-sec);
  border: none !important;
}

.datepicker-dropdown .day.disabled,
.datepicker-dropdown .month.disabled,
.datepicker-dropdown .year.disabled,
.datepicker-dropdown .clear.disabled {
  background: var(--btn-sec);
  cursor: default;
  color: var(--text-tip);
  opacity: 0.4;
}

.datepicker-dropdown .today {
  outline: 1px solid var(--bg-cti-btn-active);
  text-align: center !important;
}

.datepicker-dropdown .clear {
  text-align: center !important;
  color: var(--text-main);
  background: var(--btn-sec);
  border: 1px solid var(--btn-sec-border);
}

.datepicker-dropdown .clear:hover {
  border-color: var(--brand-main);
  color: var(--brand-main);
}

.datepicker-dropdown .clear:active,
.datepicker-dropdown .clear.active {
  border-color: var(--brand-main);
  color: var(--brand-main);
  background: var(--bg-acc-hover);
}

.datepicker-dropdown .clear[disabled],
.datepicker-dropdown .clear.disabled,
[disabled] .datepicker-dropdown .clear {
  color: var(--text-main) !important;
  background: var(--btn-sec) !important;
}

.datepicker-dropdown .month,
.datepicker-dropdown .year {
  padding: 3px;
  margin: 0 2px;
}

.datepicker-dropdown .dow {
  cursor: default;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  max-height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

.timepicker {
  min-width: 55px;
}

.ui-timepicker-select {
  min-width: 100px !important;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .ui-timepicker-select {
    min-width: 75px !important;
    text-align: center;
  }
}

/****************************
 * Wizard
 ****************************/

/*
    Common 
*/

.wizard,
.tabcontrol {
  display: block;
  width: 100%;
  overflow: hidden;
  /* Accessibility */
}

.wizard a,
.tabcontrol a {
  outline: 0;
}

.wizard .help-block,
.tabcontrol .help-block {
  font-size: 0.83em !important;
  text-align: justify;
}

.wizard .subtitulo-integra,
.tabcontrol .subtitulo-integra {
  padding-top: 15px !important;
}

.wizard ul,
.tabcontrol ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

.wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
  position: absolute;
  left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title {
  position: absolute;
  left: -999em;
}

/*
    Wizard
*/

.wizard > .steps {
  position: relative;
  display: block;
  counter-reset: step;
}

.wizard > .steps .number {
  font-size: 1.429em;
  display: none;
}

.wizard > .steps > ul > li {
  display: inline-block;
  counter-increment: step;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  display: inline-block;
  width: 100%;
  line-height: 60px;
  white-space: nowrap;
  padding: 0 1em;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 767px) {
  .wizard > .steps a,
  .wizard > .steps a:hover,
  .wizard > .steps a:active {
    color: transparent !important;
  }
}

.wizard > .steps a:before,
.wizard > .steps a::before {
  display: inline-block;
  text-align: center;
  content: counter(step);
  line-height: 28px;
  width: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: var(--bg-panel);
  color: var(--text-label);
  border: 1px solid var(--brand-main-active);
  margin-right: 10px;
  height: 30px;
}

.wizard > .steps a:after,
.wizard > .steps a::after {
  content: "\00a0";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 100%;
  border-left-width: 15px;
  border-left-style: solid;
  border-left-color: inherit;
  border-right: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  z-index: 400;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
  background: var(--bg-acc-mod);
  border-color: transparent;
  color: var(--text-tip);
  cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
  background: var(--bg-acc-hover);
  border-color: var(--bg-acc-hover);
  color: var(--brand-main);
  cursor: default;
  font-weight: bold;
}

.wizard > .steps .done a {
  border-color: transparent;
  background: var(--bg-panel);
  color: var(--text-main);
}

.wizard > .steps .done a:hover {
  background: var(--bg-acc-hover);
  border-color: var(--bg-acc-hover);
  color: var(--brand-main);
  cursor: default;
}

.wizard > .steps .done a:active {
  font-weight: bold;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
  border-color: transparent;
  background: var(--danger-bg);
  color: var(--danger-fg);
}

.wizard > .steps .error.current a,
.wizard > .steps .error.current a:hover,
.wizard > .steps .error.current a:active {
  border-color: var(--danger-bg) !important;
  background: var(--danger-bg);
  color: var(--danger-fg);
}

.wizard > .actions {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 54px;
  padding-top: 2px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px solid var(--bg-general);
}

.wizard > .actions > ul {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem;
}

@media screen and (min-width: 768px) {
  .wizard > .actions > ul {
    width: 70%;
  }
}

.wizard > .actions > ul > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.wizard > .actions > ul > li a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.wizard > .content {
  background: var(--bg-menu);
  overflow-y: auto;
  position: relative;
}

.wizard > .content > .body {
  position: absolute;
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  height: 100%;
  top: 0;
  left: 0;
  margin-left: 30px;
}

.wizard > .content > .body > iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}

.wizard > .content > .body input.error {
  background: #fbe3e4;
  border: 1px solid #fbc2c4;
  color: #8a1f11;
}

.wizard > .content > .body input[type="checkbox"],
.wizard > .content > .body input[type="radio"] {
  display: inline-block;
}

.wizard > .content > .body label.error {
  color: #8a1f11;
  display: inline-block;
  margin-left: 1.5em;
}

.wizard.vertical > .steps {
  display: inline;
  float: left;
  width: 62px;
  padding: 0 !important;
  height: -webkit-calc(100% - 60px) !important;
  height: calc(100% - 60px) !important;
  background: var(--bg-panel);
}

.wizard.vertical > .steps > ul > li {
  width: 100%;
  border-bottom: 1px solid var(--bg-general);
}

@media screen and (min-width: 768px) {
  .wizard.vertical > .steps {
    width: 30%;
  }
}

.wizard.vertical > .content {
  width: -webkit-calc(100% - 62px);
  width: calc(100% - 62px);
  padding: 0 !important;
  padding-left: 30px !important;
  height: -webkit-calc(100% - 60px) !important;
  height: calc(100% - 60px) !important;
}

@media screen and (min-width: 768px) {
  .wizard.vertical > .content {
    width: 70%;
  }
}

.wizard.vertical > .actions > ul > li {
  margin: 0 0 0 1em;
}

/*
    Tabcontrol
*/

.tabcontrol > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.tabcontrol > .steps > ul {
  position: relative;
  margin: 6px 0 0 0;
  top: 1px;
  z-index: 1;
}

.tabcontrol > .steps > ul > li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0;
}

.tabcontrol > .steps > ul > li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px 0;
  margin-top: 0;
}

.tabcontrol > .steps > ul > li.current > a {
  padding: 15px 30px 10px 30px;
}

.tabcontrol > .steps > ul > li > a {
  color: #5f5f5f;
  display: inline-block;
  border: 0 none;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover {
  text-decoration: none;
}

.tabcontrol > .content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 35em;
  overflow: hidden;
  border-top: 1px solid #bbb;
  padding-top: 20px;
}

.tabcontrol > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}

.tabcontrol > .content > .body ul {
  list-style: disc !important;
}

.tabcontrol > .content > .body ul > li {
  display: list-item;
}

/****************************
 * Summernote
 ****************************/

.note-editor {
  font-family: 'Arial', sans-serif;
  overflow: hidden;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

.note-editor .panel-heading {
  color: inherit;
  background-color: var(--bg-panel);
  border-color: var(--bg-general);
}

.note-editor .note-toolbar {
  height: auto !important;
}

.note-editor .note-toolbar .note-btn-group .btn-default:not(.note-current-color-button) {
  background: var(--btn-sec);
  border-color: var(--btn-sec-border);
  color: var(--text-main);
}

.note-editor .note-toolbar .note-btn-group .btn-default:not(.note-current-color-button):hover {
  border-color: var(--brand-main);
  color: var(--brand-main);
}

.note-editor .note-toolbar .note-btn-group .btn-default:not(.note-current-color-button):active,
.note-editor .note-toolbar .note-btn-group .btn-default:not(.note-current-color-button).active {
  border-color: var(--brand-main);
  color: var(--brand-main);
  background: var(--bg-acc-hover);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.note-editor .note-toolbar .checked {
  color: var(--brand-main-active);
}

.note-editor .note-toolbar .dropdown-menu > li > a:focus,
.note-editor .note-toolbar .dropdown-menu > li > a:hover {
  color: var(--brand-main);
  background-color: var(--bg-acc-hover);
}



.note-editor .note-toolbar .dropdown-menu [role="listitem"] a *:not(bloquote) {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.15;
  color: inherit;
  background: transparent;
  position: static;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  min-width: inherit;
  width: auto;
  text-shadow: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a h1 {
  font-size: 2em !important;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a h2 {
  font-size: 1.5em !important;
  cursor: inherit;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a h2::before,
.note-editor .note-toolbar .dropdown-menu [role="listitem"] a h2::after {
  content: none;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a h3 {
  font-size: 1.17em !important;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a h4 {
  font-size: 1em !important;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a h5 {
  font-size: 0.83em !important;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a h6 {
  font-size: 0.75em !important;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a b,
.note-editor .note-toolbar .dropdown-menu [role="listitem"] a strong {
  font-weight: bolder;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a pre {
  padding: 5px 10px;
  margin: 0;
  display: block;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a code,
.note-editor .note-toolbar .dropdown-menu [role="listitem"] a kbd,
.note-editor .note-toolbar .dropdown-menu [role="listitem"] a samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a small {
  font-size: 80%;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a blockquote {
  font-size: 17.5px;
  border-left: 5px solid #eee;
  padding: 5px 10px;
  margin: 0;
}

.note-editor .note-toolbar .dropdown-menu [role="listitem"] a table {
  border-collapse: collapse;
  border-spacing: 0;
}

.note-editor .note-toolbar .btn-group.open .dropdown-toggle {
  border-color: var(--brand-main) !important;
  color: var(--brand-main) !important;
  background: var(--bg-acc-hover) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
  background: var(--bg-acc-hover) !important;
}

.note-dropdown-menu {
  background: var(--bg-acc-mod) !important;
  padding: 0.5rem 0 !important;
}

.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
  font-size: 0.8rem;
  margin: 2px 7px;
  text-align: center;
  border-bottom: 0;
  color: var(--text-label);
  font-weight: bold;
}

.note-editor.note-frame,
.note-editor.note-airframe {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  background: transparent;
}

.note-editor.note-frame .note-editable,
.note-editor.note-airframe .note-editable {
  background: var(--bg-menu) !important;
}

.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"],
.note-editor.note-airframe .note-editing-area .note-editable[contenteditable="false"] {
  background-color: transparent;
}

/****************************
 * Monitores
 ****************************/

#panelMonitorEfectividad .panel-body {
  padding: 0 !important;
}

.monitorWrapper {
  height: 100%;
  overflow-y: auto;
  background: var(--bg-acc-mod);
}

.monitorWrapper .no-monitors {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.monitorWrapper article {
  padding: 8px 0;
  position: relative;
  margin-top: 45px;
}

.monitorWrapper table {
  position: relative;
  width: 100%;
  font-size: 1rem;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.monitorWrapper table td,
.monitorWrapper table th {
  line-height: 38px;
  padding: 0 15px;
  color: var(--text-label);
  white-space: nowrap;
  text-overflow: ellipsis;
  background: var(--bg-panel);
}

.monitorWrapper table th.monitor-column-heading {
  text-align: center !important;
  position: relative;
  cursor: default;
  background: transparent;
}

.monitorWrapper table th.monitor-column-heading .fa {
  color: var(--brand-main);
  position: relative;
  cursor: help;
}

.monitorWrapper table th.monitor-column-heading .fa .formula {
  position: absolute;
  display: none;
  top: -webkit-calc(100% + 15px);
  top: calc(100% + 15px);
  right: -13px;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  padding: 8px;
  font-family: 'Open Sans', sans-serif;
  color: #eee;
  z-index: 20;
}

.monitorWrapper table th.monitor-column-heading .fa .formula::before {
  content: "\00a0";
  height: 0;
  width: 0;
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 0 solid transparent;
  position: absolute;
  right: 15px;
  bottom: 100%;
  z-index: 10;
}

.monitorWrapper table th.monitor-column-heading .fa .formula .grupo {
  padding: 0 8px;
  font-size: 10px;
}

.monitorWrapper table th.monitor-column-heading .fa .formula .grupo.grupo-operacion {
  font-size: 16px;
}

.monitorWrapper table th.monitor-column-heading .fa .formula .grupo.grupo-sin-salto {
  white-space: nowrap;
}

.monitorWrapper table th.monitor-column-heading .fa .formula .expresion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.monitorWrapper table th.monitor-column-heading .fa .formula .numerador {
  white-space: nowrap;
}

.monitorWrapper table th.monitor-column-heading .fa .formula .denominador {
  border-top: 1px solid #eee;
  white-space: nowrap;
}

.monitorWrapper table th.monitor-column-heading .fa:hover .formula {
  display: block;
}

.monitorWrapper table th.monitor-row-heading {
  text-align: right !important;
  position: relative;
  border: 1px solid transparent;
  cursor: default;
  border-right: 1px solid var(--bg-general);
  background: transparent;
}

.monitorWrapper table th.monitor-row-heading .fa {
  color: var(--brand-main);
  position: relative;
  cursor: pointer;
}

.monitorWrapper table th.monitor-row-heading .fa .lista-grupo-campanas {
  position: absolute;
  top: -12px;
  left: -webkit-calc(100% + 13px);
  left: calc(100% + 13px);
  background: var(--bg-panel);
  list-style: none;
  padding: 3px 15px;
  margin: 0;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  margin-left: 4px;
  font-size: 12px;
  font-weight: normal;
  line-height: 2em;
  display: none;
  font-family: 'Open Sans', sans-serif;
}

.monitorWrapper table th.monitor-row-heading .fa .lista-grupo-campanas::before {
  content: "\00a0";
  height: 0;
  width: 0;
  border-top: 5px solid transparent;
  border-left: 0 solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.8);
  border-bottom: 5px solid transparent;
  position: absolute;
  right: 100%;
  top: 15px;
  z-index: 10;
}

.monitorWrapper table th.monitor-row-heading .fa .lista-grupo-campanas .campana {
  white-space: nowrap;
  text-align: left;
  padding-left: 15px;
  position: relative;
}

.monitorWrapper table th.monitor-row-heading .fa .lista-grupo-campanas .campana::before {
  content: "\00a0";
  position: absolute;
  left: 0;
  top: 9px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #f00;
}

.monitorWrapper table th.monitor-row-heading .fa .lista-grupo-campanas .campana.activa::before {
  background: #0f0;
}

.monitorWrapper table th.monitor-row-heading .fa.active {
  color: var(--brand-main-active);
}

.monitorWrapper table th.monitor-row-heading .fa.active .lista-grupo-campanas {
  display: block;
}

.monitorWrapper table tfoot td {
  border-top: none;
  text-align: center;
  border-right: 1px solid var(--bg-general);
  border-bottom: 1px solid var(--bg-general);
  color: var(--brand-main-active);
  font-weight: bold;
  font-size: 1.1rem;
  background: var(--bg-acc-hover);
}

.monitorWrapper table td.indicador-umbral {
  background: var(--success-bg);
  color: var(--success-fg);
  width: 14%;
}

.monitorWrapper table td.indicador-umbral.umbral-pasado > span {
  background: var(--danger-bg);
  color: var(--danger-fg);
}

.monitorWrapper table tbody td {
  text-align: center;
  border: 1px solid var(--bg-general);
  padding: 0;
}

.monitorWrapper table tbody td span {
  display: block;
  width: 100%;
  height: 100%;
}

.monitorWrapper table .has-umbral-pasado > td span {
  background: var(--warning-bg);
  outline: 1px solid var(--warning-fg);
  color: var(--warning-fg);
}

.monitorWrapper table .columna-grupos {
  width: 200px;
}

.monitorWrapper table caption {
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 0;
  width: 100%;
}

.monitorWrapper h3 {
  margin: 0;
  line-height: 50px;
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 40px;
  color: var(--brand-main);
  white-space: nowrap;
  padding-right: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.monitorWrapper h3 .btn-descargar-monitor {
  position: absolute !important;
  right: 1.5rem;
  top: 8px;
}

.monitorWrapper .corner-heading {
  color: var(--brand-main);
}

.monitorWrapper .total-heading {
  color: var(--brand-main);
}