/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700|Roboto:100,300,400,500,700,900|Quicksand:300,400,500,700");

.bg-exito {
  background-color: #2EAF00 !important
}

.bg-alerta {
  background-color: #EC9B07 !important
}

.bg-peligro {
  background-color: #D80727 !important
}

.bg-primary {
  background-color: #0373E6 !important
}

.bg-secondary {
  background-color: rgba(20, 40, 74, 0.15) !important
}

.bg-rojo {
  background-color: #E70441 !important
}

.bg-rosado {
  background-color: #fd68a1 !important
}

.bg-verde {
  background-color: #4cb911 !important
}

.bg-azul {
  background-color: #2437b1 !important
}

.bg-amarillo {
  background-color: #eca307 !important
}

.bg-violeta {
  background-color: #e20578 !important
}

.bg-cian {
  background-color: #5cd8d6 !important
}

.bg-celeste {
  background-color: #29aaf3 !important
}

.bg-lima {
  background-color: #afbf15 !important
}

.bg-naranja {
  background-color: #ea5c0d !important
}

.bg-morado {
  background-color: #7e2fbd !important
}

.bg-morado2 {
  background-color: #771D72 !important
}

.bg-mostaza {
  background-color: #af9701 !important
}

.bg-burdeo {
  background-color: #9a0631 !important
}

.bg-cafe {
  background-color: #865134 !important
}

.bg-turquesa {
  background-color: #058a96 !important
}

.bg-grafito {
  background-color: #505052 !important
}

.bg-gris {
  background-color: #CBCED5 !important
}

.bg-lite {
  background-color: #F6F7FB !important
}

.bg-plata {
  background-color: #F6F7FB !important
}

.bg-plata2 {
  background-color: rgba(57, 75, 145, 0.1) !important
}

.bg-plata2-full {
  background-color: #ECEEF5 !important
}

.bg-header {
  background-color: #F6F7FB !important
}

.bg-backoffice {
  background-color: #e70441 !important
}

.bg-mejoremos {
  background-color: #af2490 !important
}

.bg-mederis {
  background-color: #00adb1 !important
}

.bg-blanco {
  background-color: white !important
}

.bg-negro {
  background-color: black !important
}

.bg-body {
  background-color: #e5e8ef !important
}

.bg-transparente {
  background-color: transparent !important
}

.tx-default {
  color: #36373c !important
}

.tx-exito {
  color: #2EAF00 !important
}

.tx-alerta {
  color: #d38b06 !important
}

.tx-peligro {
  color: #D80727 !important
}

.tx-blanco {
  color: #fff !important
}

.tx-negro {
  color: #000 !important
}

.tx-primary {
  color: #0373E6 !important
}

.tx-secondary {
  color: rgba(20, 40, 74, 0.15) !important
}

.tx-rojo {
  color: #E70441 !important
}

.tx-rosado {
  color: #fd68a1 !important
}

.tx-verde {
  color: #4cb911 !important
}

.tx-azul {
  color: #2437b1 !important
}

.tx-amarillo {
  color: #eca307 !important
}

.tx-violeta {
  color: #e20578 !important
}

.tx-cian {
  color: #5cd8d6 !important
}

.tx-celeste {
  color: #29aaf3 !important
}

.tx-lima {
  color: #afbf15 !important
}

.tx-naranja {
  color: #ea5c0d !important
}

.tx-morado {
  color: #7e2fbd !important
}

.tx-morado2 {
  color: #771D72 !important
}

.tx-mostaza {
  color: #af9701 !important
}

.tx-burdeo {
  color: #9a0631 !important
}

.tx-cafe {
  color: #865134 !important
}

.tx-turquesa {
  color: #058a96 !important
}

.tx-grafito {
  color: #505052 !important
}

.tx-gris {
  color: #CBCED5 !important
}

.tx-mejoremos {
  color: #af2490 !important
}

.tx-mederis {
  color: #00adb1 !important
}

.tx-75 {
  color: rgba(54, 55, 60, 0.75) !important
}

.tx-50 {
  color: rgba(54, 55, 60, 0.5) !important
}

.tx-25 {
  color: rgba(54, 55, 60, 0.25) !important
}

.tx-10 {
  color: rgba(54, 55, 60, 0.1) !important
}

.tx-0 {
  color: rgba(54, 55, 60, 0) !important
}

.txw-75 {
  color: rgba(255, 255, 255, 0.75) !important
}

.txw-50 {
  color: rgba(255, 255, 255, 0.5) !important
}

.txw-25 {
  color: rgba(255, 255, 255, 0.25) !important
}

.txw-10 {
  color: rgba(255, 255, 255, 0.1) !important
}

.tx-lite {
  color: #F6F7FB !important
}

.tx-backoffice {
  color: #e70441 !important
}

.bor-exito {
  border-color: #2EAF00 !important
}

.bor-alerta {
  border-color: #EC9B07 !important
}

.bor-peligro {
  border-color: #D80727 !important
}

.bor-primary {
  border-color: #0373E6 !important
}

.bor-secondary {
  border-color: rgba(20, 40, 74, 0.15) !important
}

.bor-plata {
  border-color: #F6F7FB !important
}

.bor-rojo {
  border-color: #E70441 !important
}

.bor-rosado {
  border-color: #fd68a1 !important
}

.bor-verde {
  border-color: #4cb911 !important
}

.bor-azul {
  border-color: #2437b1 !important
}

.bor-amarillo {
  border-color: #eca307 !important
}

.bor-violeta {
  border-color: #e20578 !important
}

.bor-cian {
  border-color: #5cd8d6 !important
}

.bor-celeste {
  border-color: #29aaf3 !important
}

.bor-lima {
  border-color: #afbf15 !important
}

.bor-naranja {
  border-color: #ea5c0d !important
}

.bor-morado {
  border-color: #7e2fbd !important
}

.bor-morado2 {
  border-color: #771D72 !important
}

.bor-mostaza {
  border-color: #af9701 !important
}

.bor-burdeo {
  border-color: #9a0631 !important
}

.bor-cafe {
  border-color: #865134 !important
}

.bor-turquesa {
  border-color: #058a96 !important
}

.bor-grafito {
  border-color: #505052 !important
}

.bor-gris {
  border-color: #CBCED5 !important
}

.bor-lite {
  border-color: #F6F7FB !important
}

.bor-body {
  border-color: #e5e8ef !important
}

.bor-header {
  border-color: #F6F7FB
}

.bor-backoffice {
  border-color: #e70441
}

.bor-mejoremos {
  border-color: #af2490 !important
}

.bor-mederis {
  border-color: #00adb1 !important
}

.bor-blanco {
  border-color: white !important
}

.bor-negro {
  border-color: black !important
}

.bor-transparente {
  border-color: transparent !important
}

.bor-dashed {
  border-style: dashed !important
}

.gradiente-azul {
  background: linear-gradient(135deg, #0373E6 0%, #e20578 100%)
}

.gradiente-verde {
  background: linear-gradient(135deg, #2EAF00 0%, #afbf15 100%)
}

.gradiente-amarilla {
  background: linear-gradient(135deg, #eca307 0%, #ea5c0d 100%)
}

.gradiente-roja {
  background: linear-gradient(135deg, #E70441 0%, #e20578 100%)
}

.gradiente-mejoremos {
  background: linear-gradient(135deg, #af2490 0%, #e20578 100%)
}

.color-block {
  padding: 20px;
  border-radius: 10px;
  color: #fff;
  margin-bottom: 20px
}

.icon-block {
  height: 66px;
  padding: 10px
}

.icon-block i {
  font-size: 32px;
  color: rgba(54, 55, 60, 0.5);
  float: left;
  width: 50px;
  margin-top: 8px;
  text-align: center;
  margin-right: 10px
}

.icon-block xmp {
  float: left;
  border: 0px solid;
  background-color: transparent;
  padding: 0px;
  padding-top: 5px;
  font-size: 11px;
  width: calc(100% - 60px);
  overflow-x: hidden
}

p,
ol,
ul {
  font-size: 13px;
  font-family: 'roboto', sans-serif;
  font-weight: 400;
  line-height: 19px
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'poppins', sans-serif;
  font-weight: 800
}

.subtitulo-1 {
  font-family: 'poppins', sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(50, 55, 66, 0.1)
}

.subtitulo-2 {
  font-family: 'poppins', sans-serif;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 4px;
  padding-left: 10px;
  border-left: 4px solid #0373E6;
  color: #0373E6
}

.subtitulo-3 {
  font-family: 'poppins', sans-serif;
  font-size: 14px;
  font-weight: 600
}

.lista {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.lista li {
  counter-increment: step-counter;
  line-height: 18px;
  margin-bottom: 6px;
  padding-left: 20px
}

.lista li::before {
  content: '';
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(54, 55, 60, 0.2);
  margin-left: -18px;
  margin-top: 6px
}

.lista2 li::before {
  background-color: #0373E6
}

.lista li a:hover {
  text-decoration: underline
}

.lista.tx-rojo li::before {
  background-color: #E70441 !important
}

.lista-tabla li {
  margin-bottom: 0px
}

li.disabled a {
  color: #ccc !important;
  cursor: not-allowed
}

.lista-num {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.lista-num li {
  counter-increment: step-counter;
  line-height: 18px;
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative
}

.lista-num li.correcta::before {
  background-color: #11b968;
  color: white
}

.lista-num.lista-num-alfa li {
  counter-increment: listStyle !important
}

.lista-num li::before {
  content: counter(step-counter);
  font-size: 11px !important;
  font-weight: bold;
  color: #36373c;
  line-height: 20px;
  text-align: center;
  display: block;
  position: absolute;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  margin-left: -25px
}

.lista-num.lista-num-alfa li::before {
  content: counter(listStyle, lower-alpha) !important;
  text-transform: capitalize
}

.lista-num.lista-num-prueba li {
  margin-bottom: 0px
}

.lista-num.lista-num-prueba li::before {
  top: 5px;
  border-right: 2px solid #9397a1;
  background: white
}

.lista-alternativas li::before {
  margin-top: 11px
}

.lista-num.num2 li::before {
  color: #fff;
  background-color: #0373E6
}

.lista-num li a:hover,
p a:hover {
  text-decoration: underline
}

.lista-evaluacion li {
  min-height: 32px;
  padding: 4px;
  padding-left: 42px;
  position: relative;
  border-radius: 6px;
  display: flex;
  align-items: center !important;
  font-size: 13px;
  line-height: 16px
}

.lista-evaluacion li::before {
  content: counter(listStyle, lower-alpha) !important;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 14px !important;
  left: 4px;
  margin-left: 0px
}

@media (min-width: 768px) {
  .lista-2-cols {
    column-count: 2
  }
}

.lista-vacia {
  list-style-type: none;
  padding: 0;
  margin: 0
}

xmp {
  background-color: #00000003;
  padding: 0px 20px 20px 20px;
  border: 1px solid #d5d7de;
  margin-bottom: 40px;
  overflow-x: auto
}

.blockquote-footer::before {
  display: none
}

.cifras-big {
  font-weight: 300;
  margin: 0px
}

.pantalla-error h1 {
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 20px
}

.pantalla-error p {
  font-family: 'poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: rgba(54, 55, 60, 0.5)
}

.font-6 {
  font-size: 6px !important
}

.font-8 {
  font-size: 8px !important
}

.font-9 {
  font-size: 9px !important
}

.font-10 {
  font-size: 10px !important
}

.font-11 {
  font-size: 11px !important
}

.font-12 {
  font-size: 12px !important
}

.font-13 {
  font-size: 13px !important
}

.font-14 {
  font-size: 14px !important
}

.font-15 {
  font-size: 15px !important
}

.font-16 {
  font-size: 16px !important
}

.font-18 {
  font-size: 18px !important
}

.font-20 {
  font-size: 20px !important
}

.font-22 {
  font-size: 22px !important
}

.font-24 {
  font-size: 24px !important
}

.font-28 {
  font-size: 28px !important
}

.font-32 {
  font-size: 32px !important
}

.font-42 {
  font-size: 42px !important
}

.line-6 {
  line-height: 6px !important
}

.line-8 {
  line-height: 8px !important
}

.line-10 {
  line-height: 10px !important
}

.line-11 {
  line-height: 11px !important
}

.line-12 {
  line-height: 12px !important
}

.line-14 {
  line-height: 14px !important
}

.line-15 {
  line-height: 15px !important
}

.line-16 {
  line-height: 16px !important
}

.line-18 {
  line-height: 18px !important
}

.line-20 {
  line-height: 20px !important
}

.line-22 {
  line-height: 22px !important
}

.line-24 {
  line-height: 24px !important
}

.line-28 {
  line-height: 28px !important
}

.line-32 {
  line-height: 32px !important
}

.line-42 {
  line-height: 42px !important
}

h2.dato-grande {
  font-weight: 700
}

.tx-poppins {
  font-family: 'poppins', sans-serif !important
}

.tx-roboto {
  font-family: 'roboto', sans-serif !important
}

.tx-w300 {
  font-weight: 300 !important
}

.tx-w400 {
  font-weight: 400 !important
}

.tx-w500 {
  font-weight: 500 !important
}

.tx-w600 {
  font-weight: 600 !important
}

.tx-w700 {
  font-weight: 700 !important
}

.tx-w800 {
  font-weight: 800 !important
}

.tx-w900 {
  font-weight: 900 !important
}

.titulo-seccion {
  margin-bottom: 60px !important;
  font-weight: 800;
  position: relative
}

.titulo-seccion::after {
  content: '';
  display: block;
  position: absolute;
  width: 60px;
  height: 6px;
  border-radius: 6px;
  background-color: #0373E6;
  box-shadow: 0px 3px 6px -1px rgba(3, 115, 230, 0.4);
  bottom: -24px;
  left: 0px
}

.text-center.titulo-seccion::after {
  left: calc(50% - 30px)
}

.titulo-seccion-mejoremos::after {
  background-color: #af2490;
  box-shadow: 0px 3px 6px -1px rgba(175, 36, 144, 0.4)
}

.titulo-seccion-mederis::after {
  background-color: #00adb1;
  box-shadow: 0px 3px 6px -1px rgba(0, 173, 177, 0.4)
}

.titulo-seccion-appoderado::after {
  background-color: #0373E6;
  box-shadow: 0px 3px 6px -1px rgba(3, 115, 230, 0.4)
}

.titulo-seccion-violeta::after {
  background-color: #e20578;
  box-shadow: 0px 3px 6px -1px rgba(226, 5, 120, 0.4)
}

.titulo-seccion-amarillo::after {
  background-color: #eca307;
  box-shadow: 0px 3px 6px -1px rgba(236, 163, 7, 0.4)
}

.trunc-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.trunc-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.trunc-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

body {
  background-color: #e5e8ef;
  font-family: 'roboto', sans-serif;
  color: #36373c;
  font-size: 13px
}

a {
  transition: all 0.3s ease;
  cursor: pointer
}

a:hover {
  text-decoration: none
}

.navbar-appoderado {
  padding: 0px;
  z-index: 15
}

.toggle-appoderado {
  float: right;
  width: 72px;
  height: 72px;
  border: 0px;
  border-radius: 0px
}

.toggle-appoderado i {
  color: white;
  opacity: 1
}

@media (min-width: 768px) {
  .toggle-appoderado {
    display: none !important
  }
}

@media (min-width: 768px) {
  .logout-btn {
    display: none !important
  }
}

.toggle-appoderado:hover {
  background-color: rgba(0, 0, 0, 0.2)
}

.menu-lateral {
  display: block;
  width: 200px;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-color: #0373E6;
  z-index: 10
}

@media screen and (max-width: 768px) {
  .menu-lateral {
    width: 100%;
    height: 72px;
    overflow-y: unset !important;
    overflow-x: unset !important
  }
}

.menu-lateral-scroll {
  height: 100%;
  overflow-y: scroll
}

@media screen and (max-width: 768px) {
  .logo {
    display: none !important
  }
}

.logo-sm img {
  height: 60px
}

@media screen and (max-width: 768px) {
  .logo-sm {
    display: block !important;
    width: 40%;
    line-height: 72px;
    padding-left: 16px
  }
}

.menu-botones {
  padding: 0px 10px 10px 10px
}

@media screen and (max-width: 768px) {
  .menu-botones {
    padding: 0px 0px 10px 0px !important
  }
}

.menu-principal {
  transition: all 0.2s ease
}

@media (min-width: 768px) {
  .menu-principal {
    display: flex !important;
    flex-basis: auto !important
  }
}

@media screen and (max-width: 768px) {
  .menu-principal {
    background-color: #0373E6;
    padding: 10px 0px
  }
}

.menu-principal ul {
  padding-left: 10px;
  width: 200px
}

@media screen and (max-width: 768px) {
  .menu-principal ul {
    padding-right: 10px;
    margin-bottom: 0px;
    width: 100%
  }
}

.menu-principal ul li {
  list-style: none !important
}

.menu-principal ul li:hover {
  width: 190px;
  border-radius: 0px
}

@media screen and (max-width: 768px) {
  .menu-principal ul li:hover {
    width: 100%
  }
}

.menu-principal ul li>a {
  width: 190px;
  height: 50px;
  display: block;
  padding: 8px 0px;
  position: relative;
  border-radius: 28px 0px 0px 28px
}

@media screen and (max-width: 1366px) {
  .menu-principal ul li>a {
    height: 44px;
    padding: 6px 0px
  }
}

@media screen and (max-width: 768px) {
  .menu-principal ul li>a {
    width: 100%;
    border-radius: 28px
  }
}

.menu-principal ul li>a i.fa-angle-right {
  display: inline-block;
  float: right;
  position: absolute;
  right: 12px;
  top: 19px;
  color: #ffffff8f;
  transition: all 0.2s ease
}

@media screen and (max-width: 768px) {
  .menu-principal ul li>a i.fa-angle-right {
    right: 20px;
    top: 16px
  }
}

.menu-principal ul li>a:hover {
  background-color: rgba(255, 255, 255, 0.23);
  color: #fff
}

.menu-principal ul li>a:hover i.fa-angle-right {
  color: #fff
}

.menu-principal ul li>a.active {
  background-color: #e5e8ef !important
}

/* .menu-principal ul li>a.active::before {
  content: '';
  display: block;
  background-image: url(/img/menu_round_up.png);
  background-repeat: no-repeat;
  background-size: 16px;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0px;
  top: -16px;
  box-shadow: none !important;
  background-color: transparent !important
} */

@media screen and (max-width: 768px) {
  .menu-principal ul li>a.active::before {
    display: none
  }
}

/* .menu-principal ul li>a.active::after {
  content: '';
  display: block;
  background-image: url(img/menu_round_bottom.png);
  background-repeat: no-repeat;
  background-size: 16px;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 0px;
  bottom: -16px;
  box-shadow: none !important;
  background-color: transparent !important;
  z-index: 1
} */

@media screen and (max-width: 768px) {
  .menu-principal ul li>a.active::after {
    display: none
  }
}

.menu-principal ul li>a:hover .icono-menu {
  color: #fff
}

.menu-principal ul li>a:hover .sprite_text {
  color: #fff;
  padding-left: 13px
}

.menu-principal ul li>a.active:hover .sprite_text {
  color: #36373c !important
}

.icono-menu {
  background-color: rgba(0, 0, 0, 0.2);
  height: 34px;
  width: 34px;
  display: block;
  border-radius: 50%;
  float: left;
  margin-left: 8px;
  transition: all 0.2s ease;
  padding-top: 1px;
  line-height: 34px !important;
  text-align: center;
  color: #ffffffa6;
  font-size: 16px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2)
}

@media screen and (max-width: 1366px) {
  .icono-menu {
    height: 32px;
    width: 32px;
    font-size: 14px;
    line-height: 32px !important;
    margin-left: 6px
  }
}

.active .icono-menu {
  color: #fff !important;
  box-shadow: 0px 4px 14px -3px rgba(175, 8, 47, 0.5);
  line-height: inherit
}

.sprite_text {
  font-size: 13px;
  color: #ffffffbd;
  font-weight: 500;
  width: calc(100% - 52px);
  height: 34px;
  font-family: 'poppins', sans-serif;
  transition: all 0.2s ease;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  line-height: 14px;
  padding-left: 10px;
  padding-right: 10px
}

@media screen and (max-width: 1366px) {
  .sprite_text {
    font-size: 12px
  }
}

.active>.sprite_text {
  color: #36373c !important;
  font-weight: 700
}

.menu-principal ul li a.pal_rojo:hover .icono-menu,
.menu-principal ul li a.pal_rojo.active .icono-menu,
.menu-principal ul li a.pal_rojo.active::after {
  background-color: #E70441;
  box-shadow: 0px 0px 0px 3px #E70441
}

.menu-principal ul li a.pal_verde:hover .icono-menu,
.menu-principal ul li a.pal_verde.active .icono-menu,
.menu-principal ul li a.pal_verde.active::after {
  background-color: #4cb911;
  box-shadow: 0px 0px 0px 3px #4cb911
}

.menu-principal ul li a.pal_azul:hover .icono-menu,
.menu-principal ul li a.pal_azul.active .icono-menu,
.menu-principal ul li a.pal_azul.active::after {
  background-color: #2437b1;
  box-shadow: 0px 0px 0px 3px #2437b1
}

.menu-principal ul li a.pal_amarillo:hover .icono-menu,
.menu-principal ul li a.pal_amarillo.active .icono-menu,
.menu-principal ul li a.pal_amarillo.active::after {
  background-color: #eca307;
  box-shadow: 0px 0px 0px 3px #eca307
}

.menu-principal ul li a.pal_violeta:hover .icono-menu,
.menu-principal ul li a.pal_violeta.active .icono-menu,
.menu-principal ul li a.pal_violeta.active::after {
  background-color: #e20578;
  box-shadow: 0px 0px 0px 3px #e20578
}

.menu-principal ul li a.pal_cian:hover .icono-menu,
.menu-principal ul li a.pal_cian.active .icono-menu,
.menu-principal ul li a.pal_cian.active::after {
  background-color: #5cd8d6;
  box-shadow: 0px 0px 0px 3px #5cd8d6
}

.menu-principal ul li a.pal_celeste:hover .icono-menu,
.menu-principal ul li a.active.pal_celeste .icono-menu,
.menu-principal ul li a.pal_celeste.active::after {
  background-color: #29aaf3;
  box-shadow: 0px 0px 0px 3px #29aaf3
}

.menu-principal ul li a.pal_lima:hover .icono-menu,
.menu-principal ul li a.active.pal_lima .icono-menu,
.menu-principal ul li a.pal_lima.active::after {
  background-color: #afbf15;
  box-shadow: 0px 0px 0px 3px #afbf15
}

.menu-principal ul li a.pal_naranja:hover .icono-menu,
.menu-principal ul li a.active.pal_naranja .icono-menu,
.menu-principal ul li a.pal_naranja.active::after {
  background-color: #ea5c0d;
  box-shadow: 0px 0px 0px 3px #ea5c0d
}

.menu-principal ul li a.pal_morado:hover .icono-menu,
.menu-principal ul li a.active.pal_morado .icono-menu,
.menu-principal ul li a.pal_morado.active::after {
  background-color: #7e2fbd;
  box-shadow: 0px 0px 0px 3px #7e2fbd
}

.menu-principal ul li a.pal_mostaza:hover .icono-menu,
.menu-principal ul li a.active.pal_mostaza .icono-menu,
.menu-principal ul li a.pal_mostaza.active::after {
  background-color: #af9701;
  box-shadow: 0px 0px 0px 3px #af9701
}

.menu-principal ul li a.pal_burdeo:hover .icono-menu,
.menu-principal ul li a.active.pal_burdeo .icono-menu,
.menu-principal ul li a.pal_burdeo.active::after {
  background-color: #9a0631;
  box-shadow: 0px 0px 0px 3px #9a0631
}

.menu-principal ul li a.pal_cafe:hover .icono-menu,
.menu-principal ul li a.active.pal_cafe .icono-menu,
.menu-principal ul li a.pal_cafe.active::after {
  background-color: #865134;
  box-shadow: 0px 0px 0px 3px #865134
}

.menu-principal ul li a.pal_turquesa:hover .icono-menu,
.menu-principal ul li a.active.pal_turquesa .icono-menu,
.menu-principal ul li a.pal_turquesa.active::after {
  background-color: #058a96;
  box-shadow: 0px 0px 0px 3px #058a96
}

.menu-principal ul li a.pal_backoffice:hover .icono-menu,
.menu-principal ul li a.active.pal_backoffice .icono-menu,
.menu-principal ul li a.pal_backoffice.active::after {
  background-color: #e70441;
  box-shadow: 0px 0px 0px 3px #e70441
}

.menu-principal ul li a.pal_mejoremos:hover .icono-menu,
.menu-principal ul li a.active.pal_mejoremos .icono-menu,
.menu-principal ul li a.pal_mejoremos.active::after {
  background-color: #af2490;
  box-shadow: 0px 0px 0px 3px #af2490
}

.menu-principal ul li a.pal_mederis:hover .icono-menu,
.menu-principal ul li a.active.pal_mederis .icono-menu,
.menu-principal ul li a.pal_mederis.active::after {
  background-color: #00adb1;
  box-shadow: 0px 0px 0px 3px #00adb1
}

.menu-principal ul li a.pal_rosado:hover .icono-menu,
.menu-principal ul li a.active.pal_rosado .icono-menu,
.menu-principal ul li a.pal_rosado.active::after {
  background-color: #fd68a1;
  box-shadow: 0px 0px 0px 3px #fd68a1
}

.icon-menu-movil {
  height: 72px;
  width: 60px;
  padding: 14px 8px
}

.icon-menu-movil .icono-notificaciones {
  margin: 0px !important
}

.icon-menu-movil .dropdown-menu {
  top: 70px !important;
  width: 100% !important;
  position: fixed !important;
  left: 0px !important;
  transform: none !important
}

.dropdown-curso {
  max-height: 250px
}

.dropdown-curso a {
  line-height: 15px;
  white-space: break-spaces;
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

.dropdown-espacio {
  max-height: 450px
}

.dropdown-espacio a {
  line-height: 15px;
  white-space: break-spaces
}

.indicador-colegio-ano {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 200px;
  border-top: 1px solid #00000026;
  box-shadow: 0px -5px 20px -20px black
}

@media screen and (max-width: 768px) {
  .indicador-colegio-ano {
    width: 100%
  }
}

a.menu-item-acordeon i.fa-angle-right {
  transform: rotate(90deg)
}

a.menu-item-acordeon.collapsed i.fa-angle-right {
  transform: rotate(0deg)
}

li.active a.menu-item-acordeon i.fa-angle-right {
  transform: rotate(90deg);
  color: #fff
}

li.active a.menu-item-acordeon .sprite_text {
  color: white
}

a.active.menu-item-acordeon i.fa-angle-right,
a.active.menu-item-acordeon:hover i.fa-angle-right {
  color: #36373c
}

li.active a.active.menu-item-acordeon i.fa-angle-right {
  color: #36373c
}

.acordeon-menu {
  background-color: #00000017;
  border-radius: 10px;
  padding: 4px;
  position: relative
}

.acordeon-menu a {
  padding: 10px 5px 10px 10px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  transition: none
}

.acordeon-menu a i {
  color: #00000040;
  margin: 0px 12px 0px 6px
}

.acordeon-menu a span {
  line-height: 14px;
  color: white
}

.acordeon-menu a:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.23)
}

.acordeon-menu a:hover i {
  color: white
}

@media screen and (max-width: 768px) {
  .acordeon-menu a {
    padding: 12px 0px 12px 10px;
    border-radius: 12px
  }
}

.acordeon-menu a.active,
.acordeon-menu a.active:hover {
  background-color: #e5e8ef !important
}

.acordeon-menu a.active i,
.acordeon-menu a.active:hover i {
  color: #af2490
}

.acordeon-menu a.active span,
.acordeon-menu a.active:hover span {
  line-height: 14px;
  color: #36373c;
  font-weight: 600
}

.navbar-toggler {
  border: 0 !important
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important
}

.toggle-appoderado {
  padding-left: 20px
}

.toggler-icon {
  width: 30px;
  height: 3px;
  background-color: #fff;
  display: block;
  transition: all 0.2s
}

.middle-bar {
  margin: 5px 0
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%
}

.navbar-toggler .middle-bar {
  opacity: 0;
  filter: alpha(opacity=0)
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%
}

.navbar-toggler.collapsed .top-bar {
  transform: rotate(0)
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  filter: alpha(opacity=100)
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0)
}

.navbar-toggler.collapsed .toggler-icon {
  background-color: #fff
}

.submenu {
  margin-top: 10px
}

.submenu a {
  color: #b2b7c1;
  position: relative;
  font-weight: 500;
  font-size: 15px;
  margin-top: 0px;
  margin-bottom: 30px
}

.submenu .nav-tabs {
  border: 0px solid;
  margin-left: -15px
}

.submenu .nav-tabs .nav-link {
  border: 0px solid;
  box-shadow: none;
  font-family: 'poppins', sans-serif
}

.submenu .nav-tabs .nav-link:hover {
  color: #767b86
}

.submenu .nav-tabs .nav-link:active {
  border: 0px solid;
  box-shadow: none
}

.submenu .nav-tabs .nav-item.show .nav-link,
.submenu .nav-tabs .nav-link.active {
  background-color: transparent;
  border: 0px solid;
  color: #36373c !important;
  font-weight: 700
}

.submenu .nav-tabs .nav-item.show .nav-link,
.submenu .nav-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  display: block;
  width: 55px;
  height: 3px;
  background-color: #0373E6;
  margin-top: 12px;
  border-radius: 3px;
  box-shadow: 0px 2px 8px rgba(3, 115, 230, 0.2)
}

.submenu .nav-tabs .nav-link i {
  font-size: 16px;
  margin-right: 8px
}

.submenu .badge-light {
  font-size: 12px;
  font-weight: 500;
  margin-left: 5px;
  background-color: #dee1e6;
  color: #9a9ea5;
  min-width: 18px;
  padding: 3px;
  display: inline-block
}

.tarjeta.tab-content {
  margin-top: -10px;
  z-index: 2
}

.tab-menu .nav-item {
  margin-right: 2px;
  border-radius: 12px 12px 0px 0px
}

.tab-menu .nav-link.active {
  background-color: #fff !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
  font-weight: 700
}

.tab-menu .nav-link.active:hover {
  background-color: #fff !important
}

/* .tab-menu .nav-link.active::before {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  left: -10px;
  bottom: 10px;
  background-image: url(img/tabflap2.png)
} */

/* .tab-menu .nav-link.active::after {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  right: -10px;
  bottom: 10px;
  background-image: url(img/tabflap1.png)
} */

.tab-menu .nav-item:first-child .nav-link.active::before {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  left: -10px;
  bottom: 10px;
  background-image: none
}

.tab-menu .nav-link {
  border-radius: 10px 10px 0px 0px;
  border: 0px solid;
  padding: 10px 16px 20px 16px;
  font-family: 'poppins', sans-serif;
  font-weight: 500;
  transition: all 0s ease
}

.tab-menu-light .nav-link {
  background-color: rgba(246, 247, 251, 0.8);
  color: rgba(54, 55, 60, 0.5);
  box-shadow: inset 0px -15px 4px -4px rgba(0, 0, 0, 0.06)
}

.tab-menu-light .nav-link:hover {
  background-color: #f6f7fb;
  color: #0373E6
}

.tab-menu-dark .nav-link {
  background-color: rgba(54, 55, 60, 0.1);
  color: rgba(54, 55, 60, 0.5);
  box-shadow: inset 0px -15px 4px -4px rgba(0, 0, 0, 0.06)
}

.tab-menu-dark .nav-link:hover {
  background-color: #f6f7fb;
  color: #0373E6
}

.tab-menu-colors .nav-link {
  color: rgba(255, 255, 255, 0.8)
}

.tab-menu-colors .nav-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.4);
  background-blend-mode: overlay
}

.tab-menu-colors.tab-menu .nav-link.active:hover {
  color: #0373E6
}

.tab-menu .nav-link i {
  margin-right: 10px
}

.tab-menu-justify .nav-item:last-child {
  margin-right: 0px
}

.tab-menu-justify .nav-item:last-child .nav-link.active::after {
  background-image: none
}

.tab-menu-lines {
  border-bottom: 2px solid rgba(54, 55, 60, 0.1)
}

.tab-menu-lines .nav-item {
  margin-bottom: 0px
}

.tab-menu-lines .nav-link {
  border-radius: 0px;
  border: 0px solid;
  padding: 10px 16px;
  font-family: 'poppins', sans-serif;
  font-weight: 500;
  transition: all 0s ease;
  color: rgba(54, 55, 60, 0.5)
}

.tab-menu-lines .nav-link:hover {
  box-shadow: 0px 2px 0px rgba(54, 55, 60, 0.1);
  color: rgba(54, 55, 60, 0.75)
}

.tab-menu-lines .nav-link.active {
  background-color: transparent;
  position: relative;
  font-weight: 600;
  box-shadow: 0px 2px 0px #0373E6;
  color: #0373E6
}

.tab-menu-lines .nav-link i {
  margin-right: 10px
}

.modal-body.tab-content {
  margin-top: -10px;
  z-index: 2
}

.tab-menu-botones {
  border: 0px
}

.tab-menu-botones .nav-item {
  background-color: #55679317 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important
}

.tab-menu-botones .nav-item:first-child {
  border-radius: 12px 0px 0px 12px;
  padding-left: 5px !important
}

.tab-menu-botones .nav-item:last-child {
  border-radius: 0px 12px 12px 0px;
  padding-right: 5px !important
}

.tab-menu-botones .nav-item:last-child .nav-link span::after {
  display: none !important
}

.tab-menu-botones .nav-link {
  border-radius: 8px !important;
  border: 0px !important
}

.tab-menu-botones .nav-link img {
  opacity: 0.7;
  transition: all 0.2s ease
}

.tab-menu-botones .nav-link span {
  color: #303d5aa8;
  transition: all 0.2s ease;
  position: relative
}

.tab-menu-botones .nav-link span::after {
  content: '';
  display: block;
  width: 1px;
  height: 18px;
  top: 5px;
  right: -16px;
  background: #69738e5e;
  position: absolute;
  transition: all 0.2s ease;
  opacity: 1
}

.tab-menu-botones .nav-link:hover {
  background-color: #ffffffa1
}

.tab-menu-botones .nav-link:hover img {
  opacity: 1
}

.tab-menu-botones .nav-link:hover span {
  color: #007bff
}

.tab-menu-botones .nav-link:hover span::after {
  opacity: 0
}

.tab-menu-botones .nav-link.active {
  box-shadow: 0px 2px 3px -2px #2f437273
}

.tab-menu-botones .nav-link.active img {
  opacity: 1
}

.tab-menu-botones .nav-link.active span {
  color: #495057
}

.tab-menu-botones .nav-link.active span::after {
  opacity: 0
}

.tab-menu-botones .nav-link.active:hover {
  background-color: white
}

.tab-menu-vertical {
  background-color: #F6F7FB
}

.tab-menu-vertical a.list-group-item {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  line-height: 14px;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 1px solid !important;
  border-color: #e5e8ef !important;
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 12px 10px 12px 10px;
  position: relative;
  transition: all 0s ease !important
}

.tab-menu-vertical a.list-group-item:hover {
  color: #0373E6;
  background-color: #F6F7FB
}

.tab-menu-vertical a.list-group-item:hover i {
  opacity: 1 !important
}

.tab-menu-vertical a.list-group-item.active {
  color: #fff;
  background-color: #0373E6
}

.tab-menu-vertical a.list-group-item.active i {
  opacity: 1 !important
}

.tab-menu-vertical a.list-group-item.active:hover {
  color: #fff;
  background-color: #0373E6
}

.tab-menu-vertical.tab-icono a.list-group-item {
  padding: 12px 10px 12px 42px
}

.tab-menu-vertical.tab-icono a.list-group-item i {
  position: absolute;
  left: 4px;
  top: calc(50% - 8px);
  opacity: 0.3;
  display: block;
  float: left;
  width: 36px;
  text-align: center;
  font-size: 16px
}

.tab-menu-regular {
  background-color: transparent
}

.tab-menu-regular a.list-group-item {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  margin-bottom: 0px;
  padding: 15px 10px 15px 48px !important;
  position: relative;
  transition: all 0s ease !important;
  background-color: transparent;
  box-shadow: inset -1px 0px 0px #e5e8ef
}

.tab-menu-regular a.list-group-item span.tab-numero {
  display: block;
  position: absolute;
  top: calc(50% - 13px);
  left: 10px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  border-radius: 20px;
  border: 1px solid #0373E6;
  background-color: transparent;
  text-align: center
}

.tab-menu-regular a.list-group-item:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

.tab-menu-regular a.list-group-item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px
}

.tab-menu-regular a.list-group-item:hover {
  color: #0373E6;
  background-color: rgba(255, 255, 255, 0.75)
}

.tab-menu-regular a.list-group-item:hover span.tab-numero {
  background-color: #0373E6;
  border: 1px solid #0373E6;
  color: #fff;
  font-weight: 700
}

.tab-menu-regular a.list-group-item:hover i.icono-flecha {
  color: #0373E6
}

.tab-menu-regular a.list-group-item.active {
  color: #fff;
  background-color: #0373E6;
  box-shadow: none;
  font-weight: 700
}

.tab-menu-regular a.list-group-item.active span.tab-numero {
  background-color: #fff;
  border: 1px solid #fff;
  color: #0373E6;
  font-weight: 700
}

.tab-menu-regular a.list-group-item.active i.icono-flecha {
  color: #fff
}

.tab-menu-regular a.list-group-item.active:hover {
  color: #0373E6;
  background-color: #fff
}

.tab-menu-regular a.list-group-item.active:hover span.tab-numero {
  background-color: #0373E6;
  border: 1px solid #0373E6;
  color: #fff;
  font-weight: 700
}

.tab-menu-regular a.list-group-item.active:hover i.icono-flecha {
  color: #0373E6
}

.tab-menu-regular {
  position: relative
}

.tab-menu-regular i.icono-flecha {
  position: absolute;
  top: calc(50% - 8px);
  display: block;
  padding: 0 5px 0;
  right: 8px;
  float: left;
  font-size: 14px;
  color: #bbbec4
}

.tab-menu-ficha {
  background-color: transparent
}

.tab-menu-ficha a.list-group-item {
  font-family: 'poppins', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 1px solid !important;
  border-color: #e5e8ef !important;
  border-radius: 0px;
  margin-bottom: 0px;
  padding: 15px 10px 15px 42px;
  position: relative;
  transition: all 0s ease !important;
  background-color: transparent;
  box-shadow: inset -1px 0px 0px #e5e8ef
}

.tab-menu-ficha a.list-group-item:hover {
  color: #0373E6;
  background-color: rgba(255, 255, 255, 0.75)
}

.tab-menu-ficha a.list-group-item:hover i {
  opacity: 1 !important
}

.tab-menu-ficha a.list-group-item.active {
  color: #0373E6;
  background-color: #fff;
  box-shadow: none;
  font-weight: 700
}

.tab-menu-ficha a.list-group-item.active i {
  opacity: 1 !important
}

.tab-menu-ficha a.list-group-item.active:hover {
  color: #0373E6;
  background-color: #fff
}

.tab-menu-ficha.tab-icono a.list-group-item i {
  position: absolute;
  left: 4px;
  top: calc(50% - 8px);
  opacity: 0.3;
  display: block;
  float: left;
  width: 36px;
  text-align: center;
  font-size: 16px
}

.tab-menu-ficha.tab-icono a.list-group-item img {
  position: absolute;
  left: 10px;
  top: calc(50% - 12px);
  display: block;
  float: left;
  width: 25px
}

.tab-menu-pasos {
  background-color: transparent
}

.tab-menu-pasos a.list-group-item {
  font-family: 'Poppins', sans-serif;
  background: transparent;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
  line-height: 14px;
  border: 0px;
  border-radius: 8px;
  margin-bottom: 0px;
  padding: 14px 10px 14px 48px;
  position: relative;
  transition: all 0s ease !important;
  margin: 0px !important
}

.tab-menu-pasos a.list-group-item span.tab-numero {
  display: block;
  position: absolute;
  top: calc(50% - 13px);
  left: 10px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  background-color: #af2490;
  text-align: center
}

.tab-menu-pasos a.list-group-item:hover {
  color: white
}

.tab-menu-pasos a.list-group-item:hover span.tab-numero {
  border: 2px solid white;
  color: white
}

.tab-menu-pasos a.list-group-item.active {
  color: #fff;
  background-color: rgba(54, 55, 60, 0.25);
  opacity: 1
}

.tab-menu-pasos a.list-group-item.active span.tab-numero {
  background-color: white;
  border: 2px solid white;
  color: #af2490;
  font-weight: 700
}

.tab-menu-pasos a.list-group-item.active i {
  opacity: 1 !important
}

/* .tab-menu-pasos.pasos-linea a.list-group-item {
  background-image: url(img/pasos-linea.png);
  background-repeat: repeat-y;
  background-position: 22px center
} */

.tab-menu-pasos.pasos-linea a.list-group-item:first-child {
  background-size: 2px 50%;
  background-repeat: no-repeat;
  background-position: 22px bottom
}

.tab-menu-pasos.pasos-linea a.list-group-item:last-child {
  background-size: 2px 50%;
  background-repeat: no-repeat;
  background-position: 22px top
}

.tab-menu-pasos.tab-icono a.list-group-item {
  padding: 12px 10px 12px 42px
}

.tab-menu-pasos.tab-icono a.list-group-item i {
  position: absolute;
  left: 4px;
  top: calc(50% - 8px);
  opacity: 0.3;
  display: block;
  float: left;
  width: 36px;
  text-align: center;
  font-size: 16px
}

.tabs-panel-lateral {
  box-shadow: inset -1px 0px 0px 0px #d4d8e1;
  border-radius: 0px
}

.tabs-panel-lateral .list-group-item {
  margin: 0px;
  border: 0px;
  background-color: transparent;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  cursor: pointer;
  border-radius: 0px;
  border-bottom: 1px solid #d4d8e1
}

.tabs-panel-lateral .list-group-item:hover {
  background-color: #ffffff87;
  color: #af2490
}

.tabs-panel-lateral .list-group-item.active {
  background-color: white;
  color: #af2490;
  box-shadow: inset 4px 0px 0px 0px;
  margin-top: 0px !important
}

.tabs-panel-lateral.appo .list-group-item:hover {
  color: #0373E6
}

.tabs-panel-lateral.appo .list-group-item.active {
  color: #0373E6
}

.tabs-rounded {
  padding-left: 16px
}

.tabs-rounded .list-group-item {
  border-radius: 12px 0px 0px 12px !important;
  background-color: rgba(246, 247, 251, 0.8);
  margin-bottom: 3px
}

.tabs-rounded .list-group-item.active {
  box-shadow: 0px 2px 4px -1px #00000033
}

.icono-modulo {
  margin-right: 12px;
  width: 54px;
  height: 54px;
  box-shadow: 0px 4px 14px -3px rgba(175, 8, 47, 0.5);
  transition: all 0.2s ease !important
}

.icono-modulo-sombra {
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.25))
}

.bg-encabezado::before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 94px;
  background-color: #e5e8ef;
  transition: height 0.2s ease
}

.contenido.sticky.bg-encabezado::before {
  height: 64px;
  background-color: transparent
}

/* .encabezado {
  height: 112px;
  padding-top: 22px;
  padding-bottom: 18px;
  background-image: url(img/encabezado_sombra.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 18px
} */

.encabezado h1 {
  font-family: 'poppins', sans-serif;
  font-size: 26px;
  line-height: 28px;
  font-weight: 800;
  position: relative;
  display: inline-block;
  transition: all 0.2s ease !important;
  margin-bottom: 0px
}

@media (max-width: 1280px) {
  .encabezado h1 {
    font-size: 22px;
    line-height: 23px
  }
}

.encabezado span.subtitulo {
  font-weight: 500;
  font-size: 15px;
  color: rgba(54, 55, 60, 0.5);
  margin-top: 0px;
  display: block;
  transition: all 0.2s ease
}

div#encabezado-sticky {
  transition: padding 0.2s ease !important
}

@media screen and (max-width: 768px) {
  div#encabezado-sticky {
    margin-top: 72px;
    width: 100%
  }
}

.encabezado-titulos {
  height: 54px;
  display: flex
}

.user-menu .dropdown-toggle:hover .user-avatar {
  box-shadow: none
}

.user-menu .dropdown-toggle:hover .user-nombre {
  color: #0373E6 !important
}

.user-menu .nav-link {
  height: 44px;
  padding-right: 36px !important;
  margin-right: 0px !important;
  border-radius: 22px;
  position: relative;
  display: flex
}

.user-menu .nav-link:hover,
.user-menu .nav-link:focus {
  background-color: #fff !important;
  box-shadow: 0px 6px 15px -3px rgba(33, 35, 37, 0.12) !important;
  outline: none !important
}

.user-menu .nav-link:hover .user-avatar,
.user-menu .nav-link:focus .user-avatar {
  box-shadow: none
}

.user-avatar {
  width: 44px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 6px 15px -3px rgba(33, 35, 37, 0.3);
  transition: all 0.2s ease
}

.user-nombre {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #36373c;
  margin-bottom: -8px;
  padding-top: 12px;
  transition: all 0.2s ease
}

.user-tiempo {
  font-family: 'roboto', sans-serif;
  font-weight: 500;
  font-size: 10px;
  color: rgba(54, 55, 60, 0.5)
}

.user-menu .nav-link .fa-sort-down {
  color: #36373c;
  font-size: 19px;
  transition: all 0.2s ease;
  top: 14px !important;
  right: 16px !important
}

.user-menu .dropdown-toggle:hover .fa-sort-down {
  color: #0373E6
}

.header-fixed .user-menu .dropdown-menu {
  position: absolute;
  transform: none !important;
  left: inherit !important;
  top: 52px;
  right: 0px !important;
  overflow-y: visible !important;
  padding: 0px
}

.header-fixed .user-menu .dropdown-menu i {
  float: left
}

.user-menu .dropdown-menu {
  position: absolute;
  padding: 0px
}

.user-menu .dropdown-menu i {
  float: left
}

.dropdown-menu.usuario-drop::before {
  content: '';
  display: block;
  background-color: #f8f9fc;
  border-radius: 4px 0px 16px 0px;
  transform: rotate(45deg);
  width: 16px;
  height: 16px;
  position: absolute;
  top: -4px;
  right: 12px
}

.dropdown-menu.dropdown-dark.usuario-drop::before {
  background-color: #2e3944 !important
}

.usuario-drop-items {
  padding: 5px
}

.usuario-drop-items .dropdown-item {
  border-radius: 8px;
  padding: 8px
}

.usuario-drop-items .dropdown-item:hover {
  color: #0373E6 !important;
  text-decoration: none;
  background-color: rgba(131, 144, 185, 0.15)
}

.usuario-drop-items .dropdown-item:hover .icon-round {
  color: #fff !important;
  background-color: #0373E6
}

.usuario-drop a {
  padding: 6px 17px
}

.icon-round {
  color: #36373c9e !important;
  background-color: #e2e5ec;
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important
}

.usuario-texto-big {
  line-height: 34px
}

.dropdown-item.rol-activo i.fa-check {
  color: #2EAF00;
  font-size: 12px;
  margin-right: 0px
}

.dropdown-item.rol-activo:hover i.fa-check {
  color: #fff
}

.drop-titulo {
  padding: 10px 12px;
  background-color: #f8f9fc;
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #36373c;
  border-radius: 8px 8px 0px 0px
}

.dropdown-menu.usuario-drop {
  width: 240px
}

.icono-notificaciones {
  min-width: 44px;
  height: 44px;
  position: relative;
  border-radius: 22px;
  margin: 0px 5px !important;
  text-align: center;
  transition: all 0.2s ease;
  font-size: 20px;
  line-height: 44px;
  color: #787c90;
  background-color: white;
  box-shadow: 0px 5px 5px -3px rgba(33, 35, 37, 0.15)
}

.icono-notificaciones .icono-texto {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 13px;
  margin-left: 8px;
  display: inline-block;
  float: right
}

.icono-notificaciones:hover,
.icono-notificaciones:focus {
  background-color: #0373E6;
  color: #fff
}

.nueva-notificacion::before {
  content: '';
  display: block;
  position: absolute;
  background-color: #e70441;
  border-radius: 50%;
  border: 2px solid #edf0f6;
  width: 10px;
  height: 10px;
  right: 3px;
  top: 5px
}

.notificaciones-numero {
  display: inline-block;
  color: #fff;
  background-color: #E70441;
  box-shadow: 0px 4px 10px -3px rgba(175, 8, 47, 0.5);
  font-weight: 500;
  font-size: 10px;
  line-height: 10px;
  padding: 4px 6px !important;
  text-align: center;
  border-radius: 9px;
  min-height: 18px;
  min-width: 18px;
  position: absolute;
  bottom: -5px;
  right: -5px
}

.dropdown-menu.notificaciones-drop {
  width: 320px;
  right: -40px !important
}

.dropdown-menu.notificaciones-drop .ver-todas a {
  display: block;
  min-height: 40px;
  border-radius: 0px 0px 8px 8px;
  background-color: #f8f9fc;
  font-size: 12px;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  color: #0373E6
}

.dropdown-menu.notificaciones-drop .ver-todas a:hover {
  background-color: #0373E6;
  color: #fff !important;
  border-top: 1px solid #0373E6
}

.dropdown-menu.notificaciones-drop .ver-todas a:hover i {
  color: #fff !important;
  transition: all 0.2s ease
}

.dropdown-menu.notificaciones-drop .ver-todas a i {
  color: #0373E6;
  display: unset !important;
  float: inherit !important
}

.dropdown-menu.notificaciones-drop::before {
  content: '';
  display: block;
  border: 8px solid transparent;
  border-bottom: 8px solid #f8f9fc;
  width: 0px;
  position: absolute;
  top: -16px;
  right: 14px
}

.notif-nueva {
  background-color: #0373e61c
}

.notif-nueva span {
  color: #e70441 !important
}

.notif-nueva::before {
  content: '';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 8px;
  height: 8px;
  background-color: #D80727;
  border-radius: 50%
}

.notificaciones-drop a {
  padding: 8px 8px;
  min-height: 52px;
  border-radius: 8px;
  white-space: normal;
  position: relative
}

.notificaciones-drop a:hover {
  color: #0373E6 !important;
  text-decoration: none;
  background-color: rgba(131, 144, 185, 0.15)
}

.notificaciones-drop .notificaciones-scroll {
  padding: 6px
}

.notificaciones-drop .notificaciones-scroll a i {
  display: block;
  color: #fff;
  background-color: #a2aebb;
  width: 34px;
  height: 34px;
  line-height: 34px;
  float: left;
  margin-right: 0px
}

.dropdown-menu.btn-espacios-drop {
  width: 320px;
  left: 190px !important;
  top: 0px !important;
  margin: 0px;
  overflow: inherit
}

.dropdown-menu.btn-espacios-drop::before {
  top: 17px;
  left: -16px;
  transform: rotate(270deg)
}

.notificacion-texto {
  width: calc(100% - 40px);
  float: left;
  padding-left: 10px;
  padding-top: 2px
}

.notificacion-texto p {
  font-size: 12px;
  line-height: 14px;
  margin-bottom: -2px;
  display: block;
  width: 100%
}

.notificacion-texto p b {
  font-family: 'poppins', sans-serif
}

.notificacion-texto span {
  color: rgba(54, 55, 60, 0.5);
  font-size: 11px;
  line-height: 11px;
  display: block;
  padding-top: 6px
}

.drop-modulo-item {
  display: block;
  width: 100%;
  text-align: center;
  padding: 16px 8px !important;
  transition: all 0s
}

.drop-modulo-item img {
  margin-bottom: 8px;
  width: 50px;
  height: 50px
}

.drop-modulo-item i {
  background-color: #0373e6 !important;
  position: absolute !important;
  left: 10px;
  top: 10px !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 10px !important;
  line-height: 22px !important
}

.drop-modulo-item .modulo-texto p {
  font-family: 'poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #36373c;
  margin-bottom: 0px
}

.drop-modulo-item:hover {
  display: block;
  width: 100%;
  text-align: center;
  padding: 16px 8px !important
}

.drop-modulo-item:hover .modulo-texto p {
  color: #0373E6
}

.drop-modulo-item.active {
  box-shadow: inset 0px 0px 0px 2px #0373e6
}

.contenido.sticky {
  position: fixed;
  background-color: #f0f2f7;
  z-index: 9;
  top: 0px;
  box-shadow: 0px 2px 5px rgba(24, 37, 49, 0.13);
  transition: all 0.2s ease !important;
  padding-left: 20px
}

.contenido.sticky .encabezado {
  background-image: none;
  height: 64px;
  padding-bottom: 10px;
  padding-top: 10px;
  transition: all 0.2s ease !important
}

.contenido.sticky .icono-modulo,
.contenido.sticky .icono-modulo-sombra i {
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 18px
}

.contenido.sticky .encabezado h1 {
  font-size: 20px;
  line-height: 22px;
  transition: all 0.2s ease !important
}

.contenido.sticky .encabezado span.subtitulo {
  font-size: 12px;
  transition: all 0.2s ease !important
}

.contenido.sticky .encabezado-titulos {
  height: 44px;
  transition: all 0.2s ease !important
}

.contenido.sticky+.contenido {
  padding-top: 112px;
  transition: all 0s ease !important
}

.contenido {
  transition: all 0s ease !important
}

.icono-modulo-sombra.pal_primary {
  filter: drop-shadow(0px 4px 3px rgba(3, 115, 230, 0.3))
}

.icono-modulo-sombra.pal_primary img,
.icono-modulo-sombra.pal_primary i {
  background-color: #0373E6
}

.icono-modulo-sombra.pal_rojo {
  filter: drop-shadow(0px 4px 3px rgba(231, 4, 65, 0.3))
}

.icono-modulo-sombra.pal_rojo img,
.icono-modulo-sombra.pal_rojo i {
  background-color: #E70441
}

.icono-modulo-sombra.pal_verde {
  filter: drop-shadow(0px 4px 3px rgba(76, 185, 17, 0.3))
}

.icono-modulo-sombra.pal_verde img,
.icono-modulo-sombra.pal_verde i {
  background-color: #4cb911
}

.icono-modulo-sombra.pal_azul {
  filter: drop-shadow(0px 4px 3px rgba(36, 55, 177, 0.3))
}

.icono-modulo-sombra.pal_azul img,
.icono-modulo-sombra.pal_azul i {
  background-color: #2437b1
}

.icono-modulo-sombra.pal_amarillo {
  filter: drop-shadow(0px 4px 3px rgba(236, 163, 7, 0.3))
}

.icono-modulo-sombra.pal_amarillo img,
.icono-modulo-sombra.pal_amarillo i {
  background-color: #eca307
}

.icono-modulo-sombra.pal_violeta {
  filter: drop-shadow(0px 4px 3px rgba(226, 5, 120, 0.3))
}

.icono-modulo-sombra.pal_violeta img,
.icono-modulo-sombra.pal_violeta i {
  background-color: #e20578
}

.icono-modulo-sombra.pal_cian {
  filter: drop-shadow(0px 4px 3px rgba(92, 216, 214, 0.3))
}

.icono-modulo-sombra.pal_cian img,
.icono-modulo-sombra.pal_cian i {
  background-color: #5cd8d6
}

.icono-modulo-sombra.pal_celeste {
  filter: drop-shadow(0px 4px 3px rgba(41, 170, 243, 0.3))
}

.icono-modulo-sombra.pal_celeste img,
.icono-modulo-sombra.pal_celeste i {
  background-color: #29aaf3
}

.icono-modulo-sombra.pal_lima {
  filter: drop-shadow(0px 4px 3px rgba(175, 191, 21, 0.3))
}

.icono-modulo-sombra.pal_lima img,
.icono-modulo-sombra.pal_lima i {
  background-color: #afbf15
}

.icono-modulo-sombra.pal_naranja {
  filter: drop-shadow(0px 4px 3px rgba(234, 92, 13, 0.3))
}

.icono-modulo-sombra.pal_naranja img,
.icono-modulo-sombra.pal_naranja i {
  background-color: #ea5c0d
}

.icono-modulo-sombra.pal_morado {
  filter: drop-shadow(0px 4px 3px rgba(126, 47, 189, 0.3))
}

.icono-modulo-sombra.pal_morado img,
.icono-modulo-sombra.pal_morado i {
  background-color: #7e2fbd
}

.icono-modulo-sombra.pal_mostaza {
  filter: drop-shadow(0px 4px 3px rgba(175, 151, 1, 0.3))
}

.icono-modulo-sombra.pal_mostaza img,
.icono-modulo-sombra.pal_mostaza i {
  background-color: #af9701
}

.icono-modulo-sombra.pal_burdeo {
  filter: drop-shadow(0px 4px 3px rgba(154, 6, 49, 0.3))
}

.icono-modulo-sombra.pal_burdeo img,
.icono-modulo-sombra.pal_burdeo i {
  background-color: #9a0631
}

.icono-modulo-sombra.pal_cafe {
  filter: drop-shadow(0px 4px 3px rgba(134, 81, 52, 0.3))
}

.icono-modulo-sombra.pal_cafe img,
.icono-modulo-sombra.pal_cafe i {
  background-color: #865134
}

.icono-modulo-sombra.pal_turquesa {
  filter: drop-shadow(0px 4px 3px rgba(5, 138, 150, 0.3))
}

.icono-modulo-sombra.pal_turquesa img,
.icono-modulo-sombra.pal_turquesa i {
  background-color: #058a96
}

.icono-modulo-sombra.pal_backoffice {
  filter: drop-shadow(0px 4px 3px rgba(231, 4, 65, 0.3))
}

.icono-modulo-sombra.pal_backoffice img,
.icono-modulo-sombra.pal_backoffice i {
  background-color: #e70441
}

.icono-modulo-sombra.pal_mejoremos {
  filter: drop-shadow(0px 4px 3px rgba(175, 36, 144, 0.3))
}

.icono-modulo-sombra.pal_mejoremos img,
.icono-modulo-sombra.pal_mejoremos i {
  background-color: #af2490
}

.icono-modulo-sombra.pal_mederis {
  filter: drop-shadow(0px 4px 3px rgba(0, 173, 177, 0.3))
}

.icono-modulo-sombra.pal_mederis img,
.icono-modulo-sombra.pal_mederis i {
  background-color: #00adb1
}

.icono-modulo-sombra.pal_rosado {
  filter: drop-shadow(0px 4px 3px rgba(253, 104, 161, 0.3))
}

.icono-modulo-sombra.pal_rosado img,
.icono-modulo-sombra.pal_rosado i {
  background-color: #fd68a1
}

.icono-modulo-sombra.pal_blanco {
  filter: drop-shadow(0px 4px 3px rgba(20, 40, 74, 0.1))
}

.icono-modulo-sombra.pal_blanco img,
.icono-modulo-sombra.pal_blanco i {
  background-color: #fff
}

.icono-modulo-sombra i {
  display: block;
  width: 54px;
  height: 54px;
  float: left;
  color: white;
  text-align: center;
  line-height: 54px;
  font-size: 24px;
  border-radius: 5px;
  margin-right: 12px
}

.tarjeta {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease;
  margin-bottom: 20px;
  position: relative
}

.tarjeta::after {
  display: block;
  clear: both;
  content: ""
}

.tarjeta-header {
  display: block;
  background-color: #F6F7FB;
  border-radius: 10px 10px 0px 0px;
  padding: 15px 20px;
  font-family: 'poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  position: relative
}

.tarjeta-header i {
  color: rgba(54, 55, 60, 0.25);
  margin-right: 12px;
  font-size: 16px;
  display: block;
  float: left;
  width: 20px
}

.tarjeta-body {
  padding: 24px;
  position: relative
}

@media (max-width: 1280px) {
  .tarjeta-body {
    padding: 12px
  }
}

.tarjeta-body-medium {
  padding: 12px 24px;
  position: relative
}

.tarjeta-body-small {
  padding: 12px;
  position: relative
}

.tarjeta-dark {
  background-color: rgba(33, 61, 113, 0.08);
  border-radius: 8px;
  position: relative;
  margin-bottom: 20px
}

.tarjeta-border {
  background-color: transparent;
  border: 2px solid rgba(54, 55, 60, 0.1);
  border-radius: 8px;
  position: relative;
  margin-bottom: 20px
}

.over-hidden {
  overflow: hidden
}

.tarjeta-hover {
  transition: all 0.2s ease
}

.tarjeta-hover:hover {
  box-shadow: 0px 0px 0px 2px #0373e6;
  cursor: pointer
}

.tarjeta-hover2 {
  transition: all 0.2s ease
}

.tarjeta-hover2:hover {
  transform: scale(1.1) translate(0px, -5px);
  cursor: pointer;
  box-shadow: 0px 20px 12px -10px rgba(0, 0, 0, 0.2)
}

.tarjeta-hover3 {
  transition: all 0.2s ease
}

.tarjeta-hover3:hover {
  transform: scale(0.95);
  cursor: pointer
}

.tarjeta-hover4 {
  transition: all 0.2s ease
}

.tarjeta-hover4:hover {
  transform: translate(0px, -10px);
  cursor: pointer;
  box-shadow: 0px 20px 12px -10px rgba(0, 0, 0, 0.2)
}

.acordeon {
  border-radius: 10px
}

.acordeon-btn {
  background-color: #fff;
  border: 0px solid;
  width: 100%;
  text-align: left;
  padding: 16px 16px;
  position: relative;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  border-top: 1px solid #e5e8ef;
  cursor: pointer
}

.acordeon-btn:hover {
  color: #0373E6;
  background-color: #F6F7FB
}

.acordeon-btn:focus {
  box-shadow: inset 0px 0px 0px 2px rgba(3, 115, 230, 0.5);
  outline: none
}

.acordeon-btn .fa-angle-down {
  float: right;
  margin-top: 4px
}

.acordeon-icon {
  font-size: 16px;
  width: 20px;
  text-align: center;
  margin-right: 10px;
  color: rgba(54, 55, 60, 0.25)
}

.acordeon-contenido {
  padding: 20px 24px;
  background-color: #F6F7FB;
  box-shadow: inset 0px 10px 10px -15px rgba(40, 43, 53, 0.6)
}

.acordeon-tarjeta:first-child .acordeon-btn {
  border-radius: 10px 10px 0px 0px
}

.acordeon-border {
  border: 1px solid #e5e8ef;
  border-radius: 10px;
  overflow: hidden
}

.acordeon-border .acordeon-tarjeta:first-child .acordeon-btn {
  border-top: 0px solid
}

.prox-fecha {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 8px;
  font-family: 'poppins', sans-serif;
  text-align: center;
  padding-top: 12px
}

.prox-fecha p {
  font-family: 'poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  margin: 0px
}

.prox-fecha span {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  width: 100%
}

.prox-info {
  float: left;
  width: calc(100% - 88px);
  height: 80px;
  padding: 8px 26px;
  position: relative
}

.prox-info span {
  display: inline-block;
  border-radius: 20px;
  font-family: 'poppins', sans-serif;
  font-size: 16px;
  font-weight: 700
}

.prox-info p {
  color: rgba(54, 55, 60, 0.75);
  margin-bottom: 3px
}

.prox-info::before {
  display: block;
  content: '';
  background-color: #e70441;
  width: 12px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 10px 0px 0px 10px
}

.proximo-evento:hover {
  color: #0373E6 !important;
  cursor: pointer
}

.proximo-evento:hover p {
  color: #0373E6 !important
}

.proximo-evento:hover .tarjeta {
  background-color: #F6F7FB;
  transition: all 0s ease
}

.cuadro-datos {
  padding: 30px 20px 15px 20px;
  border: 1px solid rgba(54, 55, 60, 0.1);
  border-radius: 8px;
  margin: 10px -6px;
  margin-bottom: 25px;
  position: relative
}

.cuadro-datos h1 {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: #36373c;
  background-color: #ffffff;
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 10px;
  padding: 0px 8px
}

.cuadro-datos h1 i {
  margin-right: 8px;
  color: rgba(51, 70, 90, 0.25);
  font-size: 16px;
  vertical-align: middle;
  width: 22px;
  text-align: center
}

.ficha-resumen .ficha-label {
  font-size: 11px;
  font-weight: 500;
  color: rgba(54, 55, 60, 0.5);
  margin-bottom: 3px;
  line-height: 12px
}

.ficha-resumen .dato {
  font-weight: 600;
  font-family: 'poppins', sans-serif;
  font-size: 14px;
  margin-bottom: 14px;
  line-height: 15px
}

.planificacion-asig .tarjeta-header span {
  display: block;
  float: left;
  background-color: #0373e6;
  border: 2px solid white;
  box-shadow: 0px 4px 6px rgba(15, 76, 138, 0.26);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
  color: #fff;
  margin-top: -18px;
  margin-right: 10px;
  padding-top: 16px;
  position: relative
}

.tarjeta-color,
.tarjeta-color label,
.tarjeta-color h1,
.tarjeta-color td {
  color: white
}

.tarjeta-color h1 {
  font-weight: 600;
  font-size: 2.2rem;
  font-family: 'roboto', sans-serif
}

@media (max-width: 1280px) {
  .tarjeta-color h1 {
    font-size: 24px !important
  }
}

.tarjeta-color label {
  margin-bottom: 0px;
  font-size: 13px;
  font-weight: 600
}

@media (max-width: 1280px) {
  .tarjeta-color label {
    font-size: 12px !important
  }
}

i.icono-estadisticas {
  display: block;
  color: white;
  font-size: 32px;
  background-color: #00000026;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  text-align: center;
  padding-top: 16px;
  margin-right: 16px !important
}

.tarjeta .datos-estadisticas {
  width: calc(100% - 80px)
}

.tarjeta-recursos {
  overflow: hidden;
  text-align: center;
  border-radius: 20px
}

.tarjeta-recursos .recursos-img {
  position: relative;
  overflow: hidden
}

/* .tarjeta-recursos .recursos-img:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -4px;
  height: 100%;
  width: 105%;
  background: url(img/recursos-shape.svg) no-repeat center bottom;
  background-size: contain;
  z-index: 1
} */

.tarjeta-recursos .recursos-info {
  padding: 10px 20px 20px 20px
}

.tarjeta-recursos:hover {
  transform: scale(1.05)
}

.tarjetita-recurso {
  text-align: left;
  padding: 10px;
  border-radius: 20px;
  min-height: 340px;
  margin: 0px
}

.tarjetita-recurso:hover {
  transform: scale(1.05)
}

.recurso-img {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background-color: #771D72;
  z-index: 1
}

.recurso-img .recurso-img2 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1
}

.recurso-tipo {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  border-radius: 5px;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0.5px;
  display: block;
  color: #fff;
  background-color: #000;
  text-align: center;
  padding: 5px 8px
}

.recurso-nuevo {
  position: absolute;
  width: 66px;
  bottom: -12px;
  left: calc(50% - 33px);
  z-index: 2;
  border-radius: 5px;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 1px;
  display: block;
  color: #fff;
  background-color: #2EAF00;
  text-align: center;
  padding: 5px 8px
}

.recurso-titulo {
  font-size: 18px;
  font-weight: 700
}

.recurso-descripcion {
  padding: 15px 15px 10px 15px
}

.recurso-descripcion .niveles {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 1px;
  padding: 3px 0px 10px
}

.recurso-descripcion .recursos-tema {
  font-weight: bold;
  font-size: 12px;
  line-height: 12px
}

div.rec-autor {
  padding: 0px;
  color: inherit
}

div.rec-autor img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 8px
}

div.rec-autor-nombre {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: capitalize
}

div.rec-autor-cargo {
  font-family: 'roboto', sans-serif;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  opacity: 0.6;
  text-transform: none
}

.isotope:after {
  content: '';
  display: block;
  clear: both
}

.element-item {
  position: relative;
  float: left;
  width: 25%;
  height: auto;
  padding: 16px
}

@media (max-width: 1200px) {
  .element-item {
    position: relative;
    float: left;
    width: 50%;
    height: auto;
    padding: 16px
  }
}

@media (max-width: 768px) {
  .element-item {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 16px
  }
}

i.icon-label {
  display: block;
  background-color: #0373e6;
  width: 42px;
  text-align: center;
  color: white;
  height: 50px;
  position: absolute;
  top: -8px;
  padding-top: 20px;
  font-size: 20px;
  border-radius: 0px 5px 5px 5px;
  box-shadow: -1px 1px 3px #2d394647
}

i.icon-label::after {
  content: '';
  display: block;
  width: 10px;
  height: 8px;
  background-color: #00468e;
  border-radius: 10px 0px 0px 0px;
  top: 0px;
  left: -10px;
  position: absolute
}

i.icon-label.bg-violeta::after {
  background-color: #bd0b68 !important
}

i.icon-label.bg-rojo::after {
  background-color: #E70441 !important
}

i.icon-label.bg-verde::after {
  background-color: #409412 !important
}

i.icon-label.bg-amarillo::after {
  background-color: #d89300 !important
}

i.icon-label.bg-lima::after {
  background-color: #95a20f !important
}

i.icon-label.bg-morado::after {
  background-color: #641e9c !important
}

i.icon-label.bg-azul::after {
  background-color: #142488 !important
}

i.icon-label.bg-naranja::after {
  background-color: #d25008 !important
}

.plan-items-texto {
  width: calc(100% - 70px);
  float: left;
  padding-left: 16px
}

.plan-items-tools {
  width: 60px;
  float: right;
  padding-right: 16px
}

.btn {
  transition: all 0.2s ease;
  font-family: 'poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #fff !important;
  height: 42px !important;
  padding: 10px 20px !important;
  border-radius: 22px !important;
  border: 0px !important;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0px 7px 10px -3px rgba(0, 0, 0, 0.24);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-primary {
  background-color: #0373E6 !important;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3)
}

.btn-primary:hover {
  background-color: #0c82fc !important;
  color: white !important
}

.btn-secondary {
  color: rgba(54, 55, 60, 0.75);
  background-color: rgba(20, 40, 74, 0.15);
  font-weight: 600 !important;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.08)
}

.btn-secondary:hover {
  color: #0373E6;
  background-color: rgba(20, 40, 74, 0.08) !important
}

.btn-secondary:active,
.btn-secondary:focus,
.show>.btn-secondary.dropdown-toggle {
  color: #0373E6 !important;
  background-color: rgba(20, 40, 74, 0.08) !important
}

.btn-linea {
  color: rgba(54, 55, 60, 0.75);
  font-weight: 500 !important;
  box-shadow: none;
  border: 1px solid #e5e8ef
}

.btn-linea:hover {
  color: #0373E6;
  background-color: rgba(20, 40, 74, 0.08) !important;
  border: 1px solid #0373E6
}

.btn-linea:active,
.btn-secondary:focus,
.show>.btn-secondary.dropdown-toggle {
  color: #0373E6 !important;
  background-color: rgba(20, 40, 74, 0.08) !important
}

.btn-verde {
  background-color: #2EAF00 !important;
  color: #fff !important;
  box-shadow: 0px 7px 10px -3px rgba(46, 175, 0, 0.3);
  border: 0px !important;
}

.btn-verde:hover {
  background-color: #36ce00 !important;
  /* Un poco más claro */
  color: #fff !important;
  box-shadow: 0px 7px 10px -3px rgba(46, 175, 0, 0.5);
  filter: brightness(1.1);
}

/* Ajuste específico para cuando se usa con btn-icono */
.btn-verde.btn-icono {
  padding-left: 48px !important;
  /* Asegurar espacio para el icono */
  padding-right: 20px !important;
  display: inline-block;
  /* Volver a inline-block para respetar padding/absolute */
  text-align: left;
  /* Alinear texto a la izquierda del espacio disponible */
  line-height: 22px;
  /* Centrar verticalmente el texto */
  color: #fff !important;
}

.btn-verde.btn-icono i {
  background-color: rgba(255, 255, 255, 0.2);
  /* Icono con fondo semitransparente blanco */
  color: #fff;
}

.btn-verde.btn-icono:hover i {
  background-color: rgba(255, 255, 255, 0.4);
  /* Más claro al hover */
  transform: rotate(360deg) !important;
}

.btn-rojo {
  background-color: #D80727;
  box-shadow: 0px 7px 10px -3px rgba(216, 7, 39, 0.3)
}

.btn-rojo:hover {
  background-color: #f6082c;
  color: white !important
}

.btn-mejoremos {
  background-color: #af2490;
  box-shadow: 0px 7px 10px -3px rgba(175, 36, 144, 0.3)
}

.btn-mejoremos:hover {
  background-color: #c829a5;
  color: white !important
}

.btn-mederis {
  background-color: #00adb1;
  box-shadow: 0px 7px 10px -3px rgba(0, 173, 177, 0.3)
}

.btn-mederis:hover {
  background-color: #00cbd0;
  color: white !important
}

.btn-amarillo {
  background-color: #eca307;
  box-shadow: 0px 7px 10px -3px rgba(236, 163, 7, 0.3)
}

.btn-amarillo:hover {
  background-color: #f8b119;
  color: white !important
}

.btn-morado {
  background-color: #7e2fbd;
  box-shadow: 0px 7px 10px -3px rgba(126, 47, 189, 0.3)
}

.btn-morado:hover {
  background-color: #8e3ccf;
  color: white !important
}

.btn-violeta {
  background-color: #e20578;
  box-shadow: 0px 7px 10px -3px rgba(226, 5, 120, 0.3)
}

.btn-violeta:hover {
  background-color: #fa0c88;
  color: white !important
}

.btn-blanco {
  background-color: #fff !important;
  color: rgba(54, 55, 60, 0.75);
  font-weight: 500 !important;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15) !important
}

.btn-blanco:hover {
  color: #0373E6
}

.btn-blanco:active {
  color: #0373E6 !important
}

.btn-blanco2 {
  background-color: #fff !important;
  color: #0373E6 !important;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid #e9ecef !important;
  font-weight: 500 !important;
  padding: 10px 28px !important;
  height: auto !important;
  min-height: 42px !important;
  min-width: 150px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border-radius: 22px !important;
}

.btn-blanco2.btn-icono i {
  color: #0373E6 !important;
  margin-right: 0 !important;
  font-size: 14px !important;
}

.btn-blanco2:hover {
  background-color: #f8f9fa !important;
  color: #0373E6 !important;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.2) !important;
}

.btn-blanco2:active {
  background-color: #e9ecef !important;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.btn-blanco2:disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}

.btn-transparente {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 500 !important;
  box-shadow: none
}

.btn-transparente:hover {
  background-color: #fff;
  color: #0373E6
}

.btn-transparente:active {
  background-color: #fff;
  color: #0373E6 !important
}

.btn-invisible {
  background-color: transparent;
  color: rgba(54, 55, 60, 0.75);
  font-weight: 500 !important;
  box-shadow: none
}

.btn-invisible:hover {
  color: #0373E6
}

.btn-invisible:active {
  color: #0373E6 !important
}

.btn-invisible2 {
  background-color: transparent;
  color: rgba(54, 55, 60, 0.75);
  transition: all 0.2s ease;
  box-shadow: none
}

.btn-invisible2:hover {
  background-color: rgba(38, 56, 74, 0.08);
  color: #0373E6
}

.btn-invisible3 {
  background-color: rgba(54, 55, 60, 0.1);
  color: white;
  transition: all 0.2s ease;
  box-shadow: none
}

.btn-invisible3:hover {
  background-color: rgba(54, 55, 60, 0.25);
  color: white
}

.btn-gris {
  background-color: rgba(54, 55, 60, 0.1);
  color: rgba(54, 55, 60, 0.75);
  font-weight: 500 !important;
  box-shadow: none
}

.btn-gris:hover {
  color: rgba(54, 55, 60, 0.25)
}

.btn-gris:active {
  color: rgba(54, 55, 60, 0.25) !important
}

.btn.disabled {
  background-color: rgba(54, 55, 60, 0.1) !important;
  color: rgba(54, 55, 60, 0.5);
  box-shadow: none;
  opacity: 0.6;
  cursor: not-allowed
}

.btn-icono {
  padding-left: 48px
}

.btn-icono i {
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  background-color: rgba(54, 55, 60, 0.15);
  padding-top: 9px;
  text-align: center;
  font-size: 16px;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  transition: all 0.3s ease
}

.btn-icono:hover i {
  transform: rotate(360deg) !important
}

.btn-circulo {
  padding: 0px;
  width: 42px
}

.btn-circulo i {
  background-color: transparent
}

.disabled.btn-icono:hover i {
  transform: none !important
}

.btn-small {
  font-size: 11px;
  padding: 6px 12px;
  max-height: 30px;
  border-radius: 6px
}

.btn-small i {
  margin-right: 8px
}

.nav-tools li a {
  background-color: #F6F7FB;
  color: rgba(54, 55, 60, 0.75);
  border-radius: 0px !important;
  padding: 6px 10px;
  height: 30px;
  transition: all 0s ease
}

.nav-tools li a:hover {
  background-color: #e1e4f2 !important
}

.nav-tools .nav-link.active,
.nav-tools .show>.nav-link {
  color: #fff;
  background-color: #0373E6;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3)
}

.nav-tools .nav-link.active:hover,
.nav-tools .show>.nav-link:hover {
  background-color: #0c82fc !important
}

.nav-tools li:first-child a {
  border-radius: 6px 0px 0px 6px !important
}

.nav-tools li:last-child a {
  border-radius: 0px 6px 6px 0px !important
}

.nav-tools.pills-big {
  height: 42px
}

.nav-tools.pills-big li a {
  height: 42px;
  padding: 0px 20px
}

.nav-tools.pills-big li:first-child a {
  border-radius: 22px 0px 0px 22px !important
}

.nav-tools.pills-big li:last-child a {
  border-radius: 0px 22px 22px 0px !important
}

.btn-sistema {
  margin-bottom: 6px;
  box-shadow: 0px 7px 10px -3px rgba(0, 0, 0, 0.24) !important
}

.btn-sistema i {
  color: transparent;
  display: block;
  position: absolute;
  left: 13px;
  top: 13px;
  font-size: 16px
}

.btn-volver {
  border: 1px solid #3a3c403b;
  color: #3a3c40;
  width: 50px;
  height: 50px;
  line-height: 48px !important;
  padding-left: 18px;
  border-radius: 50%;
  margin-right: 12px;
  transition: all 0.2s ease
}

.btn-volver:hover {
  border: 1px solid #E70441;
  background-color: #fff;
  color: #E70441;
  padding-left: 12px
}

.btn-nota {
  width: 40px;
  font-weight: 800;
  background-color: transparent;
  color: #36373c;
  padding: 6px 8px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer
}

.btn-nota:hover {
  background-color: #0373E6;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3);
  color: #fff
}

.btn-nota span {
  font-family: 'roboto', sans-serif;
  font-size: 10px;
  font-weight: 500;
  opacity: 0.6;
  width: 100%;
  display: block;
  margin-top: 2px
}

.btn-nota-nueva {
  width: 40px;
  height: 38px;
  text-align: center;
  padding: 14px;
  color: #fff;
  background-color: #0373E6;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3);
  border-radius: 5px;
  cursor: pointer;
  font-size: 11px
}

.btn-nota-nueva:hover {
  color: #fff;
  background-color: #0c82fc;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3)
}

.btn-nota-empty {
  width: 40px;
  padding: 8px;
  color: #36373c;
  background-color: rgba(84, 103, 158, 0.08);
  border-radius: 5px;
  font-size: 11px;
  opacity: 0
}

.btn-planif {
  width: 100%;
  text-align: left;
  max-height: 42px;
  font-weight: 400;
  font-size: 12px;
  padding: 10px 16px;
  box-shadow: inset 0px -3px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 4px;
  overflow: inherit
}

.btn-planif i.fa-pen {
  position: absolute;
  opacity: 0.6;
  top: 15px;
  right: 5px
}

.btn-planif i.fa-check {
  display: block;
  position: absolute;
  top: 9px;
  left: -12px;
  width: 22px;
  height: 22px;
  background-color: #3abd5b;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  padding-top: 6px;
  font-size: 10px;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.4)
}

.form-control-pill {
  background-color: #e9ecef !important;
  border-radius: 20px !important;
  border: none !important;
  padding: 10px 20px !important;
  height: 42px !important;
  color: #495057 !important;
  font-size: 14px !important;
}

.form-control-pill:focus {
  background-color: #e9ecef !important;
  box-shadow: 0 0 0 0.2rem rgba(3, 115, 230, 0.25) !important;
}

select.form-control-pill {
  height: 42px !important;
  padding-right: 30px !important;
  /* Space for dropdown arrow */
}

.dropdown-rounded-1 {
  border-radius: 15px !important;
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e9ecef;
  margin-top: 5px;
  padding: 8px;
}

.dropdown-rounded-1 .dropdown-item {
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 500;
  color: #54555a;
  transition: all 0.2s ease;
}

.dropdown-rounded-1 .dropdown-item:hover {
  background-color: #f8f9fa;
  color: #0373E6;
}

.dropdown-rounded-1 .dropdown-item.active {
  background-color: #e3f0fd;
  color: #0373E6;
}

.btn-gris {
  background-color: #e9ecef !important;
  /* Mismo gris que los inputs pill */
  color: #495057 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  border-radius: 20px !important;
  height: 42px !important;
  padding: 10px 20px !important;
  border: 0px !important;
}

.btn-gris:hover {
  background-color: #dee2e6 !important;
  color: #495057 !important;
}

.btn-gris:focus,
.btn-gris:active {
  background-color: #dee2e6 !important;
  color: #495057 !important;
  box-shadow: 0 0 0 0.2rem rgba(3, 115, 230, 0.25) !important;
}

.btn-gris i {
  color: #495057 !important;
  opacity: 0.7;
}

.btn-planif i.fa-exclamation {
  display: block;
  position: absolute;
  top: 9px;
  left: -12px;
  width: 22px;
  height: 22px;
  background-color: #ea5c0d;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  padding-top: 6px;
  font-size: 10px;
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.4)
}

.btn-agregar {
  width: 100%;
  box-shadow: none;
  background-color: transparent;
  color: rgba(54, 55, 60, 0.5);
  border: 1px dashed rgba(54, 55, 60, 0.1);
  margin-top: 16px
}

.btn-agregar:hover {
  color: #0373E6;
  border: 1px dashed #0373E6
}

.btn-eliminar {
  display: block;
  background-color: #D80727;
  box-shadow: 0px 7px 10px -3px rgba(216, 7, 39, 0.3);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  position: absolute;
  z-index: 10;
  opacity: 0;
  transform: scale(0.7);
  right: -10px;
  top: -10px;
  transition: all 0.2s ease
}

.btn-eliminar:hover {
  opacity: 1;
  transform: scale(1);
  background-color: #f6082c;
  cursor: pointer
}

.tarjeta:hover .btn-eliminar {
  opacity: 1;
  transform: scale(1)
}

.btn-ayuda {
  position: fixed;
  bottom: 16px;
  right: 32px
}

.btn-ayuda {
  position: fixed;
  bottom: 16px;
  right: 24px;
  z-index: 9
}

.btn-ayuda i {
  background-color: #fff;
  color: #e70449
}

.btn-ayuda2 {
  position: fixed;
  bottom: 46px;
  right: -150px;
  transform: scale(1.2);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px
}

.btn-ayuda2:hover {
  right: 18px
}

.btn-subir {
  display: block;
  border: 2px dashed #e5e8ef;
  border-radius: 5px;
  width: 100%;
  height: 54px;
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  text-align: center
}

.btn-subir p {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  transition: all 0.2s ease;
  margin: 0px
}

.btn-subir i {
  font-size: 16px;
  padding-top: 5px;
  color: rgba(54, 55, 60, 0.25);
  transition: all 0.2s ease
}

.btn-subir:hover {
  border: 2px dashed #0373E6
}

.btn-subir:hover p {
  color: #0373E6
}

.btn-subir:hover i {
  color: #0373E6
}

.btn-decrement,
.btn-increment {
  background-color: #0373E6;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3);
  font-size: 18px;
  font-weight: 200;
  font-family: 'roboto', sans-serif;
  padding: 0px 16px;
  line-height: 42px
}

.btn-decrement:hover,
.btn-increment:hover {
  background-color: #0c82fc !important
}

.btn-decrement {
  border-radius: 22px 0px 0px 22px
}

.btn-increment {
  border-radius: 0px 22px 22px 0px
}

.small2 .btn-decrement,
.small2 .btn-increment {
  background-color: #0373E6;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3);
  font-size: 18px;
  font-weight: 200;
  font-family: 'roboto', sans-serif;
  padding: 0px 16px;
  line-height: 42px
}

.pointer {
  cursor: pointer
}

.pointer:hover {
  opacity: 0.8
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  flex: 1 1 auto
}

.btn-group-horizontal label.btn {
  border-radius: 8px !important;
  margin: 4px;
  overflow: unset;
  height: auto
}

.btn-group-horizontal label.btn i {
  font-size: 24px;
  margin-right: 0px;
  margin-bottom: 10px
}

.btn-group-horizontal label.btn img {
  margin-bottom: 10px
}

.btn-group-horizontal label.btn span {
  display: block;
  line-height: 12px
}

.btn-pie-informe {
  display: block;
  float: left;
  height: 48px;
  border: 0px;
  background-color: transparent;
  padding: 0px 16px;
  min-width: 48px;
  color: #88898d;
  cursor: pointer;
  margin-right: 1px;
  margin-bottom: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.btn-pie-informe span {
  width: calc(100% - 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block
}

.btn-pie-informe i.fa-angle-down {
  position: absolute;
  right: 10px;
  top: calc(50% - 6px)
}

.table-lined .btn-pie-informe {
  margin-right: 0px;
  margin-bottom: 0px
}

.btn-pie-informe:hover {
  color: #0373E6;
  background-color: rgba(54, 55, 60, 0.05)
}

.btn-pie-informe.bg-verde,
.btn-pie-informe.bg-amarillo,
.btn-pie-informe.bg-rojo {
  color: white
}

.btn-pie-informe.bg-verde:hover {
  background-color: #58d514 !important
}

.btn-pie-informe.bg-rojo:hover {
  background-color: #fb0f4e !important
}

.btn-tabla {
  border: 0px;
  background-color: transparent;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.btn-tabla span {
  width: 100%;
  display: block;
  font-size: 10px;
  line-height: 11px
}

.btn-tabla:hover {
  color: #0373E6;
  background-color: rgba(54, 55, 60, 0.05)
}

.btn-tabla2 {
  border: 0px;
  background-color: transparent;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.btn-tabla2:hover {
  background-color: rgba(54, 55, 60, 0.05)
}

a.btn {
  line-height: 42px;
  padding-top: 0px;
  padding-bottom: 0px
}

a.btn-small {
  line-height: 30px !important
}

@media screen and (max-width: 576px) {
  .btn-responsive span {
    display: none
  }

  .btn-responsive i {
    margin-right: 0px !important
  }
}

@media screen and (max-width: 576px) {
  .btn-responsive-fixed {
    position: fixed !important;
    bottom: 16px;
    right: 16px;
    z-index: 3
  }
}

.btn-label {
  position: relative;
  height: 30px;
  line-height: 30px;
  right: -12px;
  display: inline-block;
  padding: 0px 12px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 0 3px 3px 0;
  cursor: pointer !important
}

.btn-labeled {
  padding-top: 0;
  padding-bottom: 0;
  cursor: default !important
}

.btn-espacio {
  border: 0px;
  border-radius: 10px;
  padding: 10px 10px;
  background-color: #0b274424;
  display: flex;
  position: relative;
  align-items: center !important;
  margin-bottom: 16px;
  transition: all 0.2s ease;
  outline: none !important
}

.btn-espacio img {
  width: 36px;
  height: 36px;
  margin-right: 8px
}

.btn-espacio span {
  width: calc(100% - 60px);
  vertical-align: middle;
  white-space: break-spaces;
  text-align: left;
  font-family: 'poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: white;
  white-space: break-spaces
}

.btn-espacio i {
  color: white;
  opacity: 0.5;
  position: absolute;
  right: 10px;
  top: calc(50% - 7px);
  transition: all 0.2s ease
}

.btn-espacio:hover {
  background-color: #ffffff3b
}

.btn-espacio:hover i {
  opacity: 1
}

.puntito {
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 8px;
  height: 8px;
  background-color: #D80727;
  border-radius: 50%
}

.btn-header {
  margin-right: -15px;
  margin-top: -10px;
  width: 34px;
  height: 34px;
  border-radius: 5px;
  text-align: center !important;
  padding: 0px !important;
  box-shadow: none
}

.btn-header i {
  color: rgba(54, 55, 60, 0.25);
  margin-right: 0px !important;
  width: 100%;
  transition: all 0.2s ease;
  line-height: 34px
}

.btn-header2 {
  margin-right: -13px;
  margin-top: -8px
}

.btn-header:hover {
  background-color: rgba(38, 56, 74, 0.08)
}

.btn-header:hover i {
  color: rgba(54, 55, 60, 0.5)
}

.tarjeta-header .dropdown-menu {
  min-width: max-content;
  font-family: 'roboto', sans-serif
}

.badge {
  font-size: 10px;
  font-weight: 400;
  line-height: 8px;
  padding: 5px 8px;
  border-radius: 10px;
  background-color: #0373E6;
  color: #fff
}

@media (max-width: 1280px) {
  .badge {
    font-size: 9px
  }
}

.badge.bg-secondary {
  color: rgba(54, 55, 60, 0.75) !important
}

td .badge {
  margin-right: 3px;
  margin-top: 1px;
  margin-bottom: 1px
}

.badgeflex {
  background-color: #0f121938;
  display: flex;
  border-radius: 5px;
  padding: 5px;
  justify-content: center;
  align-items: center
}

.badge-peligro {
  background-color: #f8d7da;
  border: 1px solid #d17a89;
  color: #bb1130
}

.badge-alerta {
  background-color: #fff7de;
  border: 1px solid #e5b358;
  color: #d15f0e
}

.badge-exito {
  background-color: #def1e7;
  color: #1b973c;
  border: 1px solid #7ecb8f
}

.badge-info {
  background-color: #e3f0fd;
  color: #0767c9;
  border: 1px solid #79b0e9
}

.badge-gris {
  background-color: #e9ebf3;
  border: 1px solid #c2c6cf;
  color: #5d5f65
}

.badge-violeta {
  background-color: #f9e2ee;
  border: 1px solid #eb87bb;
  color: #e20578
}

.badge-morado {
  background-color: #f0e0fd;
  border: 1px solid #ba7fe9;
  color: #7e2fbd
}

.badge-numero b {
  width: 20px;
  height: 20px;
  margin: -2px;
  line-height: 20px;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600
}

.badge-numero b img {
  border-radius: 50%;
  margin-top: -1px
}

.breadcrumb {
  background-color: transparent;
  padding-left: 0px;
  font-family: 'poppins', sans-serif;
  font-weight: 400;
  display: inline-block !important
}

.breadcrumb .dropdown-item {
  color: #3a3c40 !important;
  font-weight: 500 !important
}

.breadcrumb .dropdown-item:hover {
  color: white !important
}

.breadcrumb a {
  color: rgba(54, 55, 60, 0.5);
  font-weight: 600;
  transition: all 0s;
  float: left;
  z-index: 1
}

.breadcrumb a:hover {
  color: #0373E6 !important
}

.breadcrumb-item.active,
.breadcrumb-item.active a {
  font-weight: 700;
  color: #0373E6
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: 14px;
  padding-left: 14px;
  color: rgba(54, 55, 60, 0.5) !important;
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  font-weight: 900 !important;
  font-size: 10px;
  float: left
}

.breadcrumb-item {
  display: inline-block;
  float: left;
  position: relative;
  color: rgba(54, 55, 60, 0.5);
  font-weight: 600
}

.breadcrumb-item:first-child i {
  margin-right: 8px;
  font-size: 12px
}

.breadcrumb-item i.fa-sort-down {
  vertical-align: middle;
  margin-top: -5px;
  margin-left: 5px
}

.bread-card {
  display: inline-block;
  background-color: white;
  border-radius: 10px 24px 24px 10px;
  padding: 12px 23px 11px 16px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.bread-card .breadcrumb a {
  font-weight: 500
}

.bread-button {
  display: inline-block;
  background-color: white;
  border-radius: 10px 24px 24px 10px;
  padding: 0px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.bread-button li a {
  font-weight: 500;
  padding: 14px 10px;
  padding-left: 46px !important
}

.bread-button li:first-child a {
  padding-left: 16px !important;
  border-radius: 10px 0px 0px 10px
}

.bread-button li:last-child a {
  padding-right: 23px !important;
  border-radius: 0px 25px 25px 0px
}

.bread-button li a:hover {
  background-color: #f0f3f9;
  color: #0373E6 !important
}

.bread-button .breadcrumb-item+.breadcrumb-item::before {
  display: none;
  content: ""
}

/* .bread-button li a::before {
  display: block;
  position: absolute;
  top: 0px;
  right: -25px;
  width: 25px;
  height: 100%;
  content: "";
  z-index: 1;
  background-image: url(img/bread-button1.png) !important;
  background-repeat: no-repeat;
  background-position: center right
}

.bread-button li a:hover::before {
  background-image: url(img/bread-button1-hov.png) !important;
  background-repeat: no-repeat;
  background-position: center right
} */

.bread-button li:last-child a::before {
  display: none !important
}

.alert {
  padding: 10px 20px;
  margin-top: 5px;
  border: 0px solid
}

.alert p {
  margin: 0px;
  line-height: 16px
}

.alert i {
  float: left;
  margin-left: -5px;
  margin-right: 8px;
  margin-top: 3px
}

.alert-dismissible .close {
  text-shadow: none;
  padding: 7px 14px
}

.alert-primary {
  background-color: rgba(3, 115, 230, 0.2)
}

.alert-secondary {
  background-color: rgba(20, 40, 74, 0.2)
}

.alert-success {
  background-color: rgba(76, 185, 17, 0.2)
}

.alert-danger {
  background-color: rgba(231, 4, 65, 0.2)
}

.alert-warning {
  background-color: rgba(236, 163, 7, 0.3)
}

.alert-info {
  background-color: rgba(36, 55, 177, 0.2)
}

.alert-light {
  background-color: rgba(54, 55, 60, 0.1)
}

.alert-dark {
  background-color: rgba(80, 80, 82, 0.2)
}

.alerta-visual {
  border-radius: 10px;
  padding: 30px;
  position: relative;
  margin-bottom: 20px;
  display: flex
}

.alerta-visual h1 {
  color: #fff;
  font-family: 'poppins', sans-serif;
  font-size: 20px
}

.alerta-visual p,
.alerta-visual ul {
  color: rgba(255, 255, 255, 0.8)
}

.alerta-visual b {
  color: #fff
}

.alerta-visual img {
  float: left;
  margin-right: 30px
}

.alerta-visual button.close {
  position: absolute;
  height: 22px !important;
  top: 10px;
  right: 10px;
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  background-color: transparent;
  padding: 3px 7px;
  border: 1px solid #fff;
  border-radius: 12px;
  box-shadow: none !important
}

.alerta-visual button.close i {
  float: right;
  margin-left: 4px
}

.alerta-visual button.close:hover {
  color: #0373E6;
  background-color: #fff;
  opacity: 1
}

.alerta-visual .alerta-visual-texto {
  width: calc(100% - 400px);
  position: relative;
  display: block
}

@media screen and (max-width: 1024px) {
  .alerta-visual .alerta-visual-texto {
    width: 100%
  }
}

.alerta-visual .alerta-visual-imagen {
  position: absolute;
  bottom: 0px;
  right: 0px
}

@media screen and (max-width: 1024px) {
  .alerta-visual .alerta-visual-imagen {
    width: 100%;
    position: relative;
    bottom: inherit;
    right: inherit;
    text-align: center;
    display: block;
    margin-top: 30px;
    margin-bottom: -30px
  }

  .alerta-visual .alerta-visual-imagen img {
    width: 100%;
    max-width: 380px
  }
}

@media screen and (max-width: 640px) {
  .alerta-visual {
    display: block
  }
}

.alerta-visual.bg-blanco {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2)
}

.tooltip {
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 500;
  font-family: 'poppins', sans-serif;
  transition: opacity 0.1s ease
}

.tooltip {
  max-width: 530px !important
}

.tooltip-inner {
  max-width: 530px !important
}

.popover {
  border-radius: 8px;
  box-shadow: 0px 7px 10px -3px rgba(0, 0, 0, 0.24);
  border: 0px solid
}

.popover-header {
  border-radius: 8px 8px 0px 0px;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  background-color: #F6F7FB;
  border-bottom: 0px solid
}

.popover-body {
  font-size: 13px;
  font-family: 'roboto', sans-serif;
  line-height: 18px
}

.hullabaloo.alert {
  color: #fff;
  padding: 15px 20px;
  line-height: 16px;
  font-family: 'poppins', sans-serif;
  font-weight: 600
}

.hullabaloo.alert i {
  font-size: 16px;
  margin-right: 12px;
  margin-top: 0px
}

.hullabaloo.alert .close {
  height: 100%;
  font-weight: 300;
  line-height: 16px;
  outline: none
}

.hullabaloo.alert .close:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1)
}

.hullabaloo.alert-success {
  background-color: #2EAF00;
  box-shadow: 0px 7px 10px -3px rgba(46, 175, 0, 0.3)
}

.hullabaloo.alert-info {
  background-color: #0373E6 !important;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3)
}

.hullabaloo.alert-warning {
  background-color: #eca307;
  box-shadow: 0px 7px 10px -3px rgba(236, 163, 7, 0.3)
}

.hullabaloo.alert-danger {
  background-color: #D80727;
  box-shadow: 0px 7px 10px -3px rgba(216, 7, 39, 0.3)
}

.hullabaloo.alert-light {
  background-color: #fff;
  color: rgba(54, 55, 60, 0.75) !important;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15)
}

.hullabaloo.alert-light .close:hover {
  color: #36373c;
  background-color: rgba(54, 55, 60, 0.1)
}

.hullabaloo.alert-dark {
  background-color: #505052;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15)
}

.form-text-only {
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0px;
  outline: none
}

.form-text-only:hover {
  border: 1px solid rgba(54, 55, 60, 0.25)
}

.form-text-only:focus,
.form-text-only:active {
  border: 1px solid #0373E6 !important;
  background-color: white
}

label {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px
}

.form-control {
  color: #000;
  padding: 5px 16px;
  min-height: 42px;
  font-size: 13px;
  position: relative;
  border: 0px solid transparent;
  border-radius: 22px;
  background-color: rgba(57, 75, 145, 0.1);
  box-shadow: inset 0px 0px 0px 2px rgba(54, 55, 60, 0);
  transition: all 0.1s ease
}

td .form-control {
  min-height: 30px
}

.form-control:hover {
  box-shadow: inset 0px 0px 0px 2px rgba(54, 55, 60, 0.5)
}

.form-control:focus {
  color: #000;
  background-color: #fff !important;
  box-shadow: inset 0px 0px 0px 2px #0373e6
}

.form-control::placeholder {
  color: rgba(54, 55, 60, 0.5)
}

.form-control.small {
  min-height: 30px
}

.form-control.small2 {
  padding: 3px 10px;
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 6px
}

/* .form-control.buscar {
  background-image: url(img/icon_buscar.png) !important;
  background-position: right 12px center !important;
  background-repeat: no-repeat
}

.form-control.buscar:focus {
  background-image: url(img/icon_buscar2.png) !important
} */

.form-control.buscar-blanco {
  background-color: #fff;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15)
}

.form-control.buscar-blanco:hover {
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15), inset 0px 0px 0px 2px rgba(54, 55, 60, 0.5)
}

.form-control.buscar-blanco:focus {
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15), inset 0px 0px 0px 2px #0373e6
}

.form-group {
  margin-bottom: 18px
}

.input-group-text {
  border: 0px solid !important;
  border-radius: 22px;
  font-size: 13px;
  box-shadow: none !important;
  margin-right: 1px;
  background-color: rgba(62, 77, 107, 0.19);
  min-width: 44px
}

.input-group-text i {
  font-size: 16px;
  margin-left: 4px;
  opacity: 0.8
}

textarea.form-control {
  min-height: 100px;
  padding: 12px 16px;
  border-radius: 12px
}

.form-control.is-valid {
  background-color: rgba(46, 175, 0, 0.3)
}

.form-control.is-valid:focus {
  box-shadow: inset 0px 0px 0px 2px #2eaf00
}

.valid-feedback,
.invalid-feedback {
  padding-left: 12px;
  font-size: 11px;
  font-weight: 600
}

.form-control.is-invalid {
  background-color: rgba(216, 7, 39, 0.3)
}

.form-control.is-invalid:focus {
  box-shadow: inset 0px 0px 0px 2px #d80727
}

.form-control:disabled {
  background-color: #4a537314;
  color: rgba(132, 136, 147, 0.98);
  opacity: 1
}

.form-control:disabled:hover {
  box-shadow: none !important;
  cursor: not-allowed
}

.btn-input-password {
  background-color: transparent;
  position: absolute;
  width: 48px;
  height: 42px;
  text-align: center;
  display: block;
  right: 0px;
  top: 0px;
  padding: 0px;
  z-index: 4;
  cursor: pointer
}

.btn-input-password i {
  line-height: 42px
}

.form-vertical {
  padding: 0px 5px
}

.form-vertical label {
  width: 120px;
  height: 42px;
  font-size: 11px;
  text-align: right;
  padding-right: 16px;
  display: table-cell;
  vertical-align: middle
}

.form-vertical label.ver-small {
  height: 30px
}

.form-vertical p.label-v {
  width: 100px;
  float: left;
  text-align: right;
  padding-right: 16px;
  padding-top: 12px
}

.form-vertical .form-group {
  width: calc(100% - 120px)
}

select {
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/drop1.8cf52eb3.png);
  background-repeat: no-repeat;
  background-position: right center
}

/* select:hover {
  color: #0373E6 !important;
  background-image: url(img/drop2.png)
} */

select.btn-blanco {
  color: rgba(54, 55, 60, 0.75)
}

.dropdown-toggle.btn-line,
.dropdown-toggle.btn-gris,
select.btn-line,
select.btn-gris,
.tarjeta .chosen-single,
.modal .chosen-single {
  background-color: rgba(57, 75, 145, 0.1) !important;
  color: rgba(54, 55, 60, 0.75);
  font-weight: 500;
  box-shadow: inset 0px 0px 0px 2px transparent !important;
  transform: all 0.1s ease
}

.dropdown-toggle.btn-line:hover,
.dropdown-toggle.btn-gris:hover,
select.btn-line:hover,
select.btn-gris:hover,
.tarjeta .chosen-single:hover,
.modal .chosen-single:hover {
  color: #0373E6;
  box-shadow: inset 0px 0px 0px 2px rgba(54, 55, 60, 0.5) !important
}

.dropdown-toggle.btn-line:active,
.dropdown-toggle.btn-gris:active,
select.btn-line:active,
select.btn-gris:active,
.tarjeta .chosen-single:active,
.modal .chosen-single:active,
.dropdown-toggle.btn-line:focus,
.dropdown-toggle.btn-gris:focus,
select.btn-line:focus,
select.btn-gris:focus,
.tarjeta .chosen-single:focus,
.modal .chosen-single:focus {
  color: #0373E6 !important;
  box-shadow: inset 0px 0px 0px 2px #0373e6 !important;
  background-color: #FFF
}

.dropdown-toggle::after {
  display: none !important
}

.dropdown-toggle.btn {
  text-align: left;
  padding-right: 38px
}

.dropdown-toggle .fa-sort-down {
  font-size: 16px;
  width: auto;
  position: absolute;
  padding-top: 0px;
  top: 10px;
  left: inherit;
  right: 16px;
  background-color: transparent
}

.dropdown-toggle:hover .fa-sort-down {
  transform: none !important
}

.dropdown-menu {
  box-shadow: 0px 8px 20px 0px rgba(55, 61, 76, 0.2), 0px 0px 5px 0px rgba(55, 61, 76, 0.15);
  border: 0px solid;
  border-radius: 10px;
  background-clip: inherit
}

.dropdown-menu.dropdown-dark {
  background-color: #2e3944
}

.dropdown-menu.dropdown-dark a {
  color: #dfe2e8
}

.dropdown-menu.dropdown-dark a i {
  color: rgba(255, 255, 255, 0.4)
}

.dropdown-menu.style-scroll {
  overflow-y: auto
}

.dropdown-item {
  font-size: 13px;
  color: #3a3c40;
  transition: all 0s ease;
  line-height: 21px;
  padding: 4px 16px
}

.drop-overflow .dropdown-item {
  overflow: hidden;
  text-overflow: ellipsis
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #fff !important;
  background-color: #0373E6
}

.dropdown-item a {
  transition: all 0s ease
}

.dropdown-item:hover a {
  color: #fff
}

.dropdown-item:hover .dropdown-menu a {
  color: #3a3c40
}

.dropdown-item:hover .dropdown-menu a.dropdown-item:hover {
  color: #fff
}

.dropdown-submenu>.dropdown-menu {
  margin-left: 0px !important;
  border-radius: 10px 10px 10px 10px !important
}

.dropdown-submenu.left>.dropdown-menu {
  left: inherit !important;
  right: 100% !important
}

.dropdown-submenu>a:after {
  margin-right: -18px !important
}

.dropdown-header {
  font-weight: 700;
  font-size: 11px;
  padding: 4px 16px;
  color: rgba(54, 55, 60, 0.5)
}

.dropdown-dark h6.dropdown-header {
  color: rgba(186, 190, 206, 0.5) !important
}

.dropdown-dark .dropdown-divider {
  border-top: 1px solid #e9ecef1c
}

.dropdown-menu a i {
  color: rgba(54, 55, 60, 0.25);
  width: 18px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  margin-bottom: 1px;
  vertical-align: middle;
  margin-right: 10px;
  line-height: 20px
}

.dropdown-menu a:hover i {
  color: #fff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  opacity: 0.5 !important;
  background-color: transparent !important
}

.dropdown-toggle.btn-small {
  padding-right: 30px
}

.btn-small.dropdown-toggle .fa-sort-down {
  font-size: 12px;
  top: 7px;
  right: 4px
}

.dropdown-menu.dropdown-small {
  border-radius: 7px
}

@media screen and (max-width: 640px) {
  .dropdown-responsive {
    width: 100% !important
  }
}

.btn-icon-drop {
  width: 30px;
  padding: 0px !important
}

.btn-icon-drop i {
  width: 100%;
  text-align: center
}

.dropdown-submenu {
  position: relative;
  padding-right: 26px;
  cursor: pointer
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block
}

.dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff
}

.dropdown-submenu.pull-left {
  float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  border-radius: 6px 0 6px 6px
}

.dropdown-rounded-1 {
  padding: 5px
}

.dropdown-rounded-1 a.dropdown-item,
.dropdown-rounded-1 .dropdown-submenu,
.dropdown-rounded-1 .dropdown-header {
  border-radius: 5px;
  padding: 4px 11px
}

.dropdown-rounded-1 a.dropdown-item:hover,
.dropdown-rounded-1 .dropdown-submenu:hover {
  background-color: rgba(131, 144, 185, 0.15);
  color: #0373E6 !important
}

.dropdown-rounded-1 a.dropdown-item:hover i,
.dropdown-rounded-1 .dropdown-submenu:hover i {
  color: #0373E6
}

.dropdown-rounded-1 a.dropdown-item:hover>a,
.dropdown-rounded-1 .dropdown-submenu:hover>a {
  color: #0373E6 !important
}

.dropdown-rounded-1 a.dropdown-item:hover>a:after,
.dropdown-rounded-1 .dropdown-submenu:hover>a:after {
  border-left-color: #0373E6 !important
}

.dropdown-rounded-1 .dropdown-submenu>a:after {
  margin-right: -8px !important
}

.dropdown-rounded-1 .dropdown-divider {
  margin: 5px -5px
}

.dropdown-rounded-2 {
  border-radius: 16px;
  padding: 8px
}

.dropdown-rounded-2 a.dropdown-item,
.dropdown-rounded-2 .dropdown-header {
  border-radius: 10px;
  padding: 10px;
  position: relative;
  width: 100% !important;
  height: inherit !important
}

.dropdown-rounded-2 a.dropdown-item:hover,
.dropdown-rounded-2 a.dropdown-item:focus {
  background-color: rgba(131, 144, 185, 0.15) !important;
  color: #0373E6 !important
}

.dropdown-rounded-2 a.dropdown-item:hover i,
.dropdown-rounded-2 a.dropdown-item:focus i {
  color: #0373E6
}

.dropdown-rounded-2 .dropdown-divider {
  margin: 8px -8px
}

.dropdown-hover:hover>.dropdown-menu {
  display: block
}

.dropdown-hover .dropdown-menu {
  margin-top: 0px
}

.dropdown-hover>.dropdown-toggle:active {
  pointer-events: none
}

.dropdown-big .icon-drop {
  display: block;
  float: left;
  width: 50px !important;
  height: 50px;
  border-radius: 8px !important;
  font-size: 32px;
  line-height: 50px;
  text-align: center;
  margin: 4px 15px 0px 5px
}

.dropdown-big .icon-indicador {
  position: absolute;
  right: 12px;
  margin: 0px !important;
  top: calc(50% - 10px);
  transition: all 0.2s ease;
  opacity: 0
}

.dropdown-big .info-drop {
  display: block;
  float: left;
  width: calc(100% - 70px);
  padding-right: 16px
}

.dropdown-big p {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  margin-bottom: 4px;
  white-space: break-spaces
}

.dropdown-big span {
  color: rgba(54, 55, 60, 0.75);
  white-space: break-spaces;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px !important;
  display: inline-block
}

.dropdown-big a.dropdown-item:hover .icon-indicador {
  right: 8px;
  opacity: 1
}

.dropdown-pin::before {
  content: '';
  display: block;
  background-color: #fff;
  border-radius: 4px 0px 16px 0px;
  transform: rotate(45deg);
  width: 16px;
  height: 16px;
  position: absolute;
  top: -4px;
  left: 30px
}

.dropdown-big.dropdown-pin::before {
  left: 15px
}

.dropdown-big.dropdown-menu-right.dropdown-pin::before {
  left: inherit !important;
  right: 15px
}

@media screen and (max-width: 1600px) {
  .mejoremos.dropdown-big {
    right: 0 !important;
    left: auto !important
  }
}

@media screen and (max-width: 1600px) {
  .mejoremos.dropdown-pin::before {
    left: inherit !important;
    right: 20px
  }
}

.chosen-single {
  transition: all 0.2s ease;
  height: 42px !important;
  padding: 9px 20px 9px 16px !important;
  border-radius: 22px !important;
  border: 0px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15) !important
}

.chosen-single:hover,
.chosen-single:active,
.chosen-single:focus {
  color: #0373E6 !important
}

.chosen-single div {
  width: 26px !important;
  font-size: 16px !important
}

.chosen-single div b {
  font-family: "Font Awesome 5 Free";
  background: none !important;
  margin-top: 6px !important
}

.chosen-single div b::after {
  content: "\f0dd";
  display: block
}

.chosen-disabled {
  cursor: not-allowed
}

.chosen-drop {
  box-shadow: none !important;
  border: 0px solid !important;
  border-radius: 22px 22px 10px 10px !important;
  background-color: transparent !important
}

.chosen-container {
  width: 100% !important
}

.chosen-container-single .chosen-drop {
  margin-top: -42px !important
}

.chosen-container .chosen-results {
  width: 100% !important;
  margin: 0px;
  margin-top: 1px;
  scroll-behavior: smooth;
  padding: 5px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 8px 20px 0px rgba(55, 61, 76, 0.2), 0px 0px 5px 0px rgba(55, 61, 76, 0.15) !important
}

.chosen-container .chosen-results li {
  padding: 8px 11px;
  border-radius: 5px !important;
  line-height: 14px
}

.chosen-container .chosen-results li:hover,
.chosen-container .chosen-results li.highlighted {
  background-color: rgba(131, 144, 185, 0.15);
  color: #0373E6;
  background-image: none;
  width: inherit !important
}

.chosen-container .chosen-results li.disabled-result {
  cursor: not-allowed
}

.chosen-container-single .chosen-search {
  padding: 0px !important
}

/* .chosen-container-single .chosen-search input[type="text"] {
  border: 0px solid !important;
  margin: 0px !important;
  padding: 13px 16px;
  height: 42px;
  border-radius: 22px;
  background: white;
  background-color: #fff;
  background-image: url(img/icon_buscar2.png) !important;
  background-size: 18px !important;
  background-position: right 12px center !important;
  background-repeat: no-repeat;
  box-shadow: inset 0px 0px 0px 2px #0373e6
} */

.chosen-container.chosen-container-multi {
  width: 100% !important
}

/* .chosen-container-multi .chosen-choices {
  transition: all 0s ease;
  padding: 8px 10px !important;
  border-radius: 22px !important;
  border: 0px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15);
  width: 100%;
  cursor: pointer;
  background-image: url(img/drop.png);
  background-repeat: no-repeat;
  background-position: right center
} */

/* .chosen-container-multi .chosen-choices:hover,
.chosen-container-multi .chosen-choices:active,
.chosen-container-multi .chosen-choices:focus {
  color: #0373E6 !important;
  background-image: url(img/drop2.png)
} */

.chosen-container-multi .chosen-choices:hover .chosen-search-input,
.chosen-container-multi .chosen-choices:active .chosen-search-input,
.chosen-container-multi .chosen-choices:focus .chosen-search-input {
  color: #0373E6 !important;
  transition: all 0.2s ease
}

.chosen-container-multi .chosen-choices li.search-choice {
  border-radius: 12px;
  padding: 5px 24px 5px 8px;
  border: 0px solid;
  background-color: #ebedf4;
  margin-top: 2px;
  margin-bottom: 1px
}

/* .chosen-container-active .chosen-choices {
  transition: none;
  background-image: url(img/icon_buscar2.png) !important;
  background-repeat: no-repeat;
  background-position: right 12px center !important;
  box-shadow: inset 0px 0px 0px 2px #0373e6 !important;
  cursor: text
} */

.tarjeta .chosen-container-multi .chosen-choices,
.modal .chosen-container-multi .chosen-choices {
  background-color: #fff;
  color: rgba(54, 55, 60, 0.75);
  font-weight: 500 !important;
  box-shadow: inset 0px 0px 0px 2px #ebedf4
}

/* .tarjeta .chosen-container-multi .chosen-choices:hover,
.modal .chosen-container-multi .chosen-choices:hover {
  box-shadow: inset 0px 0px 0px 2px rgba(54, 55, 60, 0.5);
  background-image: url(img/drop2.png)
} */

.tarjeta .chosen-container-multi .chosen-choices:hover .search-field,
.modal .chosen-container-multi .chosen-choices:hover .search-field {
  color: #0373E6 !important
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  padding-left: 6px;
  color: #36373c;
  transition: all 0.2s ease
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  transition: none;
  top: 6px;
  right: 5px;
  opacity: .5
}

.chosen-container .chosen-results li.group-result {
  border-top: 1px solid rgba(54, 55, 60, 0.1);
  padding-left: 10px !important;
  padding-top: 10px !important;
  margin-top: 5px
}

.chosen-container .chosen-results li.group-result:hover {
  color: #fff;
  cursor: pointer
}

.chosen-select-small .chosen-container-single .chosen-single {
  padding: 3px 10px !important;
  height: 30px !important;
  border-radius: 6px !important
}

.chosen-select-small .chosen-single div b {
  margin-top: 0px !important
}

.chosen-select-small .chosen-container-single .chosen-drop {
  margin-top: -30px !important
}

.chosen-select-small .chosen-container-single .chosen-search input[type="text"] {
  height: 30px;
  border-radius: 6px;
  padding: 3px 10px
}

.chosen-select-small .chosen-container .chosen-results {
  width: max-content
}

.chosen-select-small .chosen-container-multi .chosen-choices {
  min-height: 31px !important;
  padding: 2px 4px !important;
  border-radius: 8px !important
}

.form-control-big {
  box-shadow: inset 0px 0px 0px 2px #d6d8e3;
  border-radius: 10px;
  background-color: #fafbff;
  padding: 8px 16px;
  min-height: 50px;
  font-size: 14px
}

.form-icono {
  padding-left: 50px
}

.form-icono-big {
  position: absolute;
  line-height: 50px !important;
  width: 50px;
  text-align: center;
  top: 0px;
  left: 0px;
  color: #acaeb9;
  font-size: 16px;
  z-index: 1
}

.chosen-select-big .chosen-container-single .chosen-single {
  padding: 14px 16px !important;
  height: 50px !important;
  border-radius: 10px !important;
  background-color: #fafbff !important;
  box-shadow: inset 0px 0px 0px 2px #d6d8e3 !important
}

.chosen-select-big .chosen-container-single .chosen-single:hover {
  box-shadow: inset 0px 0px 0px 2px rgba(54, 55, 60, 0.5) !important
}

.chosen-select-big .chosen-container-single .chosen-single span {
  font-size: 14px
}

.chosen-select-big .chosen-single div b {
  margin-top: 10px !important
}

.chosen-select-big .chosen-container-single .chosen-drop {
  margin-top: -50px !important
}

.chosen-select-big .chosen-container-single .chosen-search input[type="text"] {
  height: 50px;
  border-radius: 10px !important
}

.chosen-icono .chosen-container-single .chosen-single {
  padding-left: 50px !important
}

.chosen-select-curso .chosen-container-single .chosen-single {
  padding: 10px 16px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background-color: #fafbff !important
}

.chosen-select-curso .chosen-container-single .chosen-single span {
  font-size: 12px;
  font-family: 'poppins', sans-serif;
  font-weight: 600
}

.chosen-select-curso .chosen-single div b {
  margin-top: 6px !important
}

.chosen-select-curso .chosen-container-single .chosen-drop {
  margin-top: -42px !important
}

.chosen-select-curso .chosen-container-single .chosen-search input[type="text"] {
  height: 42px;
  border-radius: 10px !important;
  box-shadow: none !important
}

.chosen-dark .chosen-container-single .chosen-single {
  background-color: #0000001f !important;
  color: #ffffff9e !important
}

.select-hora .chosen-container {
  width: calc(100% - 42px) !important
}

.select-hora .chosen-container .chosen-results li.active-result {
  font-family: 'poppins', sans-serif;
  font-weight: 500;
  border-bottom: 1px solid #e5e8ef;
  border-top: 1px solid #e5e8ef;
  margin-bottom: -1px;
  padding: 5px 12px !important
}

.select-hora i {
  display: block;
  width: 42px;
  height: 42px;
  float: left;
  border-radius: 22px 0px 0px 22px;
  text-align: center;
  padding-top: 13px;
  padding-left: 4px;
  background-color: rgba(62, 77, 107, 0.19);
  font-size: 16px;
  color: rgba(54, 55, 60, 0.75)
}

.select-hora .chosen-single {
  border-radius: 0px 22px 22px 0px !important;
  background-color: rgba(57, 75, 145, 0.1);
  box-shadow: inset 0px 0px 0px 2px rgba(54, 55, 60, 0) !important;
  padding: 9px 12px !important;
  cursor: text
}

.select-hora .chosen-container-single .chosen-search input[type="text"] {
  border-radius: 0px 22px 22px 0px !important
}

.select-hora .chosen-container-single .chosen-single div {
  display: none
}

.select-hora .chosen-container-single .chosen-single span {
  margin-right: 0px
}

.table-chosen .chosen-single {
  font-family: 'roboto', sans-serif;
  height: 30px !important;
  padding: 4px 8px !important;
  border-radius: 5px !important
}

.table-chosen .chosen-container-single .chosen-search input[type="text"] {
  font-family: 'roboto', sans-serif;
  height: 30px !important;
  padding: 4px 8px !important;
  border-radius: 5px !important
}

.table-chosen .chosen-single div b {
  margin-top: 0px !important
}

.table-chosen .chosen-container-single .chosen-drop {
  margin-top: -30px !important
}

.check-horizontal {
  width: 100%;
  height: 32px
}

.custom-control {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 34px
}

.custom-control:hover {
  background-color: rgba(3, 103, 207, 0.1);
  border-radius: 6px
}

.custom-checkbox.float-left,
.custom-radio.float-left {
  margin-right: 15px;
  margin-top: 0px
}

.custom-checkbox label,
.custom-radio label {
  font-family: 'roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  margin-left: 0px;
  cursor: pointer;
  width: 100%;
  float: inherit;
  text-align: left;
  padding: 7px 0px 7px 24px;
  height: inherit !important;
  min-height: 30px;
  display: inline-block
}

.custom-control.custom-checkbox {
  padding-left: 2.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 8px;
  transition: all 0.2s ease;
  min-height: 40px;
}

.custom-control.custom-checkbox:hover {
  background-color: rgba(3, 115, 230, 0.1);
}

.custom-control-label::before {
  left: 0.5rem;
  top: 0.6rem;
  width: 20px;
  height: 20px;
  border-radius: 4px !important;
  background-color: #fff;
  border: 1px solid #adb5bd;
  transition: all 0.2s ease;
}

.custom-control-label::after {
  left: 0.5rem;
  top: 0.6rem;
  width: 20px;
  height: 20px;
  background-size: 60% 60%;
}

.custom-control-input:checked~.custom-control-label::before {
  background-color: #0373E6 !important;
  border-color: #0373E6 !important;
}

.custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(3, 115, 230, 0.25) !important;
}

.custom-control-label {
  padding-top: 2px;
  font-weight: 500;
  color: #54555a;
  cursor: pointer;
}



.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after {
  border-radius: 50% !important
}

.oa-checkbox {
  padding-top: 6px;
  padding-bottom: 6px;
  border-radius: 0px !important;
  border-bottom: 1px solid #dbdde3
}

.oa-checkbox label {
  line-height: 14px;
  font-size: 11px
}

.check-solo {
  display: inline-block;
  padding: 0px 0px 0px 10px !important;
  text-align: center;
  min-width: 30px
}

.check-tabla::before {
  width: 100% !important;
  height: 100% !important;
  background-color: transparent !important;
  top: 0px !important;
  left: 0px !important;
  border-radius: 0px !important;
  border: none
}

/* .custom-control-input:checked~.check-tabla::after {
  width: 100% !important;
  height: 100% !important;
  top: 0px !important;
  left: 0px !important;
  border-radius: 0px !important;
  background-image: url(img/icon_check.png);
  background-size: 12px;
  background-position: center
} */

.switch {
  font-size: 1rem;
  position: relative
}

.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0
}

.switch input+label {
  position: relative;
  height: 25px;
  cursor: pointer;
  text-indent: calc(calc(calc(2.375rem * .7) * 2) + .5rem);
  margin-bottom: 0px
}

.switch input+label::before,
.switch input+label::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  bottom: 0;
  display: inline-block
}

.switch input+label::before {
  right: 0;
  background-color: rgba(57, 75, 145, 0.1);
  border-radius: calc(2.375rem * .8);
  transition: 0.2s all;
  content: 'No';
  color: #0000004d;
  line-height: 25px;
  background-position: 0px 7px
}

.switch input+label::after {
  top: 3px;
  left: 3px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all
}

/* .switch input:checked+label::before {
  background-color: #0373E6;
  content: 'Sí';
  color: #000;
  background-image: url(img/icon_check.png);
  background-repeat: no-repeat;
  background-position: 9px 7px
} */

.switch input:checked+label::after {
  margin-left: 25px
}

.switch input:focus+label::before {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25)
}

.switch input:disabled+label {
  color: #868e96;
  cursor: not-allowed
}

.switch input:disabled+label::before {
  opacity: 0.5
}

.switch+.switch {
  margin-left: 1rem
}

fieldset {
  border: 1px solid #00000017;
  padding: 20px;
  border-radius: 5px;
  margin-bottom: 15px
}

fieldset p {
  font-size: 12px
}

legend {
  display: inline-block;
  width: inherit;
  padding: 0px 5px;
  font-family: 'poppins', sans-serif;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-left: -5px;
  margin-bottom: 0px;
  color: #0000008f
}

.selector-multiple {
  min-height: 200px;
  padding: 0px
}

.selector-multiple option {
  padding: 5px 12px;
  border-bottom: 1px solid #0f1d3a14;
  cursor: pointer
}

.selector-multiple option:hover {
  background-color: #1b41790a
}

.selector-multiple option:focus,
.selector-multiple option:active {
  background-color: #000 !important
}

.dropdown label {
  position: absolute;
  top: -20px
}

.input-nota {
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 2px solid transparent;
  padding: 6px 0px;
  font-weight: 600;
  color: #162780
}

.input-nota:hover {
  background-color: #FFF;
  border: 2px solid rgba(54, 55, 60, 0.5)
}

.input-nota:focus {
  background-color: #FFF;
  border: 2px solid #0373E6;
  box-shadow: none;
  outline: none
}

.input-nota.rojo {
  color: #D80727;
  font-weight: 600
}

.table-notas select.form-control {
  border-radius: 0px;
  height: 100% !important;
  background-color: transparent;
  transition: all 0s ease;
  padding: 5px 10px;
  font-weight: bold;
  color: #162780
}

.table-notas select.form-control:hover {
  background-color: #fff
}

.input-asistencia {
  text-align: center;
  width: 40px;
  background-color: rgba(57, 75, 145, 0.1);
  border: 2px solid transparent;
  padding: 6px 0px;
  border-radius: 20px;
  margin-right: 2px
}

.input-asistencia:hover {
  background-color: #FFF;
  border: 2px solid rgba(54, 55, 60, 0.5)
}

.input-asistencia:focus {
  background-color: #FFF;
  border: 2px solid #0373E6;
  box-shadow: none;
  outline: none
}

.input-asistencia.rojo {
  color: #D80727;
  font-weight: 600
}

.form-invisible {
  border: 2px solid transparent;
  padding: 10px
}

.form-invisible:hover {
  border: 2px dashed #e5e8ef
}

.form-invisible:focus {
  border: 2px solid #0373E6;
  background-color: white;
  outline: none
}

.info-perso-escala span {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  background-color: #d3d6df;
  display: inline-block;
  width: 28px;
  padding: 5px 0px;
  margin-right: 6px;
  border-radius: 3px;
  text-align: center
}

.info-idsp-escala {
  background-color: #e3e6f0;
  color: #36373c;
  display: inline-block;
  width: 48px;
  padding: 8px 0px;
  margin-right: 6px;
  margin-bottom: 0px;
  border-radius: 3px;
  text-align: center;
  height: 60px
}

.info-idsp-escala i {
  font-size: 24px;
  display: block;
  width: 100%
}

.info-idsp-escala span {
  font-size: 8px;
  line-height: 8px;
  text-transform: uppercase;
  font-family: 'roboto condensed', sans-serif;
  display: block;
  font-weight: 800;
  margin-top: 5px;
  width: 100%
}

.cuest-idsp .custom-radio.float-left {
  width: 48px !important
}

.cuest-idsp .custom-radio.float-left .custom-control-label::before {
  left: 14px !important
}

.info-perso-escala {
  margin-bottom: 2px
}

.table-personalidad .custom-radio.float-left {
  margin-right: 6px !important;
  padding: 0px 6px;
  text-align: center;
  width: 28px;
  margin-top: 0px;
  margin-bottom: 0px
}

.table-personalidad .custom-control-label::before {
  top: 5px !important;
  left: 4px
}

span.evaluacion-feed {
  display: block;
  position: absolute;
  left: -16px;
  top: 6px
}

li span.evaluacion-feed {
  top: 0px
}

span.username {
  height: 30px;
  vertical-align: middle;
  display: table-cell;
  font-family: 'montserrat', sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 11px
}

.div-label {
  width: 150px;
  float: left
}

.div-input {
  width: calc(100% - 150px);
  padding: 0px 15px;
  float: left
}

.cuadro-datos .label {
  text-align: right !important;
  width: 150px;
  font-family: 'montserrat', sans-serif;
  font-size: 11px;
  line-height: 12px;
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  height: 38px
}

.divisa-clp {
  z-index: 1
}

.form-icon-small {
  z-index: 1;
  position: absolute;
  min-width: 35px;
  height: 30px;
  padding-top: 0.5rem;
  padding-left: 4px;
  padding-right: 4px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 15px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 6px 0 0 6px
}

.input-full {
  border-radius: 0px !important;
  min-height: inherit !important;
  height: 48px !important;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: transparent;
  padding: 14px 10px !important
}

.input-full:hover {
  background-color: white
}

textarea.input-expandible:focus {
  height: 200px !important;
  overflow: auto;
  white-space: inherit;
  color: black;
  z-index: 2
}

.text-proposito {
  transition: all 0.2s ease;
  height: 70px
}

.text-proposito:focus {
  height: 400px;
  overflow: auto;
  white-space: inherit;
  margin-bottom: 30px
}

.gradiente-proposito {
  width: calc(100% - 2px);
  height: 30px;
  position: absolute;
  bottom: 7px;
  left: 1px;
  background: linear-gradient(0deg, #e5e8ef 5%, rgba(229, 232, 239, 0) 100%);
  z-index: 3;
  pointer-events: none
}

.fs-wrap {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  width: 200px;
  outline: none
}

.fs-label-wrap {
  position: relative;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: default
}

.fs-label-wrap,
.fs-dropdown {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.fs-label-wrap .fs-label {
  padding: 6px 22px 6px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  outline: none
}

.fs-label-wrap .fs-label:hover {
  box-shadow: inset 0px 0px 0px 2px rgba(54, 55, 60, 0.5);
  background-color: white
}

.fs-label-wrap .fs-label:active {
  box-shadow: inset 0px 0px 0px 2px #0373e6 !important
}

.fs-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  margin: auto;
  transition: ease-in 0.15s
}

.fs-open .fs-label {
  box-shadow: inset 0px 0px 0px 2px #0373e6 !important
}

.fs-dropdown {
  position: absolute;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0px 8px 20px 0px rgba(55, 61, 76, 0.2), 0px 0px 5px 0px rgba(55, 61, 76, 0.15);
  width: 200px;
  padding: 5px;
  z-index: 1000
}

.fs-dropdown .fs-options {
  max-height: 200px;
  overflow: auto
}

.fs-search input {
  border: none !important;
  box-shadow: none !important;
  outline: none;
  padding: 6px 0;
  width: 100%
}

.fs-option,
.fs-search,
.fs-optgroup-label {
  padding: 8px 11px;
  border-radius: 5px;
  font-size: 13px;
  line-height: 16px;
  cursor: default
}

.fs-option:last-child {
  border-bottom: none
}

.fs-search {
  padding: 0 8px
}

.fs-no-results {
  padding: 6px 8px
}

.fs-option {
  cursor: pointer
}

.fs-option:hover {
  background-color: rgba(131, 144, 185, 0.15);
  color: #0373E6 !important
}

.fs-option.disabled {
  opacity: 0.4;
  cursor: default;
  display: none
}

.fs-option.hl {
  background-color: #f5f5f5
}

.fs-wrap.multiple .fs-option {
  position: relative;
  padding-left: 30px
}

.fs-wrap.multiple .fs-checkbox {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  left: 0;
  bottom: 0
}

.fs-wrap.multiple .fs-option .fs-checkbox i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #aeaeae;
  border-radius: 2px;
  background-color: #fff
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
  background-color: #11a911;
  border-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center
}

.fs-optgroup-label {
  font-weight: bold;
  text-align: center;
  background-color: #f8f8f8
}

.hidden {
  display: none
}

td .fs-wrap {
  width: 100%;
  height: 48px;
  position: absolute;
  top: 0px;
  left: 0px
}

td .fs-wrap .fs-label-wrap {
  border: 0px;
  background-color: transparent;
  height: 48px;
  cursor: pointer
}

td .fs-wrap .fs-label-wrap .fs-label {
  padding: 19px 22px 17px 12px
}

td .fs-wrap .fs-label-wrap .fs-label::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f107';
  float: right;
  margin-right: -12px;
  color: #7e8186
}

td .fs-wrap .fs-label-wrap .fs-arrow {
  display: none
}

td .fs-default .fs-label {
  color: #70778a
}

.custom-checkbox2 {
  width: 100%;
  display: block
}

.custom-checkbox2 .btn {
  width: 100% !important;
  text-align: left;
  font-family: 'roboto', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #36373c;
  line-height: 14px;
  transition: all 0s ease;
  white-space: inherit;
  padding: 8px 0px 8px 32px;
  height: inherit;
  margin: 0px !important;
  border-radius: 5px !important;
  box-shadow: none
}

.custom-checkbox2 .btn:hover {
  background-color: rgba(131, 144, 185, 0.15);
  box-shadow: none;
  outline: none !important
}

.custom-checkbox2 .btn::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: rgba(57, 75, 145, 0.1);
  left: 5px;
  top: 5px;
  border-radius: 3px
}

.custom-checkbox2 .btn:hover::before {
  border: 2px solid #0373E6;
  background-color: #fff
}

.custom-checkbox2 .btn.active::before {
  background-color: #0373E6;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px
}

.check-delete {
  opacity: 0;
  position: absolute;
  font-size: 14px !important;
  right: 5px;
  top: 9px;
  cursor: pointer;
  color: rgba(54, 55, 60, 0.5) !important
}

.custom-control:hover .check-delete {
  opacity: 0.5
}

.custom-control:hover .check-delete:hover {
  opacity: 1;
  transform: scale(1.2)
}

.dropdown-item .check-delete {
  position: relative !important;
  float: right !important;
  margin-right: -12px;
  top: 1px
}

.dropdown-item:hover .check-delete {
  opacity: 0.5;
  float: right
}

.dropdown-item:hover .check-delete:hover {
  opacity: 1;
  transform: scale(1.2)
}

.btn-decrement,
.btn-increment {
  background-color: #0373E6;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3);
  font-size: 18px;
  font-weight: 200;
  font-family: 'roboto', sans-serif;
  padding: 0px 16px;
  line-height: 42px
}

.btn-decrement:hover,
.btn-increment:hover {
  background-color: #0c82fc !important
}

.btn-decrement {
  border-radius: 22px 0px 0px 22px
}

.btn-increment {
  border-radius: 0px 22px 22px 0px
}

.number-small .form-control {
  padding: 3px 10px;
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 6px
}

.number-small .btn-decrement,
.number-small .btn-increment {
  padding: 0px 12px;
  line-height: 30px;
  height: 30px;
  min-width: 20px !important
}

.number-small .btn-decrement {
  border-radius: 4px 0px 0px 4px
}

.number-small .btn-increment {
  border-radius: 0px 4px 4px 0px
}

input[type="time"]::-webkit-calendar-picker-indicator {
  background: none
}

.chung-timepicker * {
  box-sizing: border-box;
  color: #333;
  font-size: 14px;
  text-align: center
}

.chung-timepicker {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: block;
  min-width: 160px;
  padding: 10px;
  margin: 2px 0 0;
  text-align: left;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 8px;
  box-shadow: 0px 8px 20px 0px rgba(55, 61, 76, 0.2), 0px 0px 5px 0px rgba(55, 61, 76, 0.15);
  background-color: #fff
}

.chung-timepicker:before {
  content: '';
  position: absolute;
  display: inline-block;
  left: 10px;
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc
}

.chung-timepicker:after {
  content: '';
  position: absolute;
  display: inline-block;
  left: 11px;
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent
}

.chung-timepicker>.chung-timepicker-hours,
.chung-timepicker>.chung-timepicker-minutes {
  vertical-align: top
}

.chung-timepicker table {
  width: 100%
}

.chung-timepicker .title {
  font-family: 'poppins', sans-serif
}

.chung-timepicker .title:hover {
  cursor: auto;
  background: #fff
}

.chung-timepicker td:hover,
.chung-timepicker th:hover {
  background: rgba(20, 40, 74, 0.15);
  cursor: pointer
}

.chung-timepicker-bottom .bottom-btn:hover {
  cursor: pointer;
  opacity: 0.8
}

.chung-timepicker td.active {
  background-color: #0373E6;
  color: #fff
}

.chung-timepicker td,
.chung-timepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 0;
  padding: 5px 7px;
  position: relative
}

/* .chung-timepicker .icon-arrow-left {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 2px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("img/glyphicons-halflings.png");
  background-position: -240px -96px;
  background-repeat: no-repeat
} */

.chung-timepicker-bottom {
  margin-top: 5px
}

.chung-timepicker-bottom .bottom-btn {
  display: inline-block;
  font-family: 'poppins', sans-serif;
  margin: 5px;
  padding: 6px 10px;
  font-size: 12px;
  border-radius: 4px;
  border: 0px solid rgba(0, 0, 0, 0.15);
  font-weight: 500;
  background-color: #F6F7FB
}

.chung-timepicker-hours td::before {
  content: ':';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  right: 3px
}

.chung-timepicker-minutes td::before {
  content: ':';
  display: block;
  width: 4px;
  height: 10px;
  position: absolute;
  left: 3px
}

.bottom-btn.js-confirm {
  color: white;
  background-color: #0373E6
}

.btn-group-perfiles {
  display: block
}

.btn-group-perfiles .btn {
  margin: 4px !important;
  padding: 16px 8px;
  width: calc(50% - 8px);
  float: left;
  box-shadow: inset 0px 0px 0px 2px rgba(33, 61, 113, 0.08);
  min-height: 52px !important;
  border-radius: 8px !important;
  white-space: normal;
  position: relative;
  height: inherit !important;
  background-color: white
}

.btn-group-perfiles .btn i.check {
  text-align: center;
  position: absolute !important;
  left: 10px;
  top: 10px !important;
  width: 22px !important;
  height: 22px !important;
  font-size: 16px !important;
  line-height: 22px !important;
  opacity: 0;
  transform: scale(0.6);
  transition: all 0.2s ease;
  color: white !important
}

.btn-group-perfiles .btn i.check.right {
  left: inherit !important;
  right: 10px !important
}

.btn-group-perfiles .btn img {
  margin-bottom: 8px;
  width: 72px;
  transition: all 0.2s ease
}

.btn-group-perfiles .btn p {
  font-family: 'poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  color: #36373c;
  margin-bottom: 0px;
  transition: all 0.2s ease
}

.btn-group-perfiles .btn input[type=checkbox],
.btn-group-perfiles .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-group-perfiles .btn:hover {
  box-shadow: inset 0px 0px 0px 2px #0373E6
}

.btn-group-perfiles .btn:hover p {
  color: #0373E6
}

.btn-group-perfiles .btn:hover img {
  transform: scale(1.1)
}

.btn-group-perfiles .btn.active {
  box-shadow: inset 0px 0px 0px 2px #0373E6;
  background-color: #0373E6
}

.btn-group-perfiles .btn.active p {
  color: white
}

.btn-group-perfiles .btn.active i.check {
  opacity: 1;
  transform: scale(1)
}

.btn-group-perfiles .btn.w-100 {
  margin-left: 0px !important;
  margin-right: 0px !important
}

.btn-group-perfiles.btn-group-perfiles-border .btn:hover {
  box-shadow: inset 0px 0px 0px 2px #0373E6
}

.btn-group-perfiles.btn-group-perfiles-border .btn:hover p {
  color: initial !important
}

.btn-group-perfiles.btn-group-perfiles-border .btn i.right {
  left: inherit !important;
  right: 10px
}

.btn-group-perfiles.btn-group-perfiles-border .btn.active {
  box-shadow: inset 0px 0px 0px 2px #0373E6;
  background-color: inherit
}

.btn-group-perfiles.btn-group-perfiles-border .btn.active p {
  color: initial !important
}

.btn-group-perfiles.btn-group-perfiles-border .btn.active i.check {
  opacity: 1;
  transform: scale(1);
  color: #0373E6 !important
}

.login-section {
  margin-bottom: 3rem
}

.login-section:last-child {
  margin-bottom: 0px
}

.btn-group-perfiles-list .btn {
  padding: 10px !important;
  min-height: 20px !important
}

.btn-group-perfiles-list .btn img {
  display: none
}

.btn-group-perfiles-list .btn p {
  margin: 0px
}

.sr-only,
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after,
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after,
.bootstrap-datetimepicker-widget .picker-switch::after,
.bootstrap-datetimepicker-widget table th.prev::after,
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.bootstrap-datetimepicker-widget table th.dow {
  font-size: 12px
}

.bootstrap-datetimepicker-widget {
  list-style: none
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 300px
}

@media (min-width: 576px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em
  }
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em
  }
}

@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em
  }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:before {
  left: auto;
  right: 6px
}

.bootstrap-datetimepicker-widget.dropdown-menu.float-right:after {
  left: auto;
  right: 7px
}

.bootstrap-datetimepicker-widget.dropdown-menu.wider {
  width: 16rem
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  content: "Increment Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  content: "Increment Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  content: "Decrement Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  content: "Decrement Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  content: "Show Hours"
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  content: "Show Minutes"
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  content: "Toggle AM/PM"
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  content: "Clear the picker"
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  content: "Set the date to today"
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
  font-size: 14px
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  content: "Toggle Date and Time Screens"
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 0.25rem
}

.bootstrap-datetimepicker-widget table th {
  height: 32px !important;
  text-transform: capitalize;
  line-height: 20px;
  width: 20px
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: not-allowed
}

.bootstrap-datetimepicker-widget table th.prev::after {
  content: "Previous Month"
}

.bootstrap-datetimepicker-widget table th.next::after {
  content: "Next Month"
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
  padding: 8px !important
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #e9ecef
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #6c757d
}

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
  font-size: 13px
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #e9ecef;
  cursor: pointer
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #bec2c9
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #007bff;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #007bff;
  color: #fff
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: not-allowed
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 0.25rem
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #e9ecef
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #007bff;
  color: #fff
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #6c757d
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #6c757d;
  cursor: not-allowed
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px
}

.input-group [data-toggle="datetimepicker"] {
  cursor: pointer
}

.pregunta-barra {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #f6f7fb;
  width: 60px;
  border-radius: 12px 0px 0px 12px
}

.pregunta-numero {
  height: 42px;
  width: 42px;
  display: block;
  border-radius: 6px;
  align-items: center !important;
  font-size: 16px;
  line-height: 42px;
  text-align: center;
  background-color: #29aaf3;
  color: white;
  font-family: 'poppins', sans-serif;
  font-weight: 600
}

.pregunta-grip {
  display: block;
  position: absolute;
  top: 0px;
  left: -30px;
  width: 30px;
  height: 50px;
  cursor: -webkit-grab;
  cursor: grab;
  padding-top: 15px
}

.pregunta-grip:active {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.icono-asignatura-drop {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  color: white;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px
}

.ts {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-radius: 3px !important;
  border-style: solid;
  text-align: center;
  color: white;
  margin-left: auto;
  margin-right: auto
}

.ts:hover:not([disabled]) {
  -ms-box-shadow: 0 0 5px 2px #000000;
  -ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 2px #000000;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer
}

.ts[disabled] {
  cursor: not-allowed;
  -ms-opacity: .3;
  opacity: .3
}

.ts>i {
  display: inline-block;
  font-size: 22px;
  font-family: Arial;
  line-height: 1;
  margin-left: -2px;
  -ms-text-rendering: auto;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0)
}

/* .ts-ok {
  background-color: #ed1654;
  border-color: #ed1654;
  background-image: url(img/icon_check.png);
  background-repeat: no-repeat;
  background-position: center
} */

.ts-ok>i {
  margin-top: -1px
}

.ts-ok>i:before {
  content: ""
}

/* .ts-both {
  background-color: #0373E6;
  border-color: #0373E6;
  background-image: url(img/icon_check.png);
  background-repeat: no-repeat;
  background-position: center
} */

.ts-both>i {
  margin-top: -3px
}

.ts-both>i:before {
  content: ""
}

.ts-ko {
  background-color: rgba(57, 75, 145, 0.1);
  border: 1px solid #cacdd6
}

.ts-ko:hover {
  border: 2px solid #0373E6;
  background-color: #fff
}

.overflow-y {
  overflow-y: auto
}

.style-scroll::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent
}

.style-scroll::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  background-color: transparent
}

.style-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 6px;
  background-color: #10182c33;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease
}

.style-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #10182c91
}

.dropdown-menu.style-scroll::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent;
  margin: 8px 0px
}

.tarjeta.style-scroll::-webkit-scrollbar-track,
.tarjeta-body.style-scroll::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent;
  margin: 6px 0px
}

.tarjeta.style-scroll::-webkit-scrollbar-track,
.tarjeta-body.style-scroll::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent;
  margin: 6px 0px
}

textarea.form-control::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent
}

textarea.form-control::-webkit-scrollbar-track {
  width: 8px;
  margin: 6px 4px 0px 0px;
  background-color: transparent
}

textarea.form-control::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(54, 55, 60, 0.25);
  cursor: pointer
}

textarea.form-control::-webkit-scrollbar-thumb:hover {
  background-color: #0c82fc !important
}

textarea.form-control:hover::-webkit-scrollbar-thumb {
  background-color: #909296
}

textarea.form-control:focus::-webkit-scrollbar-thumb {
  background-color: #0373E6
}

.style-scroll-inv::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent
}

.style-scroll-inv::-webkit-scrollbar {
  width: 0px;
  height: 8px;
  background-color: transparent
}

.style-scroll-inv::-webkit-scrollbar-thumb {
  border-radius: 0px;
  width: 0px;
  background-color: #cfd2da;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease
}

.style-scroll-inv::-webkit-scrollbar-thumb:hover {
  background-color: #8f929a
}

.chosen-results::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: transparent;
  margin: 8px 0px
}

.chosen-results::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  background-color: transparent
}

.chosen-results::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 6px;
  background-color: #cfd2da;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease
}

.chosen-results::-webkit-scrollbar-thumb:hover {
  background-color: #8f929a
}

.modal-content,
.swal2-popup {
  border: 0px;
  border-radius: 20px !important;
  box-shadow: 0px 8px 20px 2px rgba(0, 0, 0, 0.1)
}

.modal-header {
  padding: 14px 20px;
  border-radius: 20px 20px 0px 0px;
  border-bottom: 0px solid;
  background-color: #F6F7FB;
  position: relative
}

.modal-menu {
  background-color: #F6F7FB
}

.modal-menu .tab-menu-lines {
  border-bottom: 2px solid rgba(54, 55, 60, 0)
}

.modal-title {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  color: #36373c
}

.modal-header i {
  color: rgba(20, 40, 74, 0.15);
  margin-right: 10px;
  font-size: 24px;
  display: block;
  float: left;
  width: 25px;
  padding-top: 3px
}

.modal-header span.data i {
  float: inherit;
  font-size: 12px;
  display: inline-block;
  margin-right: 6px;
  width: 12px
}

.modal-header .close {
  position: absolute;
  right: 30px;
  top: 30px;
  display: block;
  background-color: rgba(20, 40, 74, 0.15);
  border-radius: 50%;
  padding: 0px;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: rgba(54, 55, 60, 0.75);
  text-shadow: none;
  opacity: 1;
  transition: all 0.2s ease
}

.modal-header .close:hover {
  background-color: #0373E6;
  color: #fff !important;
  opacity: 1 !important
}

.modal-header .close:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  outline: none
}

.modal-body {
  background-color: #FFF;
  padding: 24px 32px
}

.modal-footer {
  padding: 20px 24px;
  border-radius: 0px 0px 10px 10px;
  border-top: 0px solid;
  display: block;
  text-align: right
}

.modal-perso-ambito {
  padding: 10px;
  background-color: #d3d6df
}

.modal-perso-ambito h1 {
  font-size: 22px;
  text-align: center;
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  color: #326ca9;
  padding: 10px 0px
}

.modal-perso-nucleo {
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 16px;
  border: 5px solid #f4f5f9
}

.modal-perso-nucleo h2 {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  display: block;
  width: 100%;
  padding: 12px 14px;
  background-color: #f4f5f9;
  border-radius: 8px 8px 0px 0px
}

.modal-perso-nucleo.bg-primary {
  border-color: #0373E6;
  background-color: white
}

.modal-perso-nucleo.bg-primary h2 {
  background-color: #0373E6;
  color: white
}

.modal-perso-nucleo.bg-violeta {
  border-color: #e20578;
  background-color: white
}

.modal-perso-nucleo.bg-violeta h2 {
  background-color: #e20578;
  color: white
}

.modal-perso-nucleo.bg-verde {
  border-color: #4cb911
}

.modal-perso-nucleo.bg-verde h2 {
  background-color: #4cb911;
  color: white
}

.modal-perso-nucleo.bg-amarillo {
  border-color: #eca307;
  background-color: white
}

.modal-perso-nucleo.bg-amarillo h2 {
  background-color: #eca307;
  color: white
}

.modal-perso-nucleo.bg-rojo {
  border-color: #E70441;
  background-color: white
}

.modal-perso-nucleo.bg-rojo h2 {
  background-color: #E70441;
  color: white
}

.modal-perso-nucleo.bg-morado {
  border-color: #7e2fbd;
  background-color: white
}

.modal-perso-nucleo.bg-morado h2 {
  background-color: #7e2fbd;
  color: white
}

.modal-perso-nucleo.bg-azul {
  border-color: #2437b1;
  background-color: white
}

.modal-perso-nucleo.bg-azul h2 {
  background-color: #2437b1;
  color: white
}

.modal-perso-nucleo.bg-celeste {
  border-color: #29aaf3;
  background-color: white
}

.modal-perso-nucleo.bg-celeste h2 {
  background-color: #29aaf3;
  color: white
}

.modal-perso-nucleo.bg-lima {
  border-color: #afbf15;
  background-color: white
}

.modal-perso-nucleo.bg-lima h2 {
  background-color: #afbf15;
  color: white
}

.modal-perso-nucleo.bg-naranja {
  border-color: #ea5c0d;
  background-color: white
}

.modal-perso-nucleo.bg-naranja h2 {
  background-color: #ea5c0d;
  color: white
}

.modal-perso-nucleo.bg-turquesa {
  border-color: #058a96;
  background-color: white
}

.modal-perso-nucleo.bg-turquesa h2 {
  background-color: #058a96;
  color: white
}

.modal-xl {
  width: calc(100% - 40px) !important;
  max-width: 1500px !important
}

.right .modal-xs,
.left .modal-xs {
  width: 100px !important
}

.right .modal-sm,
.left .modal-sm {
  width: 300px !important
}

.right .modal-lg,
.left .modal-lg {
  width: 800px !important;
  max-width: 800px !important
}

.modal-backdrop~.modal-backdrop {
  z-index: 1051
}

.modal-backdrop~.modal-backdrop~.modal-backdrop {
  z-index: 1052
}

.modal-backdrop~.modal-backdrop~.modal-backdrop~.modal-backdrop {
  z-index: 1053
}

.modal-backdrop.show {
  opacity: .5 !important;
  background-color: #60656d !important
}

.fade {
  opacity: 0;
  transition: opacity .15s linear
}

.fade.show {
  opacity: 1
}

.modal.right .modal-dialog {
  position: absolute;
  top: 0 !important;
  right: -600px;
  margin: 0;
  max-width: 600px;
  width: 600px;
  transition: all .35s ease !important
}

.modal.right.show .modal-dialog {
  top: 0px !important;
  right: 0px !important
}

.modal.right.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, 0) !important
}

.modal.left .modal-content,
.modal.right .modal-content {
  min-height: 100vh;
  border: 0;
  border-radius: 0px !important
}

.modal-sidebar .modal-body {
  height: 100%;
  overflow-y: auto
}

.modal-sidebar .modal-body.with-footer {
  height: calc(100% - 90px)
}

.modal.left .modal-dialog {
  position: absolute;
  top: 0 !important;
  left: -600px;
  margin: 0;
  max-width: 600px;
  width: 600px;
  transition: all .35s ease !important
}

.modal.left.show .modal-dialog {
  top: 0px !important;
  left: 0px !important
}

.modal.left.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, 0) !important
}

.left .modal-header,
.right .modal-header {
  border-radius: 0px
}

.left .modal-footer,
.right .modal-footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: #F6F7FB
}

.modal-fixed {
  overflow-y: hidden !important
}

.modal.fade.right.in.modal-fixed .modal-dialog,
.modal.fade.left.in.modal-fixed .modal-dialog {
  height: 100%
}

.modal-fixed.right .modal-header,
.modal-fixed.left .modal-header {
  position: fixed !important;
  top: 0px;
  z-index: 99;
  width: 100%
}

.modal-fixed.right .modal-footer,
.modal-fixed.left .modal-footer {
  position: fixed !important;
  bottom: 0px;
  border-radius: 0px
}

.modal-fixed.modal.right .modal-content,
.modal-fixed.modal.left .modal-content {
  height: 100%
}

.modal-fixed.modal.right .modal-content .tarjeta-body,
.modal-fixed.modal.left .modal-content .tarjeta-body {
  padding: 24px 32px 120px 32px !important
}

.modal-video {
  width: 854px !important;
  max-width: 854px !important
}

.modal-video .modal-body {
  padding: 0px;
  height: 480px;
  border-radius: 0px 0px 12px 12px
}

.modal-video .modal-body iframe {
  border-radius: 0px 0px 11px 11px
}

.modal-popup {
  text-align: center
}

.modal-popup .modal-imagen {
  border-radius: 20px 20px 0px 0px;
  background-color: rgba(54, 55, 60, 0.1)
}

.modal-popup .modal-imagen img {
  width: 100%;
  border-radius: 20px 20px 0px 0px
}

.modal-popup .modal-textos {
  border-radius: 0px 0px 10px 10px;
  padding: 20px 30px 30px 30px;
  position: relative
}

.modal-popup .modal-textos h1 {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 26px !important;
  line-height: 30px;
  margin-bottom: 20px
}

.modal-popup .modal-textos p {
  font-family: 'poppins', sans-serif;
  font-weight: 500;
  font-size: 14px !important;
  line-height: 20px;
  margin-bottom: 20px;
  opacity: 0.8
}

.modal-popup .modal-imagen button.close {
  position: absolute;
  right: 8px;
  top: 8px;
  display: block;
  background-color: rgba(20, 40, 74, 0.15);
  border-radius: 50%;
  padding: 0px;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: rgba(54, 55, 60, 0.75);
  text-shadow: none;
  opacity: 1;
  transition: all 0.2s ease
}

.modal-popup .modal-imagen button.close:hover {
  background-color: rgba(255, 255, 255, 0.3);
  color: white
}

.swal2-popup {
  width: 500px !important;
  padding: 16px 32px
}

.swal2-container.swal2-shown,
.swal2-container.swal2-backdrop-show {
  background-color: rgba(96, 101, 109, 0.5) !important
}

.swal2-popup .swal2-title {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 16px;
  color: #36373c
}

.swal2-popup #swal2-content {
  font-size: 14px;
  font-family: 'roboto', sans-serif;
  font-weight: 400;
  line-height: 19px;
  color: #36373c
}

button.swal2-styled {
  transition: all 0.2s ease !important;
  font-family: 'poppins', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700;
  color: #fff;
  height: 42px !important;
  padding: 10px 20px !important;
  border-radius: 22px !important;
  border: 0px !important;
  position: relative !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: 0px 7px 10px -3px rgba(0, 0, 0, 0.24)
}

.swal2-confirm {
  transition: all 0.2s ease !important;
  background-color: #0373E6 !important;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3) !important;
  float: right !important
}

.swal2-confirm:hover {
  background-color: #0c82fc !important;
  background-image: none !important
}

.swal2-cancel {
  transition: all 0.2s ease !important;
  color: rgba(54, 55, 60, 0.75) !important;
  background-color: rgba(20, 40, 74, 0.15) !important;
  font-weight: 500 !important;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.08) !important
}

.swal2-cancel:hover {
  color: #0373E6 !important;
  background-color: rgba(20, 40, 74, 0.08) !important;
  background-image: none !important
}

.modal-carousel-tips .carousel-caption {
  right: 0;
  left: 0;
  bottom: 0;
  padding-left: 32px;
  padding-right: 32px;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.16)
}

.modal-carousel-tips .carousel-indicators {
  bottom: inherit;
  top: 16px
}

.modal-carousel-tips .carousel-indicators li {
  cursor: pointer;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 5px;
  margin-left: 5px
}

.table {
  font-size: 12px;
  margin-bottom: 0px
}

@media (max-width: 1280px) {
  .table {
    font-size: 11px
  }
}

.table td,
.table th {
  padding: .5rem .75rem;
  vertical-align: middle;
  border-top: 0px solid #dee2e6;
  line-height: 13px;
  position: relative
}

.table thead th {
  height: 25px;
  vertical-align: middle;
  font-family: 'poppins', sans-serif;
  font-size: 11px;
  line-height: 12px;
  border-bottom: 1px solid rgba(13, 40, 68, 0.1)
}

@media (max-width: 1280px) {
  .table thead th {
    font-size: 10px;
    line-height: 11px
  }
}

.table-lined tr td,
.table-lined tr th {
  border-bottom: 1px solid #dee2e6
}

.table-lined.table-span tr th {
  border-right: 1px solid #dee2e6
}

.table-lined tr:last-child td {
  border-bottom: 0px solid #dee2e6
}

.table-lined-rowspan tr:last-child td {
  border-bottom: 1px solid #dee2e6
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(84, 103, 158, 0.05)
}

.tarjeta-color .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(11, 22, 53, 0.07)
}

.table-striped tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px
}

.table-striped tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px
}

.table-hover tbody tr:hover {
  background-color: rgba(131, 144, 185, 0.15) !important
}

.dataTables_wrapper .dataTables_filter {
  display: none
}

.table .thead-gray th {
  background-color: #F6F7FB
}

.table-card {
  border-collapse: separate !important;
  border-spacing: 0 12px !important
}

.table-card thead th {
  border-bottom: none !important;
  border-radius: 8px
}

.table-card tbody tr {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
  border-radius: 8px
}

.table-card tbody tr td {
  background-color: white
}

.table-card tbody tr td:first-child {
  border-radius: 8px 0px 0px 8px
}

.table-card tbody tr td:last-child {
  border-radius: 0px 8px 8px 0px
}

.table-rounded-6 thead tr:first-child th:first-child {
  border-top-left-radius: 6px
}

.table-rounded-6 thead tr:first-child th:last-child {
  border-top-right-radius: 6px
}

.table-rounded-6 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 6px
}

.table-rounded-6 tbody tr:last-child td:last-child {
  border-bottom-right-radius: 6px
}

.table-rounded-8 thead tr:first-child th:first-child {
  border-top-left-radius: 8px
}

.table-rounded-8 thead tr:first-child th:last-child {
  border-top-right-radius: 8px
}

.table-rounded-8 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px
}

.table-rounded-8 tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px
}

.table-rounded-10 thead tr:first-child th:first-child {
  border-top-left-radius: 10px
}

.table-rounded-10 thead tr:first-child th:last-child {
  border-top-right-radius: 10px
}

.table-rounded-10 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px
}

.table-rounded-10 tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px
}

.table-rounded-12 thead tr:first-child th:first-child {
  border-top-left-radius: 12px
}

.table-rounded-12 thead tr:first-child th:last-child {
  border-top-right-radius: 12px
}

.table-rounded-12 tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px
}

.table-rounded-12 tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px
}

table.dataTable thead>tr>th:hover {
  background-color: rgba(74, 88, 179, 0.07);
  color: #0373E6
}

table.dataTable {
  margin-top: -1px !important;
  margin-bottom: -1px !important
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
  padding-right: 15px !important
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 0.3em !important;
  content: "\25b2" !important;
  top: calc(50% - 9px);
  transform: scaleY(0.8);
  font-size: 8px
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.3em !important;
  content: "\25bc" !important;
  bottom: calc(50% - 11px);
  transform: scaleY(0.8);
  font-size: 8px
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0.2
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  color: #0373E6;
  opacity: 1
}

.align-bottom th,
.align-bottom td {
  vertical-align: bottom !important
}

thead .align-bottom .sorting:before,
thead .align-bottom .sorting_asc:before,
thead .align-bottom .sorting_desc:before,
thead .align-bottom .sorting_asc_disabled:before,
thead .align-bottom .sorting_desc_disabled:before {
  top: inherit !important;
  bottom: 11px !important
}

thead .align-bottom .sorting:after,
thead .align-bottom .sorting_asc:after,
thead .align-bottom .sorting_desc:after,
thead .align-bottom .sorting_asc_disabled:after,
thead .align-bottom .sorting_desc_disabled:after {
  bottom: 5px !important
}

table.dataTable tbody tr td:first-child {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 11px
}

table.table-bordered.dataTable {
  border: 0px !important
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 1px !important
}

.table-bordered-0 {
  border: 0px !important
}

.table-bordered-2 td,
.table-bordered-2 th {
  border: 1px solid #fff;
  border-bottom: 1px solid #fff !important
}

/* .table-reorder tbody tr:hover {
  background-image: url(img/grip.png);
  background-repeat: no-repeat;
  background-position: 5px center
} */

.table-reorder tbody tr td:first-child {
  cursor: grab;
  cursor: -webkit-grab
}

.tabla-invisible {
  margin: 0px
}

.tabla-invisible tbody tr {
  border-bottom: 1px solid #0000000f
}

.tabla-invisible td {
  padding: 0px
}

.tabla-invisible .form-control {
  background-color: transparent;
  box-shadow: none;
  border: 0px solid
}

.tabla-invisible .form-control:hover {
  background-color: #31384812
}

.tabla-invisible .form-control:focus {
  background-color: #31384812;
  box-shadow: 0px 0px 0px 1px #e70441
}

div#data-table-1_length {
  display: none
}

div.dataTables_wrapper div.dataTables_paginate {
  float: left;
  margin-top: 20px;
  margin-bottom: 10px
}

ul.pagination {
  display: inline-block
}

.pagination li {
  float: left
}

.page-item.disabled .page-link {
  color: #c7ced4
}

.page-link {
  background-color: #f6f7fa;
  border: 0px solid #dee2e6;
  font-size: 12px;
  border-radius: 3px;
  margin: 0px 1px
}

.page-item.active .page-link {
  background-color: #0373E6;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3)
}

table.dataTable.table-notas tbody tr td:nth-child(1),
table.dataTable.table-notas tbody tr td:nth-child(2) {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  line-height: 11px;
  padding: 4px .75rem
}

table.dataTable.table-notas tbody tr:nth-of-type(5n) td {
  box-shadow: 1px 0px 0px rgba(54, 55, 60, 0.23), 0px 2px 0px rgba(54, 55, 60, 0.3) !important
}

table.dataTable.table-notas td.hover {
  background-color: rgba(131, 144, 185, 0.22) !important
}

.table-hover.table-notas tbody tr:hover {
  background-color: rgba(131, 144, 185, 0) !important
}

.table-notas td,
.table-notas th {
  box-shadow: 1px 0px rgba(54, 55, 60, 0.23)
}

.DTFC_LeftBodyLiner table tbody,
.DTFC_RightWrapper table tbody {
  box-shadow: 3px 3px 20px #000
}

.DTFC_RightBodyLiner tr td {
  font-family: 'roboto', sans-serif !important
}

.DTFC_RightWrapper tr {
  font-weight: 800;
  text-align: center
}

.DTFC_LeftHeadWrapper {
  box-shadow: 8px 4px 18px -10px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  z-index: +1
}

.DTFC_RightHeadWrapper {
  box-shadow: -12px 4px 18px -10px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  z-index: +1;
  border-left: 1px solid #d7dbdf
}

.DTFC_LeftBodyWrapper {
  box-shadow: 4px 0px 18px 0px rgba(0, 0, 0, 0.1)
}

.DTFC_RightBodyWrapper {
  box-shadow: -6px 0px 18px 0px rgba(0, 0, 0, 0.1);
  border-left: 1px solid #c9cbce
}

.table-notas tbody tr td.highlight {
  background-color: rgba(131, 144, 185, 0.1) !important
}

.dataTables_scrollHeadInner {
  padding-right: 27px !important
}

.dataTables_scrollHead {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1)
}

table.dataTable.table-notas thead th {
  border-bottom: 1px solid #c2c3c4
}

table.dataTable.table-notas td {
  padding: 0px;
  height: 32px;
  position: relative
}

span.nota-title {
  width: 40px;
  display: block
}

.table-notas tbody td i {
  position: absolute;
  margin: 0px;
  top: 11px;
  right: 8px;
  transform: scaleX(0.8);
  font-size: 10px
}

.table-notas tr.retirado td,
tr.retirado td input {
  color: #36373c57 !important
}

.table-recepcion i {
  margin-right: 5px
}

td .fa-apple {
  color: rgba(54, 55, 60, 0.25);
  font-size: 20px;
  margin-right: 5px
}

td .fa-android {
  color: #afbf15;
  font-size: 20px;
  margin-right: 5px
}

td .fa-sms {
  color: #505052;
  font-size: 20px;
  margin-right: 5px
}

span.recepcion-estado {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 11px !important
}

span.recepcion-estado.leido {
  color: #2EAF00
}

span.recepcion-estado.recibido {
  color: rgba(54, 55, 60, 0.5)
}

span.recepcion-estado.enviado {
  color: rgba(54, 55, 60, 0.5)
}

.obs-buena,
.obs-mala,
.obs-cero {
  margin: 0px
}

.obs-cero {
  color: rgba(54, 55, 60, 0.25)
}

.obs-buena {
  font-weight: bolder;
  color: #2EAF00
}

.obs-mala {
  font-weight: bolder;
  color: #D80727
}

.table-personalidad {
  margin-top: 20px
}

.table-personalidad td {
  padding: .2rem .75rem
}

.table-personalidad p.area {
  margin: 0px;
  font-family: 'poppins', sans-serif;
  font-weight: 700
}

.table-asistencia tr.retirado td {
  background-color: rgba(75, 120, 214, 0.3)
}

/* .table-asistencia tr td.asis-pres {
  background-image: url(img/icon_asist_pres.png);
  background-position: center;
  background-repeat: no-repeat
} */

/* .table-asistencia tr td.asis-aus {
  background-image: url(img/icon_asist_aus.png);
  background-position: center;
  background-repeat: no-repeat
}

.table-asistencia tr td.asis-no {
  background-image: url(img/icon_asist_no.png);
  background-position: center;
  background-repeat: no-repeat
}

.table-asistencia tr td.asis-ret {
  background-image: url(img/icon_asist_ret.png);
  background-position: center;
  background-repeat: no-repeat
} */

.table-asistencia tr.retirado td {
  background-color: rgba(75, 120, 214, 0.3)
}

.table.horario thead th {
  color: #fff;
  font-family: 'poppins', sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  padding: 14px 8px
}

span.promedio-block {
  display: block;
  color: #fff;
  width: 30px;
  height: 30px !important;
  border-radius: 4px;
  font-weight: 800;
  padding-top: 10px;
  text-align: center
}

a.alumno-lista,
div.alumno-lista {
  height: 32px;
  display: block;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 2px;
  color: inherit
}

a.alumno-lista img,
div.alumno-lista img {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin-right: 8px;
  box-shadow: 0px 0px 0px 0px #0373E6;
  transition: all 0.2s ease
}

a.alumno-lista:hover {
  color: #0373E6 !important
}

a.alumno-lista:hover img {
  box-shadow: 0px 0px 0px 2px #0373E6
}

span.lista-nombre,
span.lista-rut {
  height: 14px !important;
  font-size: 12px;
  line-height: 12px;
  display: block !important;
  float: left;
  width: calc(100% - 36px);
  min-width: 100px;
  margin-top: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize
}

span.lista-nombre.retirado {
  text-decoration: line-through;
  color: #E70441
}

@media (max-width: 1280px) {
  span.lista-nombre {
    font-size: 11px;
    line-height: 12px
  }
}

span.lista-nombre.lista2,
span.lista-rut.lista2 {
  width: 130px
}

span.lista-nombre {
  font-family: 'poppins', sans-serif;
  font-weight: 600
}

span.lista-rut {
  font-family: 'roboto', sans-serif;
  font-weight: 500;
  font-size: 11px;
  opacity: 0.6
}

.cifra-link {
  display: inline-block;
  background-color: #e5e8ef;
  padding: 6px 8px;
  border-radius: 4px
}

.cifra-link:hover {
  color: #fff !important;
  background-color: #0373E6
}

.cifra-link:hover span {
  color: #fff !important;
  transform: all 0.2s ease
}

.table-overtab {
  text-align: center;
  background-color: #ffffffa6;
  padding: 10px;
  font-size: 13px;
  border-radius: 10px 10px 0px 0px
}

.table-monday thead th {
  border-bottom: 1px solid #d7dae2
}

.table-monday tbody {
  border: 1px solid #d7dae2
}

.table-monday tbody tr {
  border-bottom: 1px solid #d7dae2
}

.table-monday tbody td {
  border-left: 1px solid #eef0f3;
  height: 48px
}

.table-monday .btn-pie-informe {
  margin: 0px
}

.table-monday2 thead tr {
  border-bottom: 3px solid white
}

.table-monday2 thead th:first-child,
.table-monday2 thead th:nth-child(2) {
  border-left: 0px solid white
}

.table-monday2 tbody tr {
  background-color: #eef0f3;
  border-bottom: 3px solid white
}

.table-monday2 tbody tr:hover td {
  background-color: rgba(20, 40, 74, 0.05)
}

.table-monday2 tbody td {
  border-left: 1px solid white;
  height: 48px
}

.table-monday2 tbody td:first-child,
.table-monday2 tbody td:nth-child(2) {
  border-left: 0px solid white
}

.table-monday2 tbody tr.error-row td {
  background-color: #f9dfdf
}

.table-monday2 tbody tr.error-row:hover td {
  background-color: #f9dfdf
}

.table-monday2 .btn-pie-informe {
  margin: 0px
}

.table-spaced {
  border-collapse: inherit !important;
  border-spacing: 2px !important
}

.table-spaced thead th {
  border-bottom: 0px solid
}

.table-noframe {
  margin: -1px;
  width: calc(100% + 3px)
}

.fila-roja {
  background-color: #e9002633
}

.fila-amarilla {
  background-color: #ffc10730
}

.fila-verde {
  background-color: #00bd5838
}

.table-planificacion-div {
  position: relative;
  overflow: auto;
  white-space: nowrap
}

.table-planificacion {
  width: 100%;
  min-height: 268px !important
}

.table-planificacion tbody tr:hover {
  background-color: #8390b94a !important
}

.table-planificacion .first-col {
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  left: 0px
}

.table-planificacion .sticky-col {
  position: -webkit-sticky;
  position: sticky !important;
  z-index: 1;
  background-color: #e2e5ef;
  box-shadow: 2px 0px white
}

.table-planificacion-utp {
  width: 100%
}

.table-planificacion-utp td,
.table-planificacion-utp th {
  box-shadow: inset -1px -1px #cdd4d9 !important
}

.table-planificacion-utp th {
  border-bottom: 0px !important
}

.table-planificacion-utp .first-col {
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  left: 0px
}

.table-planificacion-utp .second-col {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  left: 280px
}

.table-planificacion-utp .sticky-col {
  position: -webkit-sticky;
  position: sticky !important;
  z-index: 1;
  background-color: #e5eaf1;
  box-shadow: 1px 0px black
}

.bg-tr-rojo {
  background-color: #c5638b30 !important
}

/* .footer {
  background-image: url(img/encabezado_sombra.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 18px;
  padding: 24px 0px;
  margin-top: 43px
} */

.footer i {
  display: block;
  width: 46px;
  height: 46px;
  background-color: rgba(54, 55, 60, 0.15);
  color: rgba(54, 55, 60, 0.5);
  font-size: 24px;
  text-align: center;
  padding-top: 11px;
  border-radius: 50%;
  float: left
}

.footer-info {
  float: left;
  padding-left: 16px
}

.footer-info p {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 0px;
  margin-top: 6px;
  line-height: 12px
}

.footer-info span {
  font-family: 'poppins', sans-serif;
  font-weight: 300;
  font-size: 18px
}

/* .footer-lite {
  background-image: url(img/encabezado_sombra.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% 18px
} */

.tarjeta.evaluacion .tarjeta-header {
  font-weight: 600
}

.tarjeta.evaluacion .tarjeta-header span {
  font-weight: 600;
  float: left;
  display: block;
  background-color: #d6d9e0;
  min-width: 24px;
  width: 21px;
  height: 24px;
  text-align: center;
  border-radius: 5px;
  padding-top: 4px;
  margin-right: 10px;
  margin-top: -3px;
  margin-left: -6px
}

.vof .form-control {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0px 10px;
  float: left;
  margin-top: -4px;
  margin-right: 8px
}

ul.vof {
  list-style: none
}

ul.vof li {
  position: relative
}

.progress {
  overflow: inherit !important
}

.progress-bar {
  border-radius: 12px;
  box-shadow: 0px 5px 8px -2px rgba(3, 115, 230, 0.3)
}

.progress-chico {
  background-color: #0f1c351f;
  width: calc(100% - 40px);
  height: 10px;
  border-radius: 12px;
  float: left;
  margin-right: 5px;
  margin-top: 2px
}

.progress-suma div:first-child {
  border-radius: 12px 0 0 12px !important
}

.progress-suma div:last-child {
  border-radius: 0 12px 12px 0 !important
}

.progress-60 {
  width: calc(100% - 60px)
}

.progress-xs {
  background-color: #4d576b1f;
  width: calc(100% - 40px);
  height: 6px;
  border-radius: 12px;
  float: left;
  margin-right: 5px;
  margin-top: 2px
}

.progress-xxs {
  background-color: #4d576b1f;
  width: calc(100% - 40px);
  height: 3px;
  border-radius: 12px;
  float: left;
  margin-right: 5px;
  margin-top: 2px
}

.progress-bg-1 {
  background-color: #1ccc44
}

.progress-bg-2 {
  background-color: #d9dc02
}

.progress-bg-3 {
  background-color: #f37b00
}

.progress-bg-4 {
  background-color: #dc0000
}

.progress-bar.bg-secondary {
  box-shadow: 0px 5px 8px -2px rgba(20, 40, 74, 0.3)
}

.progress-bar.bg-rojo {
  box-shadow: 0px 5px 8px -2px rgba(231, 4, 65, 0.3)
}

.progress-bar.bg-verde {
  box-shadow: 0px 5px 8px -2px rgba(76, 185, 17, 0.3)
}

.progress-bar.bg-azul {
  box-shadow: 0px 5px 8px -2px rgba(36, 55, 177, 0.3)
}

.progress-bar.bg-amarillo {
  box-shadow: 0px 5px 8px -2px rgba(236, 163, 7, 0.3)
}

.progress-bar.bg-violeta {
  box-shadow: 0px 5px 8px -2px rgba(226, 5, 120, 0.3)
}

.progress-bar.bg-cian {
  box-shadow: 0px 5px 8px -2px rgba(92, 216, 214, 0.3)
}

.progress-bar.bg-celeste {
  box-shadow: 0px 5px 8px -2px rgba(41, 170, 243, 0.3)
}

.progress-bar.bg-lima {
  box-shadow: 0px 5px 8px -2px rgba(175, 191, 21, 0.3)
}

.progress-bar.bg-naranja {
  box-shadow: 0px 5px 8px -2px rgba(234, 92, 13, 0.3)
}

.progress-bar.bg-morado {
  box-shadow: 0px 5px 8px -2px rgba(126, 47, 189, 0.3)
}

.progress-bar.bg-mostaza {
  box-shadow: 0px 5px 8px -2px rgba(175, 151, 1, 0.3)
}

.progress-bar.bg-burdeo {
  box-shadow: 0px 5px 8px -2px rgba(154, 6, 49, 0.3)
}

.progress-bar.bg-cafe {
  box-shadow: 0px 5px 8px -2px rgba(134, 81, 52, 0.3)
}

.progress-bar.bg-turquesa {
  box-shadow: 0px 5px 8px -2px rgba(5, 138, 150, 0.3)
}

.progress-bar.bg-grafito {
  box-shadow: 0px 5px 8px -2px rgba(80, 80, 82, 0.3)
}

.progress-bar.bg-exito {
  box-shadow: 0px 5px 8px -2px rgba(46, 175, 0, 0.3)
}

.progress-bar.bg-alerta {
  box-shadow: 0px 5px 8px -2px rgba(236, 155, 7, 0.3)
}

.progress-bar.bg-peligro {
  box-shadow: 0px 5px 8px -2px rgba(216, 7, 39, 0.3)
}

.progress-bar.bg-primary {
  box-shadow: 0px 5px 8px -2px rgba(3, 115, 230, 0.3)
}

.progress-bar.bg-per100 {
  background-color: #2EAF00;
  box-shadow: 0px 5px 8px -2px rgba(46, 175, 0, 0.3)
}

.progress-bar.bg-per90 {
  background-color: #53AC02;
  box-shadow: 0px 5px 8px -2px rgba(83, 172, 2, 0.3)
}

.progress-bar.bg-per80 {
  background-color: #79A702;
  box-shadow: 0px 5px 8px -2px rgba(121, 167, 2, 0.3)
}

.progress-bar.bg-per70 {
  background-color: #9FA405;
  box-shadow: 0px 5px 8px -2px rgba(159, 164, 5, 0.3)
}

.progress-bar.bg-per60 {
  background-color: #C59F05;
  box-shadow: 0px 5px 8px -2px rgba(197, 159, 5, 0.3)
}

.progress-bar.bg-per50 {
  background-color: #EC9B07;
  box-shadow: 0px 5px 8px -2px rgba(236, 155, 7, 0.3)
}

.progress-bar.bg-per40 {
  background-color: #E7770F;
  box-shadow: 0px 5px 8px -2px rgba(231, 119, 15, 0.3)
}

.progress-bar.bg-per30 {
  background-color: #E35317;
  box-shadow: 0px 5px 8px -2px rgba(227, 83, 23, 0.3)
}

.progress-bar.bg-per20 {
  background-color: #DD2D1F;
  box-shadow: 0px 5px 8px -2px rgba(221, 45, 31, 0.3)
}

.progress-bar.bg-per10 {
  background-color: #D80727;
  box-shadow: 0px 5px 8px -2px rgba(216, 7, 39, 0.3)
}

@property --p {
  syntax: '<number>';
  inherits: true;
  initial-value: 1
}

.pie {
  --p: 10;
  --b: 2px;
  --c: darkred;
  --w: 32px;
  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: inline-grid;
  margin: 2px;
  place-content: center;
  font-size: 9px;
  border-radius: 50%
}

.pie-torta {
  background-color: rgba(33, 61, 113, 0.08)
}

.pie-dona-2 {
  box-shadow: inset 0px 0px 0px 2px rgba(33, 61, 113, 0.08)
}

.pie-dona-6 {
  box-shadow: inset 0px 0px 0px 6px rgba(33, 61, 113, 0.08)
}

.pie span {
  z-index: 1
}

.pie:before,
.pie:after {
  content: "";
  position: absolute;
  border-radius: 50%
}

.pie:before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--c) 98%, rgba(0, 0, 0, 0)) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), rgba(0, 0, 0, 0) 0);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)))
}

.pie:after {
  inset: calc(50% - var(--b)/2);
  background: var(--c);
  transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2))
}

.animate {
  animation: p 1s .5s both
}

.no-round:before {
  background-size: 0 0, auto
}

.pie-mini:before {
  border: 2px solid #696a6e
}

.no-round:after {
  content: none
}

@keyframes p {
  from {
    --p: 0
  }
}

.fc button {
  padding: 0px 12px;
  box-shadow: none;
  text-shadow: none;
  height: 32px !important;
  font-size: 12px !important;
  text-transform: capitalize
}

.fc-state-default {
  border: 0px solid;
  background-color: #dadee4;
  color: #6a6e75;
  background-image: none
}

.fc-state-default:hover {
  background-color: #ced2d8 !important
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  color: #fff;
  background-color: #0373E6 !important;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3)
}

.fc-toolbar .fc-state-active:hover,
.fc-toolbar .ui-state-active:hover {
  background-color: #0c82fc !important
}

.fc-state-default.fc-corner-left {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px
}

.fc-state-default.fc-corner-right {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}

.fc-toolbar h2 {
  font-family: 'poppins', sans-serif;
  font-size: 26px;
  font-weight: 700;
  text-transform: capitalize
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 0px;
  padding: 20px 20px 12px 20px
}

#calendar thead th {
  background-color: #cfd7e438;
  font-family: 'poppins', sans-serif;
  color: #a3a6ab;
  font-size: 12px;
  text-align: left;
  padding: 8px 10px;
  font-weight: 600;
  text-transform: capitalize
}

.fc-other-month {
  background-color: #eff3f780
}

.fc button .fc-icon {
  top: -.15em
}

.fc table {
  width: calc(100% + 1px)
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
  font-family: 'poppins', sans-serif;
  font-size: 18px;
  font-weight: 500;
  padding: 0px;
  border-radius: 50%;
  width: 28px;
  line-height: 28px;
  height: 28px;
  text-align: center;
  display: block
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number:hover {
  background-color: #F4F6F9
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
  border-color: #e5e8ec
}

.fc tr td:first-child {
  border-left: 0px
}

.fc tr td:last-child {
  border-right: 0px
}

.fc-widget-content {
  border-bottom: 0px !important
}

.fc-event,
.fc-event-dot {
  background-color: #cc0369;
  box-shadow: 0px 5px 10px -3px rgba(154, 13, 78, 0.61)
}

.fc-event:hover,
.fc-event-dot:hover {
  background-color: #ea0d7d
}

.fc-day-grid-event {
  margin: 1px 5px 0
}

span.fc-time {
  font-weight: 600 !important;
  margin-right: 1px
}

span.fc-time::after {
  content: '-';
  margin-left: 4px
}

.fc-event {
  position: relative;
  display: block;
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 0px solid #3a87ad;
  color: #fff
}

.fc-content {
  color: #fff;
  font-size: 12px;
  padding: 3px 4px
}

.fc-content-skeleton table tbody tr:last-child .fc-event {
  margin-bottom: 5px !important
}

.agenda-profesional {
  background-color: #cc0369;
  border-radius: 3px;
  padding: 4px 12px 4px 12px;
  position: relative;
  height: 42px;
  margin-bottom: 4px
}

.agenda-profesional i {
  position: absolute;
  font-size: 24px;
  left: 10px;
  color: #00000057;
  top: 9px
}

.cal-contador {
  display: inline-block;
  text-align: center;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
  background-color: #fff;
  position: absolute;
  right: 10px;
  top: 10px
}

.cal-profesional {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  width: 100%;
  display: block;
  font-size: 13px;
  color: #fff;
  line-height: 13px;
  margin-top: 4px;
  margin-bottom: -6px
}

.cal-cargo {
  font-size: 11px;
  color: #ffffffa3
}

.simbologia-frame {
  max-height: 400px;
  overflow-y: scroll;
  padding: 4px
}

.fc-title {
  text-transform: capitalize
}

.remitente {
  padding-bottom: 12px;
  margin-bottom: 16px !important
}

.avatar-letra {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #d4d8e1;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-family: 'quicksand', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 36px;
  float: left;
  margin-right: 12px
}

.remitente-info {
  display: inline-block;
  float: left
}

.remitente-nombre {
  font-family: 'quicksand', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #252a2d;
  margin-bottom: 0px
}

.remitente-fecha {
  font-size: 12px;
  font-weight: 400;
  color: #a3a5af;
  margin-bottom: 0px
}

.tarjeta-aula {
  width: 350px;
  float: left;
  margin-right: 16px
}

@media screen and (max-width: 768px) {
  .tarjeta-aula {
    width: 100%;
    margin-right: 0px
  }
}

.tarjeta-aula-header {
  background-color: #F6F7FB;
  padding: 12px 16px;
  border-radius: 10px 10px 0px 0px;
  border-bottom: 1px solid #e8e8ec
}

.aula-asignatura-avatar {
  display: block;
  float: left;
  color: white;
  width: 56px;
  height: 56px;
  border-radius: 6px;
  text-align: center;
  line-height: 56px;
  font-family: 'poppins', sans-serif;
  font-size: 20px;
  font-weight: 600
}

.aula-asignatura-info {
  float: left;
  width: calc(100% - 56px);
  padding-left: 16px
}

.aula-asignatura-info h4 {
  font-size: 18px;
  margin-bottom: 2px;
  padding-top: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.aula-asignatura-info span {
  color: #828f9c;
  font-family: 'poppins', sans-serif;
  font-size: 11px;
  font-weight: 500
}

.aula-asignatura-info span i {
  margin-right: 4px
}

.aula-modulos ul {
  list-style: none;
  padding: 0px;
  margin: 0px
}

.aula-modulos ul a {
  border-bottom: 1px solid #e8e8ec;
  padding: 8px 16px;
  display: block;
  width: 100%;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  line-height: 30px;
  color: #727c88;
  position: relative
}

.aula-modulos ul a i.aula-modulo-icono {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  text-align: center;
  color: white;
  border-radius: 4px;
  margin-right: 10px;
  float: left
}

.aula-modulos ul a i.fa-angle-right {
  top: 17px;
  display: block;
  position: absolute;
  right: 16px;
  opacity: 0.5;
  transition: all 0.2s ease
}

.aula-modulos ul a span.contador {
  position: absolute;
  right: 36px;
  background-color: rgba(54, 55, 60, 0.25);
  display: inline-block;
  height: 18px;
  min-width: 18px;
  text-align: center;
  color: white;
  font-size: 11px;
  line-height: 18px;
  padding: 0px 6px;
  border-radius: 16px;
  top: 14px
}

.aula-modulos ul a span.contador.new {
  background-color: #e70441;
  color: white
}

.aula-modulos ul a div.aula-notificacion-container {
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 1
}

.aula-modulos ul a span.aula-notificacion {
  background-color: #e70441;
  box-shadow: 0px 3px 4px -2px #b5123e7a;
  color: white;
  font-size: 11px;
  display: block;
  width: 130px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  padding: 0px 10px;
  border-radius: 8px;
  position: relative
}

.aula-modulos ul a span.aula-notificacion::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background-color: #e70441;
  border-radius: 3px;
  transform: rotate(45deg);
  position: absolute;
  bottom: -4px;
  left: calc(50% - 6px);
  z-index: -1
}

.aula-modulos ul a:hover {
  color: #0373E6;
  background-color: #F6F7FB
}

.aula-modulos ul a:hover i.fa-angle-right {
  right: 12px;
  opacity: 1
}

.tarjeta-aula-botones {
  padding: 12px 16px
}

.tarjeta-aula-botones button {
  border-radius: 6px !important
}

.aula-pregunta-contenedor {
  padding: 16px;
  border-bottom: 1px solid #e8e8ec
}

.aula-pregunta-contenedor:last-child {
  border-bottom: 0px solid
}

.aula-pregunta-icono {
  display: block !important;
  width: 56px;
  height: 56px;
  line-height: 56px !important;
  text-align: center;
  border-radius: 6px;
  color: white;
  float: left;
  font-size: 26px;
  background-color: #d2d6e0
}

span.aula-pregunta-comentarios {
  display: inline-block;
  background-color: #e5e8ef;
  height: 42px;
  line-height: 42px;
  padding: 0px 16px 0px 40px;
  border-radius: 25px;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 11px;
  color: #70747d;
  margin-right: 4px;
  position: relative
}

span.aula-pregunta-comentarios i {
  margin-right: 8px;
  font-size: 16px;
  position: absolute;
  top: 13px;
  left: 16px
}

.aula-pregunta,
.aula-tarea {
  float: left;
  padding-left: 16px;
  padding-top: 6px;
  height: 56px;
  width: calc(100% - 256px)
}

.aula-pregunta span,
.aula-tarea span {
  color: #9da3b1;
  font-size: 11px
}

.aula-pregunta span b,
.aula-tarea span b {
  font-family: 'poppins', sans-serif;
  color: #36373c
}

.aula-pregunta span i,
.aula-tarea span i {
  margin-right: 4px
}

.aula-pregunta h6,
.aula-tarea h6 {
  margin-top: 1px;
  margin-bottom: 0px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #36373c
}

.aula-pregunta h6:hover,
.aula-tarea h6:hover {
  color: #0373E6
}

.aula-acciones {
  width: 200px;
  float: left;
  text-align: right;
  height: 56px;
  padding-top: 8px
}

.aula-tarea {
  width: calc(100% - 406px)
}

.aula-acciones-tarea {
  width: 350px;
  float: left;
  text-align: right;
  height: 56px;
  padding-top: 8px
}

span.aula-pregunta-avatar,
img.aula-pregunta-avatar {
  display: block;
  float: left;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  color: white;
  line-height: 32px;
  margin-right: 8px;
  font-family: 'poppins', sans-serif;
  font-size: 12px;
  font-weight: 600
}

span.aula-pregunta-nombre {
  color: #9da3b1;
  font-size: 12px;
  line-height: 32px;
  text-transform: capitalize
}

span.aula-pregunta-nombre b {
  font-family: 'poppins', sans-serif;
  color: #36373c
}

.aula-pregunta-comentario {
  display: block;
  border: 1px solid #d2d6de;
  border-radius: 12px;
  padding: 14px 16px 16px;
  margin-bottom: 10px;
  box-shadow: 1px 2px 6px -1px rgba(94, 100, 115, 0.2)
}

.aula-pregunta-comentario p {
  margin-bottom: 0px
}

.aula-pregunta-comentario-content {
  padding-left: 42px
}

.aula-pregunta-comentario-content span.aula-pregunta-nombre {
  font-size: 13px;
  line-height: 12px;
  width: 100%;
  display: block;
  padding-top: 4px
}

.aula-pregunta-comentario-content span.aula-pregunta-fecha b {
  font-size: 11px;
  font-weight: 400;
  opacity: 0.6;
  line-height: 11px;
  display: block;
  margin-top: 3px;
  margin-bottom: 10px
}

.aula-adjuntar {
  display: block;
  border: 2px dashed #e5e8ef;
  border-radius: 5px;
  width: 120px;
  height: 54px;
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative
}

.aula-adjuntar div {
  width: calc(100% - 30px)
}

.aula-adjuntar img {
  float: left
}

.aula-adjuntar p {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 11px;
  margin: 0px;
  padding-top: 2px;
  width: 65px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.aula-adjuntar:hover {
  border: 2px dashed #0373E6
}

.aula-adjuntar:hover p {
  color: #0373E6
}

.aula-adjunto {
  display: block;
  border: 2px solid #e5e8ef;
  border-radius: 5px;
  width: 250px;
  height: 54px;
  padding: 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative
}

.aula-adjunto div {
  width: calc(100% - 30px)
}

.aula-adjunto img {
  float: left
}

.aula-adjunto p {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: -2px
}

.aula-adjunto span {
  font-size: 11px;
  color: #8d96a2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block
}

.aula-adjunto i.fa-arrow-down,
.aula-adjunto i.fa-arrow-circle-down,
.aula-adjunto i.fa-search {
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  width: 50px;
  height: 50px;
  text-align: right;
  padding-top: 12px;
  padding-right: 12px;
  color: #0373E6;
  transition: all 0.2s ease;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 45%, #fff 100%);
  opacity: 0;
  border-radius: 4px
}

.aula-adjunto i.fa-times {
  display: block;
  background-color: #E70441;
  color: white;
  font-size: 10px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: -10px;
  right: -10px;
  text-align: center;
  line-height: 18px;
  transition: all 0.2s ease;
  opacity: 0;
  transform: scale(0.8);
  z-index: 2
}

.aula-adjunto:hover {
  border: 2px solid #0373E6
}

.aula-adjunto:hover p {
  color: #0373E6
}

.aula-adjunto:hover i.fa-arrow-down,
.aula-adjunto:hover i.fa-arrow-circle-down,
.aula-adjunto:hover i.fa-search {
  padding-top: 20px;
  opacity: 1
}

.aula-adjunto:hover i.fa-times {
  opacity: 1;
  transform: scale(1)
}

.aula-adjunto:hover i.fa-times:hover {
  transform: scale(1.4);
  transition: all 0.1s ease
}

.evaluacion-tipo-toggle {
  display: block
}

.evaluacion-tipo-toggle label.btn {
  display: block;
  width: calc(50% - 4px);
  float: left;
  margin: 2px !important;
  border-radius: 4px !important;
  line-height: 42px;
  padding: 0px 10px
}

.evaluacion-tipo-toggle label.btn.active {
  color: white;
  background-color: #0373E6
}

.evaluacion-thumb {
  display: inline-block;
  border: 2px solid #e5e8ef;
  border-radius: 5px;
  width: auto;
  padding: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative
}

.evaluacion-thumb img {
  max-width: 100px;
  max-height: 100px;
  border-radius: 3px
}

.evaluacion-thumb i.fa-times {
  display: block;
  background-color: #E70441;
  color: white;
  font-size: 10px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: -10px;
  right: -10px;
  text-align: center;
  line-height: 18px;
  transition: all 0.2s ease;
  opacity: 0;
  transform: scale(0.8);
  z-index: 2
}

.evaluacion-thumb:hover {
  border: 2px solid #0373E6;
  cursor: zoom-in
}

.evaluacion-thumb:hover i.fa-times {
  opacity: 1;
  transform: scale(1);
  cursor: pointer
}

.evaluacion-thumb:hover i.fa-times:hover {
  transform: scale(1.4);
  transition: all 0.1s ease;
  cursor: pointer
}

.evaluacion-imagen-zoom {
  width: auto;
  max-width: 200px;
  max-height: 200px;
  display: block;
  border: 3px solid transparent
}

.evaluacion-imagen-zoom img {
  width: 100%;
  object-fit: contain;
  max-height: 194px
}

.evaluacion-imagen-zoom:hover {
  cursor: zoom-in;
  border: 3px solid #0373E6
}

/* .aula-subir-tarea {
  background-image: url(img/aula-subir-tarea.png);
  width: 100%;
  height: 140px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right 10px top 10px
} */

a.biblioteca-archivo {
  height: 42px;
  display: block;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 2px
}

a.biblioteca-archivo img {
  margin-right: 12px;
  float: left
}

a.biblioteca-archivo div.id-archivo {
  height: 30px;
  vertical-align: middle;
  width: calc(100% - 45px);
  float: left
}

a.biblioteca-archivo div.id-archivo div.table-archivo {
  display: table-cell;
  height: 30px;
  vertical-align: middle
}

a.biblioteca-archivo div.id-archivo div.table-archivo span.titulo-archivo,
a.biblioteca-archivo div.id-archivo div.table-archivo span.nombre-archivo {
  height: 15px !important;
  display: block !important;
  width: 260px;
  float: left;
  padding-top: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

a.biblioteca-archivo div.id-archivo div.table-archivo span.nombre-archivo {
  font-family: 'roboto', sans-serif;
  width: 260px;
  font-weight: 500;
  font-size: 11px;
  opacity: 0.6
}

a.biblioteca-archivo:hover span.titulo-archivo,
a.biblioteca-archivo:hover span.nombre-archivo {
  color: #0373E6 !important
}

a.biblioteca-archivo:hover span.nombre-archivo {
  color: #0373E6 !important
}

a.tutoria-item {
  height: 52px;
  display: block;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 2px
}

a.tutoria-item .tutoria-avatar {
  display: block;
  float: left;
  margin-right: 12px;
  width: 42px;
  height: 42px;
  border-radius: 5px;
  line-height: 42px;
  text-align: center;
  color: white;
  font-family: 'poppins', sans-serif;
  font-size: 14px
}

a.tutoria-item div.id-tutoria {
  height: 42px;
  vertical-align: middle;
  width: calc(100% - 60px);
  float: left
}

a.tutoria-item div.id-tutoria div.table-tutoria {
  display: table-cell;
  height: 42px;
  vertical-align: middle
}

a.tutoria-item div.id-tutoria div.table-tutoria span.titulo-tutoria,
a.tutoria-item div.id-tutoria div.table-tutoria span.nombre-tutoria {
  height: 15px !important;
  font-size: 13px;
  font-weight: 700;
  display: block !important;
  width: 360px;
  float: left;
  padding-top: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

a.tutoria-item div.id-tutoria div.table-tutoria span.nombre-tutoria {
  font-family: 'roboto', sans-serif;
  width: 360px;
  font-weight: 500;
  font-size: 11px;
  opacity: 0.6
}

a.tutoria-item:hover span.titulo-tutoria,
a.tutoria-item:hover span.nombre-tutoria {
  color: #0373E6 !important
}

a.tutoria-item:hover span.nombre-tutoria {
  color: #0373E6 !important
}

.aula-encuesta.mejorando-cuestionario label.btn {
  width: calc(20% - 15px);
  box-shadow: inset 0px 0px 0px 0px #0373E6, 0px 7px 10px -3px rgba(0, 0, 0, 0.15) !important
}

.aula-encuesta.mejorando-cuestionario label.btn:hover,
.aula-encuesta.mejorando-quiz-alternativas label.btn:hover {
  box-shadow: inset 0px 0px 0px 2px #0373E6, 0px 7px 10px -3px rgba(0, 0, 0, 0.15) !important
}

.aula-encuesta.mejorando-cuestionario label.btn.active,
.aula-encuesta.mejorando-quiz-alternativas label.btn.active {
  background-color: #0373E6
}

.aula-encuesta.mejorando-quiz-alternativas.alternativas-iconos label.btn {
  padding: 10px
}

.aula-encuesta.mejorando-quiz-alternativas.alternativas-iconos label.btn p {
  display: table-cell;
  height: 40px;
  vertical-align: middle
}

.aula-encuesta.mejorando-quiz-alternativas.alternativas-iconos label.btn i {
  font-size: 24px !important;
  float: left !important;
  text-align: center
}

.tarjeta-ayuda {
  width: 450px;
  float: left;
  margin-right: 16px
}

@media screen and (max-width: 768px) {
  .tarjeta-ayuda {
    width: 100%;
    margin-right: 0px
  }
}

.aula-ayuda-icon-container {
  float: left;
  padding: 16px 4px 4px 20px;
  display: block
}

.aula-ayuda-icon-container i {
  display: block;
  float: left;
  color: white;
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 12px;
  text-align: center;
  font-size: 24px
}

.aula-ayuda-content-container {
  display: block;
  float: left;
  width: calc(100% - 80px)
}

.bg-mejoremos {
  background-color: #af2490
}

.progress-bar.bg-mejoremos {
  box-shadow: 0px 5px 8px -2px rgba(175, 36, 144, 0.4)
}

.header-fixed {
  background-color: #af2490;
  position: fixed;
  top: 0px;
  width: 100%;
  height: 72px;
  z-index: 4
}

.header-fixed .navbar {
  padding: 0px;
  min-height: 72px
}

.header-fixed .nav-item {
  padding-top: 14px
}

@media screen and (max-width: 990px) {
  .header-fixed .nav-item {
    padding-top: 10px
  }
}

.header-fixed li.nav-item a.mejor-item {
  height: 44px;
  padding: 12px 16px 12px 12px;
  margin-right: 6px;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  border-radius: 30px;
  color: #ffffff73;
  background-repeat: no-repeat;
  background-position: center bottom
}

@media screen and (max-width: 990px) {
  .header-fixed li.nav-item a.mejor-item {
    border-radius: 30px;
    padding-left: 10px
  }
}

@media screen and (max-width: 1600px) {
  .header-fixed li.nav-item a.mejor-item {
    padding: 12px
  }
}

.header-fixed li.nav-item a.mejor-item span {
  float: left
}

@media screen and (max-width: 1600px) {
  .header-fixed li.nav-item a.mejor-item span {
    display: none
  }
}

@media screen and (max-width: 1280px) {
  .header-fixed li.nav-item a.mejor-item span {
    display: none
  }
}

@media screen and (max-width: 990px) {
  .header-fixed li.nav-item a.mejor-item span {
    display: block
  }
}

.header-fixed li.nav-item a.mejor-item:hover {
  background-color: #ffffff30;
  color: #ffffff
}

.header-fixed li.nav-item a.mejor-item:hover i {
  color: #fff
}

.header-fixed li.nav-item a.mejor-item i {
  font-size: 16px;
  margin-right: 8px;
  display: block;
  float: left;
  background-color: #00000026;
  color: #ffffff73;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  margin-top: -6px;
  margin-left: -6px;
  transition: all 0.2s ease
}

@media screen and (max-width: 1600px) {
  .header-fixed li.nav-item a.mejor-item i {
    margin-right: -6px
  }
}

@media screen and (max-width: 990px) {
  .header-fixed li.nav-item a.mejor-item i {
    margin-right: 10px
  }
}

.header-fixed li.nav-item a.mejor-item i.flecha-drop {
  font-size: 16px;
  width: 10px;
  display: inline-block;
  float: right !important;
  height: 10px;
  background-color: transparent;
  margin-top: -3px;
  margin-left: 10px;
  margin-right: -10px;
  line-height: inherit
}

.header-fixed li.nav-item a.mejor-item.active {
  background-color: #e5e8ef;
  color: #36373c;
  position: relative
}

.header-fixed li.nav-item a.mejor-item.active i {
  background-color: #af2490;
  color: white
}

@media screen and (max-width: 1600px) {
  .header-fixed li.nav-item a.mejor-item.active i {
    margin-right: 10px
  }
}

@media screen and (max-width: 1280px) {
  .header-fixed li.nav-item a.mejor-item.active {
    background-image: none
  }
}

@media screen and (max-width: 990px) {
  .header-fixed li.nav-item a.mejor-item.active {
    background-image: none
  }
}

@media screen and (max-width: 1600px) {
  .header-fixed li.nav-item a.mejor-item.active span {
    display: block
  }
}

@media screen and (max-width: 1280px) {
  .header-fixed li.nav-item a.mejor-item.active span {
    display: block
  }
}

.header-fixed .user-avatar {
  border: 0px solid;
  transition: all 0.4s ease
}

@media screen and (max-width: 990px) {
  .header-fixed .user-avatar {
    box-shadow: 0px 0px 0px 3px white !important
  }
}

.header-fixed .user-menu {
  padding: 14px 0px;
  margin-left: 30px
}

@media screen and (max-width: 990px) {
  .header-fixed .user-menu {
    margin-left: 0px;
    padding: 14px 4px;
    border-top: 1px solid #0000001f;
    border-radius: 0px;
    margin-top: 10px
  }
}

.header-fixed .user-menu .nav-link {
  padding-right: 0px !important;
  width: 44px;
  background-color: white;
  box-shadow: 0px 0px 0px 3px white !important;
  transition: all 0s ease
}

@media screen and (max-width: 990px) {
  .header-fixed .user-menu .nav-link {
    width: 100%;
    background-color: transparent;
    box-shadow: none !important
  }
}

.header-fixed .user-menu .fa-sort-down {
  color: white
}

.header-fixed .user-menu .dropdown-item i {
  color: #af2490
}

.header-fixed .user-menu .dropdown-item:hover i {
  color: white
}

.header-fixed .user-menu .nav-link:hover,
.header-fixed .user-menu .nav-link:focus {
  background-color: #fff !important;
  box-shadow: 0px 0px 0px 3px white !important;
  outline: none !important;
  border-radius: 50px
}

@media screen and (max-width: 990px) {

  .header-fixed .user-menu .nav-link:hover,
  .header-fixed .user-menu .nav-link:focus {
    background-color: #ffffff30 !important;
    box-shadow: none !important
  }
}

.header-fixed .user-menu .nav-link:hover .user-nombre,
.header-fixed .user-menu .nav-link:focus .user-nombre {
  color: white !important
}

.header-fixed .user-menu .nav-link:hover .user-avatar,
.header-fixed .user-menu .nav-link:focus .user-avatar {
  transform: rotate(360deg)
}

.header-fixed .user-nombre {
  display: none;
  color: white
}

@media screen and (max-width: 990px) {
  .header-fixed .user-nombre {
    display: block
  }
}

.header-fixed button.navbar-toggler {
  height: 72px;
  width: 72px;
  border: 0px;
  color: white !important
}

.header-fixed .dropdown-menu.usuario-drop {
  top: 59px !important;
  min-width: 100%;
  right: -3px !important;
  border-radius: 16px 0px 16px 16px;
  padding: 20px 0px 16px 0px
}

@media screen and (max-width: 990px) {
  .header-fixed .dropdown-menu.usuario-drop {
    right: -1px !important;
    border-radius: 0px 20px 20px 20px
  }
}

.header-fixed .dropdown-menu.usuario-drop .dropdown-divider {
  margin-bottom: 12px
}

.header-fixed .dropdown-menu.usuario-drop .usuario-drop a {
  padding: 6px 20px
}

/* .header-fixed .dropdown-menu.usuario-drop::before {
  content: '';
  background-image: url(img/mejoremos_menu_user_drop2.png);
  background-repeat: no-repeat;
  display: block;
  background-color: transparent;
  width: 73px;
  height: 24px;
  position: absolute;
  transform: none !important;
  top: -24px;
  right: 0px;
  left: inherit;
  border-radius: 0px;
  cursor: pointer
} */

@media screen and (max-width: 990px) {
  .header-fixed .dropdown-menu.usuario-drop::before {
    right: inherit;
    left: 0px;
    transform: scaleX(-1) !important
  }
}

.header-fixed .user-nombre-drop {
  padding: 0px 17px 8px 17px;
  font-family: 'poppins', sans-serif;
  font-weight: 500
}

.header-fixed .navbar-colegio {
  position: relative;
  font-family: 'poppins', sans-serif;
  font-size: 13px;
  font-weight: 300;
  padding-left: 24px;
  margin-left: -20px;
  margin-bottom: 0px;
  display: table-cell;
  max-width: 300px;
  white-space: normal;
  color: white;
  vertical-align: middle !important;
  float: left
}

@media screen and (max-width: 990px) {
  .header-fixed .navbar-colegio {
    display: none
  }
}

@media screen and (max-width: 1180px) {
  .header-fixed .navbar-colegio {
    max-width: 250px
  }
}

.header-fixed .navbar-colegio select {
  border: 0px solid;
  background-color: transparent;
  color: white
}

.header-fixed .navbar-colegio:before {
  content: '';
  display: block;
  width: 4px;
  height: 20px;
  background: #ffffff4a;
  border-radius: 2px;
  position: absolute;
  left: 0px;
  top: calc(50% - 10px)
}

.header-fixed .selector-colegio-movil {
  display: block;
  width: 100%;
  background-color: #9e1b81;
  padding: 0px 16px;
  display: none
}

@media screen and (max-width: 990px) {
  .header-fixed .selector-colegio-movil {
    display: block
  }
}

.header-fixed .selector-colegio-movil select {
  border: 0px solid;
  background-color: transparent;
  color: white;
  padding: 10px 0px
}

.header-fixed .navbar-brand {
  height: 72px;
  padding: 12px
}

.header-fixed .navbar-brand img {
  max-width: 200px;
  float: left;
  margin-right: 24px
}

@media screen and (max-width: 990px) {
  .header-fixed .navbar-brand img {
    max-width: 150px;
    margin-right: 0px;
    padding-top: 8px
  }
}

.contenido-mejorando {
  max-width: 1400px
}

.contenido-mejorando-top {
  margin-top: 120px;
  min-height: 600px
}

@media screen and (max-width: 990px) {
  .contenido-mejorando-top {
    margin-top: 100px
  }
}

.contenido-mejorando-margin {
  margin-top: 120px
}

@media screen and (max-width: 990px) {
  .contenido-mejorando-margin {
    margin-top: 90px
  }
}

.modal-content.mejoremos {
  border-radius: 28px !important
}

.modal-content.mejoremos .modal-header {
  padding: 14px 24px;
  border-radius: 28px 28px 0px 0px
}

.modal-content.mejoremos .modal-header i {
  color: #af2490
}

.modal-content.mejoremos .modal-header.redondin {
  padding-bottom: 42px !important
}

.modal-content.mejoremos .modal-body.redondin {
  margin-top: -28px !important;
  border-radius: 28px 28px 0px 0px
}

h1.mejoremos-titulo-seccion {
  margin-bottom: 60px;
  font-size: 32px;
  font-weight: 800;
  position: relative
}

@media screen and (max-width: 990px) {
  h1.mejoremos-titulo-seccion {
    font-size: 26px
  }
}

h1.mejoremos-titulo-seccion a i {
  margin-right: 12px;
  margin-top: -4px;
  font-size: 24px;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  text-align: center;
  background: #ffffff;
  color: #af2490;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15);
  transition: all 0.2s ease
}

h1.mejoremos-titulo-seccion a:hover i {
  padding-right: 10px
}

h1.mejoremos-titulo-seccion::after {
  content: '';
  display: block;
  position: absolute;
  width: 60px;
  height: 6px;
  border-radius: 6px;
  background-color: #af2490;
  box-shadow: 0px 3px 6px -1px rgba(156, 29, 128, 0.49);
  bottom: -24px;
  left: 0px
}

h2.mejoremos-titulo-seccion {
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 800;
  position: relative;
  padding-left: 60px
}

h2.mejoremos-titulo-seccion i {
  color: #ffffff;
  margin-right: 12px;
  margin-top: -4px;
  font-size: 24px;
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  background: #af2490;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  line-height: 48px;
  text-align: center
}

h2.mejoremos-titulo-seccion a i {
  background: #ffffff;
  color: #af2490;
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.15);
  transition: all 0.2s ease
}

h2.mejoremos-titulo-seccion a:hover i {
  padding-right: 10px
}

@media screen and (max-width: 990px) {
  h2.mejoremos-titulo-seccion {
    font-size: 22px
  }
}

h1.text-center.mejoremos-titulo-seccion::after {
  left: calc(50% - 30px)
}

.tarjeta.mejoremos {
  border-radius: 20px;
  box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.1)
}

.alerta-visual.mejoremos {
  border-radius: 20px;
  box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.1)
}

.tab-menu.mejoremos li.nav-item a {
  border-radius: 15px 15px 0px 0px !important;
  padding: 12px 18px 30px 18px
}

@media screen and (max-width: 990px) {
  .tab-menu.mejoremos li.nav-item a {
    padding: 12px 12px 30px 12px
  }
}

.tab-menu.mejoremos .nav-link.active {
  box-shadow: 0px 2px 6px -3px rgba(0, 0, 0, 0.2)
}

.tab-menu.mejoremos .nav-link.active::before {
  bottom: 20px
}

.tab-menu.mejoremos .nav-link.active::after {
  bottom: 20px
}

.tarjeta.mejoremos.tab-content {
  margin-top: -20px
}

.alert.alert-mejoremos {
  background-color: #f3f4f9;
  border-radius: 12px;
  padding: 16px 28px
}

.alert.alert-mejoremos p {
  font-family: 'poppins', sans-serif;
  padding-left: 22px
}

.alert.alert-mejoremos i {
  font-size: 24px;
  margin-top: -3px;
  margin-left: -10px;
  opacity: 0.2
}

.alert.mejoremos-accion {
  margin-bottom: 6px
}

.alert.mejoremos-accion i {
  display: block;
  background-color: #e5af0a;
  color: white;
  font-size: 12px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  text-align: center;
  opacity: 1;
  margin-top: 1px;
  margin-right: 12px
}

.alert.mejoremos-accion p {
  padding-left: 30px
}

.alert.mejoremos-accion span {
  background-color: #e5af0a;
  color: white;
  font-size: 10px;
  padding: 4px 12px 4px 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 0px 12px 0px 32px
}

@media screen and (max-width: 990px) {
  .alert.mejoremos-accion {
    padding-top: 28px
  }
}

.tarjeta-indicador-mejoremos {
  border-radius: 14px;
  margin-bottom: 12px
}

.tarjeta-indicador-mejoremos .tarjeta-body {
  padding: 20px 18px
}

@media screen and (max-width: 990px) {
  .tarjeta-indicador-mejoremos .tarjeta-body {
    text-align: center
  }
}

@media screen and (max-width: 990px) {
  .tarjeta-indicador-mejoremos i.icono-estadisticas {
    margin-right: auto !important;
    margin-bottom: 14px;
    margin-left: auto;
    float: inherit !important
  }
}

@media screen and (max-width: 990px) {
  .tarjeta-indicador-mejoremos .datos-estadisticas {
    width: 100%
  }
}

.tarjeta-indicador-mejoremos h1 span {
  font-size: 1.2rem;
  font-weight: 400;
  margin-left: 5px
}

.tarjeta-indicador-mejoremos.bg-lima {
  box-shadow: 0px 6px 5px -1px rgba(175, 191, 21, 0.4)
}

.tarjeta-indicador-mejoremos.bg-violeta {
  box-shadow: 0px 6px 5px -1px rgba(226, 5, 120, 0.4)
}

.tarjeta-indicador-mejoremos.bg-grafito {
  box-shadow: 0px 6px 5px -1px rgba(80, 80, 82, 0.4)
}

.tarjeta-indicador-mejoremos.bg-morado {
  box-shadow: 0px 6px 5px -1px rgba(126, 47, 189, 0.4)
}

.tarjeta-indicador-mejoremos.bg-celeste {
  box-shadow: 0px 6px 5px -1px rgba(41, 170, 243, 0.4)
}

.tarjeta-indicador-mejoremos.bg-amarillo {
  box-shadow: 0px 6px 5px -1px rgba(236, 163, 7, 0.4)
}

.tarjeta-indicador-mejoremos.bg-verde {
  box-shadow: 0px 6px 5px -1px rgba(76, 185, 17, 0.4)
}

.tarjeta-indicador-mejoremos.bg-rojo {
  box-shadow: 0px 6px 5px -1px rgba(231, 4, 65, 0.4)
}

.tarjeta-indicador-mejoremos.bg-azul {
  box-shadow: 0px 6px 5px -1px rgba(36, 55, 177, 0.4)
}

.tarjeta-indicador-mejoremos.bg-naranja {
  box-shadow: 0px 6px 5px -1px rgba(234, 92, 13, 0.4)
}

.tarjeta-indicador-mejoremos.bg-turquesa {
  box-shadow: 0px 6px 5px -1px rgba(5, 138, 150, 0.4)
}

.tarjeta-indicador-mejoremos.bg-primary {
  box-shadow: 0px 6px 5px -1px rgba(3, 115, 230, 0.4)
}

.footer-mejoremos {
  background-color: #343a48;
  background-image: none;
  padding: 40px 0px 24px 0px;
  margin-top: 43px
}

.footer-mejoremos h6 {
  color: #af2490;
  margin-bottom: 20px
}

.footer-mejoremos ul {
  list-style: none;
  padding-left: 0px
}

.footer-mejoremos ul li {
  width: 100%
}

.footer-mejoremos ul li a {
  width: 100%;
  display: block;
  color: #CBCED5;
  transition: all 0.2s ease;
  border-radius: 16px;
  padding: 5px
}

.footer-mejoremos ul li a:hover {
  color: #af2490;
  padding-left: 12px;
  background-color: white
}

.footer-mejoremos a.social {
  display: block;
  float: left;
  background-color: #CBCED5;
  color: #343a48;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  transition: all 0.3s ease
}

.footer-mejoremos a.social:hover {
  background-color: #ffffff;
  color: #af2490;
  transform: rotate(360deg)
}

.disclaimer-mejorando {
  background-color: #21252e;
  text-align: center;
  padding: 10px;
  color: #CBCED5
}

.disclaimer-mejorando p {
  margin: 0px;
  font-size: 13px
}

.disclaimer-mejorando img {
  width: 48px !important;
  opacity: 0.8;
  margin-left: 3px
}

.tarjeta-encuesta {
  min-height: 72px;
  margin-bottom: 10px;
  border-radius: 16px !important
}

@media screen and (max-width: 990px) {
  .tarjeta-encuesta {
    margin-bottom: 16px
  }
}

.tarjeta-encuesta.inactiva {
  background-color: #f6f7fbc7 !important;
  box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.05)
}

.encuesta-status {
  display: block;
  float: left;
  font-size: 20px;
  background-color: #35bd0f;
  color: white;
  text-align: center;
  padding-top: 4px;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  position: absolute;
  top: 12px;
  left: 12px
}

.encuesta-status span {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 7px;
  display: block;
  margin-top: -2px
}

i.accion-status {
  display: block;
  float: left;
  font-size: 24px;
  color: white;
  text-align: center;
  line-height: 48px;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  position: absolute;
  top: 12px;
  left: 12px
}

.enc-bloque-titulo {
  padding-left: 72px;
  width: calc(70% - 390px)
}

.enc-bloque-titulo h6 {
  padding-top: 16px;
  margin-bottom: 2px
}

.enc-bloque-titulo span {
  color: #a6a8af;
  display: block;
  float: left
}

@media screen and (max-width: 990px) {
  .enc-bloque-titulo {
    width: 100%
  }
}

.accion-bloque-titulo {
  padding-left: 72px;
  width: calc(40% - 120px);
  min-height: 72px
}

.accion-bloque-titulo h6 {
  padding-top: 16px;
  margin-bottom: 2px
}

.accion-bloque-titulo span {
  color: #a6a8af;
  display: block;
  float: left
}

@media screen and (max-width: 990px) {
  .accion-bloque-titulo {
    width: 100%
  }
}

.enc-bloque-grado {
  padding: 18px;
  width: 180px
}

@media screen and (max-width: 990px) {
  .enc-bloque-grado {
    width: 100%;
    padding: 8px 16px;
    border-top: 1px solid #e5e8ef;
    margin-top: 14px
  }
}

span.grados {
  display: block;
  background-color: #e5e8ef;
  font-size: 11px;
  line-height: 30px;
  min-width: 30px;
  height: 30px;
  margin: 2px;
  border-radius: 4px;
  text-align: center;
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  float: left
}

.enc-bloque-porcentaje {
  width: 15%;
  padding: 20px 15px
}

.enc-bloque-porcentaje span.float-right {
  font-family: 'poppins', sans-serif;
  font-weight: 700
}

@media screen and (max-width: 990px) {
  .enc-bloque-porcentaje {
    width: 100%;
    padding: 12px 16px 14px 16px;
    border-top: 1px solid #e5e8ef
  }
}

.enc-bloque-avances {
  width: 30%;
  padding: 20px 0px
}

.enc-bloque-avances span.float-right {
  font-family: 'poppins', sans-serif;
  font-weight: 700
}

@media screen and (max-width: 990px) {
  .enc-bloque-avances {
    width: 100%;
    padding: 12px 16px 14px 16px;
    border-top: 1px solid #e5e8ef
  }
}

.enc-bloque-avances .avance-x-usuario {
  cursor: pointer;
  padding: 0px 5px
}

@media screen and (max-width: 990px) {
  .enc-bloque-avances .avance-x-usuario {
    padding: 10px 5px
  }
}

.accion-bloque-indicadores {
  padding: 18px;
  width: 180px
}

.accion-bloque-indicadores i {
  display: block;
  float: left;
  font-size: 16px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
  color: white;
  text-align: center;
  margin: 2px
}

@media screen and (max-width: 990px) {
  .accion-bloque-indicadores {
    width: 100%;
    padding: 8px 16px 8px 16px;
    border-top: 1px solid #e5e8ef
  }
}

.accion-bloque-descripcion {
  padding: 15px;
  float: right;
  width: calc(60% - 180px)
}

.accion-bloque-descripcion p {
  text-align: left;
  margin-bottom: 0px
}

@media screen and (max-width: 990px) {
  .accion-bloque-descripcion {
    width: 100%;
    padding: 12px 16px 12px 16px;
    text-align: center;
    border-top: 1px solid #e5e8ef
  }
}

.enc-bloque-botones {
  padding: 15px 15px 15px 0px;
  float: right;
  width: 210px;
  text-align: right
}

@media screen and (max-width: 990px) {
  .enc-bloque-botones {
    width: 100%;
    padding: 12px 16px;
    text-align: center;
    border-top: 1px solid #e5e8ef
  }
}

.accion-bloque-botones {
  padding: 15px;
  float: right;
  width: 120px
}

@media screen and (max-width: 990px) {
  .accion-bloque-botones {
    width: 100%;
    padding: 12px 16px 12px 16px;
    text-align: center;
    border-top: 1px solid #e5e8ef
  }
}

.btn-secondary2 {
  box-shadow: none;
  background-color: #e5e8ef;
  color: #7e8086
}

.btn-secondary2:hover {
  background-color: #e5e8ef;
  color: #0373E6
}

.btn-encuesta {
  border-radius: 50%;
  width: 42px;
  padding: 0px
}

.btn-encuesta i {
  background-color: transparent;
  top: 0px;
  left: 0px;
  width: 42px;
  height: 42px;
  padding-top: 0px;
  line-height: 42px
}

@media screen and (max-width: 990px) {
  .btn-encuesta {
    margin: 0px 8px
  }
}

.tab-tipo-encuesta label {
  box-shadow: none;
  background-color: rgba(20, 40, 74, 0.15);
  box-shadow: 0px 7px 10px -3px rgba(54, 55, 60, 0.08);
  padding: 12px 18px;
  color: rgba(54, 55, 60, 0.75)
}

.tab-tipo-encuesta label i {
  font-size: 16px;
  margin-right: 6px
}

.tab-tipo-encuesta label:hover {
  color: #0373E6;
  background-color: rgba(20, 40, 74, 0.08)
}

.tab-tipo-encuesta label.active {
  background-color: #0373E6 !important;
  box-shadow: 0px 7px 10px -3px rgba(3, 115, 230, 0.3);
  color: white
}

.tarjeta-url-mejoremos {
  padding: 4px;
  height: 38px;
  margin-bottom: 4px
}

.tarjeta-url-mejoremos span {
  display: block;
  background-color: #af2490;
  color: white;
  font-size: 11px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  text-align: center;
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  margin-right: 8px;
  float: left
}

.tarjeta-url-mejoremos p {
  margin: 0px;
  float: left
}

.reporte-span {
  background-color: #d7dae2;
  color: #7a7c82;
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 4px
}

.tabs-matriz-mejoremos .tab-menu .nav-link.active {
  background-color: #e5e8ef !important;
  box-shadow: none
}

.tabs-matriz-mejoremos .tab-menu .nav-link.active:hover {
  background-color: #e5e8ef !important
}

.tabs-matriz-mejoremos .bg-violeta .nav-link.active {
  color: #e20578 !important
}

.tabs-matriz-mejoremos .bg-morado .nav-link.active {
  color: #7e2fbd !important
}

.tabs-matriz-mejoremos .bg-celeste .nav-link.active {
  color: #29aaf3 !important
}

.tabs-matriz-mejoremos .bg-lima .nav-link.active {
  color: #afbf15 !important
}

.tabs-matriz-mejoremos .tab-content {
  position: relative;
  z-index: 2;
  margin-top: -10px;
  background-color: #e5e8ef;
  padding: 8px;
  border-radius: 14px
}

.tabs-matriz-mejoremos .tab-content h6 {
  font-size: 14px !important
}

.tabs-matriz-mejoremos .tab-content .table th {
  font-family: 'poppins', sans-serif;
  font-weight: 600
}

/* .tabs-matriz-mejoremos .tab-menu .nav-link.active::before {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  left: -10px;
  bottom: 10px;
  background-image: url(img/tabflap2_gris.png)
} */

/* .tabs-matriz-mejoremos .tab-menu .nav-link.active::after {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  right: -10px;
  bottom: 10px;
  background-image: url(img/tabflap1_gris.png)
} */

.tabs-matriz-mejoremos .table-lined tr:last-child {
  border-bottom: 0px solid
}

.navegador-fixed {
  margin-top: 100px
}

@media screen and (max-width: 990px) {
  .navegador-fixed {
    margin-top: 0px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    min-height: 72px;
    background-color: #af2490;
    box-shadow: 0px 6px 6px 10px rgba(39, 43, 56, 0.1);
    z-index: 2
  }
}

.navegador-fixed .progress {
  background-color: #d3d6dc;
  bottom: 16px !important;
  position: absolute;
  margin-left: calc(50% - 200px);
  width: calc(400px - 32px);
  height: 6px
}

@media screen and (max-width: 990px) {
  .navegador-fixed .progress {
    margin-left: 0px;
    width: 100%;
    border-radius: 0px;
    height: 5px;
    position: absolute;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.2)
  }
}

.navegador-fixed .progress .progress-bar {
  background-color: #af2490;
  box-shadow: 0px 5px 8px -2px rgba(175, 36, 144, 0.3)
}

@media screen and (max-width: 990px) {
  .navegador-fixed .progress .progress-bar {
    border-radius: 0px;
    background-color: white;
    box-shadow: none;
    opacity: 1
  }
}

.navegador-fixed .btn-siguiente {
  padding-left: 20px;
  padding-right: 48px
}

.navegador-fixed .btn-siguiente i {
  left: inherit !important;
  right: 4px !important
}

.navegador-fixed span.indicador-pregunta {
  width: 100%;
  height: 42px;
  text-align: center;
  display: block;
  color: #36373c;
  font-family: 'poppins', sans-serif;
  font-size: 16px;
  line-height: 30x
}

@media screen and (max-width: 990px) {
  .navegador-fixed span.indicador-pregunta {
    color: white;
    line-height: 14px;
    font-size: 12px;
    padding-top: 6px
  }
}

@media screen and (max-width: 990px) {
  .navegador-fixed .btn-mejoremos {
    background-color: white;
    color: #af2490;
    box-shadow: none
  }
}

.mejorando-cuestionario {
  width: 100%;
  display: block
}

.mejorando-cuestionario label.btn {
  background-color: white;
  border-radius: 12px !important;
  margin: 5px !important;
  width: calc(25% - 15px);
  height: auto;
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
  box-shadow: inset 0px 0px 0px 0px #af2490, 0px 7px 10px -3px rgba(0, 0, 0, 0.15);
  padding: 24px 16px
}

@media screen and (max-width: 990px) {
  .mejorando-cuestionario label.btn {
    width: 100% !important;
    margin: 0px;
    display: block;
    flex: none !important;
    position: relative;
    float: none;
    text-align: left;
    min-height: 60px;
    margin: 8px 0px !important;
    padding: 8px 16px
  }
}

.mejorando-cuestionario label.btn:hover {
  box-shadow: inset 0px 0px 0px 2px #af2490, 0px 7px 10px -3px rgba(0, 0, 0, 0.15)
}

.mejorando-cuestionario label.btn.active {
  background-color: #af2490
}

.mejorando-cuestionario label.btn.active i {
  color: white
}

.mejorando-cuestionario label.btn.active p {
  color: white
}

.mejorando-cuestionario i {
  font-size: 56px !important;
  width: 56px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #b5bac5;
  margin-top: 8px;
  margin-bottom: 8px
}

@media screen and (max-width: 990px) {
  .mejorando-cuestionario i {
    font-size: 40px !important;
    width: 40px;
    float: left;
    margin-left: 0px;
    margin-right: 16px;
    margin-top: 2px
  }
}

.mejorando-cuestionario p {
  font-family: 'poppins', sans-serif;
  color: #36373c;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px
}

@media screen and (max-width: 990px) {
  .mejorando-cuestionario p {
    float: left;
    line-height: 46px;
    font-size: 16px;
    margin-bottom: 0px
  }
}

.mejorando-quiz {
  width: 100%;
  display: block
}

.mejorando-quiz label.btn {
  background-color: white;
  border-radius: 12px !important;
  margin: 5px !important;
  width: 12%;
  height: auto;
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
  box-shadow: inset 0px 0px 0px 0px #af2490, 0px 7px 10px -3px rgba(0, 0, 0, 0.15);
  padding: 38px 12px;
  text-align: center !important
}

@media screen and (max-width: 990px) {
  .mejorando-quiz label.btn {
    border-radius: 8px !important;
    margin: 0px !important;
    width: 13%;
    padding: 14px 12px
  }
}

.mejorando-quiz label.btn p {
  font-family: 'poppins', sans-serif;
  color: #36373c;
  font-weight: 600;
  margin-bottom: 0px;
  font-size: 18px
}

.mejorando-quiz label.btn:hover {
  box-shadow: inset 0px 0px 0px 2px #af2490, 0px 7px 10px -3px rgba(0, 0, 0, 0.15)
}

.mejorando-quiz label.btn.active {
  background-color: #af2490
}

.mejorando-quiz label.btn.active i {
  color: white
}

.mejorando-quiz label.btn.active p {
  color: white
}

.mejorando-quiz i {
  font-size: 56px !important;
  width: 56px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #b5bac5;
  margin-top: 8px;
  margin-bottom: 8px
}

@media screen and (max-width: 990px) {
  .mejorando-quiz i {
    font-size: 40px !important;
    width: 40px;
    float: left;
    margin-left: 0px;
    margin-right: 16px;
    margin-top: 2px
  }
}

.mejorando-quiz-alternativas {
  width: 100%;
  display: block
}

.mejorando-quiz-alternativas label.btn {
  background-color: white;
  border-radius: 12px !important;
  margin: 5px 0px !important;
  width: 100%;
  height: auto;
  white-space: inherit;
  overflow: inherit;
  text-overflow: inherit;
  box-shadow: inset 0px 0px 0px 0px #af2490, 0px 7px 10px -3px rgba(0, 0, 0, 0.15);
  padding: 24px 24px 24px 52px;
  text-align: left !important
}

@media screen and (max-width: 990px) {
  .mejorando-quiz-alternativas label.btn {
    border-radius: 8px !important;
    padding: 16px 12px 16px 48px
  }
}

.mejorando-quiz-alternativas label.btn p {
  font-family: 'poppins', sans-serif;
  color: #36373c;
  font-weight: 500;
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 16px
}

@media screen and (max-width: 990px) {
  .mejorando-quiz-alternativas label.btn p {
    font-size: 13px
  }
}

.mejorando-quiz-alternativas label.btn span {
  background-color: #af2490;
  display: block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: 16px;
  padding-right: 1px;
  top: calc(50% - 12px);
  box-shadow: 0px 0px 0px 3px white;
  color: white !important
}

@media screen and (max-width: 990px) {
  .mejorando-quiz-alternativas label.btn span {
    left: 12px
  }
}

.mejorando-quiz-alternativas label.btn:hover {
  box-shadow: inset 0px 0px 0px 2px #af2490, 0px 7px 10px -3px rgba(0, 0, 0, 0.15)
}

.mejorando-quiz-alternativas label.btn:hover span {
  color: white !important
}

.mejorando-quiz-alternativas label.btn.active {
  background-color: #af2490
}

.mejorando-quiz-alternativas label.btn.active i {
  color: white
}

.mejorando-quiz-alternativas label.btn.active p {
  color: white
}

.mejorando-quiz-alternativas i {
  font-size: 56px !important;
  width: 56px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  color: #b5bac5;
  margin-top: 8px;
  margin-bottom: 8px
}

@media screen and (max-width: 990px) {
  .mejorando-quiz-alternativas i {
    font-size: 40px !important;
    width: 40px;
    float: left;
    margin-left: 0px;
    margin-right: 16px;
    margin-top: 2px
  }
}

.mejorando-quiz-alternativas-multiples label.btn span {
  border-radius: 3px !important;
  background-color: #e5e8ef !important;
  box-shadow: none !important
}

.mejorando-quiz-alternativas-multiples label.btn span i {
  font-size: 16px !important;
  color: white !important;
  width: 100%;
  margin: 0px;
  line-height: 24px;
  opacity: 0
}

.mejorando-quiz-alternativas-multiples label.btn.active span {
  background-color: rgba(0, 0, 0, 0.3) !important
}

.mejorando-quiz-alternativas-multiples label.btn.active span i {
  opacity: 1
}

span.numero-pregunta-mejoremos {
  display: block;
  background: #ffffff;
  color: #af2490;
  box-shadow: 0px 0px 0px 4px #d6dbe5;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: -20px;
  right: calc(50% - 21px);
  font-family: 'poppins', sans-serif;
  font-size: 1rem;
  font-weight: 700
}

.mejoremos-enunciado {
  padding: 16px;
  margin-bottom: 16px
}

.mejoremos-enunciado p {
  font-family: 'poppins', sans-serif;
  font-size: 16px
}

@media screen and (max-width: 990px) {
  .mejoremos-enunciado p {
    font-size: 14px
  }
}

@media screen and (max-width: 990px) {
  .mejoremos-enunciado {
    padding: 0px 0px 1px 0px;
    margin-top: -10px
  }
}

@media screen and (max-width: 990px) {
  .tarjeta-pregunta h6 {
    font-size: 14px;
    margin-top: 8px !important;
    margin-bottom: 16px !important
  }
}

.mejoremos-img {
  max-width: 425px
}

@media screen and (max-width: 990px) {
  .mejoremos-img {
    width: 100%;
    padding: 0px 20px
  }
}

.tarjeta-subscripcion {
  padding: 40px
}

@media screen and (max-width: 990px) {
  .tarjeta-subscripcion {
    padding: 15px 30px
  }
}

.encuesta-id-alumno {
  padding-top: 20px
}

.encuesta-id-alumno label {
  color: white;
  margin-bottom: 0px
}

.encuesta-id-alumno i {
  color: white;
  float: left;
  font-size: 32px;
  margin-right: 12px
}

.encuesta-id-alumno p {
  color: white;
  margin-bottom: 0px;
  line-height: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

@media screen and (max-width: 990px) {
  .btn-copyurl {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px
  }
}

.progress-chico.mejoremos {
  width: calc(100% - 50px)
}

@media screen and (max-width: 575px) {
  .tabs-matriz-mejoremos .tab-menu .nav-link i {
    margin-right: 0px !important;
    font-size: 16px
  }
}

.mejoremos-quiz-alternativa {
  position: relative;
  margin-bottom: 10px
}

.mejoremos-quiz-alternativa .btn {
  padding: 0px;
  width: 38px;
  height: 38px;
  background-color: transparent;
  position: absolute;
  top: 2px;
  right: 2px;
  box-shadow: none
}

.mejoremos-acordeon {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 8px
}

.mejoremos-acordeon .acordeon-header {
  position: relative;
  min-height: 48px;
  padding-left: 24px
}

@media screen and (max-width: 990px) {
  .mejoremos-acordeon .acordeon-header {
    padding-left: 52px
  }
}

.mejoremos-acordeon .acordeon-header span.pregunta-num {
  display: block;
  background-color: #af2490;
  color: white;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 3px white;
  text-align: center;
  font-family: 'poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  position: absolute;
  left: -12px;
  top: calc(50% - 12px)
}

@media screen and (max-width: 990px) {
  .mejoremos-acordeon .acordeon-header span.pregunta-num {
    left: 16px
  }
}

.mejoremos-acordeon .acordeon-header .acordeon-botones {
  display: block;
  position: absolute;
  height: 42px;
  right: 3px;
  top: 3px
}

.mejoremos-acordeon .acordeon-header .acordeon-opciones {
  display: block;
  float: right;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer
}

.mejoremos-acordeon .acordeon-header .acordeon-opciones:hover {
  color: #0373E6;
  background-color: rgba(54, 55, 60, 0.1)
}

.mejoremos-acordeon .acordeon-header p {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  line-height: 16px;
  font-size: 14px;
  margin: 0px;
  padding-top: 14px;
  padding-bottom: 14px;
  width: calc(100% - 150px)
}

.mejoremos-acordeon .acordeon-header p:hover {
  color: #0373E6;
  cursor: pointer
}

.mejoremos-acordeon .acordeon-contenido {
  box-shadow: none;
  border-radius: 0px 0px 5px 5px
}

.mejoremos-acordeon .acordeon-contenido img.alternativa-imagen {
  max-width: 150px;
  border-radius: 5px
}

.diag-indicador {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  padding-top: 3px
}

.diag-estado-sm {
  position: relative;
  display: block;
  height: 30px;
  color: white;
  width: 100%;
  border-radius: 4px;
  line-height: 30px;
  overflow: hidden;
  font-family: 'poppins', sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-align: center
}

.diag-estado-sm i {
  font-size: 8px;
  font-style: inherit
}

.diag-estado-sm b {
  display: block;
  float: left;
  text-align: center;
  width: 60px;
  font-size: 12px;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.1)
}

.indicador-pts i {
  font-size: 8px;
  font-style: inherit;
  margin-left: 2px
}

.mejoremos-cargo {
  font-weight: 500;
  font-size: 14px
}

.encuesta-icono {
  display: block;
  float: left;
  font-size: 20px;
  background-color: #35bd0f;
  color: white;
  text-align: center;
  line-height: 48px !important;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  position: absolute;
  top: 12px;
  left: 12px
}

.tarjeta-encuestas-disponibles {
  transition: all 0.2s ease;
  margin-bottom: 10px !important;
  border-radius: 10px !important
}

.tarjeta-encuestas-disponibles h6 {
  color: #36373c;
  transition: all 0.2s ease
}

.tarjeta-encuestas-disponibles .fa-chevron-right {
  position: absolute;
  right: 12px;
  top: 28px;
  opacity: 0.2;
  transition: all 0.2 ease
}

.tarjeta-encuestas-disponibles span {
  transition: all 0.2 ease
}

.tarjeta-encuestas-disponibles:hover {
  background-color: #af2490;
  color: white;
  cursor: pointer
}

.tarjeta-encuestas-disponibles:hover h6 {
  color: white
}

.tarjeta-encuestas-disponibles:hover .fa-chevron-right {
  color: white
}

.tarjeta-encuestas-disponibles:hover span {
  color: white;
  opacity: 0.7
}

.mejoremos-plan-menu {
  width: 240px !important;
  padding-top: 52px;
  transition: all 0.2s ease;
  z-index: 1 !important
}

.plan-menu-img {
  transition: all 0.2s ease
}

.is-sticky .mejoremos-plan-menu {
  padding-top: 120px !important
}

.is-sticky .mejoremos-plan-menu .plan-menu-img {
  width: 60% !important
}

.eliminar-registro {
  opacity: 0;
  border: 2px solid #eef0f4;
  background-color: #eef0f4;
  padding: 4px 8px;
  border-radius: 8px;
  position: absolute;
  top: 3px;
  right: 3px
}

.mejoremos-comentario:hover .eliminar-registro {
  opacity: 1
}

.cronograma-fecha {
  display: block !important;
  width: 100% !important;
  background-color: #ffffff29;
  color: white;
  font-size: 11px;
  border-radius: 3px;
  margin: 2px 0px
}

.cronograma-agregar {
  opacity: 0
}

.btn-pie-informe:hover .cronograma-agregar {
  opacity: 1
}

.agenda-fecha {
  display: flex;
  align-content: center;
  justify-content: center
}

.icon-panel {
  color: white;
  background-color: #af2490;
  margin-right: 10px;
  padding: 10px 0px;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  text-align: center
}

/* .bg-tarjeta-plan {
  background-image: url(img/bg-tarjeta-plan.png);
  background-position: top;
  background-size: cover
} */

.notificaciones-mejoremos .notificaciones-drop {
  top: 59px !important;
  right: 0px !important;
  border-radius: 16px
}

.notificaciones-mejoremos .icono-notificaciones {
  background-color: #00000026
}

.notificaciones-mejoremos .icono-notificaciones:hover {
  background-color: #eca307;
  color: white
}

.link-volver,
.link-volver:hover {
  font-family: 'poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #af2490
}

.indicador-variabilidad {
  font-size: 14px;
  background-color: #12254a17;
  cursor: pointer;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 22px !important;
  display: inline-block !important
}

.menu-lateral.mederis {
  background-color: #00adb1
}

.menu-lateral.mederis .sprite_text,
.menu-lateral.mederis .icono-menu {
  color: #ffffff94
}

.menu-lateral.mederis .active .sprite_text {
  color: #36373c
}

.menu-lateral.mederis .menu-principal ul li a:hover {
  background-color: #3bc6ca;
  color: #fff
}

.configuracion-pasos .col:first-child .configuracion-paso {
  background-size: 50% 10px;
  background-position: right 15px
}

.configuracion-pasos .col:last-child .configuracion-paso {
  background-size: 50% 10px;
  background-position: left 15px
}

/* .configuracion-paso {
  text-align: center;
  background-image: url(img/configuracion-paso-off.png);
  background-size: 100% 10px;
  background-repeat: no-repeat;
  background-position: 0px 15px
} */

.configuracion-paso span {
  display: block;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  color: #1b7adc;
  background-color: #094f97;
  font-family: 'poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 8px;
  z-index: 1
}

.configuracion-paso p {
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  line-height: 15px;
  color: #0000006b
}

/* .configuracion-paso.checked {
  text-align: center;
  color: white;
  background-image: url(img/configuracion-paso-on.png);
  background-size: 100% 10px;
  background-repeat: no-repeat;
  background-position: 0px 15px
} */

.configuracion-paso.checked span {
  background-color: white;
  position: relative
}

.configuracion-paso.checked p {
  color: white
}

/* .configuracion-paso.active {
  text-align: center;
  color: white;
  background-image: url(img/configuracion-paso-mid.png);
  background-size: 100% 10px;
  background-repeat: no-repeat;
  background-position: 0px 15px
} */

.configuracion-paso.active span {
  background-color: white
}

.configuracion-paso.active p {
  color: white
}

/* .configuracion-pasos .col:first-child .configuracion-paso.active {
  background-image: url(img/configuracion-paso-off.png)
} */

/* .configuracion-pasos .col:last-child .configuracion-paso.active {
  background-image: url(img/configuracion-paso-on.png)
} */

.config-footer {
  border-radius: 0px 0px 10px 10px
}

/* .config-pasos-light .config-paso {
  background-image: url(img/configuracion-paso-light.png);
  background-size: 100% 6px;
  background-repeat: no-repeat;
  background-position: 0px 12px
} */

.config-pasos-light .config-paso span {
  display: block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  color: #505052;
  background-color: #DCDFE4;
  font-family: 'poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 8px;
  z-index: 1;
  text-align: center
}

.config-pasos-light .config-paso.active span {
  color: white;
  background-color: #4cb911
}

.config-pasos-light .col:first-child .config-paso {
  background-size: 50% 6px;
  background-position: right 12px
}

.config-pasos-light .col:last-child .config-paso {
  background-size: 50% 6px;
  background-position: left 12px
}

.perfil-avatar a {
  position: relative;
  display: block
}

.perfil-avatar a .perfil-avatar-hover {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0px;
  text-align: center;
  color: white;
  background-color: #00000054;
  padding-top: 80px;
  transition: all 0.2s ease
}

.perfil-avatar a .perfil-avatar-hover i {
  font-size: 32px;
  margin-bottom: 12px
}

.perfil-avatar a:hover .perfil-avatar-hover {
  opacity: 1;
  padding-top: 70px
}

.perfil-menu {
  width: 224px;
  float: left;
  padding-right: 24px
}

.perfil-menu .tab-menu-ficha a.list-group-item.active {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  margin-top: 0px !important
}

.perfil-menu .tab-menu-ficha a.list-group-item {
  border-bottom: 0px solid !important;
  border-radius: 8px;
  font-weight: 500
}

.perfil-menu .tab-menu-ficha a.list-group-item:hover {
  background-color: rgba(255, 255, 255, 0.5)
}

.perfil-menu .tab-menu-ficha a.list-group-item.active:hover {
  background-color: white
}

@media (max-width: 1280px) {
  .perfil-menu-sidebar {
    display: none
  }
}

.perfil-contenido {
  width: calc(100% - 224px);
  float: left
}

@media (max-width: 1280px) {
  .perfil-contenido-responsive {
    width: 100%
  }
}

.perfil-header {
  display: block;
  background-color: #F6F7FB;
  border-radius: 10px 10px 0px 0px;
  padding: 24px 30px 20px 30px;
  position: relative
}

.perfil-subdatos {
  display: block;
  float: left;
  font-size: 11px;
  font-weight: 500;
  height: 32px;
  line-height: 33px;
  margin-right: 4px;
  position: relative;
  background-color: #e5e8ef;
  border-radius: 4px;
  padding: 0px 10px
}

.perfil-subdatos i {
  font-size: 16px;
  line-height: 32px;
  margin-right: 8px;
  color: #9196a2;
  height: 32px;
  display: block;
  float: left
}

.titulo-ficha-seccion {
  background-color: #f6f7fb;
  width: 100%
}

.titulo-ficha-seccion h6 {
  background-color: white;
  display: inline-block;
  height: 42px;
  line-height: 42px;
  margin: 0px;
  padding: 0px 64px 0px 32px
}

.ayuda-logo {
  width: 350px;
  padding-left: 12px
}

@media (max-width: 575.98px) {
  .ayuda-logo {
    width: 230px;
    padding: 0px
  }
}

.ayuda-header-index {
  margin-top: 72px
}

/* .ayuda-header-index .header-img {
  background-image: url("img/header-ayuda.png");
  background-repeat: no-repeat;
  background-position: calc(50% + 370px)
} */

@media (max-width: 991.98px) {
  .ayuda-header-index .header-img {
    background-image: none
  }
}

/* .ayuda-header-index .header-img-mej {
  background-image: url("img/header-ayuda-mej.png");
  background-repeat: no-repeat;
  background-position: calc(50% + 370px)
} */

@media (max-width: 991.98px) {
  .ayuda-header-index .header-img-mej {
    background-image: none
  }
}

.ayuda-header-section {
  padding-top: 7rem;
  padding-bottom: 4rem
}

.ayuda-header-section .section-img {
  height: 120px
}

/* .ayuda-fondo-mejoremos {
  background-image: url(img/fondo-mejoremos.webp);
  background-size: auto;
  background-position: center
} */

.ayuda-buscador {
  margin-top: -40px;
  position: relative;
  z-index: 1
}

.ayuda-buscador .autocomplete {
  position: relative;
  display: inline-block
}

.ayuda-buscador .autocomplete .autocomplete-items {
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  width: 100% !important;
  margin: 0px;
  margin-top: 1px;
  padding: 8px 0px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 8px 20px 0px rgba(55, 61, 76, 0.2), 0px 0px 5px 0px rgba(55, 61, 76, 0.15) !important
}

.ayuda-buscador .autocomplete .autocomplete-items div {
  padding: 10px 16px;
  cursor: pointer;
  background-color: #fff;
  font-size: 16px
}

.ayuda-buscador .autocomplete .autocomplete-items div:hover {
  background-color: rgba(131, 144, 185, 0.15);
  color: #0373E6
}

.ayuda-buscador .autocomplete .autocomplete-active {
  background-color: #0373E6 !important;
  color: #ffffff !important
}

.ayuda-busqueda {
  min-height: 150px;
  border-bottom: 1px solid #DEE2E6
}

.ayuda-busqueda:last-child {
  border-bottom: 0px
}

.ayuda-tarjeta-tutorial {
  padding: 10px;
  border-radius: 10px;
  min-height: 345px
}

.ayuda-tarjeta-tutorial img {
  border-radius: 10px
}

.ayuda-tarjeta-tutorial .tutorial-descripcion {
  padding: 15px 15px 10px 15px
}

.ayuda-tarjeta-tutorial .titulo-modulo {
  font-weight: 600;
  font-family: 'poppins', sans-serif;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase
}

.ayuda-tarjeta-tutorial .tutorial-nombre {
  font-size: 18px;
  font-weight: 700
}

.tag-espacio {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  border-radius: 5px;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 13px;
  display: block;
  color: #fff;
  background-color: #000;
  text-align: center;
  padding: 5px 8px
}

.tag-tl-10 {
  top: 10px !important;
  left: 10px !important
}

.ayuda-tarjeta-novedad {
  padding: 10px;
  border-radius: 10px
}

.ayuda-tarjeta-novedad img {
  display: block;
  border-radius: 10px;
  padding: 0
}

.ayuda-tarjeta-novedad .novedad-titulo {
  font-size: 18px;
  font-weight: 700
}

.ayuda-preguntas-img {
  right: 50px
}

.ayuda-anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden
}

.nav.menu-ayuda {
  padding: 24px;
  border-radius: 10px;
  font-size: 14px
}

.nav-link.menu-ayuda-link {
  color: #ffffff73
}

.nav-link.menu-ayuda-link.menu-ayuda-active {
  background: rgba(255, 255, 255, 0.2) !important
}

.nav-link.menu-ayuda-link:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff
}

.menu-ayuda {
  position: -webkit-sticky;
  position: sticky;
  top: 90px
}

.menu-ayuda-icono {
  font-size: 16px;
  margin-right: 10px;
  display: block !important;
  float: left;
  background-color: #00000026;
  width: 41px !important;
  height: 41px;
  line-height: 41px !important;
  text-align: center;
  border-radius: 50%;
  margin-left: -16px;
  transition: all 0.1s ease
}

.menu-ayuda-texto {
  font-family: 'poppins', sans-serif;
  font-size: 13px;
  line-height: 14px;
  color: #fff
}

.nav.menu-ayuda2 {
  padding: 24px;
  border-radius: 10px
}

.nav-link.menu-ayuda2-link {
  color: #3a3c40
}

.nav-link.menu-ayuda2-link.menu-ayuda2-active {
  background-color: rgba(131, 144, 185, 0.15);
  color: #0373E6 !important;
  text-decoration: none
}

.nav-link.menu-ayuda2-link:hover {
  background-color: rgba(131, 144, 185, 0.15);
  color: #0373E6 !important
}

.menu-ayuda2 {
  position: -webkit-sticky;
  position: sticky;
  top: 90px
}

.menu-ayuda2 img {
  margin-right: 10px;
  display: block !important;
  float: left;
  width: 41px !important;
  height: 41px;
  line-height: 41px !important;
  text-align: center;
  border-radius: 50%;
  margin-left: -16px;
  transition: all 0.1s ease
}

.menu-ayuda2-texto {
  font-family: 'poppins', sans-serif;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700
}

.ayuda-titulo {
  padding-bottom: 10px;
  padding-top: 5px;
  margin-bottom: 30px
}

.ayuda-titulo-ico {
  font-size: 16px;
  margin-right: 10px;
  display: block !important;
  float: left;
  width: 41px !important;
  height: 41px;
  line-height: 41px !important;
  text-align: center;
  border-radius: 50%
}

.ayuda-prev-next {
  padding: 12px 16px;
  border-radius: 10px
}

.ayuda-prev-next span {
  letter-spacing: 1px
}

.ayuda-prev-next:hover {
  background-color: #F1F2FB
}

.ayuda-lista {
  position: relative;
  display: flex !important;
  align-items: center !important;
  padding: 7px;
  border-radius: 10px;
  page-break-inside: avoid;
  break-inside: avoid;
  transition: all 0.1s ease
}

.ayuda-lista .play-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  border-radius: 50%;
  font-size: 6px;
  line-height: 4px;
  display: block;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 6px
}

.ayuda-lista img {
  display: inline-block;
  margin-right: 10px;
  border-radius: 6px;
  height: 48px;
  width: 80px
}

.ayuda-lista a {
  color: #007bff;
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 12px;
  display: inline-block
}

.ayuda-lista a:visited,
.ayuda-lista a:hover {
  color: #007bff
}

.ayuda-lista .duracion {
  line-height: 11px;
  font-size: 11px;
  color: rgba(54, 55, 60, 0.75)
}

.ayuda-lista:hover {
  background-color: #F1F2FB
}

.ayuda-lista::after {
  display: block;
  content: '';
  bottom: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 1px;
  background: #F1F2FB;
  position: absolute
}

.ayuda-img-full {
  width: 100%;
  margin-bottom: 20px
}

.ayuda-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden
}

.ayuda-video iframe,
.ayuda-video object,
.ayuda-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ayuda-ejecutivo {
  margin-bottom: -150px;
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/ayuda-bg-banner-ejecutivo.d913a69f.jpg);
  background-size: cover;
  background-position: center
}

/* .ayuda-ejecutivo-mej {
  margin-bottom: -150px;
  background-image: url(img/fondo-mejoremos.webp);
  background-size: cover;
  background-position: center
} */

.footer-ayuda {
  background-color: #343A48;
  background-image: none;
  padding: 180px 0px 25px 0px !important;
  margin-top: 43px
}

.footer-ayuda h6 {
  color: #fff;
  margin-bottom: 20px
}

.footer-ayuda p {
  color: #ffffffad;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px
}

.footer-ayuda ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 30px
}

.footer-ayuda ul li {
  width: 100%
}

.footer-ayuda ul li a {
  width: 100%;
  display: block;
  color: #ffffffad;
  transition: all 0.2s ease;
  border-radius: 16px;
  padding: 5px
}

.footer-ayuda ul li a:hover {
  color: #fff;
  padding-left: 12px;
  background-color: rgba(255, 255, 255, 0.2)
}

.footer-ayuda a.social {
  display: block;
  float: left;
  background-color: #ffffffad;
  color: #343a48;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  transition: all 0.3s ease
}

.footer-ayuda a.social:hover {
  background-color: #ffffff;
  color: #e20578;
  transform: rotate(360deg)
}

.ayuda-disclaimer {
  background-color: #21252e;
  text-align: center;
  padding: 10px;
  color: #ffffffad
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/poppins-v8-latin-300.eot");
  src: local("Poppins Light"), local("Poppins-Light"), url("/fonts/poppins-v8-latin-300.eot?#iefix") format("embedded-opentype"), url("/fonts/poppins-v8-latin-300.woff2") format("woff2"), url("/fonts/poppins-v8-latin-300.woff") format("woff"), url("/fonts/poppins-v8-latin-300.ttf") format("truetype"), url("/fonts/poppins-v8-latin-300.svg#Poppins") format("svg")
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/poppins-v8-latin-regular.eot");
  src: local("Poppins Regular"), local("Poppins-Regular"), url("/fonts/poppins-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/poppins-v8-latin-regular.woff2") format("woff2"), url("/fonts/poppins-v8-latin-regular.woff") format("woff"), url("/fonts/poppins-v8-latin-regular.ttf") format("truetype"), url("/fonts/poppins-v8-latin-regular.svg#Poppins") format("svg")
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/poppins-v8-latin-500.eot");
  src: local("Poppins Medium"), local("Poppins-Medium"), url("/fonts/poppins-v8-latin-500.eot?#iefix") format("embedded-opentype"), url("/fonts/poppins-v8-latin-500.woff2") format("woff2"), url("/fonts/poppins-v8-latin-500.woff") format("woff"), url("/fonts/poppins-v8-latin-500.ttf") format("truetype"), url("/fonts/poppins-v8-latin-500.svg#Poppins") format("svg")
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/poppins-v8-latin-700.eot");
  src: local("Poppins Bold"), local("Poppins-Bold"), url("/fonts/poppins-v8-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/poppins-v8-latin-700.woff2") format("woff2"), url("/fonts/poppins-v8-latin-700.woff") format("woff"), url("/fonts/poppins-v8-latin-700.ttf") format("truetype"), url("/fonts/poppins-v8-latin-700.svg#Poppins") format("svg")
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/poppins-v8-latin-600.eot");
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url("/fonts/poppins-v8-latin-600.eot?#iefix") format("embedded-opentype"), url("/fonts/poppins-v8-latin-600.woff2") format("woff2"), url("/fonts/poppins-v8-latin-600.woff") format("woff"), url("/fonts/poppins-v8-latin-600.ttf") format("truetype"), url("/fonts/poppins-v8-latin-600.svg#Poppins") format("svg")
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/poppins-v8-latin-800.eot");
  src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url("/fonts/poppins-v8-latin-800.eot?#iefix") format("embedded-opentype"), url("/fonts/poppins-v8-latin-800.woff2") format("woff2"), url("/fonts/poppins-v8-latin-800.woff") format("woff"), url("/fonts/poppins-v8-latin-800.ttf") format("truetype"), url("/fonts/poppins-v8-latin-800.svg#Poppins") format("svg")
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/poppins-v8-latin-900.eot");
  src: local("Poppins Black"), local("Poppins-Black"), url("/fonts/poppins-v8-latin-900.eot?#iefix") format("embedded-opentype"), url("/fonts/poppins-v8-latin-900.woff2") format("woff2"), url("/fonts/poppins-v8-latin-900.woff") format("woff"), url("/fonts/poppins-v8-latin-900.ttf") format("truetype"), url("/fonts/poppins-v8-latin-900.svg#Poppins") format("svg")
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url("/fonts/roboto-v20-latin-100.eot");
  src: local("Roboto Thin"), local("Roboto-Thin"), url("/fonts/roboto-v20-latin-100.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v20-latin-100.woff2") format("woff2"), url("/fonts/roboto-v20-latin-100.woff") format("woff"), url("/fonts/roboto-v20-latin-100.ttf") format("truetype"), url("/fonts/roboto-v20-latin-100.svg#Roboto") format("svg")
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/roboto-v20-latin-300.eot");
  src: local("Roboto Light"), local("Roboto-Light"), url("/fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v20-latin-300.woff2") format("woff2"), url("/fonts/roboto-v20-latin-300.woff") format("woff"), url("/fonts/roboto-v20-latin-300.ttf") format("truetype"), url("/fonts/roboto-v20-latin-300.svg#Roboto") format("svg")
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/roboto-v20-latin-regular.eot");
  src: local("Roboto"), local("Roboto-Regular"), url("/fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("/fonts/roboto-v20-latin-regular.woff") format("woff"), url("/fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("/fonts/roboto-v20-latin-regular.svg#Roboto") format("svg")
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/roboto-v20-latin-500.eot");
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/fonts/roboto-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v20-latin-500.woff2") format("woff2"), url("/fonts/roboto-v20-latin-500.woff") format("woff"), url("/fonts/roboto-v20-latin-500.ttf") format("truetype"), url("/fonts/roboto-v20-latin-500.svg#Roboto") format("svg")
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/roboto-v20-latin-700.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v20-latin-700.woff2") format("woff2"), url("/fonts/roboto-v20-latin-700.woff") format("woff"), url("/fonts/roboto-v20-latin-700.ttf") format("truetype"), url("/fonts/roboto-v20-latin-700.svg#Roboto") format("svg")
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/roboto-v20-latin-900.eot");
  src: local("Roboto Black"), local("Roboto-Black"), url("/fonts/roboto-v20-latin-900.eot?#iefix") format("embedded-opentype"), url("/fonts/roboto-v20-latin-900.woff2") format("woff2"), url("/fonts/roboto-v20-latin-900.woff") format("woff"), url("/fonts/roboto-v20-latin-900.ttf") format("truetype"), url("/fonts/roboto-v20-latin-900.svg#Roboto") format("svg")
}

.sticky-wrapper {
  display: inline-block
}

.sticky-wrapper.is-sticky #sticker {
  padding-top: 15px;
  z-index: 1 !important;
  display: block;
  right: 42px;
  width: 100% !important
}

.contenido {
  margin-left: 200px;
  width: calc(100% - 200px);
  padding: 0px 40px;
  transition: all 0.2s ease
}

@media screen and (max-width: 768px) {
  .contenido {
    margin-left: 0px;
    width: 100%;
    padding: 0px 16px
  }
}

.w-30px {
  width: 30px
}

.w-40px {
  width: 40px
}

.w-50px {
  width: 50px
}

.w-60px {
  width: 60px
}

.w-75px {
  width: 75px
}

.w-80px {
  width: 80px
}

.w-100px {
  width: 100px
}

.w-120px {
  width: 120px
}

.w-140px {
  width: 140px
}

.w-150px {
  width: 150px
}

.w-200px {
  width: 200px
}

.w-250px {
  width: 250px
}

.w-300px {
  width: 300px
}

.w-100-1 {
  width: calc(100% - 1px)
}

.mw-100 {
  min-width: 100%
}

.h-100 {
  height: 100%
}

.margin-auto {
  margin-right: auto;
  margin-left: auto
}

.filtros-acciones {
  margin: 30px -15px
}

.filtros-acciones h1 {
  font-family: 'quicksand', sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding-top: 12px
}

.filtros-acciones h1 a {
  color: #3a3c403b;
  margin-right: ppx;
  font-size: 15px;
  display: block;
  float: left;
  width: 30px;
  margin-top: 1px
}

.filtros-acciones h1 a:hover {
  color: #E70441;
  margin-right: 3px;
  margin-left: -3px
}

.filtros-acciones .dropdown {
  float: left;
  margin-right: 6px
}

.rrhh-user-avatar {
  border-radius: 50%;
  margin-right: 8px;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  float: left
}

.icon-rango-notas {
  float: left;
  display: block;
  border-radius: 5px;
  color: #fff;
  padding-top: 10px;
  font-size: 22px;
  text-align: center;
  width: 42px;
  height: 42px;
  margin-right: 8px;
  margin-top: 4px
}

.barra-rango-notas {
  float: left;
  width: calc(100% - 50px)
}

.icon-block-xs {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 14px;
  border-radius: 2px;
  text-align: center;
  padding-top: 3px;
  float: left;
  margin-right: 6px
}

.icon-16 {
  width: 32px;
  height: 32px;
  line-height: 32px !important;
  font-size: 16px;
  text-align: center
}

.icon-14 {
  width: 26px;
  height: 26px;
  line-height: 26px !important;
  font-size: 14px;
  text-align: center
}

.icon-svg svg {
  fill: currentColor;
  height: 16px;
  overflow: inherit
}

.icon-svg.font-12 svg {
  height: 12px
}

.col-xxl-3 {
  flex: 0 0 100%;
  max-width: 25%
}

@media only screen and (max-width: 1599px) {
  .col-xxl-3 {
    max-width: 100%
  }
}

.col-xxl-4 {
  flex: 0 0 100%;
  max-width: 33%
}

@media only screen and (max-width: 1599px) {
  .col-xxl-4 {
    max-width: 100%
  }
}

.col-xxl-6 {
  flex: 0 0 100%;
  max-width: 50%
}

@media only screen and (max-width: 1599px) {
  .col-xxl-6 {
    max-width: 100%
  }
}

.col-xxl-9 {
  flex: 0 0 100%;
  max-width: 75%
}

@media only screen and (max-width: 1599px) {
  .col-xxl-9 {
    max-width: 100%
  }
}

.col-xxl-12 {
  flex: 0 0 100%;
  width: 100%
}

@media only screen and (min-width: 1599px) {
  .col-xxl-12 {
    max-width: 100% !important
  }
}

.d-xxl-only {
  display: none
}

@media only screen and (min-width: 1599px) {
  .d-xxl-only {
    display: block
  }
}

.d-xl2-block {
  display: none
}

@media (max-width: 1280px) {
  .d-xl2-block {
    display: block
  }
}

.mensajitos {
  text-align: center;
  padding: 40px 10px
}

.mensajitos p {
  font-family: 'quicksand', sans-serif;
  font-weight: 600;
  font-size: 16px;
  margin-top: 16px;
  color: rgba(54, 55, 60, 0.75)
}

.bg-ficha {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/fondo-ficha-1.9e8fa7ad.png);
  background-size: 100% 404px;
  background-repeat: no-repeat;
  transition: all 0.2s ease
}

span.nee-icon {
  display: inline-block;
  position: relative;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  color: #fff;
  line-height: 30px;
  background-color: #cfd3da;
  border-radius: 3px;
  margin-right: 5px;
  float: left;
  margin-top: 1px;
  margin-bottom: 1px
}

span.nee-icon i {
  float: left;
  margin-left: -8px;
  margin-right: 8px;
  display: block;
  width: 30px;
  height: 30px;
  background-color: rgba(54, 55, 60, 0.25);
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  border-radius: 3px 0px 0px 3px;
  font-style: unset;
  font-weight: bold
}

span.nee-icon-eval {
  display: inline-block;
  position: relative;
  height: 30px;
  padding-left: 8px;
  padding-right: 8px;
  color: #fff;
  line-height: 30px;
  background-color: rgba(54, 55, 60, 0.1);
  border-radius: 15px;
  margin-right: 5px;
  float: left;
  margin-top: 1px;
  margin-bottom: 1px
}

span.nee-icon-eval i {
  float: left;
  margin-left: -8px;
  margin-right: 8px;
  display: block;
  width: 26px;
  height: 26px;
  background-color: rgba(54, 55, 60, 0.05);
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  border-radius: 15px;
  font-style: unset;
  font-weight: bold
}

span.nee-icon-eval:hover {
  background-color: #fff
}

.equipo-pie {
  padding: 12px 16px;
  border-bottom: 1px solid #e5e8ef
}

.equipo-pie h5 {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 14px;
  margin-top: 6px;
  margin-bottom: 0px
}

.equipo-pie .close {
  position: absolute;
  right: 16px;
  top: 18px;
  display: block;
  background-color: rgba(20, 40, 74, 0.15);
  border-radius: 50%;
  padding: 0px;
  width: 32px;
  height: 32px;
  font-size: 18px;
  color: rgba(54, 55, 60, 0.75);
  text-shadow: none;
  opacity: 1;
  transition: all 0.2s ease
}

.equipo-pie .close:hover {
  background-color: #0373E6;
  color: #fff
}

.ev-unidad {
  background-color: transparent;
  font-size: 20px;
  font-weight: 800;
  padding: 0px 16px;
  height: 54px;
  line-height: 54px
}

.ev-unidad .ev-ponderacion {
  right: 50px;
  top: 12px;
  font-size: 16px;
  width: 50px;
  height: 30px;
  background-color: #0373E6;
  line-height: 32px
}

.ev-unidad .btn-ellipsis {
  top: 10px;
  right: 8px;
  position: absolute;
  margin: 0px
}

.ev-diagnostica .ev-icono {
  background-color: #2FB2FD
}

.ev-formativa .ev-icono {
  background-color: #F39205
}

.ev-sumativa .ev-icono {
  background-color: #4CB911
}

.ev-icono {
  display: block;
  color: white;
  font-size: 16px;
  text-align: center;
  line-height: 44px;
  width: 44px;
  height: 100%;
  border-radius: 4px 0px 0px 4px;
  float: left;
  position: absolute
}

.ev-contenido {
  float: left;
  width: 100%;
  padding-left: 44px;
  min-height: 44px
}

.ev-contenido .btn-ellipsis {
  margin-top: 4px;
  margin-right: 4px
}

.ev-titulo {
  font-family: 'poppins', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 0px 12px;
  width: 200px
}

.ev-titulo a {
  transition: all 0s ease !important
}

.ev-titulo a:hover {
  color: #0373e6 !important
}

.ev-datos {
  font-size: 12px;
  color: rgba(54, 55, 60, 0.5);
  padding: 0px 16px;
  border-left: 1px solid rgba(54, 55, 60, 0.1)
}

.ev-datos i {
  font-size: 16px;
  margin-right: 5px;
  color: rgba(54, 55, 60, 0.25)
}

.ev-ponderacion {
  background-color: #4cb911;
  color: white;
  font-family: 'poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 40px;
  text-align: center;
  line-height: 25px;
  height: 24px;
  border-radius: 4px;
  position: absolute;
  right: 44px
}

.ev-acumulativa {
  height: 34px;
  box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.15)
}

.ev-acumulativa .ev-contenido {
  min-height: 34px;
  height: 34px;
  padding-left: 0px
}

.ev-acumulativa .ev-titulo {
  font-size: 12px;
  width: 188px
}

.ev-acumulativa .ev-ponderacion {
  background-color: rgba(33, 61, 113, 0.08);
  color: #4cb911;
  font-size: 11px;
  right: 32px
}

.ev-acumulativa .btn-ellipsis {
  width: 28px;
  height: 30px;
  margin-top: 2px;
  margin-right: 2px
}

.ev-acumulativa .btn-ellipsis button {
  width: 28px;
  height: 30px
}

.ev-small .ev-datos {
  display: none
}

.ev-small .btn-ellipsis {
  display: none
}

.ev-small .ev-ponderacion {
  right: 16px
}

.ev-small .ev-acumulativa .ev-ponderacion {
  right: 5px
}

.ev-small .ev-unidad .ev-ponderacion {
  right: 16px
}

.rounded-0 {
  border-radius: 0px !important
}

.rounded-4 {
  border-radius: 4px !important
}

.rounded-8 {
  border-radius: 8px !important
}

.rounded-10 {
  border-radius: 10px !important
}

.rounded-12 {
  border-radius: 12px !important
}

.rounded-20 {
  border-radius: 20px !important
}

.border-2 {
  border: 2px solid #cfd2da
}

.border-2px {
  border-width: 2px !important
}

.globo-comentario {
  background-color: white;
  color: #36373c;
  border-radius: 10px;
  border: 2px solid #cdcdce;
  padding: 8px 16px;
  position: relative;
  position: relative
}

.globo-comentario label {
  color: #000000 !important;
  margin-bottom: 4px
}

.globo-comentario p {
  margin: 0px !important
}

.globo-comentario span {
  opacity: 0.5;
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 10px;
  font-weight: 600
}

.globo-comentario::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom: 8px solid #cdcdce;
  transform: rotate(-90deg);
  position: absolute;
  left: -13px;
  top: 7px;
  z-index: 0
}

.globo-comentario.nuevo {
  background: #fff6dd
}

.avatar-selector {
  display: block;
  text-align: center
}

.avatar-selector label.btn {
  width: 45px;
  height: 45px;
  box-shadow: none;
  background-color: #ebedf4;
  margin: 3px !important;
  border-radius: 50% !important;
  box-shadow: 0px 0px 0px 0px #fff;
  transition: all 0.2s ease;
  padding: 0px !important;
  flex: none;
  overflow: inherit
}

.avatar-selector label.btn img {
  width: 100%;
  border-radius: 50%
}

.avatar-selector label.btn:hover {
  box-shadow: 0px 0px 0px 3px rgba(20, 40, 74, 0.15)
}

.avatar-selector label.btn.active {
  box-shadow: 0px 0px 0px 3px #af2490;
  background-color: #af2490;
  position: relative
}

/* .avatar-selector label.btn::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-color: #af2490;
  background-image: url(img/icon_check.png) !important;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  position: absolute;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
  transition: all 0.2s ease;
  opacity: 0;
  transform: scale(0.5)
} */

.avatar-selector label.btn.active::after {
  opacity: 1;
  transform: scale(1)
}

.opacity-0 {
  opacity: 0
}

.opacity05 {
  opacity: 0.5
}

.opacity08 {
  opacity: 0.8
}

.nav240 {
  width: 240px;
  float: left
}

.content240 {
  width: calc(100% - 240px);
  float: left
}

.nav200 {
  width: 200px;
  float: left
}

.content200 {
  width: calc(100% - 200px);
  float: left
}

.nav180 {
  width: 180px;
  float: left
}

.content180 {
  width: calc(100% - 180px);
  float: left
}

.nav150 {
  width: 150px;
  float: left
}

.content150 {
  width: calc(100% - 150px);
  float: left
}

.nav120 {
  width: 120px;
  float: left
}

.content120 {
  width: calc(100% - 120px);
  float: left
}

.nav100 {
  width: 100px;
  float: left
}

.content100 {
  width: calc(100% - 100px);
  float: left
}

.nav80 {
  width: 80px;
  float: left
}

.content80 {
  width: calc(100% - 80px);
  float: left
}

.nav60 {
  width: 60px;
  min-width: 60px;
  float: left
}

.content60 {
  width: calc(100% - 60px);
  float: left
}

.nav40 {
  width: 40px;
  float: left
}

.content40 {
  width: calc(100% - 40px);
  float: left
}

.p-15 {
  padding: .5rem !important
}

.pt-25 {
  padding-top: .75rem !important
}

.pb-25 {
  padding-bottom: .75rem !important
}

.pr-25 {
  padding-right: .75rem !important
}

.pl-25 {
  padding-left: .75rem !important
}

.p-45 {
  padding: 2rem !important
}

.pt-45 {
  padding-top: 2rem !important
}

.pb-45 {
  padding-bottom: 2rem !important
}

.pr-45 {
  padding-right: 2rem !important
}

.pl-45 {
  padding-left: 2rem !important
}

.ayuda-icon {
  outline: none
}

.ayuda-icon i {
  margin-left: 0.3rem;
  cursor: pointer;
  color: rgba(54, 55, 60, 0.25);
  transition: all 0.2s ease
}

.ayuda-icon:hover i {
  color: #0373E6
}

@keyframes rotating {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

.spinner {
  animation: rotating 0.5s linear infinite
}

.bor-2px {
  border-width: 2px !important
}

.bor-3px {
  border-width: 3px !important
}

.bor-5px {
  border-width: 5px !important
}

.bor-solid {
  border-style: solid !important
}

.my-slider-container {
  position: relative;
  margin: 0px -10px
}

.control {
  list-style: none
}

@media (max-width: 1251px) {
  .control {
    display: none
  }
}

.control li {
  position: absolute;
  z-index: 1;
  top: calc(50% - 22px);
  transform: translateY(-50%);
  color: rgba(54, 55, 60, 0.5);
  background: #F6F7FB;
  opacity: 1;
  padding: 12px 20px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 2
}

.control li:hover {
  opacity: 1;
  color: white;
  background: #e20578
}

.control li.prev {
  left: -52px !important
}

.control li.next {
  right: -52px !important
}

.tns-nav {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 15px
}

.tns-nav button {
  height: 13px;
  width: 8px;
  background-color: rgba(20, 40, 74, 0.15);
  border: none;
  margin-left: 7px;
  border-radius: 50%
}

.tns-nav .tns-nav-active {
  background-color: #0373E6;
  outline: none !important
}

.tns-ovh {
  padding: 10px
}

.tns-ovh::before {
  content: '';
  display: block;
  width: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  background: linear-gradient(90deg, #e5e8ef 0%, rgba(229, 232, 239, 0) 100%);
  z-index: 1
}

.tns-ovh::after {
  content: '';
  display: block;
  width: 10px;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  background: linear-gradient(270deg, #e5e8ef 0%, rgba(229, 232, 239, 0) 100%);
  z-index: 1
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none
}

.btn-backtotop {
  font-size: 12px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  border: 0px;
  z-index: 99
}

.youtube-responsive {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%
}

.youtube-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 1px)
}

.fas-svg svg {
  fill: currentColor;
  height: 16px
}

/* .pasos-seguimiento {
  background-image: url(img/pasos-linea-2.png);
  background-repeat: repeat-y;
  background-position: 26px center
} */

.pasos-seguimiento .nav60 {
  padding-top: 10px !important;
  padding-left: .5rem !important
}

.pasos-seguimiento .icono-seguimiento {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-size: 18px
}

.pasos-seguimiento .titulo-seguimiento-1 {
  font-family: 'poppins', sans-serif;
  color: #36373c;
  font-size: 14px;
  line-height: 16px;
  font-weight: 800
}

.pasos-seguimiento .titulo-seguimiento-2 {
  font-family: 'poppins', sans-serif;
  color: rgba(54, 55, 60, 0.75) !important;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600
}

.pasos-seguimiento .fecha-seguimiento {
  font-size: 11px;
  font-weight: 400;
  opacity: 0.6;
  line-height: 11px;
  display: block;
  margin-top: 3px;
  margin-bottom: 10px
}

.pasos-seguimiento:first-child {
  background-size: 2px calc(100% - 50px);
  background-repeat: no-repeat;
  background-position: 26px bottom
}

.pasos-seguimiento:last-child {
  background-size: 2px 50px;
  background-repeat: no-repeat;
  background-position: 26px top
}

.login-rrss {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0px;
  margin-top: 60px
}

.login-rrss i.rrss {
  display: inline-block;
  width: 38px;
  height: 38px;
  background: #0373E6;
  color: white;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  transition: all 0.2s ease
}

.login-rrss i.rrss:hover {
  transform: translate(0px, -4px);
  box-shadow: 0px 4px rgba(20, 40, 74, 0.15)
}

/* .webinar-avatar-expositor {
  background-image: url(img/webinar_avatar_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 12%
} */

/* .webinar-premio {
  background-image: url(img/webinar_premio_bg.png);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat
} */

.icon-svg {
  fill: currentColor
}

.icon-svg.font-12 {
  height: 12px
}

.icon-svg.font-16 {
  height: 16px
}

.icon-svg.font-20 {
  height: 20px
}

.icono-asignatura {
  display: block;
  width: 42px;
  height: 42px;
  border-radius: 5px;
  line-height: 42px;
  text-align: center;
  color: white;
  font-family: 'poppins', sans-serif;
  font-size: 14px
}

.span-link-hover {
  opacity: 0
}

td:hover>.span-link-hover,
div:hover>.span-link-hover,
span:hover>.span-link-hover {
  opacity: 1
}

.opciones-hover {
  background: linear-gradient(90deg, rgba(237, 240, 244, 0) 0%, #edf0f4 35%, #edf0f4 100%);
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  opacity: 0;
  transition: all 0.1s ease
}

div:hover>.opciones-hover {
  opacity: 1
}

.overflow-unset {
  overflow: unset !important
}

.menu-demo {
  position: fixed;
  bottom: -140px;
  left: 0px;
  width: 300px;
  height: 300px;
  z-index: 99
}

.menu-demo .fondo-menu-demo {
  background-color: red;
  border-radius: 50%;
  width: 300px;
  height: 300px;
  margin-left: -80px;
  margin-bottom: -80px;
  transition: all 0.3s ease
}

.menu-demo .fondo-menu-demo:hover {
  width: 400px;
  height: 400px;
  margin-left: -130px;
  margin-top: -30px
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":"./fonts/GeistVF.woff","variable":"--font-geist-sans","weight":"100 900"}],"variableName":"geistSans"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__geistSans_1e4310';
src: url(/_next/static/media/4473ecc91f70f139-s.p.woff) format('woff');
font-display: swap;
font-weight: 100 900;
}@font-face {font-family: '__geistSans_Fallback_1e4310';src: local("Arial");ascent-override: 85.83%;descent-override: 20.52%;line-gap-override: 9.33%;size-adjust: 107.19%
}.__className_1e4310 {font-family: '__geistSans_1e4310', '__geistSans_Fallback_1e4310'
}.__variable_1e4310 {--font-geist-sans: '__geistSans_1e4310', '__geistSans_Fallback_1e4310'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!./node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":"./fonts/GeistMonoVF.woff","variable":"--font-geist-mono","weight":"100 900"}],"variableName":"geistMono"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: '__geistMono_c3aa02';
src: url(/_next/static/media/463dafcda517f24f-s.p.woff) format('woff');
font-display: swap;
font-weight: 100 900;
}@font-face {font-family: '__geistMono_Fallback_c3aa02';src: local("Arial");ascent-override: 69.97%;descent-override: 16.73%;line-gap-override: 7.61%;size-adjust: 131.49%
}.__className_c3aa02 {font-family: '__geistMono_c3aa02', '__geistMono_Fallback_c3aa02'
}.__variable_c3aa02 {--font-geist-mono: '__geistMono_c3aa02', '__geistMono_Fallback_c3aa02'
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/bootstrap/dist/css/bootstrap.min.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{flex-basis:0;flex-grow:1;min-width:0;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{column-count:3;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item{display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1 1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position: -webkit-sticky) or (position: sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
/*# sourceMappingURL=bootstrap.min.css.map */