@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
body {
  padding: 0px !important;
  margin: 0px 0px 120px 0px !important;
  overflow-x: hidden;
  overflow-y: hidden;
  user-select: none;
}
@media (min-width: 600px) {
  body {
    margin: 0px !important;
  }
}
body .container {
  width: 100% !important;
  padding: 0px !important;
  margin: 0px !important;
  max-width: 100% !important;
}
body header {
  height: auto;
  display: block;
  position: inherit;
}
body header main {
  display: block;
}
body .no-margin {
  margin: 0 !important;
}
body .no-padding {
  padding: 0 !important;
}
body .no-padding-left {
  padding-left: 0 !important;
}
body .no-padding-right {
  padding-right: 0 !important;
}
body .row-padding {
  padding: 0px;
}
@media (min-width: 600px) {
  body .row-padding {
    padding: 0 16px;
  }
}
body .z-depth-1 {
  -webkit-box-shadow: 0px 4px 4px 0px rgb(200, 202, 215);
  -moz-box-shadow: 0px 4px 4px 0px rgb(200, 202, 215);
  box-shadow: 0px 4px 4px 0px rgb(200, 202, 215);
}
body .z-depth-1-reverse {
  -webkit-box-shadow: 0px -2px 5px 0px rgb(200, 202, 215);
  -moz-box-shadow: 0px -2px 5px 0px rgb(200, 202, 215);
  box-shadow: 0px -2px 5px 0px rgb(200, 202, 215);
}
body .jconfirm-title {
  width: 100% !important;
}

.no-space {
  height: 60px !important;
}

.drag-target {
  height: 100%;
  width: 10px;
  position: unset !important;
  top: 0;
  z-index: 998;
}

.items-counter {
  margin: 16px 0;
}

.truncate {
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-break: break-all;
}

.truncate2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: 3em !important;
}

.truncate3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: 4.5em;
}

.truncate4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5;
  max-height: 6em;
}

.truncatemid {
  -webkit-box-orient: vertical;
  width: 20%;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.truncatebtn {
  width: calc(20% + 40px) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  display: flex;
  display: inline-block !important;
}

.truncatebtn2 {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  display: flex;
  display: inline-block !important;
  width: calc(50% - 100px) !important;
}

.m-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.m-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.m-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.strong {
  font-weight: 600;
}

.calc-container-1 {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 170px);
}
@media (max-width: 600px) {
  .calc-container-1 {
    height: calc(100vh - 150px);
  }
}

.calc-container-no-breadcrumbs-title {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100vh - 100px);
  /* Solo Header + Footer */
}

.calc-container-2 {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 145px);
}

.calc-container-3 {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 180px);
}
@media (min-width: 600px) {
  .calc-container-3 {
    height: calc(100vh - 121px);
  }
}

.calc-container-4 {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 180px);
}
@media (min-width: 600px) {
  .calc-container-4 {
    height: calc(100vh - 96px);
  }
}

.calc-container-full {
  overflow-y: scroll;
  overflow-x: hidden;
  height: calc(100vh - 0px);
}
@media (min-width: 600px) {
  .calc-container-full {
    height: calc(100vh - 0px);
  }
}

.talltruncate {
  height: 90px !important;
}

.calc-container-modal {
  overflow-y: scroll;
  overflow-x: hidden;
  height: auto;
}

.space-icon-side {
  padding-left: 16px;
}

.active-itm p {
  color: #FF9800 !important;
}

.md-icon-move-y {
  transform: translateY(10px);
}

.title-side-asset {
  font: 16px;
  font-weight: 700;
  color: #FF9800;
}

.button-sidebar-fullwidth {
  width: 100% !important;
}

.btn-flex {
  display: inline-flex;
}
.btn-flex .badge {
  transform: translate(-3px, 4px);
}

.lottie-no-devices {
  width: 261px;
  margin: 108px;
  transform: translate(0px, -64px);
}

.right-check {
  transform: translate(17px, -15px) !important;
}

.new-flows {
  color: #0F5132;
  border: 0px solid #0F5132;
  background-color: #D1E7DD !important;
}

.tabs-contenido-c23 {
  padding-left: 79px !important;
}

.contTMaterial {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-dev-plan {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.card-content.space-cardplan-trainingmaterial,
.card-action.divider-plan {
  flex-grow: 1;
}

.card-content.space-cardplan-trainingmaterial {
  min-height: 200px;
}

.space-titlecard h4 {
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.p-24 {
  padding: 24px;
}

.d-f {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-c {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.d-x {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}

.margin-card-force {
  margin: 8px !important;
}

.s-t01 {
  padding-left: 24px;
  padding-right: 24px;
}

.partial-correct-question {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
}
.partial-correct-question .question-child-1 .digits-2,
.partial-correct-question .question-child-1 .digits-3 {
  color: #664D03 !important;
  border: 0px solid #664D03 !important;
  background-color: #FFF3CD !important;
}
.partial-correct-question .question-child-1 .digits-2 i,
.partial-correct-question .question-child-1 .digits-3 i {
  color: #664D03 !important;
}
.partial-correct-question .question-child-1 .digits-2:active,
.partial-correct-question .question-child-1 .digits-3:active {
  color: #664D03 !important;
  border: 0px solid #664D03 !important;
  background-color: #FFF3CD !important;
}

.partial-correct-question {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
}
.partial-correct-question .question-child-1 span {
  border: 2px solid #FFF3CD !important;
  background: #FFF3CD !important;
}
.partial-correct-question .question-child-1 span:active {
  border: 2px solid #FFF3CD !important;
  background: #FFF3CD !important;
}

.partial-correct-question .material-symbols-outlined {
  font-size: 20px;
  color: #4caf50;
}

.partial-correct-note {
  color: #664D03 !important;
  border: 0px solid #664D03 !important;
  background-color: #FFF3CD !important;
}

.time-accunts-date {
  color: #969696;
  font-size: 14px;
}

.analyrics-card-home {
  position: relative !important;
  height: 100% !important;
  max-height: 400px !important;
}

#calChart {
  width: 100% !important;
  height: 100% !important;
  max-height: 100%;
}

.modal-footer {
  display: flex !important;
  justify-content: flex-end !important;
}

.hidden-scroll {
  overflow: hidden;
}

.numbered-list ol {
  list-style: none;
  counter-reset: custom-counter;
  margin: 0;
  padding-left: 1.5rem;
}
.numbered-list ol li {
  counter-increment: custom-counter;
  margin-bottom: 1rem;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #333;
}
.numbered-list ol li::before {
  content: counter(custom-counter) ".";
  font-weight: bold;
  color: #000000;
  display: inline-block;
  width: 2rem;
}

.first-card,
.second-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-content-section {
  max-height: 520px;
  min-height: 520px;
  overflow-y: auto;
  padding: 15px;
  box-sizing: border-box;
  border-radius: 20px;
}

.second-card .card-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.second-card img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.numbered-list ol {
  margin: 0;
  padding-left: 1.5rem;
}
.numbered-list ol li {
  margin-bottom: 0.5rem;
}

.custom-date-display {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 10px 0;
  font-family: "Roboto", sans-serif;
}

.custom-date-label {
  font-size: 14px;
  margin-bottom: 5px;
  color: #333;
}

.custom-date-field {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  color: #444;
}

.custom-date-icon {
  margin-right: 8px;
  font-size: 16px;
  color: #666;
}

.custom-date-value {
  font-size: 16px;
  color: #333;
}

.custom-copy-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  margin: 10px 0;
}

.custom-copy-label {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
}

.custom-copy-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  padding: 10px 15px;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  color: #333;
}
.custom-copy-field span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.custom-copy-icon {
  cursor: pointer;
  font-size: 20px;
  color: #333;
  transition: color 0.3s ease;
}
.custom-copy-icon:hover {
  color: #000000;
}

.p-24 {
  padding: 24px !important;
}

.w-100-m-t-32 {
  width: 100% !important;
  margin-top: 16px !important;
}

.rounded-card {
  border-radius: 20px;
}

.custom-btn-info {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #f39c12;
  color: #fff;
  border-radius: 50%;
  width: 32px !important;
  height: 32px !important;
  text-decoration: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
}
.custom-btn-info .material-symbols-outlined {
  font-size: 16px;
}

.access-card {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.icon-wrapper {
  background-color: #FFE0B2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 8px;
}
.icon-wrapper .material-icons {
  font-size: 24px;
  color: #333;
}

.text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.text-content .description {
  margin: 0;
  font-size: 14px;
  color: #666;
}
.text-content .value {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}

.modal-25 {
  width: 34% !important;
}

.d-flex-center {
  display: flex;
  align-items: center;
}
.d-flex-center .chip {
  margin-right: 16px;
}

.d-flex-grid {
  display: grid;
  align-items: center;
}
.d-flex-grid .chip {
  margin-right: 16px;
}

.custom-date-container {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}

.custom-date-label {
  font-weight: 500;
  margin-right: 10px;
  width: auto;
  white-space: nowrap;
}

.custom-date-display {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 8px;
  flex-direction: row;
  padding: 8px 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  width: 100%;
  max-width: 300px;
  color: #424242;
}

.custom-date-display .chip {
  margin-top: 6px;
}

.custom-date-icon i {
  margin-right: 8px;
  font-size: 16px;
  color: #424242;
}

.custom-date-text {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  text-align: center;
}

.d-flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-center-align {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.vertical-line {
  width: 1px;
  height: 100px;
  background-color: #b3b3b3;
  margin: 0 auto;
}

.W-50 {
  width: 80% !important;
}

.j-end {
  justify-content: flex-end;
}

.j-center {
  justify-content: center;
}

.space-l-r {
  margin-right: 16px;
  margin-left: 16px;
}

.img-card01 {
  width: 100%;
  height: 130px;
  object-fit: contain;
  object-position: left;
  display: block;
}

.d-ruby button {
  margin-top: 47px !important;
}

.row-nav-rail {
  margin-left: 100px;
}

.card-tenats {
  display: grid;
  height: 170px;
  align-items: center;
}

.right-border-nav {
  border-right: 1px solid #E9EBF9;
}

.card-foros .card-actions-foros,
.card-foros .chips-foros,
.card-foros .header-card-foros {
  display: flex;
  justify-content: space-between;
}
.card-foros .header-card-foros {
  position: relative;
  width: auto;
}

.group-f1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-help-center {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 1rem;
  overflow: hidden;
  font-family: sans-serif;
  background: #fff;
}

.card-help-center-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  cursor: pointer;
  transition: background 0.3s ease;
}

.card-help-center-header-text-both {
  flex: 1;
}

.card-help-center-title {
  font-size: 1.1rem;
  margin: 0;
  font-weight: bold;
}

.context-sub {
  font-size: 0.9rem;
  color: #666;
}

/* Flecha */
.card-help-center-arrow {
  transition: transform 0.3s ease;
}

/* Subcontent (chip) */
.card-help-center-subcontent {
  padding: 0.5rem 1rem;
  cursor: pointer;
}

/* Contenido oculto por defecto */
.card-help-center-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: 0 1rem;
  opacity: 0;
  visibility: hidden;
}
.card-help-center-content.expanded {
  max-height: 500px;
  overflow: auto;
  padding: 1rem;
  opacity: 1;
  visibility: visible;
}

/* Mostrar cuando se activa */
/* Rotar flecha */
.card-help-center-arrow.rotated {
  transform: rotate(180deg);
}

.tech-text-portal {
  display: flex;
  align-items: center;
  color: #A5A5A5;
  font-size: 12px;
  font-family: Lato;
  font-weight: 400;
  word-wrap: break-word;
}
.tech-text-portal .text-profit-s {
  color: #080B17;
  font-size: 20px;
  font-family: Lato;
  font-weight: 700;
  line-height: 42px;
  word-wrap: break-word;
  padding-right: 8px;
}

.btn-portal-card {
  margin-left: 16px;
}

.organge-text-user {
  color: #FF9800 !important;
}

.green-text-user {
  color: #18A136 !important;
}

.aprovechamiento-item {
  padding: 10px 0;
  border-bottom: 1px solid #eceff1;
}
.aprovechamiento-item .avatar-col {
  display: flex;
  justify-content: center;
  align-items: center;
}
.aprovechamiento-item .avatar-col img {
  width: 48px;
  height: 48px;
}
.aprovechamiento-item .user-info p {
  margin: 0;
  font-weight: 600;
  font-size: 0.95rem;
  color: #212121;
}
.aprovechamiento-item .user-info span {
  font-size: 0.8rem;
  color: #9e9e9e;
}
.aprovechamiento-item .progress-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.aprovechamiento-item .progress-container .progress {
  height: 8px;
  background-color: #e0e0e0;
  margin-bottom: 4px;
  border-radius: 50px;
  overflow: hidden;
}
.aprovechamiento-item .progress-container .progress .determinate {
  background-color: #29b6f6;
  transition: width 0.3s ease-in-out;
}
.aprovechamiento-item .progress-container .percentage {
  font-size: 0.8rem;
  text-align: right;
  color: #424242;
  font-weight: 500;
}

.cert-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
  padding-top: 8px;
}

.cert-box {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 12px 10px;
  text-align: center;
  font-size: 0.85rem;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  color: #212121;
}
.cert-box strong {
  font-weight: 700;
  color: #000;
}

.row.equal-height {
  display: flex;
  flex-wrap: wrap;
}
.row.equal-height > .col {
  display: flex;
  flex-direction: column;
}
.row.equal-height .data-card-portal-1 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.row.equal-height .data-card-portal-1 .card-content {
  flex-grow: 1;
}

.card-title {
  color: #080B17;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  word-wrap: break-word;
}

.disabled-card {
  pointer-events: none;
  opacity: 0.6;
  background-color: #ffffff !important;
  color: #666 !important;
}

.card-cursor-pointer {
  cursor: pointer;
}

.card-section-analytics {
  height: 120px;
  border-radius: 8px;
}

.total-text {
  color: #080B17;
  font-size: 22px;
  font-weight: 700;
  word-wrap: break-word;
}

.total-hihght-text {
  color: #0CCE6B;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: 0.34px;
  word-wrap: break-word;
}

.custom-progress-container {
  width: 100%;
  padding-top: 16px;
  /* espacio para que la línea sobresalga */
}

.custom-progress-bar {
  position: relative;
  height: 8px;
  background-color: #e0e0e0;
  border-radius: 5px;
  overflow: visible;
  /* CLAVE para que la línea pueda salir */
}

.custom-progress-fill {
  height: 100%;
  border-radius: 5px;
  transition: width 0.3s ease;
}

.custom-target-line {
  position: absolute;
  top: -6px;
  width: 2px;
  height: 18px;
  background-color: black;
  transform: translateX(-65%);
  z-index: 2;
}

.custom-progress-label-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
}

.custom-progress-label {
  color: black;
  font-size: 16px;
  font-weight: 700;
}

.first-titlle-data {
  color: #080B17;
  font-size: 22px;
  font-weight: 700;
  word-wrap: break-word;
}

.second-titlle-data {
  color: #121212;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.34px;
  word-wrap: break-word;
}

.text-ay-01 {
  color: #388E3C;
  font-size: 22px;
  font-weight: 700;
  word-wrap: break-word;
}

.text-ay-01-or {
  color: #FF7043;
  font-size: 22px;
  font-weight: 700;
  word-wrap: break-word;
}

.text-ay-02 {
  color: #666666;
  font-size: 22px;
  font-weight: 700;
  word-wrap: break-word;
}

.text-ay-02-01 {
  color: #666666;
  font-size: 22px;
  font-weight: 400;
}

.last-titlle-data {
  color: #666666;
  font-size: 22px;
  font-weight: 700;
  word-wrap: break-word;
}

.last-titlle-data01 {
  color: #666666;
  font-size: 22px;
  font-family: Lato;
  font-weight: 700;
}

.xpert-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.xpert-user-info {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

.xpert-avatar img {
  border-radius: 50%;
}

.xpert-user-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.xpert-name {
  font-weight: 600;
  margin: 0;
  font-size: 16px;
  color: #333;
}

.xpert-role,
.xpert-company {
  margin: 0;
  font-size: 13px;
  color: #555;
  line-height: 1.2;
}

.xpert-info-icon {
  position: absolute;
  top: 0;
  right: -30px;
}

.xpert-logo img {
  max-width: 140px;
}

.sticky-title {
  position: sticky;
  top: 0;
  background: white;
  z-index: 3;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sticky-card {
  position: sticky;
  top: 10px;
  /* Ajusta si el título ocupa más espacio */
  background: white;
  z-index: 2;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 994;
}

.card-no-date {
  height: 158px;
}
.card-no-date .sect1 {
  width: 80%;
}
.card-no-date .sect2 {
  width: 20%;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

@media (max-width: 992px) {
  .card-st-213 {
    margin-bottom: 50px !important;
  }
}
.text-v-any {
  color: #55565A;
  font-size: 24px;
  font-weight: 700;
  line-height: 34.48px;
  word-wrap: break-word;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.learning-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 20px;
}

.learning-image {
  max-width: 100%;
  height: auto;
  margin-bottom: 16px;
}

.learning-title {
  margin: 8px 0;
  font-size: 24px;
  font-weight: 600;
}

.flex-column {
  flex-direction: column;
}

.learning-text {
  font-size: 16px;
  max-width: 600px;
}

.text-center {
  text-align: center;
}

.modal-title {
  font-size: 20px;
  font-weight: 700;
  color: #080B17;
  font-family: Lato;
  margin-bottom: 24px;
}

.info-block {
  margin-bottom: 20px;
}

.info-header {
  display: flex;
  align-items: center;
  gap: 10px;
}

.material-symbols-outlined {
  font-size: 20px;
  color: #333;
}

.label {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  font-family: Lato;
}

.value {
  font-size: 16px;
  font-weight: 700;
  color: #080B17;
  font-family: Lato;
  /* alineado visual con texto superior */
  margin-top: 4px;
}

.modal-25 {
  width: 25% !important;
}

.fixed-card {
  display: flex;
  align-items: center;
  height: 100%;
  /* Toma el alto del contenedor padre del grid */
  overflow: hidden;
}

.info-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  gap: 1rem;
  overflow: hidden;
}

.info-pair {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
}

.truncate-chip {
  max-width: 90px;
  /* ajusta según tamaño del card */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mt-5 {
  margin-top: 40px !important;
}

.card-top-line-static {
  height: 8px;
  background-color: #FF9800;
  margin-top: -23px;
  /* ajusta según padding-top de card-panel */
  margin-bottom: 24px;
  /* separa del contenido */
  margin-right: -23px;
  margin-left: -23px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.accunt-text-h1 {
  color: #FF9800;
  font-size: 24px;
  font-weight: 700;
  word-wrap: break-word;
}

.clientes-wrapper {
  margin-bottom: 16px;
  margin-top: 32px;
}

.clientes-label {
  color: #000000;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin: 0 0 0.8rem 0;
  text-align: left;
}

.clientes-info {
  display: flex;
  align-items: center;
  gap: 12px;
}

.clientes-logo {
  width: 48px;
  height: auto;
}

.clientes-nombre {
  color: #080B17;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  word-wrap: break-word;
}

.mt-22 {
  margin-top: 22px !important;
}

.w-293 {
  width: 293px;
}

@media (max-width: 600px) {
  .w-293 {
    width: 0;
  }
}
.mt-3 {
  margin-top: 24px !important;
}

.mb-3 {
  margin-bottom: 24px !important;
}

.body-F5F5F5 {
  background-color: #F5F5F5 !important;
}

.video-tmp-video-legend-position-with-big-size {
  width: 100%;
  margin-bottom: 40px;
}

.align-items-center {
  align-items: center;
}

/* MARK: ESTILOS CARDS VITRINA PERFIL PROFESIONAL */
/* === Prefijo único: xp-prof- === */
/* Row flex para igualar altura */
.xp-prof-row {
  display: flex;
  flex-wrap: wrap;
}

.xp-prof-row > .col {
  display: flex;
}

.xp-prof-card {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  margin: 0;
  /* evita padding extra de col */
}

/* Título */
.xp-prof-title {
  margin: 0 36px 12px 0;
  font-size: 18px;
  font-weight: 600;
  color: #2B2F36;
}

/* Botón editar */
.xp-prof-edit {
  position: absolute;
  top: 6px;
  right: 6px;
  border-radius: 50%;
  min-width: 32px;
  height: 32px;
  padding: 0;
}

.xp-prof-edit .material-symbols-outlined {
  font-size: 18px;
}

/* Texto */
.xp-prof-desc {
  margin: 6px 0 2px;
  font-size: 13px;
  line-height: 1.45;
  color: #646B76;
}

/* Contacto */
.xp-prof-contact {
  display: flex;
  gap: 14px;
  flex: 1;
}

.xp-prof-avatar img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 8px;
}

/* Texto a la derecha */
.xp-prof-info {
  flex: 1;
  min-width: 0;
}

/* Grid superior */
.xp-prof-topgrid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: start;
  margin-bottom: 8px;
}

.xp-prof-field {
  margin-bottom: 8px;
}

.xp-prof-label {
  font-size: 14px;
  font-weight: 700;
  color: #1F2937;
  margin-bottom: 2px;
}

.xp-prof-text {
  font-size: 13px;
  color: #6B7280;
}

/* Responsive */
@media (max-width: 600px) {
  .xp-prof-contact {
    flex-direction: column;
  }
  .xp-prof-topgrid {
    grid-template-columns: 1fr;
  }
  .xp-prof-phone {
    margin-top: 4px;
  }
}
/* ===== Prefijo único: xp-stack- ===== */
/* Card base con altura y scroll interno */
.xp-stack-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  padding: 12px 12px 10px;
  gap: 10px;
  max-height: 632px;
  /* límite solicitado */
}

/* Header */
.xp-stack-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* título a la izq, botones a la der */
  gap: 8px;
  padding-right: 4px;
}

.xp-stack-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #2B2F36;
}

.xp-stack-actions {
  display: inline-flex;
  gap: 4px;
}

.xp-stack-ico-btn {
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 0;
}

.xp-stack-ico-btn .material-symbols-outlined {
  font-size: 18px;
}

/* Body con scroll cuando su contenido exceda */
.xp-stack-body {
  overflow: auto;
  padding-right: 4px;
  /* espacio para scrollbar */
}

/* Ítems */
.xp-stack-item {
  padding: 6px 4px 0;
}

.xp-stack-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
}

.xp-stack-item-title {
  font-weight: 700;
  color: #1F2937;
  font-size: 14px;
}

.xp-stack-item-tools {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.xp-stack-miniico {
  font-size: 18px;
  color: #6B7280;
}

.xp-stack-sub {
  font-size: 13px;
  color: #6B7280;
  margin-top: 2px;
}

.xp-stack-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-size: 13px;
  color: #6B7280;
  text-decoration: none;
}

.xp-stack-divider {
  height: 1px;
  background: #E6E8EB;
  margin: 10px 0 0;
}

/* Footer */
.xp-stack-footer {
  margin-top: auto;
  /* queda pegado abajo */
  padding-top: 6px;
}

.xp-stack-footer .btn {
  width: 100%;
  border-radius: 8px;
}

/* Scrollbar fino (opcional) */
.xp-stack-body::-webkit-scrollbar {
  width: 6px;
}

.xp-stack-body::-webkit-scrollbar-thumb {
  background: #F2A323;
  border-radius: 8px;
}

.xp-stack-body::-webkit-scrollbar-track {
  background: transparent;
}

/* Altura fija en pantallas medianas+ para uniformidad visual */
@media (min-width: 992px) {
  .xp-stack-card {
    height: 632px;
  }
  /* produce misma altura entre los 3 */
}
/* Igualar altura de los 2 primeros cards */
.xp-equalrow {
  display: flex;
  flex-wrap: wrap;
}

.xp-equalrow > .col {
  display: flex;
  flex-direction: column;
}

.xp-equalrow .card-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
  /* evita huecos */
}

/* Igualar altura de los 3 cards inferiores */
.xp-samerow {
  display: flex;
  flex-wrap: wrap;
}

.xp-samerow > .col {
  display: flex;
  flex-direction: column;
}

.xp-samerow .card-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
}

/* Prefijo único: xp-modal- */
.xp-modal-wrap {
  border-radius: 12px;
  max-height: 90vh;
  /* por si el contenido crece */
}

.xp-modal-content {
  padding: 18px 20px 8px;
}

.xp-modal-title {
  margin: 0 0 10px 0;
  font-weight: 600;
  font-size: 22px;
  color: #2B2F36;
}

.xp-modal-divider {
  height: 1px;
  background: #E6E8EB;
  margin: 8px 0 16px;
  border-radius: 1px;
}

.xp-modal-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 48px;
  background: #EDEDED;
  color: #333;
  border-radius: 6px;
  margin-bottom: 16px;
  font-weight: 600;
}

.xp-modal-block {
  margin-bottom: 14px;
}

.xp-modal-jobname {
  font-weight: 700;
  margin-bottom: 2px;
}

.xp-modal-sub {
  color: #6B7280;
  font-size: 13px;
  line-height: 1.35;
}

.xp-modal-text {
  color: #667085;
  font-size: 14px;
  line-height: 1.5;
  margin: 14px 0;
}

.xp-modal-list {
  margin: 8px 0 12px 18px;
}

.xp-modal-list li {
  margin: 6px 0;
  color: #667085;
}

.xp-modal-evidence {
  font-size: 14px;
  color: #4B5563;
}

.xp-modal-footer {
  padding: 12px 20px !important;
}

/* Tamaño del modal similar al mock */
@media (min-width: 601px) {
  #modalDescripcionTrabajo.modal {
    width: 880px;
    /* cercano al diseño */
  }
}
.xp-exp-modal {
  border-radius: 12px;
}

@media (min-width: 601px) {
  .modal-exp-01.modal {
    width: 720px;
  }
}
.xp-exp-content {
  padding: 18px 20px 8px;
}

.xp-exp-title {
  margin: 0 0 8px;
  font-weight: 600;
  font-size: 22px;
  color: #2B2F36;
}

.xp-exp-sep {
  height: 1px;
  background: #E6E8EB;
  border-radius: 1px;
  margin: 8px 0 16px;
}

.xp-exp-field {
  margin-bottom: 14px;
}

.xp-exp-label {
  display: block;
  margin-bottom: 6px;
  color: #374151;
  font-weight: 600;
}

.xp-exp-req {
  color: #2563eb;
  margin-left: 6px;
}

.xp-exp-inputwrap {
  position: relative;
}

.xp-exp-inputwrap input {
  padding-left: 40px;
  padding-right: 36px;
}

.xp-exp-leading {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #6B7280;
}

.xp-exp-trailing {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #6B7280;
  pointer-events: none;
}

.xp-exp-hint {
  color: #9CA3AF;
  display: block;
  margin-top: 4px;
}

.xp-exp-public {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 0;
  color: #374151;
}

.xp-exp-footer {
  padding: 12px 20px !important;
}

.xp-exp-cancel {
  color: #F59E0B !important;
}

/* NO fijar display aquí: mantiene oculto el modal cuando está cerrado */
.xp-exp-modal {
  /* sin display */
  max-height: 80vh !important;
}

/* Cuando Materialize abre el modal agrega la clase .open */
.xp-exp-modal.open {
  display: flex !important;
  flex-direction: column;
}

/* Contenido con scroll; footer fijo */
.xp-exp-content {
  flex: 1;
  overflow-y: auto;
  padding: 18px 20px 8px;
}

.xp-exp-modal .modal-footer {
  position: sticky;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #E6E8EB;
  padding: 12px 20px !important;
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

/* Header contador */
.xp-list-header {
  margin-bottom: 8px;
}

.xp-list-counter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.xp-list-page-size {
  width: 88px;
}

.xp-list-total {
  color: #6B7280;
}

/* Grid cards */
.xp-list-card {
  position: relative;
  border: 1px solid #E6E8EB;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0;
}

.xp-list-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.xp-list-title {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #1F2937;
}

.xp-list-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.xp-list-status {
  font-size: 20px;
  color: #111827;
  opacity: 0.85;
}

.xp-list-iconbtn {
  min-width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 50%;
}

.xp-list-iconbtn .material-icons-outlined {
  font-size: 18px;
}

/* Body */
.xp-list-sub {
  font-size: 13px;
  color: #6B7280;
  line-height: 1.35;
}

.xp-list-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  font-size: 13px;
  color: #6B7280;
  text-decoration: none;
}

.xp-list-miniico {
  font-size: 18px;
  color: #6B7280;
}

.xp-list-divider {
  height: 1px;
  background: #E6E8EB;
  margin-top: 10px;
}

.p-16 {
  padding: 16px !important;
}

.d-flex {
  display: flex;
}

.align-center {
  align-items: center;
}

.justify-space-between {
  justify-content: space-between;
}

.check-position {
  margin-right: 24px !important;
  transform: translate(0px, 7px);
}

.w-complete {
  width: 100% !important;
}

.justify-center {
  justify-content: center;
}

.mp-right {
  padding-right: 8px !important;
  font-size: 16px;
}

.m-l-20 {
  margin-left: 20px !important;
}

.m-text-12 {
  color: #81838F;
  font-size: 12px;
  font-weight: 500;
  line-height: 13px;
}

.skills-tech-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #424242;
  margin-top: 0;
}

.skills-tech-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.skill-tech-item {
  margin-bottom: 16px;
}

.skill-tech-name {
  font-size: 14px;
  font-weight: 500;
  color: #424242;
  margin-bottom: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.skill-tech-percentage {
  font-size: 13px;
  color: #666;
  font-weight: normal;
}

.skill-tech-bar {
  width: 100%;
  height: 6px;
  background-color: #D0D0D0;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}

.skill-tech-progress {
  height: 100%;
  background-color: #FF9800;
  border-radius: 3px;
  transition: width 0.8s ease-in-out;
}

@keyframes techProgressLoad {
  from {
    width: 0%;
  }
}
.skill-tech-progress.animate-tech {
  animation: techProgressLoad 1.2s ease-out;
}

.m-16 {
  margin-right: 16px !important;
}

.t-5 {
  top: 5% !important;
}

.mt-top-24 {
  margin-top: 16px !important;
}

.mt-top-24 {
  margin-top: 24px !important;
}

.ma-16px {
  margin: 16px !important;
}

.d-center-escalado {
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: scale(1.1);
}

.mt-10 {
  margin-top: 10px !important;
}

.resumen-text {
  color: #707070;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  line-height: 32px;
}
.resumen-text span {
  color: #01579B;
  font-size: 32px;
  margin-left: 8px;
}

.justify-space-between {
  justify-content: space-between;
}

.text-name-alumn-new {
  color: #484A55;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.justify-content-end {
  justify-content: end;
}

.ico-mr-8 {
  margin-right: 8px !important;
}

/* Cards de Show me talent */
.talent-card {
  background: white;
  border-radius: 12px;
  padding: 24px 20px;
  border: 1px solid #E0E0E0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 140px;
  transition: all 0.3s ease;
  position: relative;
  margin-bottom: 16px;
}

.talent-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Icono flotante en la esquina superior derecha */
.talent-card .icon-badge {
  position: absolute;
  top: 20px;
  right: 20px;
  width: auto;
  height: auto;
  background: none;
}

.talent-card .icon-badge .material-symbols-outlined {
  font-size: 28px;
}

/* Valor principal */
.talent-card .main-value {
  font-size: 2.8rem;
  font-weight: 700;
  color: #333;
  margin: 0;
  line-height: 1;
}

/* Label/título */
.talent-card .label {
  font-size: 0.95rem;
  color: #333;
  font-weight: 500;
  margin: 4px 0;
}

/* Información secundaria */
.talent-card .sub-info {
  font-size: 0.85rem;
  color: #757575;
  margin-top: 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.talent-card .sub-info .material-symbols-outlined {
  font-size: 1rem;
}

/* Status dots */
.status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 4px;
}

.status-dot.green {
  background-color: #4CAF50;
}

.status-dot.orange {
  background-color: #FF8C00;
}

/* Colores de iconos según tipo */
.talent-card .icon-badge.orange-bg .material-symbols-outlined {
  color: #FF8C00;
}

.talent-card .icon-badge.green-bg .material-symbols-outlined {
  color: #4CAF50;
}

.talent-card .icon-badge.blue-bg .material-symbols-outlined {
  color: #2196F3;
}

.talent-card .icon-badge.purple-bg .material-symbols-outlined {
  color: #9C27B0;
}

.talent-card .icon-badge.red-bg .material-symbols-outlined {
  color: #F44336;
}

/* Progress Bar */
.progress-bar-container {
  width: 100%;
  background-color: #E0E0E0;
  border-radius: 10px;
  height: 8px;
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  background-color: #2196F3;
  border-radius: 10px;
  transition: width 0.3s ease;
}

/* Responsive */
@media only screen and (max-width: 768px) {
  .talent-card {
    min-height: 120px;
    padding: 20px 16px;
  }
  .talent-card .main-value {
    font-size: 2.2rem;
  }
}
.icon-section {
  background-color: #F3F3F3;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.icon-section span {
  font-size: 32px;
  color: #FF9800;
}

.text-deses-alum-p {
  color: #080B17;
  font-size: 16px;
  font-family: Lato;
  font-weight: 600;
}

.icon-circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #bdbdbd;
  /* gris */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.icon-circle .material-symbols-outlined {
  font-size: 12px;
  /* ajusta el tamaño del ícono dentro del círculo */
  color: #000000;
  /* blanco para contraste */
  line-height: 1;
}

.icon-circle-2 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #97CE71;
  /* gris */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.icon-circle-2 .material-symbols-outlined {
  font-size: 12px;
  /* ajusta el tamaño del ícono dentro del círculo */
  color: #43900C;
  /* blanco para contraste */
  line-height: 1;
}

.text-data-info-alm {
  color: #080B17;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.text-data-info-alm-2 {
  color: #acacac;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
}

.red-color-cancel {
  color: #900C0C !important;
}

.learning-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 30vh;
  /* centra verticalmente */
  padding: 20px;
}

.learning-image {
  width: 120px;
  /* ajusta según tu diseño */
  height: auto;
  margin-bottom: 16px;
}

.learning-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 8px;
}

.learning-text {
  font-size: 0.95rem;
  color: #555;
  max-width: 480px;
  line-height: 1.4;
}

.text-decoration {
  text-decoration: underline;
}

.certification-card-container {
  border-radius: 12px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease;
  text-align: center;
  background-color: #fff;
  padding-top: 12px;
}

.certification-card-container:hover {
  transform: translateY(-4px);
}

.certification-card-logo-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
}

.certification-card-logo-wrapper img {
  width: 120px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.certification-card-text-wrapper {
  padding: 8px 14px 18px 14px;
}

.certification-card-title-text {
  color: #080B17;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 30px;
  display: block;
  text-align: center;
}

.grey-bk-any {
  background-color: #ffffff;
}

.white-bk-any {
  background-color: #ffffff;
}

.section-fullwidth {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.section-inner-container {
  padding-left: 19px;
  padding-right: 19px;
}

.h1-title-gerentes {
  color: #0B3A5B;
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0.2px;
  word-wrap: break-word;
  margin-bottom: 0px !important;
  margin-top: 24px !important;
}

.p-text-gerentes {
  color: #080B17;
  font-size: 16px;
  font-weight: 400;
  word-wrap: break-word;
  margin-top: 4px !important;
  margin-bottom: 24px !important;
}

.p-test-card-01-gen {
  color: #0B3A5B;
  font-size: 20px;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0.2px;
}

.center-elements-gen {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
}

.center-elements-gen-2 {
  display: flex;
  justify-content: left;
  align-items: center;
  height: 80px;
}

.orange-ligiht-gen {
  background-color: #ffffff;
}

.blue-grey-light-gen {
  background-color: #ECF3F6;
}

.icon-card-02-gen {
  color: #0B3A5B;
  font-size: 50px !important;
  margin-right: 24px;
}

.icon-card-02-gen-2 {
  margin-top: 8px;
  margin-left: 8px;
  color: #000000;
  font-size: 24px !important;
  margin-right: 24px;
}

.p-card-03-gen-txt1 {
  color: #0B3A5B;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.3px;
  margin-top: 28px !important;
  margin-bottom: 0px !important;
}

.p-card-03-gen-txt2 {
  color: #0B3A5B;
  font-size: 20px;
  margin-top: 0px !important;
  font-weight: 800;
  line-height: 42px;
}

.text-title-car-ge-01 {
  color: #0B3A5B;
  font-size: 16px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.3px;
}

.first-idnicator-sub {
  color: #080B17;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.3px;
}

.first-indicator-text {
  color: #468800;
  font-size: 36px;
  font-weight: 800;
  line-height: 42px;
  margin-left: 16px;
}

.first-indicator-text-2 {
  color: #0B3A5B;
  font-size: 36px;
  font-weight: 800;
  line-height: 42px;
  margin-left: 16px;
}

.first-indicator-text-3 {
  color: #FFC445;
  font-size: 36px;
  font-weight: 800;
  line-height: 42px;
  margin-left: 16px;
}

.card-alt-gen-89 {
  height: 130px;
}

/* ====== XTabs (independiente de Materialize) ====== */
.xtabs-wrapper {
  display: flex;
  justify-content: center;
}

.xtabs {
  background: #D9D9D9;
  /* fondo barra */
  border-radius: 16px;
  padding: 6px;
  /* gutter interno */
  display: inline-flex;
  align-items: center;
  gap: 24px;
  /* espacio entre tabs */
  min-height: 48px;
}

/* Tab base */
.xtab {
  appearance: none;
  border: 2px solid transparent;
  background: transparent;
  color: #8D8D8D;
  /* texto inactivo */
  font-family: Lato, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.3px;
  /* MÁS espacio vertical y MUCHO más lateral */
  padding: 12px 56px;
  /* <-- más aire a los lados */
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

/* ===== Overrides anti-Materialize SIN afectar activo ===== */
.xtabs .xtab:not(.is-active),
.xtabs .xtab:not(.is-active):hover,
.xtabs .xtab:not(.is-active):focus,
.xtabs .xtab:not(.is-active):active {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Activo: debe verse blanco SIEMPRE */
.xtab.is-active {
  background: #FFFFFF !important;
  /* fondo blanco */
  border-color: #FF6B00 !important;
  /* borde naranja */
  color: #0B3A5B !important;
  /* texto activo */
  box-shadow: 0 0 0 2px rgba(255, 107, 0, 0.08);
}

/* Hover sutil */
.xtab:hover {
  filter: brightness(0.97);
}

/* Focus accesible */
.xtab:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(11, 58, 91, 0.2);
}

/* Activo + focus mantiene su look */
.xtab.is-active:focus,
.xtab.is-active:active {
  background: #FFFFFF !important;
  border-color: #FF6B00 !important;
  box-shadow: 0 0 0 3px rgba(11, 58, 91, 0.2);
}

/* Responsivo */
@media (max-width: 480px) {
  .xtab {
    font-size: 18px;
    line-height: 24px;
    padding: 10px 28px;
    /* reduce en móviles */
  }
}
/* ===== Altura uniforme de las cards ===== */
.equal-card {
  display: flex;
  flex-direction: column;
  height: 420px;
  /* ajusta si necesitas más/menos */
}

.equal-card .xt-chart {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
}

/* ===== Leyenda centrada y visible ===== */
.xt-legend {
  display: flex;
  justify-content: center;
  /* 🔥 centrado horizontal */
  align-items: center;
  gap: 28px;
  /* espacio entre ítems */
  margin: 6px 0 10px;
  line-height: 1;
}

.xt-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #222;
  /* texto visible */
  font-size: 14px;
}

.xt-dot {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  /* cuadrado con esquinas suaves */
  display: inline-block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06) inset;
}

.xt-red {
  background: #DD5052;
}

.xt-yellow {
  background: #FFC445;
}

.xt-green {
  background: #7CFFB2;
}

.ioe-card {
  display: block;
}

/* Reaprovechamos .xt-chart, pero si quieres fijo dentro del card: */
.ioe-card .xt-chart {
  width: 100%;
  height: 420px;
  /* ajusta a tu gusto */
  min-height: 320px;
}

/* Leyendas centradas */
.xt-center {
  justify-content: center;
}

.no-margin {
  margin: 0;
}

/* Píldoras de leyenda (mismo estilo que ya venías usando) */
.xt-legend {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  align-items: center;
  margin: 6px 0 10px;
  line-height: 1;
}

.xt-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #222;
  font-size: 14px;
}

.xt-dot {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  display: inline-block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06) inset;
}

/* Colores exactos */
.xt-red {
  background: #DD5052;
}

.xt-yellow {
  background: #FFC445;
}

.xt-green {
  background: #7CFFB2;
}

/* Azul para “Estable” del bar chart (usa el de tu mock) */
.xt-blue {
  background: #3D6BF2;
}

/* Igualar altura de las dos cards internas */
.equal-card {
  display: flex;
  flex-direction: column;
  height: 420px;
  /* ajusta si lo necesitas */
}

.equal-card .xt-chart {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
}

/* Leyenda centrada */
.xt-legend {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 22px;
  margin: 6px 0 10px;
  line-height: 1;
}

.xt-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #222;
  font-size: 14px;
}

.xt-dot {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  display: inline-block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06) inset;
}

.xt-red {
  background: #DD5052;
}

.xt-yellow {
  background: #FFC445;
}

.xt-green {
  background: #7CFFB2;
}

/* Tabla Materialize: contenedor para scroll en móviles */
.table-wrapper {
  overflow: auto;
}

.title-table-gen {
  color: #0B3A5B;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.3px;
}

.disabled-filter {
  position: relative;
  overflow: hidden;
}

/* Capa borrosa encima */
.disabled-filter .talent-card-overlay {
  position: absolute;
  inset: 0;
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* Texto */
  color: #080B17;
  font-size: 16px;
  font-family: Lato, sans-serif;
  font-weight: 700;
  z-index: 2;
}

/* Bloquea clicks para que se sienta "disabled" */
.disabled-filter *:not(.talent-card-overlay) {
  pointer-events: none;
}

.mt-top-32 {
  margin-top: 32px;
}

.justify-content-center {
  justify-content: center;
}

.min-width-card-gaguge {
  min-width: 180px !important;
}

.border-12 {
  border-radius: 12px !important;
}

.text-show-me-talent-head {
  color: #080B17;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

/* === Encima de todo === */
#xtmUltraPromoModal {
  z-index: 3001 !important;
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* === El modal como contenedor sin fondo === */
.xtm-ultrapromo-modal {
  width: fit-content !important;
  max-width: 80vw !important;
  background: transparent !important;
  border-radius: 12px;
  box-shadow: none !important;
}

/* === El contenido del modal === */
.xtm-ultrapromo-content {
  position: relative;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 1;
}

/* === Contenedor principal (imagen + botones) === */
.xtm-ultrapromo-figure {
  position: relative;
  display: inline-block;
  line-height: 0;
  overflow: visible;
  z-index: 1;
}

/* === Imagen: 20% más pequeña, centrada === */
.xtm-ultrapromo-image {
  display: block;
  max-width: 76vw;
  max-height: 69vh;
  width: auto;
  height: auto;
  object-fit: contain;
  z-index: 1;
  position: relative;
}

/* === BOTONES SOBRE LA IMAGEN === */
.xtm-ultrapromo-ctaLeft {
  position: absolute;
  left: 24px;
  bottom: 24px;
  display: flex;
  gap: 18px;
  align-items: center;
  z-index: 9999 !important;
  /* 🔥 FUERZA absoluta sobre todo */
  pointer-events: auto !important;
}

/* Reutiliza estilo de tus botones */
.xtm-ultrapromo-ctaLeft .modal-promo-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  white-space: nowrap;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 99999 !important;
}

/* === Botón de cierre (tache) === */
.modal-promo-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  border-radius: 50%;
  background: #fff;
  border: 0;
  cursor: pointer;
  font-size: 22px;
  font-weight: 700;
  color: #222;
  z-index: 100000 !important;
}

/* === Responsivo === */
@media (max-width: 600px) {
  .xtm-ultrapromo-image {
    max-width: 90vw;
    max-height: 65vh;
  }
  .xtm-ultrapromo-ctaLeft {
    left: 12px;
    bottom: 12px;
    flex-direction: column;
    gap: 10px;
  }
  .xtm-ultrapromo-ctaLeft .modal-promo-register {
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
  }
}
.modal-promo-register {
  position: absolute;
  top: 8px !important;
  left: 6px !important;
}

@media (max-width: 1280px) {
  /* TÍTULOS PRINCIPALES DE CARDS */
  .card-title {
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 700 !important;
  }
  /* TEXTOS PRIMARIOS (labels pequeños) */
  .card-portal-cliente .text-section .primary-text {
    font-size: 11px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
  }
  /* TEXTOS ALTERNATIVOS (valores grandes) */
  .card-portal-cliente .text-section .alt-text {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
  }
  /* TECNOLOGÍAS - TÍTULOS */
  .tech-text-portal {
    font-size: 13px !important;
    line-height: 20px !important;
  }
  .tech-text-portal .text-profit-s {
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    padding-right: 4px !important;
  }
  /* TAMAÑOS DE FUENTE GRANDES (f-size-24px) */
  .f-size-24px,
  .f-size-24px p {
    font-size: 13px !important;
    line-height: 18px !important;
  }
  .f-size-24px b {
    font-size: 16px !important;
  }
  /* TEXTOS DE USUARIO/PERFIL */
  .text-name-alumn-new {
    font-size: 12px !important;
    line-height: 16px !important;
  }
  .text-show-me-talent-head {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  /* CHIPS Y BADGES */
  .chip {
    font-size: 11px !important;
    padding: 4px 10px !important;
    height: auto !important;
  }
  /* BOTONES */
  .btn-small {
    font-size: 11px !important;
    padding: 0 12px !important;
    height: 32px !important;
    line-height: 32px !important;
  }
  .btn-portal-card {
    font-size: 11px !important;
    padding: 6px 12px !important;
    height: auto !important;
    line-height: 18px !important;
  }
  /* TABLA - HEADERS Y CELDAS */
  table thead th {
    font-size: 11px !important;
    padding: 8px 6px !important;
  }
  table tbody td {
    font-size: 11px !important;
    padding: 8px 6px !important;
  }
  /* CONTROLES DE TABLA */
  .dataTables_info {
    font-size: 10px !important;
    line-height: 16px !important;
  }
  .dataTables_length label {
    font-size: 11px !important;
  }
  .dataTables_length select {
    font-size: 11px !important;
    padding: 4px !important;
  }
  /* ICONOS EN CARDS */
  .material-symbols-outlined {
    font-size: 32px !important;
  }
  .card-portal-cliente-subcards .material-symbols-outlined {
    font-size: 28px !important;
  }
  /* IMÁGENES DE TECNOLOGÍAS */
  .icon-section img {
    max-width: 40px !important;
    height: auto !important;
  }
  /* AVATARES */
  .avatar-56 {
    width: 40px !important;
    height: 40px !important;
  }
  /* AJUSTES DE ALTURA DE CARDS */
  .card-panel[style*="height: 100px"] {
    height: auto !important;
    min-height: 80px !important;
    padding: 12px !important;
  }
  .card-panel[style*="height: 104px"] {
    height: auto !important;
    min-height: 85px !important;
    padding: 10px !important;
  }
  .card-panel[style*="height: 105px"] {
    height: auto !important;
    min-height: 85px !important;
    padding: 10px !important;
  }
  .card-panel[style*="height: 480px"],
  .card-panel[style*="height: 481px"] {
    height: auto !important;
    min-height: 400px !important;
  }
  /* TRUNCATE Y OVERFLOW */
  .truncate,
  .truncate2 {
    font-size: 11px !important;
    line-height: 16px !important;
  }
  /* INPUTS DE BÚSQUEDA */
  .table-search input[type=search] {
    font-size: 11px !important;
    height: 32px !important;
  }
  .table-search label i {
    font-size: 18px !important;
  }
  /* GAUGE CHARTS - Valores */
  .gauge .value {
    font-size: 14px !important;
    font-weight: 700 !important;
  }
  .gauge-container p {
    font-size: 11px !important;
    line-height: 16px !important;
  }
  /* TABS */
  .xtab {
    font-size: 12px !important;
    padding: 8px 12px !important;
  }
  /* PÁRRAFOS GENERALES EN CARDS */
  .card-panel p {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .card-panel p b {
    font-size: 13px !important;
  }
  /* TEXTOS CON COLORES ESPECÍFICOS */
  .green-text-portal,
  .organge-text-user {
    font-size: 14px !important;
  }
  /* INFO PAIRS */
  .info-pair p {
    font-size: 11px !important;
    line-height: 16px !important;
  }
  .info-pair b {
    font-size: 11px !important;
    font-weight: 600 !important;
  }
  /* CARD CONTENT SPACING */
  .card-content {
    padding: 12px !important;
  }
  .card-action {
    padding: 8px 12px !important;
  }
  /* MÁRGENES Y PADDING GENERALES */
  .card-portal-cliente {
    padding: 10px !important;
  }
  .card-portal-cliente-subcards {
    padding: 10px !important;
  }
  /* NÚMEROS GRANDES EN LICENCIAS */
  .card-portal-cliente .text-section .alt-text {
    word-break: break-all !important;
    font-size: 13px !important;
  }
}
/* ============================================
   MEJORAS ADICIONALES PARA UX EN 1280x720
   ============================================ */
@media (max-width: 1280px) {
  /* Ocultar elementos no críticos si es necesario */
  .m-r-32px {
    margin-right: 8px !important;
  }
  /* Ajustar flex containers */
  .d-flex-space-between {
    gap: 8px !important;
  }
  .d-flex {
    gap: 6px !important;
  }
  /* Botones con iconos */
  .btn i.left {
    margin-right: 4px !important;
    font-size: 16px !important;
  }
  /* Mejorar legibilidad en inputs */
  input,
  select,
  textarea {
    font-size: 12px !important;
  }
  /* Ajustar bordes para mejor visibilidad */
  .border-12 {
    border-radius: 8px !important;
  }
  .min-width-card-gaguge {
    min-width: 119px !important;
  }
  .card-panel {
    padding: 10px !important;
  }
}
.mr-t-b {
  margin-top: 16px !important;
  margin-bottom: 12px !important;
}

.row-table-nt {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.table-wdth-nt {
  width: 396px;
}

.move-check-nt {
  transform: translate(27px, -29px);
}

/* Alineación en la misma línea */
.nt-check {
  display: flex;
  align-items: center;
  /* antes era flex-start — ahora centra verticalmente */
}

/* Separación entre checkbox y texto usando margin-right en la cajita */
.nt-check .required-checkbox {
  margin-right: 10px;
  /* separa horizontalmente */
  margin-top: 0 !important;
  /* evita que se suba o baje */
}

/* Texto */
.nt-label-text {
  color: #080B17;
  font-size: 16px;
  font-family: Lato, sans-serif;
  font-weight: 400;
  line-height: 1.35;
  margin-left: 40px;
}

.nt-section {
  margin-bottom: 28px;
}

.nt-section-title {
  font-size: 16px;
  font-family: Lato, sans-serif;
  font-weight: 600;
  color: #080B17;
  margin-bottom: 12px;
}

.nt-item {
  margin-bottom: 8px;
  height: 50px;
}

.nt-divider {
  border-bottom: 1px solid #e3e3e3;
  margin: 18px 0;
}

.nt-actions {
  margin-top: 28px;
}

.icon-large-50 {
  font-size: 50px !important;
  color: #FF6B00 !important;
}

.xt-chart {
  width: 100%;
  height: 260px;
}

.justify-content-center {
  justify-content: center;
}

/* Card contenedor de la sección */
.devices-wrapper-card {
  padding: 16px 20px;
}

/* Header Dispositivos */
.devices-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.devices-header-icon {
  font-size: 20px;
  color: #080B17;
}

.devices-header-title {
  font-family: Lato, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  /* título grueso */
  color: #080B17;
}

/* Tarjeta interna de cada dispositivo */
.device-card {
  border-radius: 10px;
  box-shadow: none;
  border: 1px solid #E3E7EE;
  padding: 12px 16px;
}

/* Bloque de cada campo */
.device-field {
  margin-bottom: 8px;
}

.device-field-label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: Lato, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  /* subtítulo más delgado que el título */
  text-transform: none;
  color: #7A869A;
}

.device-field-icon {
  font-size: 16px;
}

/* Valor */
.device-field-value {
  margin: 0;
  font-family: Lato, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #080B17;
  word-break: break-word;
}

/* Para que el número de licencia no rompa tanto */
.device-field-value-long {
  font-size: 12px;
}

/* Espaciado entre las dos tarjetas en desktop */
.devices-inner-row {
  margin-top: 4px;
}

/* Card grande de la sección */
.cert-section-card {
  padding: 14px 18px 16px;
  border-radius: 12px;
}

/* Header: título + buscador */
.cert-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}

.cert-section-title-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cert-section-title-icon {
  font-size: 20px;
  color: #080B17;
}

.cert-section-title-text {
  font-family: Lato, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #080B17;
}

/* Searchbar custom */
.cert-search-wrapper {
  position: relative;
  max-width: 220px;
  width: 100%;
}

.cert-search-input {
  width: 100%;
  padding: 6px 32px 6px 10px;
  border-radius: 999px;
  border: 1px solid #E0E5EE;
  font-family: Lato, Arial, sans-serif;
  font-size: 13px;
  color: #080B17;
  outline: none;
  background-color: #FFFFFF;
}

.cert-search-input::placeholder {
  color: #B0B8C5;
}

.cert-search-input:focus {
  border-color: #3D6BF2;
  box-shadow: 0 0 0 2px rgba(61, 107, 242, 0.18);
}

.cert-search-icon {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: #7A869A;
  pointer-events: none;
}

/* Body scrollable */
.cert-section-body {
  max-height: 340px;
  overflow-y: auto;
  /* ← Scroll vertical */
  overflow-x: hidden;
  /* ← Evita scroll horizontal */
  padding-right: 4px;
}

/* Scrollbar sutil */
.cert-section-body::-webkit-scrollbar {
  width: 6px;
}

.cert-section-body::-webkit-scrollbar-track {
  background: transparent;
}

.cert-section-body::-webkit-scrollbar-thumb {
  background: #FFB300;
  /* puedes usar tu naranja Xpertme */
  border-radius: 3px;
}

/* Tarjeta individual de certificación */
.cert-card-panel {
  border-radius: 12px;
  box-shadow: none;
  border: 1px solid #E3E7EE;
  padding: 16px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.certification-card-logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  margin-bottom: 12px;
}

.certification-card-logo-wrapper img {
  max-width: 100%;
  max-height: 120px;
  object-fit: contain;
}

.certification-card-text-wrapper {
  text-align: center;
}

.certification-card-title-text {
  font-family: Lato, Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
  color: #080B17;
}

/* Un poquito de respiro entre rows en mobile */
.cert-card-item {
  margin-bottom: 10px;
}

.licenses-card-wrapper {
  padding: 16px 20px;
  border-radius: 12px;
}

/* Header: título + buscador en una sola fila */
.licenses-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.licenses-title-text {
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #080B17;
}

/* Buscador */
.licenses-search-wrapper {
  position: relative;
  flex: 1;
  max-width: 260px;
}

.licenses-search-input {
  width: 100%;
  border-radius: 999px;
  border: none;
  background: #f6f6f6;
  padding: 8px 16px 8px 36px;
  font-size: 14px;
  outline: none;
}

.licenses-search-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}

/* Body con posible scroll vertical (si hay muchas licencias) */
.licenses-card-body {
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

/* Cards internos de licencia */
.license-item-card {
  border-radius: 10px;
  padding: 16px 18px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.license-item-title {
  font-weight: 600;
  margin-bottom: 8px;
}

.license-item-number {
  margin-bottom: 8px;
  color: #555;
}

.license-item-type {
  margin-bottom: 18px;
}

.license-item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Ajustes generales de la tarjeta */
.equal-card {
  height: 100%;
  padding: 15px !important;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  /* Sombra suave como la imagen */
  background: #fff;
}

/* Título de la tarjeta */
.text-title-car-ge-01 {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  margin: 0;
  text-transform: uppercase;
  /* Opcional, según imagen */
  letter-spacing: 0.5px;
  line-height: 1.2;
}

/* Contenedor del título e ícono */
.center-elements-gen-2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 40px;
  /* Altura fija para alinear títulos */
}

/* Icono de info */
.icon-card-02-gen-2 {
  font-size: 18px;
  color: #90A4AE;
  cursor: pointer;
}

/* Contenedor de la Gráfica */
.xt-chart {
  width: 100%;
  height: 200px;
  /* Altura ajustada para el gauge */
  margin-top: 5px;
}

/* --- ESTILOS DE LA LEYENDA (Clave para el look) --- */
.xt-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 11px;
  color: #2E3A59;
}

.xt-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.xt-legend-item strong {
  font-weight: 600;
  color: #2E3A59;
}

/* Los cuadritos de color (Chips) */
.legend-box {
  width: 16px;
  /* Ancho rectángulo */
  height: 10px;
  /* Alto rectángulo */
  border-radius: 2px;
  /* Bordes ligeramente redondeados */
  display: inline-block;
}

/* --- COLORES EXACTOS DE TU PALETA --- */
.bg-cyan {
  background-color: #67E0E3;
}

.bg-blue {
  background-color: #37A2DA;
}

.bg-dark {
  background-color: #0C27AD;
}

.bg-expert {
  background-color: #000261;
}

/* Colores extra para Normativa/Vistas si se requieren */
.bg-soft {
  background-color: #8fd3e8;
}

/* Ajustes generales de la tarjeta */
.equal-card {
  height: 100%;
  padding: 15px !important;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  /* Sombra suave como la imagen */
  background: #fff;
}

/* Título de la tarjeta */
.text-title-car-ge-01 {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  margin: 0;
  text-transform: uppercase;
  /* Opcional, según imagen */
  letter-spacing: 0.5px;
  line-height: 1.2;
}

/* Contenedor del título e ícono */
.center-elements-gen-2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  height: 40px;
  /* Altura fija para alinear títulos */
}

/* Icono de info */
.icon-card-02-gen-2 {
  font-size: 18px;
  color: #90A4AE;
  cursor: pointer;
}

/* Contenedor de la Gráfica */
.xt-chart {
  width: 100%;
  height: 200px;
  /* Altura ajustada para el gauge */
  margin-top: 5px;
}

/* --- ESTILOS DE LA LEYENDA (Clave para el look) --- */
.xt-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 5px;
  margin-bottom: 0px;
  font-size: 11px;
  color: #2E3A59;
}

.xt-legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.xt-legend-item strong {
  font-weight: 600;
  color: #2E3A59;
}

/* Los cuadritos de color (Chips) */
.legend-box {
  width: 16px;
  /* Ancho rectángulo */
  height: 10px;
  /* Alto rectángulo */
  border-radius: 2px;
  /* Bordes ligeramente redondeados */
  display: inline-block;
}

/* --- COLORES EXACTOS DE TU PALETA --- */
.bg-cyan {
  background-color: #67E0E3;
}

.bg-blue {
  background-color: #37A2DA;
}

.bg-dark {
  background-color: #0C27AD;
}

.bg-expert {
  background-color: #000261;
}

/* Colores extra para Normativa/Vistas si se requieren */
.bg-soft {
  background-color: #8fd3e8;
}

.justify-content-between {
  justify-content: space-between;
}

.item-center {
  align-items: center;
}

.text-gen-any-01 {
  color: #080B17;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.3px;
}

.text-gen-any-02 {
  color: #080B17;
  font-size: 14px;
  font-family: Lato;
  font-weight: 700;
  line-height: 42px;
}
.text-gen-any-02 b {
  color: #6D37DA;
  font-size: 18px;
  font-family: Lato;
  font-weight: 700;
  line-height: 42px;
}

.text-gen-any-03 {
  color: #080B17;
  font-size: 14px;
  font-family: Lato;
  font-weight: 700;
  line-height: 42px;
}
.text-gen-any-03 b {
  color: #37A2DA;
  font-size: 18px;
  font-family: Lato;
  font-weight: 700;
  line-height: 42px;
}

.text-gen-any-04 {
  color: #080B17;
  font-size: 14px;
  font-family: Lato;
  font-weight: 700;
  line-height: 42px;
}
.text-gen-any-04 b {
  color: #0B3A5B;
  font-size: 18px;
  font-family: Lato;
  font-weight: 700;
  line-height: 42px;
}

.alt-card-300 {
  height: 300px;
}

.padding-10 {
  padding: 10px !important;
}

.border-12 {
  border: 12px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.text-card-left-offset-01 {
  color: #0B3A5B;
  font-size: 18px;
  font-family: Lato;
  font-weight: 700;
  line-height: 29px;
  letter-spacing: 0.2px;
  word-wrap: break-word;
}

.orange-btn-linl {
  color: #EE9D2E;
}

.indicadores-text-title {
  color: #080B17;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.3px;
}

/* --- ESTILOS EXCLUSIVOS VISTA DASHBOARD --- */
/* Contenedor principal para fondo gris suave */
.custom-dash-view-main-container {
  background-color: #f5f5f5;
  /* Gris muy suave (grey lighten-4) */
  padding: 20px !important;
  min-height: 100vh;
}

/* Flexbox para separar Métricas del Buscador */
.custom-dash-view-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px;
}

/* Agrupador de tarjetas de métricas */
.custom-dash-view-metrics-group {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Diseño de tarjeta individual (Estilo "Chip" cuadrado) */
.custom-dash-view-metric-card {
  background: white;
  padding: 10px 15px;
  border-radius: 8px !important;
  font-size: 13px;
  color: #616161;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.custom-dash-view-metric-card strong {
  margin-left: 6px;
}

/* Buscador redondeado personalizado */
.custom-dash-view-search-wrapper {
  background: white;
  border-radius: 8px;
  /* Borde muy redondeado */
  padding: 0 15px;
  display: flex;
  align-items: center;
  width: 480px;
  height: 42px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.custom-dash-view-search-wrapper i {
  font-size: 20px;
  color: #9e9e9e;
  margin-right: 8px;
}

/* Forzar estilos del input para sobrescribir defaults de Materialize */
input.custom-dash-view-search-input {
  border-bottom: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  height: 2rem !important;
  font-size: 13px !important;
  width: 100% !important;
}

input.custom-dash-view-search-input:focus {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Contenedor Scroll de tabla */
.custom-dash-view-table-responsive-container {
  overflow-x: auto;
  padding-bottom: 5px;
}

/* Tabla personalizada con espaciado */
.custom-dash-view-floating-table {
  width: 100%;
  border-collapse: separate !important;
  /* Vital para el efecto "tarjeta" */
  border-spacing: 0 10px !important;
  /* Espacio vertical entre filas */
}

/* Celdas del encabezado */
.custom-dash-view-th-cell {
  border: none !important;
  font-weight: 600;
  color: #424242;
  font-size: 13px;
  padding: 10px 15px;
  background: transparent;
}

/* Filas tipo tarjeta */
.custom-dash-view-table-row {
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.custom-dash-view-table-row:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  z-index: 10;
  position: relative;
}

/* Celdas internas */
.custom-dash-view-td-cell {
  border: none !important;
  padding: 18px 15px !important;
  /* Más padding para que se vea aireada */
  font-size: 13px;
  color: #424242;
  vertical-align: middle;
}

/* Bordes redondeados extremos izquierda/derecha de la fila */
.custom-dash-view-table-row .custom-dash-view-td-cell:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.custom-dash-view-table-row .custom-dash-view-td-cell:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* Estados de colores específicos */
.custom-dash-status-text-green {
  color: #4CAF50 !important;
  font-weight: 700;
}

.custom-dash-status-text-orange {
  color: #FF9800 !important;
  font-weight: 700;
}

.custom-dash-status-text-red {
  color: #F44336 !important;
  font-weight: 700;
}

/* Contenedor para el paginador inferior derecho */
.custom-dash-view-paginator-container-right {
  display: flex;
  justify-content: flex-end;
  /* Alinea a la derecha */
  margin-top: 25px;
  padding-right: 5px;
}

.bk-input-wt {
  background: #ffffff !important;
}

.cert-info-cards {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  margin-bottom: 24px;
  flex-wrap: nowrap;
}

.cert-info-cards .card-panel {
  margin: 0;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  border-radius: 8px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}

.cert-info-cards .subheader-right {
  width: 100%;
}

.cert-info-cards .alliance-note-bullet {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}

.cert-info-cards .note-indicator {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cert-info-cards .note-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cert-info-cards .text-section {
  flex: 1;
  min-width: 0;
}

.cert-info-cards .text-section p:first-child {
  font-size: 12px;
  color: #000000;
  margin-bottom: 4px;
}

.cert-info-cards .text-section p:last-child {
  font-size: 14px;
  line-height: 1.4;
}

.cert-info-cards .action-section {
  flex-shrink: 0;
  margin-top: 8px;
}

@media only screen and (max-width: 992px) {
  .cert-info-cards {
    flex-wrap: wrap;
  }
}
.filter-fix-position {
  width: max-content;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.input-field .prefix.active {
  color: #000000 !important;
}

.avatar {
  height: 32px;
  width: 32px;
  padding: 0;
  float: left;
  margin: 0 16px;
  border-radius: 50% !important;
}
.avatar img {
  height: 48px;
  width: 48px;
  border-radius: 50% !important;
}

.avatar-40 {
  height: 40px;
  width: 40px;
}
.avatar-40 img {
  height: 40px;
  width: 40px;
}

.avatar-56 {
  height: 56px;
  width: 56px;
  border: 4px solid #ffffff;
}
.avatar-56 img {
  height: 56px;
  width: 56px;
}

.avatar-56-active {
  height: 56px;
  width: 56px;
  border: 4px solid #ff9800;
}
.avatar-56-active img {
  height: 56px;
  width: 56px;
}

.avatar-icon {
  height: 32px;
  width: 32px;
  background-color: #0277BD;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  padding-top: 6px;
}

.avatars {
  display: flex;
  margin: 0 16px;
}
.avatars .avatar {
  margin: 0 0 0 -4px !important;
}
.avatars .avatar img {
  box-shadow: 0 0 0 4px #fff;
}
.avatars .avatar .avatar-icon {
  box-shadow: 0 0 0 4px #fff;
}

.avatar span {
  transform: translate(-8px, 14px);
  position: absolute;
}

.avatar-40 span {
  transform: translate(-26px, 16px);
  position: absolute;
}

.avatar-56 span {
  transform: translate(-32px, 33px);
  position: absolute;
}

.resp-img-avtar {
  height: 48px;
  width: 47px;
}

.icon-ast-space {
  transform: translate(16px, 0px);
}

.avatar-135 {
  height: 135px;
  width: 135px;
  border: 4px solid #ffffff;
}
.avatar-135 img {
  height: 135px;
  width: 135px;
}

.badge {
  height: 18px;
  width: 18px;
  background-color: #039BE5;
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  padding-top: 2px;
  margin: 0;
  line-height: 1.5;
}

.badge-24 {
  height: 24px;
  width: 24px;
  font-size: 14px;
  padding-top: 3px;
}
.badge-24 i {
  font-size: 18px;
}

.plus-number {
  padding-top: 2px !important;
}

.badge-colored {
  background-color: #01579B;
}

.badge-status {
  height: 10px;
  width: 10px;
  background-color: #4CAF50;
  border: 1.5px solid #484A55;
}

.badges {
  display: flex;
}
.badges .badge {
  float: left;
  margin: 0 0 0 -4px !important;
  box-shadow: 0 0 0 4px #fff;
  background-color: #FF9800;
  font-size: 12px;
}

button {
  line-height: normal !important;
}

.btn {
  text-transform: inherit;
}

.btn-soft {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  color: #080B17;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}
.btn-soft:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  background-color: #fff !important;
}
.btn-soft:active {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  transform: translateY(0);
  text-decoration: none;
  background-color: #fff !important;
}
.btn-soft:focus {
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
  background-color: #fff !important;
  text-decoration: none;
}

.btn-high {
  z-index: auto;
  background: #FF9800;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 600px) {
  .btn-high {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-high {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-high:hover {
  background-color: #FF9800;
  color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-high:focus {
  background-color: #FF9800;
  border: 1px solid #FF9800;
  color: #FFFFFF;
}

.btn-high-more-vert {
  z-index: auto;
  background: #FF9800;
  border: 1px solid #FF9800;
  color: #FFFFFF;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  width: 80%;
}
@media (min-width: 600px) {
  .btn-high-more-vert {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-high-more-vert {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-high-more-vert:hover {
  background-color: #FF9800;
  border: 1px solid #FF9800;
  color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-high-more-vert:focus {
  background-color: #FF9800;
  border: 1px solid #FF9800;
  color: #FFFFFF;
}

.btn-medium {
  z-index: auto;
  background-color: #FFF3E0;
  border: 1px solid #FFF3E0;
  color: #080B17;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: 100%;
}
@media (min-width: 600px) {
  .btn-medium {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-medium {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-medium:hover {
  background: #FFF3E0;
  border: 1px solid #FFF3E0;
  color: #080B17;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-medium:focus {
  background-color: #FFF3E0;
  border: 1px solid #FFF3E0;
}

.btn-medium-more-vert {
  z-index: auto;
  background-color: #FFF3E0;
  border: 1px solid #FFF3E0;
  color: #080B17;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: 80%;
}
@media (min-width: 600px) {
  .btn-medium-more-vert {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-medium-more-vert {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-medium-more-vert:hover {
  background: #FFF3E0;
  border: 1px solid #FFF3E0;
  color: #080B17;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-medium-more-vert:focus {
  background-color: #FFF3E0;
  border: 1px solid #FFF3E0;
}

.btn-low {
  z-index: auto;
  background-color: transparent;
  border: 1px solid transparent;
  color: #FF9800;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: 100%;
}
@media (min-width: 600px) {
  .btn-low {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-low {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-low:hover {
  background: transparent;
  border: 1px solid transparent;
  color: #FF9800;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-low:focus {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.btn-low-1 {
  z-index: auto;
  background-color: transparent;
  border: 1px solid transparent;
  color: #707070 !important;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: 100%;
}
@media (min-width: 600px) {
  .btn-low-1 {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .btn-low-1 {
    font-size: 16px !important;
    width: auto;
  }
}
.btn-low-1:hover {
  background: transparent;
  border: 1px solid transparent;
  color: #FF9800;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s all;
  text-decoration: none;
}
.btn-low-1:focus {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

i.left {
  margin-right: 8px;
  position: absolute;
  float: inherit !important;
  transform: translateX(-24px);
}
@media (min-width: 600px) {
  i.left {
    position: inherit;
    float: left !important;
    transform: translateX(0);
  }
}
@media (min-width: 1200px) {
  i.left {
    position: inherit;
    float: left !important;
    transform: translateX(0);
  }
}

.btn.disabled {
  z-index: auto;
  background: #F3F6FF;
  border: 1px solid #F3F6FF;
  color: #C8CAD7;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.btn-icon {
  z-index: auto;
  background-color: transparent;
  border: 1px solid transparent;
  color: #080B17 !important;
  text-decoration: none;
  border-radius: 0px;
  font-size: 14px;
  box-shadow: 0 0 0 0 #080B17 !important;
  width: auto;
  cursor: pointer;
}
.btn-icon:hover, .btn-icon:focus {
  background: transparent;
  border: 1px solid transparent;
  color: #080B17 !important;
}

.item-liked {
  color: #080B17;
  content: "favorite" !important;
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
}

.btn-mobile {
  width: 46%;
  margin-right: 8px;
}

.fab-extended {
  display: flex !important;
  width: 140px !important;
  padding-right: 20px !important;
  height: auto !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  background-color: #FF9800;
}
.fab-extended .fab-extended:hover {
  background-color: #FF9800;
}

.fixed-action-btn {
  position: fixed;
  right: 23px;
  bottom: 60px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

.long-btn {
  width: 100%;
}

.btn-closenav {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 9px 6px 6px 10px;
  position: fixed;
  display: inline-block;
  top: 162px;
  z-index: 1000 !important;
  background-color: #FFF3E0;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  -moz-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
}

#btn-opennav i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyNHYyNEgwVjB6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zLDE4aDEzdi0ySDNWMTh6IE0zLDEzaDEwdi0ySDNWMTN6IE0zLDZ2MmgxM1Y2SDN6IE0yMSwxNS42TDE3LjQsMTJMMjEsOC40TDE5LjYsN2wtNSw1bDUsNUwyMSwxNS42eiIvPgo8L3N2Zz4K");
  border-width: 0;
  box-shadow: none;
  border: 0;
}

#btn-closenav i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMiAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyMnYyMkgwVjB6Ii8+CjxnPgoJPHJlY3QgeD0iMi44IiB5PSIxNC43IiBjbGFzcz0ic3QxIiB3aWR0aD0iOS4yIiBoZWlnaHQ9IjEuOCIvPgoJPHJlY3QgeD0iMi44IiB5PSIxMC4xIiBjbGFzcz0ic3QxIiB3aWR0aD0iMTEiIGhlaWdodD0iMS44Ii8+Cgk8cmVjdCB4PSIyLjgiIHk9IjUuNSIgY2xhc3M9InN0MSIgd2lkdGg9IjkuMiIgaGVpZ2h0PSIxLjgiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQuNywxNS42IDE5LjIsMTEgMTQuNyw2LjQgMTMuNCw3LjcgMTYuNywxMSAxMy40LDE0LjMgCSIvPgo8L2c+Cjwvc3ZnPg==");
  border-width: 0;
  box-shadow: none;
  border: 0;
}

.side-nav-index {
  position: relative !important;
  z-index: 999 !important;
  background: #fff !important;
}

.btn-close-dropdown {
  transform: translate(352px, -187px) !important;
}

.btn-close-article {
  border-radius: 50%;
  transform: translate(1299px, -16px);
  width: 40px;
  height: 40px;
  cursor: pointer;
  padding: 9px 6px 6px 10px;
  position: absolute;
  display: inline-block;
  top: 162px;
  right: 1335px;
  z-index: 1 !important;
  background-color: #FFF3E0;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  -moz-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
}

.btn-article2 {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 9px 6px 6px 10px;
  position: fixed;
  display: inline-block;
  top: 220px;
  z-index: 1000 !important;
  background-color: #FFF3E0;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  -moz-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
}

#btn-opennav i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyNHYyNEgwVjB6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zLDE4aDEzdi0ySDNWMTh6IE0zLDEzaDEwdi0ySDNWMTN6IE0zLDZ2MmgxM1Y2SDN6IE0yMSwxNS42TDE3LjQsMTJMMjEsOC40TDE5LjYsN2wtNSw1bDUsNUwyMSwxNS42eiIvPgo8L3N2Zz4K");
  border-width: 0;
  box-shadow: none;
  border: 0;
}

#btn-closenav i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMiAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyMnYyMkgwVjB6Ii8+CjxnPgoJPHJlY3QgeD0iMi44IiB5PSIxNC43IiBjbGFzcz0ic3QxIiB3aWR0aD0iOS4yIiBoZWlnaHQ9IjEuOCIvPgoJPHJlY3QgeD0iMi44IiB5PSIxMC4xIiBjbGFzcz0ic3QxIiB3aWR0aD0iMTEiIGhlaWdodD0iMS44Ii8+Cgk8cmVjdCB4PSIyLjgiIHk9IjUuNSIgY2xhc3M9InN0MSIgd2lkdGg9IjkuMiIgaGVpZ2h0PSIxLjgiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQuNywxNS42IDE5LjIsMTEgMTQuNyw2LjQgMTMuNCw3LjcgMTYuNywxMSAxMy40LDE0LjMgCSIvPgo8L2c+Cjwvc3ZnPg==");
  border-width: 0;
  box-shadow: none;
  border: 0;
}

.btn-closenav-2 {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 9px 6px 6px 10px;
  position: fixed;
  display: inline-block;
  top: 144px;
  z-index: 1000 !important;
  background-color: #FFF3E0;
  -webkit-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  -moz-box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
  box-shadow: 0px 0px 5px 0px rgb(191, 191, 191);
}

#btn-opennav-2 i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMiAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyMnYyMkgwVjB6Ii8+CjxnPgoJPHJlY3QgeD0iMi44IiB5PSIxNC43IiBjbGFzcz0ic3QxIiB3aWR0aD0iOS4yIiBoZWlnaHQ9IjEuOCIvPgoJPHJlY3QgeD0iMi44IiB5PSIxMC4xIiBjbGFzcz0ic3QxIiB3aWR0aD0iMTEiIGhlaWdodD0iMS44Ii8+Cgk8cmVjdCB4PSIyLjgiIHk9IjUuNSIgY2xhc3M9InN0MSIgd2lkdGg9IjkuMiIgaGVpZ2h0PSIxLjgiLz4KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMTQuNywxNS42IDE5LjIsMTEgMTQuNyw2LjQgMTMuNCw3LjcgMTYuNywxMSAxMy40LDE0LjMgCSIvPgo8L2c+Cjwvc3ZnPg==");
  border-width: 0;
  box-shadow: none;
  border: 0;
}

#btn-closenav-2 {
  left: 29px;
}
#btn-closenav-2 i.icon-open-nav {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDojMDgwQjE3O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyNHYyNEgwVjB6Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zLDE4aDEzdi0ySDNWMTh6IE0zLDEzaDEwdi0ySDNWMTN6IE0zLDZ2MmgxM1Y2SDN6IE0yMSwxNS42TDE3LjQsMTJMMjEsOC40TDE5LjYsN2wtNSw1bDUsNUwyMSwxNS42eiIvPgo8L3N2Zz4K");
  border-width: 0;
  box-shadow: none;
  border: 0;
}

.card-tebale-coments {
  padding: 24px;
}

.segmented-controls {
  display: flex;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
  width: 100%;
}
.segmented-controls input {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.segmented-controls label {
  grid-row: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  flex: 1 1 0px;
  position: relative;
  z-index: 2;
  transition: inherit;
}
.segmented-controls label:last-of-type {
  z-index: 1;
}
.segmented-controls label:last-of-type::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  background-color: black;
  transition: inherit;
}
.segmented-controls input:nth-last-of-type(2):checked ~ label:last-of-type::after {
  transform: translateX(-100%);
}
.segmented-controls input:nth-last-of-type(3):checked ~ label:last-of-type::after {
  transform: translateX(-200%);
}
.segmented-controls input:nth-last-of-type(4):checked ~ label:last-of-type::after {
  transform: translateX(-300%);
}
.segmented-controls input:nth-last-of-type(5):checked ~ label:last-of-type::after {
  transform: translateX(-400%);
}
.segmented-controls input:nth-last-of-type(6):checked ~ label:last-of-type::after {
  transform: translateX(-500%);
}
.segmented-controls input:nth-last-of-type(7):checked ~ label:last-of-type::after {
  transform: translateX(-600%);
}
.segmented-controls input:nth-last-of-type(8):checked ~ label:last-of-type::after {
  transform: translateX(-700%);
}
.segmented-controls input:nth-last-of-type(9):checked ~ label:last-of-type::after {
  transform: translateX(-800%);
}
.segmented-controls input:nth-last-of-type(10):checked ~ label:last-of-type::after {
  transform: translateX(-900%);
}
.segmented-controls {
  border-radius: 0.5rem;
  background: #f5f5f5;
  border: 1px solid #484A55;
  height: 2rem;
  padding: 0.125rem;
}
.segmented-controls label {
  font-size: 0.8125rem;
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  line-height: 1;
}
.segmented-controls label:not(:first-of-type)::before {
  content: "";
  position: absolute;
  z-index: -3;
  top: 0.5rem;
  left: 0;
  background: rgba(0, 0, 0, 0.15);
  transition: inherit;
}
.segmented-controls input:checked + label::before {
  opacity: 0;
}
.segmented-controls label:last-of-type::after {
  background: linear-gradient(0deg, #FFE0B2, #FFE0B2), linear-gradient(0deg, #FFE0B2, #FFE0B2);
}

.btn-long {
  width: 100%;
}

.btn-quiz {
  width: 100% !important;
  margin-left: 8px !important;
}

.btn,
.btn-large,
.btn-small,
.btn-floating {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: none;
}

.bt-dispositovos-mb {
  display: grid;
}

.section-btn-help s a {
  margin: 5px;
}

.section-btn-help a {
  margin-bottom: 2px;
  margin-top: 14px;
}

.checkbox span::before {
  border: 2px solid #080B17 !important;
}
.checkbox [type=checkbox]:checked + span:not(.lever):before {
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid #29B6F6 !important;
  border-bottom: 2px solid #29B6F6 !important;
}
.checkbox [type=checkbox]:checked:disabled + span:not(.lever):before {
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid #DBDEEB !important;
  border-bottom: 2px solid #DBDEEB !important;
}
.checkbox [type=checkbox]:not(:checked):disabled + span:not(.lever):before {
  border: 2px solid #DBDEEB !important;
  background-color: transparent !important;
}
.checkbox.disabled span {
  color: #DBDEEB;
  cursor: not-allowed !important;
  pointer-events: none;
}

[type=checkbox] + span:not(.lever) {
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chip {
  background-color: #E9EBF9;
  color: #484A55;
  border: 0px solid #484A55;
  font-family: "Lato" !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 5px !important;
}
.chip .chip-icon {
  font-size: 16px;
  line-height: 32px;
  padding-left: 0px;
}
.chip .close {
  color: #FFFFFF;
  background-color: #484A55;
  border-radius: 50px;
  padding: 5px 4px 5px 4px;
  margin-left: 4px;
  line-height: 10px;
  font-size: 12px;
  font-weight: 900;
  transform: translate(5px, 6px);
}

.chip.disabled {
  pointer-events: none !important;
  background-color: #F3F6FF !important;
  color: #A2A5B1 !important;
}
.chip.disabled .close {
  background-color: #A2A5B1 !important;
}

.chip > img {
  width: 22px !important;
  margin: 5px 5px 0px 0px !important;
}

.chip-s-400 {
  color: #29B6F6;
  border: 0px solid #29B6F6;
  background-color: rgba(41, 182, 246, 0.08);
}

.chip-s-900 {
  color: #01579B;
  border: 0px solid #01579B;
  background-color: rgba(1, 87, 155, 0.08);
}

.chip-active {
  color: #0F5132;
  border: 0px solid #0F5132;
  background-color: #D1E7DD;
}

.chip-danger {
  color: #842029;
  border: 0px solid #842029;
  background-color: #F8D7DA;
}

.chip-warning {
  color: #664D03;
  border: 0px solid #664D03;
  background-color: #FFF3CD;
}

.chip-info {
  color: #055160;
  border: 0px solid #055160;
  background-color: #CFF4FC;
}

.chip-outstanding {
  color: #FF9800;
  border: 0px solid #FF9800;
  background-color: #FFF3E0;
}

.chips .input {
  border: none !important;
}

.chip-img {
  width: 5px;
  padding: 5px;
}

.chip-name {
  background-color: #E9EBF9;
  color: #484A55;
  border: 0px solid #484A55;
  display: inline-block;
  line-height: 32px;
  border-radius: 50px;
  padding: 0 12px;
  max-width: calc(80% - 150px);
  min-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
  margin-bottom: 0;
  font-size: 13px !important;
}

.chip-name > img {
  float: left;
  margin: 0 4px 0 -12px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  padding: 5px;
}

.chip-name .chip-name-icon {
  font-size: 16px;
  line-height: 32px;
  padding-left: 0px;
}

.cont-line-chips {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 4px);
}

.color-pts {
  color: #E9EBF9;
}

.chip-hover-expand {
  width: 40px;
  display: inline-flex;
  cursor: pointer;
  max-width: 300px;
}
.chip-hover-expand:hover {
  width: auto;
  transition: all 20s ease;
  opacity: 1;
}
.chip-hover-expand .chip-icon {
  margin-right: 12px;
}
.chip-hover-expand span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chip-hover-expand img {
  min-width: 32px;
  margin: -1px 9px 0 -5px !important;
}

.chips-container ul li {
  text-decoration: none;
}
.chips-container ul li .chip span {
  text-decoration: none;
}

.imgchip {
  transform: translateY(4px);
}

.chip-lab {
  padding-bottom: 13px;
  padding-bottom: 4px;
}

.collapsible .collapsible-header {
  color: #080B17;
}
.collapsible .collapsible-body span {
  color: #080B17;
}
.collapsible .collapsible-body .v-error {
  color: #842029;
}
.collapsible .collapsible-body .v-error i {
  transform: translateY(4px) !important;
  font-size: 18px;
}
.collapsible .collapsible-body .v-sucsses {
  color: #0F5132;
}
.collapsible .collapsible-body .v-sucsses i {
  transform: translateY(4px) !important;
  font-size: 18px;
}
.collapsible .collapsible-body .divider {
  height: 0px;
  overflow: hidden;
  background-color: transparent;
}

.no-spctwn {
  justify-content: flex-start !important;
}

@font-face {
  font-family: "Lato-Regular";
  src: url("../fonts/Lato-Regular") format("truetype");
}
@font-face {
  font-family: "Lato-Bold";
  src: url("../fonts/Lato-Bold") format("truetype");
}
@font-face {
  font-family: "Lato-BlackItalic";
  src: url("../fonts/Lato-BlackItalic") format("truetype");
}
@font-face {
  font-family: "Lato-Black";
  src: url("../fonts/Lato-Black") format("truetype");
}
@font-face {
  font-family: "Lato-BoldItalic";
  src: url("../fonts/Lato-BoldItalic") format("truetype");
}
@font-face {
  font-family: "Lato-Italic";
  src: url("../fonts/Lato-Italic") format("truetype");
}
@font-face {
  font-family: "Lato-Light";
  src: url("../fonts/Lato-Light") format("truetype");
}
@font-face {
  font-family: "Lato-LightItalic";
  src: url("../fonts/Lato-LightItalic") format("truetype");
}
@font-face {
  font-family: "Lato-Thin";
  src: url("../fonts/Lato-Thin") format("truetype");
}
@font-face {
  font-family: "Lato-ThinItalic";
  src: url("../fonts/Lato-ThinItalic") format("truetype");
}
body,
a,
li,
p,
h1,
h2,
h3,
h4,
h5,
label {
  font-family: "Lato", "FontAwesome";
  line-height: 1.5;
}

a,
li {
  text-decoration: none;
  font-size: 14px;
  color: #080B17;
  line-height: 1.6;
}
a:hover,
li:hover {
  text-decoration: underline;
}
@media (min-width: 1200px) {
  a,
  li {
    font-size: 16px;
  }
}

h1 {
  font-size: 24px;
  font-weight: 600;
  color: #080B17;
  line-height: 1.3;
}
@media (min-width: 900px) {
  h1 {
    font-size: 26px;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 28px;
  }
}

h2 {
  font-size: 24px;
  font-weight: 500;
  color: #080B17;
  line-height: 1.4;
}
@media (min-width: 1200px) {
  h2 {
    font-size: 20px;
    font-weight: 400;
    color: #080B17;
    line-height: 1.3;
  }
}

h3 {
  font-size: 24px;
  font-weight: 500 !important;
  color: #080B17;
  line-height: 1.4;
}
@media (min-width: 1200px) {
  h3 {
    font-size: 26px;
  }
}

h4,
h5,
h6 {
  font-size: 16px;
  font-weight: 700;
  color: #484A55;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  h4,
  h5,
  h6 {
    font-size: 24px;
  }
}

label {
  font-size: 12px;
  font-weight: 400;
  color: #A2A5B1;
  line-height: 1.4;
}
@media (min-width: 1200px) {
  label {
    font-size: 16px;
  }
}

.overline {
  font-size: 10px !important;
  font-weight: 400 !important;
  color: #5A5D68 !important;
  letter-spacing: 1.5pt !important;
  text-transform: uppercase !important;
}
@media (min-width: 1200px) {
  .overline {
    font-size: 10px !important;
  }
}

.link-p {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #080B17 !important;
}

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

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

.md-36 {
  font-size: 36px !important;
}

.md-48 {
  font-size: 48px !important;
}

.ti-8 {
  padding-left: 8px !important;
}

.ti-16 {
  padding-left: 16px !important;
}

.flow-text-h1, .flow-text-h2, .flow-text-h3, .flow-text-h4 {
  font-size: 24px;
  line-height: 1.4;
}

.flow-text-h5, .flow-text-h6 {
  font-size: 16px;
  line-height: 1.5;
}

.flow-text-title {
  font-size: 15px;
  line-height: 1.5;
}

.flow-text-p {
  font-size: 14px;
  line-height: 1.5;
}

.flow-text-span {
  font-size: 13px;
}

.overline-menu {
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #484A55 !important;
  text-transform: uppercase !important;
}
@media (min-width: 1200px) {
  .overline-menu {
    font-size: 10px !important;
  }
}

.menu-text-act {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #5A5D68 !important;
}

.gauge-container {
  min-width: 100px;
  max-width: 120px;
  height: auto;
  width: auto;
  overflow: hidden;
  margin-right: 24px;
  margin-left: 24px;
}
@media (min-width: 1600px) {
  .gauge-container {
    max-width: 160px;
  }
}
.gauge-container p {
  margin-top: 4px;
}
.gauge-container .gauge {
  position: relative;
  border-radius: 50%/100% 100% 0 0;
  background-color: #29B6F6;
  min-width: 80px;
  width: auto;
  overflow: hidden;
  border: 2px solid #FFFFFF;
}
.gauge-container .gauge::before {
  content: " ";
  display: block;
  padding-top: 50%;
}
.gauge-container .gauge:hover {
  --rotation: 100deg;
}
.gauge-container .chart {
  overflow: hidden;
}
.gauge-container .mask {
  position: absolute;
  left: 20%;
  right: 20%;
  bottom: 0;
  top: 40%;
  background-color: #FFFFFF;
  border-radius: 50%/100% 100% 0 0;
  border: 1px solid #FFFFFF;
}
.gauge-container .percentage {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: 0px;
  background-color: #E1F5FE;
  transform: rotate(0deg);
  transform-origin: bottom center;
  transition-duration: 2s;
  border-radius: 50%/100% 100% 0 0;
}
.gauge-container .value {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  width: 100%;
  font-size: 10px;
  font-weight: 400;
}
@media (min-width: 600px) {
  .gauge-container .value {
    font-size: 10px;
    font-weight: 500;
  }
}

.input-field {
  margin-top: 24px;
  margin-bottom: 24px;
}
.input-field input {
  width: 100%;
  box-sizing: border-box !important;
  color: #080B17 !important;
  padding-left: 4px !important;
  border: 0px solid !important;
  border-color: #FFFFFF;
  font-size: 16px;
  border-radius: 10px !important;
  background-color: #F5F5F5 !important;
}
.input-field input:focus, .input-field input:not(selector) {
  border: 0px solid #080B17;
  box-shadow: 0 0 0 0 #080B17 !important;
}
.input-field input::placeholder {
  padding-left: 4px;
  font-size: 12px;
  font-weight: lighter;
  font-style: italic;
  color: #080B17;
}
@media (min-width: 1200px) {
  .input-field input::placeholder {
    font-size: 16px !important;
  }
}
.input-field label {
  font-size: 14px;
  color: #080B17;
  transform: none !important;
  transform-origin: center !important;
  position: inherit !important;
  display: block !important;
}
.input-field label:focus, .input-field label:not(selector) {
  color: #080B17;
}
@media (min-width: 1200px) {
  .input-field label {
    font-size: 16px !important;
  }
}
.input-field [disabled] {
  border-color: #C8CAD7 !important;
}
.input-field [disabled]::placeholder {
  color: #C8CAD7 !important;
}
.input-field .v-error {
  color: #842029;
}
.input-field .v-error i {
  transform: translateY(4px) !important;
  font-size: 18px;
}
.input-field .v-sucsses {
  color: #0F5132;
}
.input-field .v-sucsses i {
  transform: translateY(4px) !important;
  font-size: 18px;
}
.input-field .chips input {
  height: 35px;
}
.input-field .chips-autocomplete {
  background: #F5F5F5 !important;
  border: 0px solid #FFFFFF;
  padding: 5px 6px;
  border-radius: 10px;
  min-height: 35px !important;
  height: auto;
  margin: 8px 0 0 0;
  display: flex;
  align-items: center;
}
.input-field.focus {
  border-bottom: 0px solid #FFFFFF !important;
  -webkit-box-shadow: 0 0 0 0 #FFFFFF !important;
}
.input-field .chip:focus {
  background-color: #E9EBF9 !important;
  color: #484A55 !important;
  border: 0px solid #484A55 !important;
}
.input-field .iti li {
  text-decoration: none;
}
.input-field .iti span {
  color: #2A2D37;
  text-decoration: none;
}
.input-field .iti input {
  padding-left: 83px !important;
  width: 100%;
  box-sizing: border-box !important;
  color: #080B17 !important;
  margin-top: 8px !important;
  border: 0px solid !important;
  border-color: #080B17;
  font-size: 16px;
  border-radius: 10px !important;
  background-color: #F5F5F5;
}

.disabled label {
  color: #C8CAD7 !important;
}

input[type=text]:not(.browser-default):disabled {
  color: #A2A5B1 !important;
}

.valid:not(selector) {
  border: 1px solid #29B6F6 !important;
  box-shadow: 0 0 0 0 #080B17 !important;
}

input[type=text]:not(.browser-default),
input[type=number]:not(.browser-default) {
  margin-bottom: 0px;
}

.input-password .ControlInput--password {
  order: 0;
  padding-right: 50px;
  text-security: disc;
  -webkit-text-security: disc;
  -moz-text-security: disc;
}
.input-password .Control-label--showPassword {
  order: -1;
  width: 32px;
  position: absolute !important;
  top: 38px;
  left: 100%;
  text-align: right;
  margin-left: -40px;
  z-index: 9;
  cursor: pointer;
}
.input-password .show-password {
  display: none !important;
  width: 20px !important;
  opacity: 8;
  width: 32px;
  position: relative;
  top: 60px;
  left: 100%;
  margin-left: -40px;
  text-security: disc !important;
  -webkit-text-security: disc !important;
  -moz-text-security: disc !important;
  margin-bottom: 0 !important;
}
.input-password .show-password:checked ~ .ControlInput--password {
  text-security: none !important;
  -webkit-text-security: none !important;
  -moz-text-security: none !important;
  margin-bottom: 0 !important;
}
.input-password .show-password:checked ~ .Control-label--showPassword .svg-toggle-password {
  fill: #5a5d68;
}
.input-password .show-password:checked ~ .Control-label--showPassword .svg-toggle-password .closed-eye {
  opacity: 0;
  height: 0;
}
.input-password .svg-toggle-password {
  fill: #5a5d68;
}
.input-password .svg-toggle-password .closed-eye {
  opacity: 1;
  transition: opacity 300ms ease, height 400ms ease;
  width: 4px;
  height: 44px;
}

select {
  color: #080B17 !important;
  margin-top: 8px !important;
  border: 0px solid !important;
  border-color: #080B17;
  font-size: 14px;
  border-radius: 10px !important;
  background-color: #F5F5F5 !important;
}
select:focus, select:not(selector) {
  border: 0px solid #080B17;
  box-shadow: 0 0 0 0 #080B17 !important;
  outline: 0px;
  font-family: "Inter", sans-serif;
}
@media (min-width: 1200px) {
  select {
    font-size: 16px !important;
  }
}

label {
  font-size: 14px;
  color: #080B17;
}
label:focus, label:not(selector) {
  color: #080B17 !important;
}
@media (min-width: 1200px) {
  label {
    font-size: 16px !important;
  }
}

.select-label {
  display: contents !important;
  margin-bottom: 8px !important;
}

.textarea-label {
  display: contents !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.ql-container {
  color: #080B17 !important;
  padding: 0 2px !important;
  border: 1px solid !important;
  border-color: #080B17;
  font-size: 16px;
  border-radius: 0px 0px 10px 10px !important;
  font-size: 16px;
  font-family: inherit;
  transition: all 0.3s ease;
}
.ql-container.ql-editor-custom {
  font-size: 16px;
  padding: 11px 0px;
  font-weight: 300;
  font-style: italic;
  min-height: 67px;
}
.ql-container.ql-editor-custom ul li {
  color: #080B17 !important;
  font-style: normal;
  font-weight: 300;
}
.ql-container.ql-editor-custom ol li {
  color: #080B17 !important;
  font-style: normal;
  font-weight: 300;
}

.ql-toolbar {
  display: none;
  transition: all 0.3s ease;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border: 0px solid #A2A5B1 !important;
  background-color: #F5F5F5 !important;
}

.ql-toolbar.ql-snow + .ql-container.ql-inverse {
  border: 0px solid #81838F !important;
  background-color: #81838F !important;
}

.mid-input {
  width: 100% !important;
}

@media only screen and (min-width: 992px) {
  .mid-input {
    width: 50% !important;
  }
  .chips {
    border-bottom: 0px solid #FFFFFF !important;
    background-color: #F5F5F5 !important;
    border-radius: 5px;
    padding: 5px;
    display: flex;
  }
}
.input-button input {
  display: inline-block;
  max-width: 240px;
  border-radius: 10px 0px 0px 10px !important;
  -moz-border-radius: 10px 0px 0px 10px !important;
  -webkit-border-radius: 10px 0px 0px 10px !important;
}
.input-button button {
  height: 45px;
  transform: translate(-3px, -2px);
  border-radius: 0px 10px 10px 0px !important;
  -moz-border-radius: 0px 10px 10px 0px !important;
  -webkit-border-radius: 0px 10px 10px 0px !important;
}

input[type=text]:not(.browser-default), input[type=number]:not(.browser-default), input[type=password]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=checkbox]:not(.browser-default), input[type=date]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default) {
  width: 100%;
  box-sizing: border-box !important;
  color: #080B17 !important;
  margin: 4px 0 0 0 !important;
  padding-left: 4px;
  border: 0px solid !important;
  border-color: #080B17;
  font-size: 16px;
  border-radius: 10px !important;
  background-color: #F5F5F5;
}

input.input-field-data-table[type=text]:not(.browser-default), input.input-field-data-table[type=number]:not(.browser-default), input.input-field-data-table[type=password]:not(.browser-default), input.input-field-data-table[type=tel]:not(.browser-default), input.input-field-data-table[type=checkbox]:not(.browser-default), input.input-field-data-table[type=date]:not(.browser-default), input.input-field-data-table[type=email]:not(.browser-default), input.input-field-data-table[type=url]:not(.browser-default) {
  width: 90%;
  box-sizing: border-box !important;
  color: #343434 !important;
  margin: 8px 0 0 0 !important;
  padding-left: 4px;
  border-bottom: 2px solid !important;
  border-color: #343434;
  border-radius: 0px !important;
  background-color: rgba(255, 255, 255, 0) !important;
  font-size: 16px;
}

textarea {
  width: 100%;
  box-sizing: border-box !important;
  color: #080B17 !important;
  margin-top: 8px !important;
  padding-left: 4px;
  border: 0px solid !important;
  border-color: #080B17;
  font-size: 16px;
  border-radius: 10px !important;
  background-color: #F5F5F5;
}

.required-input {
  top: 13px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-image {
  top: 22px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-insert {
  top: 59px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-search {
  top: 29px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-chips {
  top: -16px;
  left: 126px;
  font-size: 24px;
  position: relative;
  z-index: 9;
}

.required-input-phrase {
  top: -17px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-phrase-chip {
  top: 32px;
  right: -5px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-checkbox {
  top: 44px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-checkbox2 {
  top: -15px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
}

.required-input-number {
  top: 18px;
  font-size: 24px;
  position: absolute;
  z-index: 9;
  transform: translateX(-8px);
}

.data-before {
  color: #01579B !important;
}

.data-error {
  color: #DB0000 !important;
}

.input_copy_wrapper {
  width: 450px;
  padding: 50px;
  margin: 0 auto;
}

.input_copy {
  padding: 15px 25px;
  background: #eee;
  border: 2px solid #aaa;
  color: #aaa;
  font-size: 0.8em;
}
.input_copy .icon {
  display: block;
  max-width: 25px;
  cursor: pointer;
  float: right;
}
.input_copy .icon img {
  max-width: 25px;
}
.input_copy .txt {
  width: 80%;
  display: inline-block;
  overflow: hidden;
}

/* click animation*/
.flashBG {
  animation-name: flash;
  animation-timing-function: ease-out;
  animation-duration: 1s;
}

@keyframes flash {
  0% {
    background: #28a745;
  }
  100% {
    background: transparent;
  }
}
.table-search-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.search-center-help {
  background-color: #fff !important;
  width: 600px !important;
}

.link {
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
@media (min-width: 600px) {
  .link {
    font-size: 16px !important;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .link {
    font-size: 16px !important;
    width: auto;
  }
}
.link:hover {
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0);
  transition: 0.3s all;
  text-decoration: underline;
}

.link-high {
  color: #FFFFFF !important;
}

.link-medium {
  color: #080B17;
}
.link-medium:hover {
  color: #FF9800 !important;
}

.link-medium-active {
  color: #FF9800 !important;
}

.link-low {
  color: #FF9800 !important;
}

i.left {
  margin-right: 8px;
  position: inherit;
  float: left !important;
  transform: translateX(0);
}

.li-black {
  color: #080B17 !important;
}
.li-black:hover {
  text-decoration: none !important;
}

.links-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 1rem 0;
}
.links-section .link {
  display: inline-block;
  font-size: 15px;
  color: #1a1a1a;
  padding-left: 1rem;
  position: relative;
  line-height: 1.6;
}
.links-section .link::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #ea8631;
  font-size: 20px;
  line-height: 1;
  top: 2px;
}
.links-section .link:hover {
  text-decoration: underline;
}

.xpertcad-logo {
  width: 134px;
  height: 32px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMDYuMDkgNTAuNzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwNi4wOSA1MC43NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNFRTlEMkU7fQoJLnN0MXtmaWxsOiM1NTU2NUE7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMDQuNSwyMS4yNWMtMC4xNywwLTAuMzQsMC0wLjczLDAuNTFjLTEuOTYsMi4zLTcuNTEsNy42Mi0xMi4zMyw3LjYyYy0xLjkxLDAtMi43NS0wLjc5LTIuNzUtMi40NwoJCQljMC0xLjA3LDAuMjgtMi4zLDAuNzgtMy41OWM2LjYyLTEuNDYsMTEuNzItNS40OSwxMS43Mi04LjI0YzAtMS41Ny0wLjk1LTIuNjktMy42NC0yLjY5Yy00LjQsMC0xMS4xMSw1Ljc2LTEyLjUxLDExLjM0CgkJCWMtMS40NCwxLjYzLTMuNTUsMy41Mi01LjQzLDMuNTJjLTEuMTIsMC0xLjkxLTAuNjItMS45MS0yLjI0YzAtMy43NiwyLjY5LTYsMi42OS04LjE5YzAtMC45NS0wLjczLTEuODUtMS44NS0xLjg1CgkJCWMtMy4zMSwwLTEwLjIsOC4xOS0xMi4wNSwxMC45M2MwLjExLTMuNTMsNS40OS05Ljk4LDUuNDktMTMuMDFjMC0xLjU3LTEuNC0yLjY5LTIuOC0yLjY5Yy0yLjk3LDAtNy4yMyw0LjgyLTEzLjM0LDEyLjUKCQkJYzAuNjctMS41NywxLjUxLTMuODEsMS41MS00LjkzYzAtMS41Ny0xLjc0LTIuNzUtMi41OC0yLjc1Yy0wLjM5LDAtMC41LDAuMTctMC41LDAuNjJjLTAuMTcsNC4yNi00Ljk5LDExLjE2LTQuOTksMTMuNzQKCQkJYzAsMS4yOSwxLjAxLDIuNTIsMS45MSwyLjUyYzEuMzUsMCwyLjU4LTMuMzYsNS4xNi03LjEyYzMuNTktNS4zMyw5Ljg3LTEyLjQ1LDExLjM4LTEyLjQ1YzAuMjIsMCwwLjM5LDAuMTcsMC4zOSwwLjU2CgkJCWMwLDIuMDctNC43Nyw5LjU5LTQuNzcsMTMuMzRjMCwyLjM1LDEuNzQsMy4xNCwyLjM1LDMuMTRjMC43MywwLDEuMDEtMS4wNywxLjY4LTIuMTNjMS45Ni0zLjQyLDguMTMtOS45Miw5LjA4LTkuOTIKCQkJYzAuMTEsMCwwLjIyLDAuMTEsMC4yMiwwLjM0YzAsMS4wMS0yLjQxLDMuNzYtMi40MSw3LjY4YzAsMi4xOSwxLjc0LDMuNywzLjk4LDMuN2MyLjI5LDAsNC43Mi0xLjgsNi41My0zLjY4CgkJCWMtMC4wMSwwLjEzLTAuMDMsMC4yNS0wLjAzLDAuMzhjMCwzLjcsMi4wNyw1LjQ5LDUuNTUsNS40OWM1LjQ5LDAsMTEuNzItNS42NiwxNC4wMi04Ljg2YzAuMzQtMC40NSwwLjM5LTAuNjIsMC4zOS0wLjg0CgkJCUMyMDQuNzIsMjEuMzYsMjA0LjY3LDIxLjI1LDIwNC41LDIxLjI1eiBNMTk4LjM5LDEzLjY4YzAuNDUsMCwwLjczLDAuMjIsMC43MywwLjc5YzAsMS42OC00LjA0LDYuMzQtOS4xNCw3Ljc0CgkJCUMxOTIsMTgsMTk1Ljg3LDEzLjc0LDE5OC4zOSwxMy42OHoiLz4KCTwvZz4KCTxnPgoJCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iNjcuNTIsMjEuNzUgNjAuOTUsMTIuNjIgNjUuNTksMTIuNjIgNjkuODcsMTguNzMgNzQuMTYsMTIuNjIgNzguNjksMTIuNjIgNzIuMTIsMjEuNjUgNzguOTcsMzEuMTYgCgkJCTc0LjMzLDMxLjE2IDY5Ljc3LDI0LjY3IDY1LjI0LDMxLjE2IDYwLjcxLDMxLjE2IAkJIi8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNODEuNTcsMTIuNjJoNC4yNXYzLjA5YzEuMzctMS45MywzLjMtMy40OCw2LjI5LTMuNDhjNC4zOSwwLDguNjQsMy40OCw4LjY0LDkuNjJ2MC4wNwoJCQljMCw2LjE1LTQuMjEsOS42Mi04LjY0LDkuNjJjLTMuMDYsMC00Ljk5LTEuNTUtNi4yOS0zLjI3djguNWgtNC4yNVYxMi42MnogTTk2LjQyLDIxLjkzdi0wLjA3YzAtMy41OC0yLjQyLTUuOTMtNS4zLTUuOTMKCQkJYy0yLjg4LDAtNS40MSwyLjM5LTUuNDEsNS45M3YwLjA3YzAsMy41OCwyLjUzLDUuOTQsNS40MSw1Ljk0Qzk0LjAzLDI3Ljg2LDk2LjQyLDI1LjU4LDk2LjQyLDIxLjkzIi8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTAyLjk1LDIxLjk2di0wLjA3YzAtNS4zLDMuNzYtOS42Niw5LjA2LTkuNjZjNS45LDAsOC44OSw0LjYzLDguODksOS45N2MwLDAuMzktMC4wNCwwLjc3LTAuMDcsMS4ySDEwNy4yCgkJCWMwLjQ2LDMuMDIsMi42LDQuNzEsNS4zNCw0LjcxYzIuMDcsMCwzLjU1LTAuNzcsNS4wMi0yLjIxbDIuNDksMi4yMWMtMS43NiwyLjExLTQuMTgsMy40OC03LjU5LDMuNDgKCQkJQzEwNy4xLDMxLjU4LDEwMi45NSwyNy42OSwxMDIuOTUsMjEuOTYgTTExNi42OCwyMC41OWMtMC4yOC0yLjc0LTEuOS00Ljg4LTQuNzEtNC44OGMtMi42LDAtNC40MiwyLTQuODEsNC44OEgxMTYuNjh6Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTIyLjksMTIuNjZoNC4yNXY0LjE4YzEuMTYtMi43NywzLjMtNC42Nyw2LjU3LTQuNTN2NC41aC0wLjI1Yy0zLjcyLDAtNi4zMiwyLjQyLTYuMzIsNy4zNHY3LjA2aC00LjI1CgkJCVYxMi42NnoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMzcuMTUsMjYuMDR2LTkuNzZoLTIuMzV2LTMuNjVoMi4zNVY3LjUzaDQuMjV2NS4wOWg0Ljk5djMuNjVoLTQuOTl2OS4xYzAsMS42NSwwLjg0LDIuMzIsMi4yOCwyLjMyCgkJCWMwLjk1LDAsMS43OS0wLjIxLDIuNjMtMC42M3YzLjQ4Yy0xLjA1LDAuNi0yLjI1LDAuOTUtMy44MywwLjk1QzEzOS4zNywzMS40OCwxMzcuMTUsMzAuMTEsMTM3LjE1LDI2LjA0Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAzLjc5LDMwLjc0Yy0wLjI4LDAuMjktMC42MywwLjQzLTEuMDMsMC40M2MtMC40LDAtMC43NS0wLjE0LTEuMDMtMC40M2MtMC4yOC0wLjI4LTAuNDItMC42My0wLjQyLTEuMDMKCQkJYzAtMC40LDAuMTQtMC43NCwwLjQzLTEuMDJjMC4yOC0wLjI4LDAuNjItMC40MiwxLjAyLTAuNDJjMC40LDAsMC43NCwwLjE0LDEuMDMsMC40MnMwLjQzLDAuNjIsMC40MywxLjAyCgkJCUMyMDQuMjIsMzAuMTEsMjA0LjA4LDMwLjQ2LDIwMy43OSwzMC43NCBNMjAxLjg4LDI4LjgzYy0wLjI0LDAuMjQtMC4zNiwwLjU0LTAuMzYsMC44OGMwLDAuMzUsMC4xMiwwLjY1LDAuMzYsMC44OQoJCQljMC4yNCwwLjI0LDAuNTQsMC4zNywwLjg5LDAuMzdjMC4zNSwwLDAuNjQtMC4xMiwwLjg4LTAuMzdjMC4yNC0wLjI0LDAuMzYtMC41NCwwLjM2LTAuODljMC0wLjM1LTAuMTItMC42NC0wLjM2LTAuODgKCQkJYy0wLjI0LTAuMjUtMC41NC0wLjM3LTAuODgtMC4zN0MyMDIuNDIsMjguNDYsMjAyLjEzLDI4LjU4LDIwMS44OCwyOC44MyBNMjAyLjc0LDI4LjkxYzAuMiwwLDAuMzQsMC4wMiwwLjQzLDAuMDYKCQkJYzAuMTcsMC4wNywwLjI1LDAuMiwwLjI1LDAuNGMwLDAuMTQtMC4wNSwwLjI1LTAuMTYsMC4zMmMtMC4wNSwwLjA0LTAuMTMsMC4wNi0wLjIzLDAuMDhjMC4xMiwwLjAyLDAuMjIsMC4wNywwLjI3LDAuMTYKCQkJYzAuMDYsMC4wOCwwLjA5LDAuMTcsMC4wOSwwLjI1djAuMTJjMCwwLjA0LDAsMC4wOCwwLDAuMTJjMCwwLjA0LDAuMDEsMC4wNywwLjAxLDAuMDhsMC4wMSwwLjAyaC0wLjI2YzAtMC4wMSwwLTAuMDEsMC0wLjAyCgkJCWMwLDAsMC0wLjAxLDAtMC4wMmwtMC4wMS0wLjA1di0wLjEzYzAtMC4xOC0wLjA1LTAuMzEtMC4xNS0wLjM3Yy0wLjA2LTAuMDMtMC4xNi0wLjA1LTAuMzEtMC4wNWgtMC4yMnYwLjYzaC0wLjI4di0xLjZIMjAyLjc0egoJCQkgTTIwMy4wNCwyOS4xNmMtMC4wNy0wLjA0LTAuMTktMC4wNi0wLjM0LTAuMDZoLTAuMjR2MC41OGgwLjI1YzAuMTIsMCwwLjIxLTAuMDEsMC4yNy0wLjA0YzAuMTEtMC4wNCwwLjE3LTAuMTMsMC4xNy0wLjI1CgkJCUMyMDMuMTUsMjkuMjgsMjAzLjExLDI5LjIsMjAzLjA0LDI5LjE2Ii8+Cgk8L2c+Cgk8Zz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDguMDQsNDEuNTVjLTIuOS00LjAxLTguOC0xMS44Ny0xNi42Ni0xOS45QzM2LjQ4LDE1LjgxLDQxLjksMTAuMyw0Ni44NCw1Ljg2YzQuOTktNC40OCwyLjgtNi4yOS0yLjg0LTMuMzQKCQkJYy02LjczLDMuNTEtMTMuMDQsOC4yOC0xOC42NCwxMy4zNEMxOS43NCwxMC44LDEzLjQ0LDYuMDMsNi43MSwyLjUyQzEuMDctMC40Mi0xLjEzLDEuMzgsMy44Niw1Ljg2CgkJCWM0Ljk0LDQuNDMsMTAuMzUsOS45NCwxNS40NiwxNS43OWMtNy44Niw4LjAzLTEzLjc3LDE1Ljg4LTE2LjY2LDE5LjljLTEuMDEsMS40LTEuNTYsMy4wNy0xLjU4LDQuNzkKCQkJYy0wLjAyLDEuODMsMS40NSwzLjMyLDMuMjgsMy4zMmgzLjA0YzIuMzUsMCw1LjU5LTEuNTcsNi42NS0zLjY3YzIuNjYtNS4yOCw2LjY4LTExLjE5LDExLjI5LTE3LjA3CgkJCWM0LjYyLDUuODgsOC42NCwxMS43OSwxMS4yOSwxNy4wN2MxLjA2LDIuMSw0LjI5LDMuNjcsNi42NSwzLjY3aDMuMDRjMS44MywwLDMuMzEtMS41LDMuMjgtMy4zMgoJCQlDNDkuNiw0NC42Miw0OS4wNSw0Mi45NSw0OC4wNCw0MS41NXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
}

.note {
  background-color: #E9EBF9;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #055160;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
}
.note .note-label {
  font-size: 14px !important;
  color: #055160 !important;
  width: 95%;
}
.note .note-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translate(5px, 4px) !important;
  transform-origin: 0em 0em !important;
}
.note .note-list ol li {
  clear: inherit;
  color: #080B17;
  list-style-type: decimal !important;
  text-decoration: none !important;
}
.note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px);
}

.orange-note {
  background-color: #FFE0B2 !important;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #FB8C00 !important;
  border-radius: 10px;
  margin-top: 4px;
}
.orange-note .note-label {
  font-size: 14px !important;
  color: #FB8C00 !important;
  width: 95%;
}
.orange-note .note-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translate(5px, 4px) !important;
  transform-origin: 0em 0em !important;
}
.orange-note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px) !important;
  color: #FB8C00 !important;
}

.danger-note {
  background-color: #F8D7DA;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #842029 !important;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
}
.danger-note .note-label {
  font-size: 14px !important;
  color: #842029 !important;
  width: 95%;
}
.danger-note .note-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translate(5px, 4px);
  transform-origin: 0em 0em !important;
}
.danger-note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px) !important;
  color: #842029 !important;
}

.success-note {
  background: #D1E7DD;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #0F5132 !important;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
}
.success-note .note-label {
  font-size: 14px !important;
  color: #0F5132 !important;
  width: 95%;
}
.success-note .note-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translateY(2px) !important;
  transform-origin: 0em 0em !important;
}
.success-note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px) !important;
  color: #0F5132 !important;
}

.warning-note {
  background: #FFF3E0;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #664D03 !important;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
  justify-content: center;
  text-align: center;
}
.warning-note .note-label {
  font-size: 14px !important;
  color: #664D03 !important;
  width: 95%;
}
.warning-note .note-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translateY(2px) !important;
  transform-origin: 0em 0em !important;
}
.warning-note .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px) !important;
  color: #664D03 !important;
}

.note-indicator {
  display: inline-block;
  float: left;
  width: 44px;
  height: 44px;
  background-color: #FFE0B2;
  padding: 9px;
  border-radius: 5px;
}

.paginator ul .active {
  background-color: #29B6F6;
}
.paginator ul .active a {
  text-decoration: none !important;
}

.preview-container .image-container {
  background-color: #DBDEEB;
}
.preview-container .image-container img {
  margin: 0 auto;
}

.progress {
  background-color: rgba(41, 182, 246, 0.26);
}
.progress .determinate {
  background-color: #29B6F6;
}

.progress-secondary {
  background-color: rgba(1, 87, 155, 0.26);
}
.progress-secondary .determinate {
  background-color: #01579B;
}

.progress-negative {
  background-color: rgba(1, 87, 155, 0.26);
}
.progress-negative .determinate {
  background-color: #DB0000;
}

.radios span {
  color: #080B17;
}

[type=radio].with-gap:checked + span:before {
  border: 2px solid #484A55;
}

[type=radio]:checked + span:after,
[type=radio].with-gap:checked + span:after {
  background-color: #484A55;
}

[type=radio].with-gap:checked + span:after {
  border: 2px solid #484A55;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  transition: width 0.2s;
}

::-webkit-scrollbar-track {
  background: #FFFFFF;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(18deg, #FFE0B2 0%, #FB8C00 100%);
  border-radius: 20px;
  border: 0 solid #FFFFFF;
  transition: background 0.3s;
}

.multiple-select-dropdown li {
  min-height: 20px;
}
.multiple-select-dropdown li label span {
  padding: inherit;
}
.multiple-select-dropdown li span {
  padding: 8px 16px;
}

.switch {
  padding: 8px 0 0 0;
}
.switch label span {
  margin-left: 0px !important;
}
.switch label input[type=checkbox]:checked + .lever {
  background-color: #FF9D17;
}
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #FF9D17;
}
.switch a i {
  transform: translateX(8px);
}

.switch label input[type=checkbox]:checked + .lever {
  background-color: #E8E8E8 !important;
}

.tables {
  height: auto;
  border-radius: 10px;
  padding: 16px;
  overflow: hidden;
  margin-bottom: 24px;
}
.tables .table-header .table-title {
  width: 40%;
  overflow: hidden;
  display: inline-block;
  float: left;
}
.tables .table-header .table-title .title {
  padding: 0;
}
.tables .table-header .items-counter {
  margin: 0;
  padding: 0;
}
.tables .table-header .items-counter .input-field {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.tables .table-header .items-counter label {
  display: inline-block;
  margin-left: 8px;
}
.tables .table-header .table-controls .buttons {
  float: none;
}
@media (min-width: 600px) {
  .tables .table-header .table-controls .buttons {
    float: right;
  }
}
.tables .table-header .table-controls .table-search {
  max-width: 100%;
  width: 100%;
  display: inline-block;
}
@media (min-width: 600px) {
  .tables .table-header .table-controls .table-search {
    max-width: 250px;
    width: auto;
    display: inline-block;
  }
}
.tables .table-header .table-controls .table-search .input-field {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 36px;
  transform: translate(0px, 1px);
}
.tables .table-header .table-controls .table-search .input-field input {
  margin: 0px !important;
  padding-left: 40px !important;
  height: 32.4px;
}
.tables .table-header .table-controls .table-search .input-field .label-icon {
  position: absolute !important;
  transform: translateY(7px) !important;
}
.tables .table-header .table-controls .table-search .input-field .material-icons {
  top: 7px !important;
  font-size: 24px !important;
}
.tables .table-header .table-controls .table-buttons {
  display: inline-block;
  float: right;
  margin-bottom: 16px;
}
@media (min-width: 600px) {
  .tables .table-header .table-controls .table-buttons {
    float: none;
    margin-bottom: 0px;
  }
}
.tables .table-header .table-controls .table-buttons a {
  width: 60px;
}
@media (min-width: 600px) {
  .tables .table-header .table-controls .table-buttons a {
    width: auto;
    margin-left: 8px;
  }
}
.tables .table-footer .paginator {
  text-align: center;
}
@media (min-width: 600px) {
  .tables .table-footer .paginator {
    text-align: right;
  }
}

.tabulator {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
  transform: translatez(0);
}
.tabulator[tabulator-layout=fitDataFill] .tabulator-tableHolder .tabulator-table {
  min-width: 100%;
}
.tabulator[tabulator-layout=fitDataTable] {
  display: inline-block;
}
.tabulator.tabulator-block-select {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabulator .tabulator-header {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px solid #999;
  background-color: #fff;
  color: #555;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator .tabulator-header.tabulator-header-hidden {
  display: none;
}
.tabulator .tabulator-header .tabulator-col {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  background-color: #fff;
  text-align: left;
  vertical-align: bottom;
  overflow: hidden;
  padding: 4px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-moving {
  position: absolute;
  border: 1px solid #999;
  background: #e6e6e6;
  pointer-events: none;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  box-sizing: border-box;
  position: relative;
  padding: 4px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
  padding: 0 8px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
  cursor: pointer;
  opacity: 0.6;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
  position: relative;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
  border-radius: 5px;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #fff;
  padding: 1px;
  background: #F5F5F5;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-menu-button + .tabulator-title-editor {
  width: calc(100% - 22px);
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #bbb;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #ddd;
  overflow: hidden;
  margin-right: -1px;
}
.tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
  display: none;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
  position: relative;
  box-sizing: border-box;
  margin-top: 2px;
  width: 100%;
  text-align: center;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
  height: auto !important;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
  margin-top: 3px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
  width: 0;
  height: 0;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 25px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  cursor: pointer;
  background-color: #fbfafa;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
  color: #bbb;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #bbb;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter {
  color: #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-top: none;
  border-bottom: 6px solid #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter {
  color: #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
  border-bottom: none;
  border-top: 6px solid #666;
  color: #666;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
  transform: rotate(180deg);
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-top: 20px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
  padding-right: 0;
  padding-bottom: 20px;
}
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  right: 0;
  top: 4px;
  bottom: auto;
}
.tabulator .tabulator-header .tabulator-frozen {
  display: inline-block;
  position: absolute;
  z-index: 10;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #fff;
}
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #fff;
}
.tabulator .tabulator-header .tabulator-calcs-holder {
  box-sizing: border-box;
  min-width: 600%;
  background: #f2f2f2 !important;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #999;
  overflow: hidden;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
  background: #f2f2f2 !important;
}
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-header .tabulator-frozen-rows-holder {
  min-width: 600%;
}
.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
  display: none;
}
.tabulator .tabulator-tableHolder {
  position: relative;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.tabulator .tabulator-tableHolder:focus {
  outline: none;
}
.tabulator .tabulator-tableHolder .tabulator-placeholder {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {
  min-height: 100%;
  min-width: 100%;
}
.tabulator .tabulator-tableHolder .tabulator-placeholder span {
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  color: #000;
  font-weight: 700;
  font-size: 20px;
}
.tabulator .tabulator-tableHolder .tabulator-table {
  position: relative;
  display: inline-block;
  background-color: #fff;
  white-space: nowrap;
  overflow: visible;
  color: #333;
}
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
  font-weight: 700;
  background: #f2f2f2 !important;
}
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
  border-bottom: 2px solid #ddd;
}
.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
  border-top: 2px solid #ddd;
}
.tabulator .tabulator-col-resize-handle {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
}
.tabulator .tabulator-col-resize-handle.prev {
  left: 0;
  right: auto;
}
.tabulator .tabulator-col-resize-handle:hover {
  cursor: ew-resize;
}
.tabulator .tabulator-footer {
  padding: 5px 10px;
  border-top: 1px solid #999;
  background-color: #fff;
  text-align: right;
  color: #555;
  font-weight: 700;
  white-space: nowrap;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator .tabulator-footer .tabulator-calcs-holder {
  box-sizing: border-box;
  width: calc(100% + 20px);
  margin: -5px -10px 5px;
  text-align: left;
  background: #f2f2f2 !important;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #ddd;
  overflow: hidden;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  background: #f2f2f2 !important;
}
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
  display: none;
}
.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
  margin-bottom: -5px;
  border-bottom: none;
}
.tabulator .tabulator-footer .tabulator-paginator {
  color: #555;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.tabulator .tabulator-footer .tabulator-page-size {
  display: inline-block;
  margin: 0 5px;
  padding: 2px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.tabulator .tabulator-footer .tabulator-pages {
  margin: 0 7px;
}
.tabulator .tabulator-footer .tabulator-page {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: hsla(0, 0%, 100%, 0.2);
}
.tabulator .tabulator-footer .tabulator-page.active {
  color: #d00;
}
.tabulator .tabulator-footer .tabulator-page:disabled {
  opacity: 0.5;
}
.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.tabulator .tabulator-loader {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
}
.tabulator .tabulator-loader .tabulator-loader-msg {
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  border-radius: 10px;
  background: #fff;
  font-weight: 700;
  font-size: 16px;
}
.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
  border: 4px solid #333;
  color: #000;
}
.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
  border: 4px solid #d00;
  color: #590000;
}

.tabulator-row {
  position: relative;
  box-sizing: border-box;
  min-height: 22px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}
.tabulator-row:nth-child(2n) {
  background-color: #fff;
}
.tabulator-row.tabulator-selectable:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}
.tabulator-row.tabulator-selected {
  background-color: #9abcea;
}
.tabulator-row.tabulator-selected:hover {
  background-color: #769bcc;
  cursor: pointer;
}
.tabulator-row.tabulator-moving {
  position: absolute;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  pointer-events: none !important;
  z-index: 15;
}
.tabulator-row .tabulator-row-resize-handle {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 5px;
}
.tabulator-row .tabulator-row-resize-handle.prev {
  top: 0;
  bottom: auto;
}
.tabulator-row .tabulator-row-resize-handle:hover {
  cursor: ns-resize;
}
.tabulator-row .tabulator-frozen {
  display: inline-block;
  position: absolute;
  background-color: inherit;
  z-index: 10;
}
.tabulator-row .tabulator-frozen.tabulator-frozen-left {
  border-right: 2px solid #ddd;
}
.tabulator-row .tabulator-frozen.tabulator-frozen-right {
  border-left: 2px solid #ddd;
}
.tabulator-row .tabulator-responsive-collapse {
  box-sizing: border-box;
  padding: 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.tabulator-row .tabulator-responsive-collapse:empty {
  display: none;
}
.tabulator-row .tabulator-responsive-collapse table {
  font-size: 14px;
}
.tabulator-row .tabulator-responsive-collapse table tr td {
  position: relative;
}
.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
  padding-right: 10px;
}
.tabulator-row .tabulator-cell {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  padding: 4px;
  border-right: 1px solid #fff;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tabulator-row .tabulator-cell:last-of-type {
  border-right: none;
}
.tabulator-row .tabulator-cell.tabulator-editing {
  border: 1px solid #1d68cd;
  outline: none;
  padding: 0;
}
.tabulator-row .tabulator-cell.tabulator-editing input,
.tabulator-row .tabulator-cell.tabulator-editing select {
  border: 1px;
  background: transparent;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail {
  border: 1px solid #d00;
}
.tabulator-row .tabulator-cell.tabulator-validation-fail input,
.tabulator-row .tabulator-cell.tabulator-validation-fail select {
  border: 1px;
  background: transparent;
  color: #d00;
}
.tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
  display: none;
}
.tabulator-row .tabulator-cell.tabulator-row-handle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
  width: 80%;
}
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
  width: 100%;
  height: 3px;
  margin-top: 2px;
  background: #666;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #333;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #333;
}
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  height: 15px;
  width: 15px;
  border-radius: 20px;
  background: #666;
  color: #fff;
  font-weight: 700;
  font-size: 1.1em;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
  opacity: 0.7;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
  display: initial;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
  display: none;
}
.tabulator-row .tabulator-cell .tabulator-traffic-light {
  display: inline-block;
  height: 14px;
  width: 14px;
  border-radius: 14px;
}
.tabulator-row.tabulator-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #ddd;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #fafafa;
  font-weight: 700;
  min-width: 100%;
}
.tabulator-row.tabulator-group:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}
.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  border-bottom: 0;
}
.tabulator-row.tabulator-group.tabulator-group-level-1 {
  padding-left: 30px;
}
.tabulator-row.tabulator-group.tabulator-group-level-2 {
  padding-left: 50px;
}
.tabulator-row.tabulator-group.tabulator-group-level-3 {
  padding-left: 70px;
}
.tabulator-row.tabulator-group.tabulator-group-level-4 {
  padding-left: 90px;
}
.tabulator-row.tabulator-group.tabulator-group-level-5 {
  padding-left: 110px;
}
.tabulator-row.tabulator-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-row.tabulator-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #666;
  vertical-align: middle;
}
.tabulator-row.tabulator-group span {
  margin-left: 10px;
  color: #666;
}

.tabulator-menu {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}
.tabulator-menu .tabulator-menu-item {
  position: relative;
  box-sizing: border-box;
  padding: 5px 10px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
  opacity: 0.5;
}
.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
  cursor: pointer;
  background: #fff;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
  padding-right: 25px;
}
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after {
  display: inline-block;
  position: absolute;
  top: calc(5px + 0.4em);
  right: 10px;
  height: 7px;
  width: 7px;
  content: "";
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #ddd;
  vertical-align: top;
  transform: rotate(45deg);
}
.tabulator-menu .tabulator-menu-separator {
  border-top: 1px solid #ddd;
}

.tabulator-edit-select-list {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  max-height: 200px;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
}
.tabulator-edit-select-list .tabulator-edit-select-list-item {
  padding: 4px;
  color: #333;
}
.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
  color: #fff;
  background: #1d68cd;
}
.tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
  outline: 1px solid hsla(0, 0%, 100%, 0.5);
}
.tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
  outline: 1px solid #1d68cd;
}
.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
  cursor: pointer;
  color: #fff;
  background: #1d68cd;
}
.tabulator-edit-select-list .tabulator-edit-select-list-notice {
  padding: 4px;
  color: #333;
  text-align: center;
}
.tabulator-edit-select-list .tabulator-edit-select-list-group {
  border-bottom: 1px solid #ddd;
  padding: 4px;
  padding-top: 6px;
  color: #333;
  font-weight: 700;
}

.tabulator.tabulator-ltr {
  direction: ltr;
}
.tabulator.tabulator-rtl {
  text-align: initial;
  direction: rtl;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
  text-align: initial;
  border-left: 1px solid #ddd;
  border-right: initial;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
  margin-right: 0;
  margin-left: -1px;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
  padding-right: 0;
  padding-left: 25px;
}
.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
  left: 8px;
  right: auto;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
  border-right: initial;
  border-left: 1px solid #ddd;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
  margin-right: 0;
  margin-left: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 1px;
  border-left: initial;
  border-right: 2px solid #ddd;
}
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
  margin-right: 0;
  margin-left: 5px;
}
.tabulator.tabulator-rtl .tabulator-col-resize-handle {
  position: absolute;
  left: 0;
  right: auto;
}
.tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
  right: 0;
  left: auto;
}

.tabulator-print-fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}

body.tabulator-print-fullscreen-hide > :not(.tabulator-print-fullscreen) {
  display: none !important;
}

.tabulator-print-table {
  border-collapse: collapse;
}
.tabulator-print-table .tabulator-print-table-group {
  box-sizing: border-box;
  border-bottom: 1px solid #999;
  border-right: 1px solid #ddd;
  border-top: 1px solid #999;
  padding: 5px;
  padding-left: 10px;
  background: #fafafa;
  font-weight: 700;
  min-width: 100%;
}
.tabulator-print-table .tabulator-print-table-group:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
  margin-right: 10px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  border-bottom: 0;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
  padding-left: 30px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
  padding-left: 50px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
  padding-left: 70px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
  padding-left: 90px !important;
}
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
  padding-left: 110px !important;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
  display: inline-block;
}
.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 16px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 0;
  border-left: 6px solid #666;
  vertical-align: middle;
}
.tabulator-print-table .tabulator-print-table-group span {
  margin-left: 10px;
  color: #666;
}
.tabulator-print-table .tabulator-data-tree-branch {
  display: inline-block;
  vertical-align: middle;
  height: 9px;
  width: 7px;
  margin-top: -9px;
  margin-right: 5px;
  border-bottom-left-radius: 1px;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
.tabulator-print-table .tabulator-data-tree-control {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  height: 11px;
  width: 11px;
  margin-right: 5px;
  border: 1px solid #333;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.tabulator-print-table .tabulator-data-tree-control:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: transparent;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
  display: inline-block;
  position: relative;
  height: 7px;
  width: 1px;
  background: #333;
}
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
  position: absolute;
  content: "";
  left: -3px;
  top: 3px;
  height: 1px;
  width: 7px;
  background: #333;
}

.tables-header-rol {
  font-size: 16px;
  font-weight: 800;
  padding-left: 24px;
  color: #FF9800;
}

.tables-header-fixed {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  background: #FFFFFF;
}

td,
th {
  padding: 15px 5px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
}
td.table-width-50,
th.table-width-50 {
  max-width: 50px !important;
}

tr {
  border-bottom: 0px;
}

table {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  color: #2A2D37;
}
table tbody td {
  word-break: break-word;
}

.card-table-long {
  margin-bottom: 6%;
  padding-left: 0px;
  padding-right: 0px;
}

table.striped > tbody > tr:nth-child(odd) {
  background-color: #F5F5F5 !important;
}

.title-table {
  font-size: 16px;
  font-weight: 900;
  color: #5A5D68;
  text-align: center;
  border-bottom: 1px solid #C8CAD7;
}

.title-text {
  font-size: 16px;
  font-size: 600;
  color: #81838F;
  text-align: center;
}

.text-subt2 {
  color: #5A5D68 !important;
  padding-left: 24px;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  display: none;
}

.input-field textarea {
  width: 100%;
  box-sizing: border-box !important;
  color: #080B17 !important;
  padding-left: 4px !important;
  border: 0px solid !important;
  border-color: #080B17;
  font-size: 16px;
  resize: vertical !important;
  border-radius: 10px !important;
  background-color: #F5F5F5;
}
.input-field textarea:focus, .input-field textarea:not(selector) {
  border: 0px solid #080B17;
  box-shadow: 0 0 0 0 #080B17 !important;
}
.input-field textarea::placeholder {
  padding-left: 4px;
  font-size: 12px;
  font-weight: lighter;
  font-style: italic;
  color: #080B17;
}
@media (min-width: 1200px) {
  .input-field textarea::placeholder {
    font-size: 16px !important;
  }
}
.input-field .textarea-label {
  font-size: 14px;
  color: #080B17;
  transform: none !important;
  transform-origin: center !important;
  position: inherit !important;
}
.input-field .textarea-label:focus, .input-field .textarea-label:not(selector) {
  color: #080B17;
}
@media (min-width: 1200px) {
  .input-field .textarea-label {
    font-size: 16px !important;
  }
}

.tutorial-steps {
  background-color: #CFF4FC;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  color: #055160 !important;
  border-radius: 10px;
  margin-top: 4px;
  display: flex;
}
.tutorial-steps .tutorial-label {
  font-size: 14px !important;
  color: #055160 !important;
  width: 95%;
}
.tutorial-steps .tutorial-label i {
  font-size: 18px !important;
  margin-right: 8px;
  transform: translateY(2px);
}
.tutorial-steps .close {
  font-size: 18px !important;
  cursor: pointer;
  transform: translateY(4px);
}

img.responsive-img,
video.responsive-video {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

.carousel.carousel-slider .carousel-item {
  width: 100%;
  height: 100%;
  min-height: 100px !important;
  position: absolute;
  top: 0;
  left: 0;
}

.carousel-height {
  height: 230px !important;
  min-height: 230px !important;
}

.carousel-height-doc {
  height: 290px !important;
  min-height: 290px !important;
}

.carousel .indicators {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0px !important;
  margin: 0;
}

.middle-indicator {
  position: absolute;
  top: 44%;
}

.middle-indicator2 {
  position: relative !important;
  top: 40%;
}

.middle-indicator3 {
  position: relative !important;
  top: 40%;
}

.middle-indicator-text {
  font-size: 4.2rem;
}

a.middle-indicator-text {
  color: rgba(0, 0, 0, 0.1764705882) !important;
}
a.middle-indicator-text:hover {
  color: #000000 !important;
}

.content-indicator {
  width: 48px;
  height: 48px;
}

.indicators {
  visibility: hidden;
}

.carousel {
  overflow: visible;
  position: relative;
  width: 100%;
  height: 400px;
  -webkit-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.carousel {
  height: 500px !important;
  overflow: hidden !important;
}
.carousel .carousel-item {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
.carousel .carousel-item img {
  max-width: 100% !important;
  max-height: 100% !important;
  height: auto !important;
  object-fit: contain;
  display: block !important;
  margin: 0 auto !important;
}

.adder \::-webkit-input-placeholder {
  color: #cecece;
}
.adder .input {
  outline: none;
  border: 1px solid white;
  background-color: #0072ff;
  color: white;
  height: 50px;
  padding-left: 10px;
  font-family: "Lato", sans-serif;
  font-weight: 800;
  font-size: 16px;
  margin-left: -5px;
}
.adder span {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.8;
  cursor: pointer;
  transition: all 200ms;
  color: white;
  will-change: transform;
}
.adder span:hover {
  transform: rotate(180deg);
}

.draggable {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  will-change: transform;
  height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: absolute;
  list-style-type: none;
  margin: 10px;
  border: 1px solid #ebebeb;
  background-color: white;
  border-radius: 5px;
  color: #000000;
  width: auto;
  line-height: 3.2;
  padding-left: 10px;
  cursor: move;
  transition: all 200ms;
  user-select: none;
  margin: 0px auto;
  position: relative;
}

body ul .draggable:after {
  content: "drag_indicator";
  font-family: "Material Icons";
  right: 7px;
  background-color: #fff;
  bottom: -34px;
  font-size: 24px;
  position: absolute;
  cursor: pointer;
  line-height: 5;
  transition: all 200ms;
  transition-timing-function: cubic-bezier(0.48, 0.72, 0.62, 1.5);
  transform: translateX(120%);
  opacity: 0;
}
body ul .draggable:hover:after {
  opacity: 1;
  transform: translate(0);
}

.over {
  transform: scale(1.1, 1.1);
}

.ui-state-highlight {
  border: 1px dashed #E9EBF9 !important;
  background: #F3F6FF !important;
  color: #E9EBF9 !important;
}

.edit-view-content {
  border-left: 1px solid #E9EBF9;
}
.edit-view-content .collapsible .block-list-item .collapsible-header .block-list-num a {
  max-width: 240px;
  transform: translateY(4px);
  display: inline-block;
}
@media (min-width: 1090px) {
  .edit-view-content .collapsible .block-list-item .collapsible-header .block-list-num a {
    max-width: 320px;
  }
}

.tabs-sidebar .tabs li a {
  padding: 0 16px;
}

.collapsible-body .space-options {
  display: grid;
  grid-template-columns: repeat(2, [col-start] 1fr);
  grid-auto-flow: column;
}
.collapsible-body .space-options .space-cardcont {
  padding: 4px !important;
  flex-grow: 0;
  width: auto;
  cursor: move;
}
@media (min-width: 600px) {
  .collapsible-body .space-options .space-cardcont {
    min-width: 50%;
  }
}
.collapsible-body .space-options .space-cardcont a {
  cursor: move;
}
.collapsible-body .space-options .space-cardcont .card-panel {
  margin-bottom: 8px;
}
.collapsible-body .space-options .space-options-fixedwidth {
  min-width: 86px !important;
  max-width: 86px !important;
  width: 86px !important;
}

.sidebar .insert-costumform .space-cardcont a {
  cursor: pointer;
}

.icon-center {
  text-align: center;
}

.p-edit {
  padding: 8px !important;
  height: 105px !important;
}

.card-upload-file {
  padding: 12px !important;
  width: auto !important;
  height: auto !important;
}

.rotate90 {
  transform: rotateZ(-90deg);
}

.scorm-h5p {
  font-size: 16px !important;
  font-weight: 800;
}

.carf-float {
  padding: 16px !important;
  display: block;
}

.edit-drop {
  position: relative;
  display: block !important;
  left: 84% !important;
  top: 40% !important;
  min-width: 54px !important;
}

.foc-colored:focus {
  border-left: 5px solid #FF9800;
  border-radius: 50px;
  left: 5px;
  transform: scale(1.2);
}
.foc-colored:hover {
  border-left: 5px solid #FF9800;
  border-radius: 50px;
  left: 115px;
  transform: scale(1.2);
}

.t-form-titled .form-titled-color {
  width: 30px;
  transform: translate(4px, -36px);
}
.t-form-titled .form-titled-hex[type=text]:not(.browser-default) {
  padding-left: 38px !important;
}

.note-caontainer {
  margin-top: 30px !important;
  margin-left: 5px !important;
}

.points {
  left: 50%;
  top: 10%;
  position: absolute;
  height: 20px !important;
  width: 20px !important;
  transform: scale(1);
  border-radius: 50%;
}

.point1 {
  border-radius: 50%;
}

.imagenps {
  width: 100%;
}

@-webkit-keyframes pulse1 {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.pulse1 {
  animation: pulse1 2s ease-out infinite;
}

.pulse2 {
  animation: pulse1 2s ease-out infinite;
  animation-delay: 1000ms;
}

.pulse3 {
  animation: pulse1 2s ease-out infinite;
  animation-delay: 2000ms;
}

.base-pulse {
  background: transparent;
  border-radius: 600px;
  height: 60px;
  width: 60px;
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  opacity: 0;
  border: 5px solid #FF9800;
}

.dot {
  width: 20px;
  height: 20px;
  border: 5px solid #FF9800;
  border-radius: 600px;
  background-color: #FF9800;
  z-index: 10;
  position: absolute;
}

.speech-bubble {
  display: none;
  position: absolute !important;
  z-index: 1;
  width: 35%;
  left: 35%;
  top: 6%;
  border-radius: 10px;
  box-shadow: 0px 2px 17px -2px rgba(0, 0, 0, 0.75);
  background: #FFFFFF;
}

.resizable1 {
  padding: 10px 20px 0px 20px;
  height: 80%;
}

.mis-items {
  position: relative;
  width: 90%;
  margin: 0 auto;
}

.low-grey {
  background-color: #DBDEEB;
}

.mid-grey {
  background-color: #A2A5B1;
}

.high-grey {
  background-color: #5A5D68;
}

.title-div {
  height: 1vw;
  width: 150px;
  border-radius: 5px;
}

.image-div {
  margin-top: 16px;
  padding: 16px;
  height: 100%;
  width: auto;
  border-radius: 5px;
}

.video-div {
  margin-top: 16px;
  border: 1px solid #FFFFFF;
  height: 100%;
  width: auto;
  border-radius: 5px;
}

.text-p-div {
  height: 1vw;
  background-color: #E9EBF9;
  max-width: auto;
  margin-top: 16px;
  border-radius: 5px;
}

.video-cont {
  height: 12vw;
  width: auto;
}

.text-p-last {
  height: 1vw;
  background-color: #E9EBF9;
  width: 50px;
  margin-top: 16px;
  border-radius: 5px;
}

.space-text {
  height: 140px;
}

.div-loading {
  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
}

.div-loading {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}
.container-video {
  margin: 8px;
  padding: 8px;
  background-color: #ffffff;
}

.icon-center {
  position: relative;
  top: calc(40% - 0px);
}

.z-depth-0 {
  box-shadow: none !important;
}

.chart {
  position: relative;
  display: inline-block;
  margin: 20px 10px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart2 {
  position: relative;
  display: inline-block;
  margin: 20px 10px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.chart2 canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.chart3 {
  position: relative;
  display: inline-block;
  margin: 20px 10px;
  color: #999;
  font-size: 14px;
  text-align: center;
}
.chart3 canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.icon-chart {
  transform: translateY(6px);
}

.chart-divider {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.card-chart {
  padding-top: 4px !important;
  padding-bottom: 0px !important;
}

.inside-text-style {
  font-size: 14px;
  font-weight: 900;
}

.inside-text-style2 {
  font-size: 12px;
  font-weight: 900;
}

.card-char-config {
  height: 100px;
  padding-top: 30%;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 30%;
}

.plandev-container .card-table-header {
  margin-bottom: 0;
}
.plandev-container .home-plan-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.plandev-container .home-plan-container .card {
  flex: 1 0px;
  padding: 16px;
  margin: 16px 0 8px 0;
  width: 100%;
  min-width: 100%;
}
@media (min-width: 600px) {
  .plandev-container .home-plan-container .card {
    min-width: 47%;
    max-width: 47%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 900px) {
  .plandev-container .home-plan-container .card {
    min-width: 30%;
    max-width: 31%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 1090px) {
  .plandev-container .home-plan-container .card {
    min-width: 31%;
    max-width: 32%;
    margin: 16px 16px 8px 0;
  }
}
.plandev-container .home-plan-container .card .card-stacked .card-content {
  padding: 0;
  margin: 0;
}
.plandev-container .home-plan-container .card .card-stacked .card-content h3 {
  padding: 0;
  margin: 0;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt {
  height: auto;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options {
  width: 100%;
  overflow: hidden;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options .title-plan {
  max-width: 80%;
  min-height: 38px;
  height: auto;
  float: left;
  margin-top: 0px !important;
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options .title-plan {
    min-height: 56px;
  }
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options .plan-card-options {
  max-width: 17%;
  float: right;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .title-options .plan-card-options a {
  background-color: transparent;
  border: 0px solid transparent;
}
.plandev-container .home-plan-container .card .card-stacked .desc-alt .description-plan {
  display: none;
}
@media (min-width: 600px) {
  .plandev-container .home-plan-container .card .card-stacked .desc-alt .description-plan {
    display: inline-block;
    max-height: 90px;
    min-height: 90px;
    overflow: hidden;
    width: 100%;
  }
}
.plandev-container .home-plan-container .card .card-stacked .divider-plan {
  padding-top: 0px !important;
  padding-bottom: 16px !important;
}
.plandev-container .home-plan-container .card .card-stacked .card-action {
  padding: 0;
  border-top: 0px solid #FFFFFF;
}
@media (min-width: 600px) {
  .plandev-container .home-plan-container .card .card-stacked .card-action {
    border-top: 1px solid #E9EBF9;
  }
}
.plandev-container .home-plan-container .card .card-stacked .card-action .chips-container {
  margin-top: 8px;
  height: auto;
}
.plandev-container .home-plan-container .card .card-stacked .card-action .chips-container a {
  width: 60px;
}
@media (min-width: 900px) {
  .plandev-container .home-plan-container .card .card-stacked .card-action .chips-container a {
    width: auto;
  }
}
.plandev-container .home-plan-container .card .card-stacked .card-action .chips-plandev-mobile-container .chip {
  display: block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  margin-bottom: 5px;
  margin-left: 0;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container {
  min-height: 120px;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container .gauge {
  margin: 8px auto 0 auto;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container .gauge .percentage {
  background-color: #F3F6FF;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.plandev-container .home-plan-container .card .card-stacked .gauge-container p {
  margin: 0;
  max-height: 45px;
  min-height: 45px;
}

.plandev-container-bottomnav .plandev-landing-container {
  margin-bottom: 40px;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header {
  width: 100%;
  height: 120px;
  margin-bottom: 32px;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-subject-image {
  background-image: url("../../assets/images/subject/banner.jpeg");
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-subject-image .plandev-subject-cover {
  background-color: rgba(31, 31, 30, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-subject-image .plandev-subject-cover .plandev-cover-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-subject-image .plandev-subject-cover .plandev-cover-title h4 {
  color: #FFFFFF;
  font-weight: 400;
  margin: 0;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-no-image {
  background-color: #A2A5B1 !important;
  background-image: none !important;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-no-image .plandev-cover {
  background-color: transparent;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-subject-header .plandev-no-image .plandev-cover .cover-title h4 {
  color: #FFFFFF;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container {
  margin: 32px 0;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-container .gauge {
  width: 90px;
  min-width: 90px;
  margin: 0 auto;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-container .percentage {
  background-color: #F3F6FF;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.plandev-container-bottomnav .plandev-landing-container .plandev-charts-container .gauge-chart-3 {
  background-color: #0277BD !important;
}
.plandev-container-bottomnav .plandev-landing-container .chips-container .chip {
  display: block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  margin-bottom: 5px;
  margin-left: 0;
}
@media (min-width: 600px) {
  .plandev-container-bottomnav .plandev-landing-container .chips-container .chip {
    max-width: 180px;
  }
}
@media (min-width: 900px) {
  .plandev-container-bottomnav .plandev-landing-container .chips-container .chip {
    max-width: 240px;
  }
}
.plandev-container-bottomnav .plandev-landing-container .chips-container .chip-name {
  display: block;
  margin-left: 0;
  margin-bottom: 5px;
  margin-right: 5px;
}

.plandev-container-assessment {
  border-left: 1px solid #E9EBF9;
}

.plandev-exam-assessment {
  margin-top: -17px;
}
@media (min-width: 600px) {
  .plandev-exam-assessment {
    padding-left: 16px;
    border-left: 1px solid #E9EBF9;
  }
}
.plandev-exam-assessment .assessment-mobile-header {
  margin-bottom: 16px;
}
.plandev-exam-assessment .assessment-mobile-actions {
  margin-bottom: 40px;
}

.plandev-intro .space-activities {
  margin-bottom: 0 !important;
}
.plandev-intro .chips-container {
  width: auto;
  margin: 0;
}
@media (min-width: 600px) {
  .plandev-intro .chips-container {
    text-align: center;
    width: 90%;
    margin: 0 auto;
  }
}
.plandev-intro .chips-container .chip {
  display: block;
  width: fit-content;
}
@media (min-width: 600px) {
  .plandev-intro .chips-container .chip {
    display: inline-block;
  }
}
.plandev-intro p {
  text-align: justify;
}

.plandev-bottom ul {
  padding: 0 !important;
  margin: 0 !important;
}
.plandev-bottom ul .plandev-cta-bottom {
  background-color: #FF9800;
}
.plandev-bottom ul .plandev-cta-bottom a {
  padding: 24px 0;
}
.plandev-bottom ul .plandev-cta-bottom a label {
  color: #FFFFFF !important;
  transform: translateY(10px) !important;
}

.plandev-exam-bottom ul {
  padding: 0 !important;
  margin: 0;
}
.plandev-exam-bottom ul .plandev-exam-bottom-continue {
  background-color: #FF9800;
}
.plandev-exam-bottom ul .plandev-exam-bottom-continue a {
  padding: 24px 0;
}
.plandev-exam-bottom ul .plandev-exam-bottom-continue a label {
  color: #FFFFFF !important;
  transform: translateY(10px) !important;
}
.plandev-exam-bottom ul .plandev-exam-bottom-cancel {
  background-color: #FFF3E0;
}
.plandev-exam-bottom ul .plandev-exam-bottom-cancel a {
  padding: 32px 0;
}

.plan-action {
  margin-bottom: 0;
  margin-top: 8px;
  overflow: hidden;
  display: flex;
  padding: 4px 0;
}
.plan-action a {
  flex: 1;
}

.act-btn {
  margin-right: 8px;
}

.left-text {
  padding-left: 24px;
}

.sw-marg {
  margin-left: 16px;
}

.space-titlecard {
  display: flex;
  justify-content: space-between;
}
.space-titlecard h4 button {
  transform: translateY(4px);
}
.space-titlecard a {
  transform: translateY(12px);
}

.plan-view-list .orange-note {
  margin-bottom: 16px;
  background-color: #FF9800 !important;
}
.plan-view-list .orange-note label {
  color: #080B17 !important;
}
.plan-view-list .orange-note i {
  color: #080B17 !important;
  transform: translateY(4px) !important;
  margin-bottom: 16px !important;
  display: inline-block;
  float: left;
  font-size: 22px !important;
}
.plan-view-list .sidebar .check-activity i {
  transform: translate(-5px, 1px);
}
@media (min-width: 600px) {
  .plan-view-list .sidebar .check-activity i {
    transform: translate(-6px, -1px);
  }
}

.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content {
  display: flex;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .chart {
  flex: 1;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content p {
  flex: 3;
  margin: auto;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .gauge-container .gauge .percentage {
  background-color: #F3F6FF;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .gauge-container .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .gauge-container .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.plan-view-performance .sidebar .cards-container .card .card-stacked .card-content .gauge-container .gauge-chart-3 {
  background-color: #0277BD !important;
}

.library-container .card-content {
  padding: 16px;
}
.library-container .card-content h3 {
  padding: 0;
  margin: 0;
}

.exam-content .fixed-block2 {
  max-height: 400px;
  padding: 16px 0 0 0;
  width: 39%;
  height: 380px;
}
.exam-content .fixed-block2 .card-header-title {
  padding: 0 0 8px 8px;
  border-bottom: 1px solid #E9EBF9;
  height: auto;
  overflow: hidden;
}
.exam-content .fixed-block2 .card-content-overflow-y {
  max-height: 300px;
  overflow: hidden;
  overflow-y: scroll;
}
.exam-content .fixed-block2 .card-content-overflow-y table {
  overflow-y: scroll;
  max-height: 38vh;
  overflow-x: hidden;
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.performance-dashboard-container {
  background-color: #F5F5F5;
}
.performance-dashboard-container .performance-dashboard .card {
  background-color: #FFFFFF;
  overflow: hidden;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator {
  overflow: hidden;
  padding: 8px;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-graph {
  float: left;
  display: inline-block;
  max-width: 50px;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-graph .gauge-container {
  min-width: 50px;
  max-width: 50px;
  margin-top: 16px;
  text-align: center;
  color: #039BE5;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-graph .gauge-container .gauge {
  min-width: 50px;
  max-width: 50px;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-data {
  float: left;
  display: inline-block;
  max-width: 80%;
  padding-left: 16px;
  margin-top: 16px;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-data label {
  padding: 0;
  margin: 0;
}
.performance-dashboard-container .performance-dashboard .card .performance-indicator .indicator-data p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.performance-dashboard-container .performance-graph .card {
  background-color: #FFFFFF;
  overflow: hidden;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph {
  overflow: hidden;
  padding: 8px;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph {
  display: flex;
  flex-flow: row;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph .graph-name {
  flex: 1;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph .graph-select {
  flex: 1;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph .graph-select .input-field {
  margin: 0;
  padding: 0;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .header-graph .graph-select .input-field select {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #FFFFFF !important;
  height: 24px !important;
  text-align: right !important;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .body-graph {
  height: 440px;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .body-graph .card-chart-container {
  margin-top: 16px;
  width: auto !important;
  max-height: 400px !important;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .body-graph .card-chart-container #myChart {
  width: auto !important;
  max-height: 400px !important;
}
.performance-dashboard-container .performance-graph .card .multiselect-graph .body-graph .card-chart-container #myChart2 {
  width: auto !important;
  max-height: 400px !important;
}
.performance-dashboard-container .coworker-graph .card {
  background-color: #FFFFFF;
  overflow: hidden;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph {
  overflow: hidden;
  padding: 8px;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph {
  display: flex;
  flex-flow: row;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph .graph-name {
  flex: 1;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph .graph-select {
  flex: 1;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph .graph-select .input-field {
  margin: 0;
  padding: 0;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .header-graph .graph-select .input-field select {
  margin: 0 !important;
  padding: 0 !important;
  background-color: #FFFFFF !important;
  height: 24px !important;
  text-align: right !important;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph {
  height: 480px;
  max-height: 480px;
  overflow: hidden;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item {
  margin-top: 4px;
  overflow: hidden;
  display: block;
  height: 44px;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-avatar {
  float: left;
  width: auto;
  padding: 8px 0;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data {
  float: left;
  width: 80%;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data label {
  display: block;
  margin: 0;
  padding: 0;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data p {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 12px;
  transform: translateY(-6px);
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data.ended .activity-info-status span {
  color: #0F5132 !important;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data.ended .activity-info-element span {
  color: #0F5132 !important;
  display: inline-block;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data .unfinished .activity-info-status span {
  color: #842029 !important;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data .unfinished .activity-info-element span {
  color: #842029 !important;
  display: inline-block;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data .marker-arrow-positive {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #0F5132 !important;
  margin: 0 4px;
  display: inline-block;
}
.performance-dashboard-container .coworker-graph .card .multiselect-graph .body-graph .list-container .list-item .list-data .marker-arrow-negative {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #842029 !important;
  margin: 0 4px;
  display: inline-block;
}

.card-action2 {
  padding: 0;
  border-top: 0px solid #FFFFFF;
}
.div-cal {
  background: #E9EBF9;
  padding: 8px;
  border-radius: 5px;
}

.stars li::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.stars li.active::before,
.stars li.active ~ li::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}
.stars li:hover::before,
.stars li:hover ~ li::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
}

.wrap {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.stars {
  unicode-bidi: bidi-override;
  direction: rtl;
  display: inline-block;
  text-align: left;
  margin: 0px !important;
}
.stars li {
  cursor: pointer;
  display: block;
  float: right;
  padding: 0 0.375rem;
  display: inline-block;
  font-size: 32px;
  color: #2A2D37;
}
.stars li::before {
  content: "\e83a";
}
.stars li.active, .stars li:hover {
  color: #2A2D37;
}
.stars li.active ~ li, .stars li:hover ~ li {
  color: #2A2D37;
}
.stars li.active::before,
.stars li.active ~ li::before {
  content: "\e838";
}
.stars li:hover::before,
.stars li:hover ~ li::before {
  content: "\e838";
}

.text-star {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

ul {
  padding-inline-start: 0px !important;
}

.text-cal {
  padding: 5px !important;
  color: #FF9800;
}

.rate-and-text {
  display: flex;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .container {
    max-width: 768px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .container {
    max-width: 480px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*Timeline*/
#timeline {
  position: relative;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 600px) {
  #timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
    margin-right: 2em;
  }
}
#timeline::before {
  display: none;
}
@media (min-width: 600px) {
  #timeline::before { /* this is the vertical line*/
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #FF9800;
  }
}
@media (min-width: 1020px) {
  #timeline::before { /* this is the vertical line*/
    display: none;
  }
}

@media only screen and (min-width: 1170px) {
  #timeline {
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: 8em;
    margin-right: 2em;
  }
  #timeline::before {
    left: 50%;
    right: auto;
    margin: 0 auto;
    display: flex;
    align-content: center;
    align-items: center;
    align-items: center;
    margin-left: -2px;
    margin-right: auto;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}
.timeline-block {
  margin: 0;
}
@media (min-width: 600px) {
  .timeline-block {
    position: relative;
    margin: 2em 0;
  }
}
.timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.timeline-block:first-child {
  margin-top: 0;
}
.timeline-block:last-child {
  margin-bottom: 0;
}
.timeline-block .timeline-year.right strong, .timeline-block .timeline-year.left strong {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: -3px;
}
.timeline-block .timeline-year.right strong {
  margin-left: 50px;
}
.timeline-block .timeline-year.left strong {
  margin-left: -75px;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type {
  padding: 8px 16px;
  display: flex;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type .number-activity {
  flex: 1;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type .number-activity .bullet-list {
  padding: 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  display: inline-block;
  color: #080B17;
  border: 2px solid #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type .chips-container {
  flex: 1;
}
.timeline-block .timeline-content .card .card-stacked .card-activity-type .chips-container .chip {
  margin: 0;
}
.timeline-block .timeline-content .card .card-stacked .card-content {
  padding: 0 16px 16px 16px;
}
.timeline-block .timeline-content .card .card-stacked .card-action {
  padding: 16px;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chips-container .chip {
  width: auto;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chips-container a {
  height: 32px;
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 32px;
  transform: translateY(-14px);
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container {
  overflow: hidden;
  margin-bottom: 16px;
  min-height: 95px;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-left {
  width: 50%;
  float: left;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-left .gauge {
  margin: 0 auto;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-left p {
  margin-top: 8px;
  margin-bottom: 0px;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-right {
  width: 50%;
  float: right;
  min-height: 95px;
}
.timeline-block .timeline-content .card .card-stacked .card-action .chart-container .chart-side-right p {
  margin: 0;
  transform: translateY(66px);
}

@media only screen and (min-width: 1170px) {
  .timeline-block {
    margin: 4em 0;
  }
  .timeline-block:first-child {
    margin-top: 0;
  }
  .timeline-block:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1169px) {
  .timeline-block .timeline-year {
    margin-left: 4px;
  }
  .timeline-block .timeline-year.right strong {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0px;
  }
  .timeline-block .timeline-year.left strong {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 0px;
    margin-left: -5px;
    margin-top: -40px;
    background: #fff;
  }
  .timeline-block .timeline-year.right strong {
    margin-left: -5px;
    margin-top: -40px;
    background: #fff;
  }
}
.timeline-year {
  background: #ffffff;
  border: 4px solid #FF9800;
  position: absolute;
  top: 45%;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 2px rgba(0, 0, 0, 0.05);
  display: none;
}
@media (min-width: 1168px) {
  .timeline-year {
    display: block;
  }
}

.timeline-year-succes {
  background: #D1E7DD;
  border: 4px solid #D1E7DD;
  position: absolute;
  top: 45%;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #D1E7DD, inset 0 2px 0 #D1E7DD, 0 3px 0 2px #D1E7DD;
  display: none;
}
@media (min-width: 1168px) {
  .timeline-year-succes {
    display: block;
  }
}

@media only screen and (min-width: 1170px) {
  .timeline-year {
    width: 48px;
    height: 48px;
    left: 49.3%;
    margin-left: -15px;
    /* Force Hardware Acceleration in WebKit*/
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}
@media only screen and (min-width: 1170px) {
  .timeline-year-succes {
    width: 48px;
    height: 48px;
    left: 49%;
    margin-left: -15px;
    /* Force Hardware Acceleration in WebKit*/
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
}
.timeline-content {
  position: relative;
  margin-left: 0;
  display: inherit;
}
@media (min-width: 600px) {
  .timeline-content {
    position: relative;
    margin-left: 60px;
  }
}
@media (min-width: 1170px) {
  .timeline-content {
    display: inline-block;
  }
}
.timeline-content:after {
  content: "";
  display: table;
  clear: both;
  display: inherit;
}
.timeline-content .percent {
  font-size: 2.5rem;
  font-weight: 300;
}
.timeline-content h5 {
  font-size: 1rem;
}

@media only screen and (min-width: 1170px) {
  .timeline-content {
    margin-left: 0;
    width: 45%;
  }
  .timeline-block:nth-child(even) .timeline-content {
    float: right;
  }
  .timeline-block:nth-child(even) .timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ebebeb;
  }
  .timeline-block:nth-child(even) .timeline-content .card .card-action .chips-container .chip img {
    width: 22px !important;
  }
}
/* Data anime*/
[data-anime] {
  opacity: 0;
  transition: 0.3s;
}
[data-anime].animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-anime-left] {
  opacity: 0;
  transform: translate3d(-40px, 0, 0);
  transition: 0.3s;
}
[data-anime-left].animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-anime-right] {
  opacity: 0;
  transform: translate3d(40px, 0, 0);
  transition: 0.3s;
}
[data-anime-right].animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.circle-time {
  background: #FF9800;
  border-radius: 50%;
  color: #fff;
  height: 6em;
  width: 6em;
  z-index: 9;
  transform: translate(45px, 64px);
  text-align: center;
  right: auto;
  margin: 0 auto;
  align-content: center;
  align-items: center;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.circle-icon-time {
  fill: currentColor;
  height: 50%;
  left: 50%;
  position: absolute;
  stroke: currentColor;
  stroke-width: 0;
  top: 55%;
  color: #000a12;
  transform: translate(-50%, -50%);
  width: 55%;
}

.text-time-indicator {
  height: 70%;
  text-align: center;
  width: 40px;
  height: 40px;
  position: absolute;
  stroke-width: 0;
  font-size: 16px;
  font-weight: 700;
  transform: translateY(-8px);
  color: #0F5132 !important;
}

.graph-meth {
  background-color: #F3F6FF !important;
  padding-top: 16px !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.circle-icon {
  background: #FFE0B2;
  border-radius: 50%;
  color: #fff;
  height: 56px;
  width: 56px;
  z-index: 9;
  transform: translateY(-14px);
  text-align: center;
  position: relative;
  display: block;
}

.circle-icon-iside {
  height: 50%;
  left: 50%;
  position: absolute;
  stroke: currentColor;
  stroke-width: 0;
  top: 55%;
  transform: translate(-50%, -50%);
}

.morejs {
  word-wrap: break-word;
}

.chip .icon-xpertme {
  margin: 0 8px 0 0 !important;
  width: 18px !important;
  border-radius: 0 !important;
}

.chip .icon-vlab {
  margin: 0 8px 0 0 !important;
  width: 20px !important;
  border-radius: 0 !important;
}

@media only screen and (min-width: 992px) {
  html {
    font-size: 14px !important;
  }
}
input[type=range] + .thumb {
  position: absolute;
  top: -35px !important;
  left: 0;
  border: none;
  height: 0;
  width: 0;
  border-radius: 50%;
  background-color: #01579B;
  margin-left: 7px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

input[type=range] + .thumb .value {
  display: block;
  width: 30px;
  text-align: center;
  color: #01579B;
  font-size: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

input[type=range]::-webkit-slider-thumb {
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #01579B;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-appearance: none;
  background-color: #01579B;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  margin: -10px 0 0 0;
}

input[type=range]::-webkit-slider-runnable-track {
  height: 4px;
  background: #c2c0c2;
  border: none;
}

input[type=range] + .thumb.active .value {
  color: #fff;
  bottom: 10px;
  margin-left: -1px;
  margin-top: 4px;
  font-size: 14px;
}

.loading-overlay {
  display: none;
  background: #fafafa;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9998;
  align-items: center;
  justify-content: center;
}
.loading-overlay.is-active {
  display: flex;
}

.code {
  font-family: monospace;
  /* font-size: .9em; */
  color: #dd4a68;
  background-color: rgb(255, 255, 255);
  padding: 0 3px;
}

.spinner-tall {
  width: 190px;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin-right: 16px !important;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-snow * {
  box-sizing: border-box;
  resize: vertical !important;
}

.ql-editor {
  height: auto;
  white-space: inherit;
}

.carousel .carousel-slider {
  height: 700px !important;
}

.navigation-rail {
  position: sticky;
  display: flex;
  box-sizing: border-box;
}

@media (max-width: 39.999rem) {
  .navigation-rail {
    inset-block-end: 0;
    inset-block-start: 100%;
    inset-inline: 0;
    flex-direction: row;
    align-items: center;
    padding-inline: 0.5rem;
    inline-size: 100vw;
  }
  .navigation-rail:not(.navigation-rail--compact) {
    block-size: 4.5rem;
  }
  .navigation-rail--compact {
    block-size: 3.5rem;
  }
  .navigation-rail--has-divider::after {
    inset-block-start: 0;
    inset-inline: 0;
    block-size: 0.0625rem;
  }
}
@media (min-width: 40rem) {
  .navigation-rail {
    inset-block: 0;
    inset-inline-start: 0;
    flex-direction: column;
    block-size: 100vh;
    position: fixed;
    top: 135px;
  }
  .navigation-rail:not(.navigation-rail--compact) {
    inline-size: 6.5rem;
  }
  .navigation-rail--compact {
    inline-size: 3.5rem;
  }
  .navigation-rail--has-divider::after {
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: 0.0625rem;
  }
}
.navigation-rail--center {
  justify-content: top;
  background-color: #FFFFFF;
}

.navigation-rail--end {
  justify-content: flex-end;
}

.navigation-rail--has-divider::after {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.12);
  content: "";
}

.navigation-rail__link {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: inherit;
  text-decoration: none;
  text-align: center;
}

.navigation-rail:not(.navigation-rail--compact) .navigation-rail__link {
  justify-content: space-between;
  block-size: 4.3rem;
  -webkit-padding-after: 1rem;
  padding-block-end: 2rem;
  -webkit-padding-before: 0.875rem;
}

.navigation-rail--compact .navigation-rail__link {
  justify-content: center;
  block-size: 3.5rem;
  inline-size: 3.5rem;
  padding-block: 1rem;
}

.navigation-rail__link:not([aria-selected=true]) {
  color: rgba(0, 0, 0, 0.62);
}
.navigation-rail__link[aria-selected=true] {
  color: #FF9800;
}
.navigation-rail__link[aria-selected=true] span {
  background-color: #FFF3E0;
  border-radius: 50%;
  width: 24px;
}
.navigation-rail__link[aria-done=true] {
  color: #0F5132;
}
.navigation-rail__link[aria-done=true] span {
  background-color: #D1E7DD;
  border-radius: 50%;
  width: 24px;
}
.navigation-rail__link[aria-disabled=true] {
  color: #A6A6A6;
  pointer-events: none;
}
.navigation-rail__link[aria-disabled=true] span {
  background-color: #F3F3F3;
  border-radius: 50%;
  width: 24px;
}
.navigation-rail__link::before {
  position: absolute;
  inset: 0.25rem;
  content: "";
  top: 8px;
  height: 68px;
  background-color: currentcolor;
  border-radius: 20%;
  pointer-events: none;
  opacity: 0;
  transition: opacity 180ms ease-in;
}
.navigation-rail__link:focus-visible::before {
  opacity: 0.04;
}
.navigation-rail__link:not([aria-selected=true]):hover::before {
  opacity: 0.04;
}
.navigation-rail__link:not([aria-selected=true]):active::before {
  opacity: 0.08;
}

.navigation-rail__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: inherit;
  block-size: 1.5rem;
  inline-size: 1.5rem;
  font-size: 1.5rem;
  transform: translateY(8px);
}

.navigation-rail__label {
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  height: 23px;
  width: 90px;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  word-break: break-all;
  box-sizing: inherit;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 0.75rem;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.navigation-rail--compact .navigation-rail__label {
  position: absolute;
  margin: -1px;
  block-size: 1px;
  inline-size: 1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap;
}

nav i,
nav [class^=mdi-],
nav [class*=mdi-],
nav i.material-icons {
  display: block;
  font-size: 24px !important;
  height: 56px !important;
  line-height: 24px !important;
}

.stepper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 20px;
}

.step {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  width: 100%;
}
.step span {
  color: #080B17 !important;
  transform: translate(0px, 4px);
}
.step::before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #D9D9D9;
  display: inline-block;
  margin-right: 10px;
}

.step-title {
  padding: 10px 20px;
  background-color: #f5f5f5;
  border-radius: 5px;
  flex: 1;
  display: flex;
  justify-content: space-between;
}

.step-line {
  position: relative;
  padding-left: 15px;
}
.step-line::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 10px;
  bottom: -20px;
  width: 2px;
  background-color: gray;
}

.step:last-child .step-line::before {
  display: none;
}

.dpw-content-shadow {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  width: 200px !important;
}

.collpasible-sx1454 {
  padding: 0px 0 !important;
}

.coll-sx13 {
  width: 3%;
}
.coll-sx13 .lister {
  padding: 4px 5px 5px 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  display: inline-block;
  color: #080B17;
  border: 2px solid #FF9800;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
  transform: translate(0px, 4px);
  fill: #FFF;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.coll-sx14 {
  width: 97%;
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: #f5f5f5;
  border-radius: 5px;
  flex: 1;
}
.coll-sx14 .title {
  display: flex;
  align-items: center;
}
.coll-sx14 .actions {
  display: flex;
  align-items: center;
}

.dragging {
  cursor: grab;
}
.dragging.grabbing {
  cursor: grabbing;
}

.btn-add-sub {
  transform: translate(48px, 0px);
}

.btn-move-item {
  display: grid;
  margin-right: 16px;
  transform: translate(0px, 3px);
}
.btn-move-item a {
  margin: -8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.btn-move-item a:hover {
  color: #FF9800;
}
.btn-move-item a:active {
  color: #FF9800;
}
.btn-move-item a span {
  font-size: 16px !important;
}
.btn-move-item .material-symbols-outlined {
  font-size: 24px;
}

.icon-note-c33 {
  transform: translate(0px, 5px);
}

.verefertertgertre {
  background-color: red;
}

/* 1080p (Full HD) */
@media only screen and (min-width: 1920px) {
  .row .col.fhd1 {
    width: 8.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd2 {
    width: 16.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd3 {
    width: 25% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd4 {
    width: 33.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd5 {
    width: 41.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd6 {
    width: 50% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd7 {
    width: 58.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd8 {
    width: 66.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd9 {
    width: 75% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd10 {
    width: 83.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd11 {
    width: 91.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.fhd12 {
    width: 100% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.offset-fhd1 {
    margin-left: 8.3333333333% !important;
  }
  .row .col.pull-fhd1 {
    right: 8.3333333333% !important;
  }
  .row .col.push-fhd1 {
    left: 8.3333333333% !important;
  }
  .row .col.offset-fhd2 {
    margin-left: 16.6666666667% !important;
  }
  .row .col.pull-fhd2 {
    right: 16.6666666667% !important;
  }
  .row .col.push-fhd2 {
    left: 16.6666666667% !important;
  }
  .row .col.offset-fhd3 {
    margin-left: 25% !important;
  }
  .row .col.pull-fhd3 {
    right: 25% !important;
  }
  .row .col.push-fhd3 {
    left: 25% !important;
  }
  .row .col.offset-fhd4 {
    margin-left: 33.3333333333% !important;
  }
  .row .col.pull-fhd4 {
    right: 33.3333333333% !important;
  }
  .row .col.push-fhd4 {
    left: 33.3333333333% !important;
  }
  .row .col.offset-fhd5 {
    margin-left: 41.6666666667% !important;
  }
  .row .col.pull-fhd5 {
    right: 41.6666666667% !important;
  }
  .row .col.push-fhd5 {
    left: 41.6666666667% !important;
  }
  .row .col.offset-fhd6 {
    margin-left: 50% !important;
  }
  .row .col.pull-fhd6 {
    right: 50% !important;
  }
  .row .col.push-fhd6 {
    left: 50% !important;
  }
  .row .col.offset-fhd7 {
    margin-left: 58.3333333333% !important;
  }
  .row .col.pull-fhd7 {
    right: 58.3333333333% !important;
  }
  .row .col.push-fhd7 {
    left: 58.3333333333% !important;
  }
  .row .col.offset-fhd8 {
    margin-left: 66.6666666667% !important;
  }
  .row .col.pull-fhd8 {
    right: 66.6666666667% !important;
  }
  .row .col.push-fhd8 {
    left: 66.6666666667% !important;
  }
  .row .col.offset-fhd9 {
    margin-left: 75% !important;
  }
  .row .col.pull-fhd9 {
    right: 75% !important;
  }
  .row .col.push-fhd9 {
    left: 75% !important;
  }
  .row .col.offset-fhd10 {
    margin-left: 83.3333333333% !important;
  }
  .row .col.pull-fhd10 {
    right: 83.3333333333% !important;
  }
  .row .col.push-fhd10 {
    left: 83.3333333333% !important;
  }
  .row .col.offset-fhd11 {
    margin-left: 91.6666666667% !important;
  }
  .row .col.pull-fhd11 {
    right: 91.6666666667% !important;
  }
  .row .col.push-fhd11 {
    left: 91.6666666667% !important;
  }
  .row .col.offset-fhd12 {
    margin-left: 100% !important;
  }
  .row .col.pull-fhd12 {
    right: 100% !important;
  }
  .row .col.push-fhd12 {
    left: 100% !important;
  }
}
/* 2K (QHD) */
@media only screen and (min-width: 2560px) {
  .row .col.qhd1 {
    width: 8.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd2 {
    width: 16.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd3 {
    width: 25% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd4 {
    width: 33.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd5 {
    width: 41.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd6 {
    width: 50% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd7 {
    width: 58.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd8 {
    width: 66.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd9 {
    width: 75% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd10 {
    width: 83.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd11 {
    width: 91.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.qhd12 {
    width: 100% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.offset-qhd1 {
    margin-left: 8.3333333333% !important;
  }
  .row .col.pull-qhd1 {
    right: 8.3333333333% !important;
  }
  .row .col.push-qhd1 {
    left: 8.3333333333% !important;
  }
  .row .col.offset-qhd2 {
    margin-left: 16.6666666667% !important;
  }
  .row .col.pull-qhd2 {
    right: 16.6666666667% !important;
  }
  .row .col.push-qhd2 {
    left: 16.6666666667% !important;
  }
  .row .col.offset-qhd3 {
    margin-left: 25% !important;
  }
  .row .col.pull-qhd3 {
    right: 25% !important;
  }
  .row .col.push-qhd3 {
    left: 25% !important;
  }
  .row .col.offset-qhd4 {
    margin-left: 33.3333333333% !important;
  }
  .row .col.pull-qhd4 {
    right: 33.3333333333% !important;
  }
  .row .col.push-qhd4 {
    left: 33.3333333333% !important;
  }
  .row .col.offset-qhd5 {
    margin-left: 41.6666666667% !important;
  }
  .row .col.pull-qhd5 {
    right: 41.6666666667% !important;
  }
  .row .col.push-qhd5 {
    left: 41.6666666667% !important;
  }
  .row .col.offset-qhd6 {
    margin-left: 50% !important;
  }
  .row .col.pull-qhd6 {
    right: 50% !important;
  }
  .row .col.push-qhd6 {
    left: 50% !important;
  }
  .row .col.offset-qhd7 {
    margin-left: 58.3333333333% !important;
  }
  .row .col.pull-qhd7 {
    right: 58.3333333333% !important;
  }
  .row .col.push-qhd7 {
    left: 58.3333333333% !important;
  }
  .row .col.offset-qhd8 {
    margin-left: 66.6666666667% !important;
  }
  .row .col.pull-qhd8 {
    right: 66.6666666667% !important;
  }
  .row .col.push-qhd8 {
    left: 66.6666666667% !important;
  }
  .row .col.offset-qhd9 {
    margin-left: 75% !important;
  }
  .row .col.pull-qhd9 {
    right: 75% !important;
  }
  .row .col.push-qhd9 {
    left: 75% !important;
  }
  .row .col.offset-qhd10 {
    margin-left: 83.3333333333% !important;
  }
  .row .col.pull-qhd10 {
    right: 83.3333333333% !important;
  }
  .row .col.push-qhd10 {
    left: 83.3333333333% !important;
  }
  .row .col.offset-qhd11 {
    margin-left: 91.6666666667% !important;
  }
  .row .col.pull-qhd11 {
    right: 91.6666666667% !important;
  }
  .row .col.push-qhd11 {
    left: 91.6666666667% !important;
  }
  .row .col.offset-qhd12 {
    margin-left: 100% !important;
  }
  .row .col.pull-qhd12 {
    right: 100% !important;
  }
  .row .col.push-qhd12 {
    left: 100% !important;
  }
}
/* 4K (UHD) */
@media only screen and (min-width: 3840px) {
  .row .col.uhd1 {
    width: 8.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd2 {
    width: 16.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd3 {
    width: 25% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd4 {
    width: 33.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd5 {
    width: 41.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd6 {
    width: 50% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd7 {
    width: 58.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd8 {
    width: 66.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd9 {
    width: 75% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd10 {
    width: 83.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd11 {
    width: 91.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhd12 {
    width: 100% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.offset-uhd1 {
    margin-left: 8.3333333333% !important;
  }
  .row .col.pull-uhd1 {
    right: 8.3333333333% !important;
  }
  .row .col.push-uhd1 {
    left: 8.3333333333% !important;
  }
  .row .col.offset-uhd2 {
    margin-left: 16.6666666667% !important;
  }
  .row .col.pull-uhd2 {
    right: 16.6666666667% !important;
  }
  .row .col.push-uhd2 {
    left: 16.6666666667% !important;
  }
  .row .col.offset-uhd3 {
    margin-left: 25% !important;
  }
  .row .col.pull-uhd3 {
    right: 25% !important;
  }
  .row .col.push-uhd3 {
    left: 25% !important;
  }
  .row .col.offset-uhd4 {
    margin-left: 33.3333333333% !important;
  }
  .row .col.pull-uhd4 {
    right: 33.3333333333% !important;
  }
  .row .col.push-uhd4 {
    left: 33.3333333333% !important;
  }
  .row .col.offset-uhd5 {
    margin-left: 41.6666666667% !important;
  }
  .row .col.pull-uhd5 {
    right: 41.6666666667% !important;
  }
  .row .col.push-uhd5 {
    left: 41.6666666667% !important;
  }
  .row .col.offset-uhd6 {
    margin-left: 50% !important;
  }
  .row .col.pull-uhd6 {
    right: 50% !important;
  }
  .row .col.push-uhd6 {
    left: 50% !important;
  }
  .row .col.offset-uhd7 {
    margin-left: 58.3333333333% !important;
  }
  .row .col.pull-uhd7 {
    right: 58.3333333333% !important;
  }
  .row .col.push-uhd7 {
    left: 58.3333333333% !important;
  }
  .row .col.offset-uhd8 {
    margin-left: 66.6666666667% !important;
  }
  .row .col.pull-uhd8 {
    right: 66.6666666667% !important;
  }
  .row .col.push-uhd8 {
    left: 66.6666666667% !important;
  }
  .row .col.offset-uhd9 {
    margin-left: 75% !important;
  }
  .row .col.pull-uhd9 {
    right: 75% !important;
  }
  .row .col.push-uhd9 {
    left: 75% !important;
  }
  .row .col.offset-uhd10 {
    margin-left: 83.3333333333% !important;
  }
  .row .col.pull-uhd10 {
    right: 83.3333333333% !important;
  }
  .row .col.push-uhd10 {
    left: 83.3333333333% !important;
  }
  .row .col.offset-uhd11 {
    margin-left: 91.6666666667% !important;
  }
  .row .col.pull-uhd11 {
    right: 91.6666666667% !important;
  }
  .row .col.push-uhd11 {
    left: 91.6666666667% !important;
  }
  .row .col.offset-uhd12 {
    margin-left: 100% !important;
  }
  .row .col.pull-uhd12 {
    right: 100% !important;
  }
  .row .col.push-uhd12 {
    left: 100% !important;
  }
}
/* 8K (UHD) */
@media only screen and (min-width: 7680px) {
  .row .col.uhdx1 {
    width: 8.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx2 {
    width: 16.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx3 {
    width: 25% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx4 {
    width: 33.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx5 {
    width: 41.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx6 {
    width: 50% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx7 {
    width: 58.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx8 {
    width: 66.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx9 {
    width: 75% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx10 {
    width: 83.3333333333% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx11 {
    width: 91.6666666667% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.uhdx12 {
    width: 100% !important;
    margin-left: auto !important;
    left: auto !important;
    right: auto !important;
  }
  .row .col.offset-uhdx1 {
    margin-left: 8.3333333333% !important;
  }
  .row .col.pull-uhdx1 {
    right: 8.3333333333% !important;
  }
  .row .col.push-uhdx1 {
    left: 8.3333333333% !important;
  }
  .row .col.offset-uhdx2 {
    margin-left: 16.6666666667% !important;
  }
  .row .col.pull-uhdx2 {
    right: 16.6666666667% !important;
  }
  .row .col.push-uhdx2 {
    left: 16.6666666667% !important;
  }
  .row .col.offset-uhdx3 {
    margin-left: 25% !important;
  }
  .row .col.pull-uhdx3 {
    right: 25% !important;
  }
  .row .col.push-uhdx3 {
    left: 25% !important;
  }
  .row .col.offset-uhdx4 {
    margin-left: 33.3333333333% !important;
  }
  .row .col.pull-uhdx4 {
    right: 33.3333333333% !important;
  }
  .row .col.push-uhdx4 {
    left: 33.3333333333% !important;
  }
  .row .col.offset-uhdx5 {
    margin-left: 41.6666666667% !important;
  }
  .row .col.pull-uhdx5 {
    right: 41.6666666667% !important;
  }
  .row .col.push-uhdx5 {
    left: 41.6666666667% !important;
  }
  .row .col.offset-uhdx6 {
    margin-left: 50% !important;
  }
  .row .col.pull-uhdx6 {
    right: 50% !important;
  }
  .row .col.push-uhdx6 {
    left: 50% !important;
  }
  .row .col.offset-uhdx7 {
    margin-left: 58.3333333333% !important;
  }
  .row .col.pull-uhdx7 {
    right: 58.3333333333% !important;
  }
  .row .col.push-uhdx7 {
    left: 58.3333333333% !important;
  }
  .row .col.offset-uhdx8 {
    margin-left: 66.6666666667% !important;
  }
  .row .col.pull-uhdx8 {
    right: 66.6666666667% !important;
  }
  .row .col.push-uhdx8 {
    left: 66.6666666667% !important;
  }
  .row .col.offset-uhdx9 {
    margin-left: 75% !important;
  }
  .row .col.pull-uhdx9 {
    right: 75% !important;
  }
  .row .col.push-uhdx9 {
    left: 75% !important;
  }
  .row .col.offset-uhdx10 {
    margin-left: 83.3333333333% !important;
  }
  .row .col.pull-uhdx10 {
    right: 83.3333333333% !important;
  }
  .row .col.push-uhdx10 {
    left: 83.3333333333% !important;
  }
  .row .col.offset-uhdx11 {
    margin-left: 91.6666666667% !important;
  }
  .row .col.pull-uhdx11 {
    right: 91.6666666667% !important;
  }
  .row .col.push-uhdx11 {
    left: 91.6666666667% !important;
  }
  .row .col.offset-uhdx12 {
    margin-left: 100% !important;
  }
  .row .col.pull-uhdx12 {
    right: 100% !important;
  }
  .row .col.push-uhdx12 {
    left: 100% !important;
  }
}
.d-flex {
  display: flex;
}

.d-ruby {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.alert {
  width: 100%;
  min-height: 50px;
  padding: 16px 16px 16px;
}

.alert-success {
  background: #D1E7DD;
  color: #0F5132 !important;
}
.alert-success i {
  font-size: 24px;
  transform: translateY(4px);
}
.alert-success label {
  color: #0F5132 !important;
}
.alert-success a {
  color: #0F5132 !important;
  font-weight: 500;
}

.alert-danger {
  background: #F8D7DA;
  color: #842029 !important;
}
.alert-danger i {
  font-size: 24px;
  transform: translateY(4px);
}
.alert-danger label {
  color: #842029 !important;
}
.alert-danger a {
  color: #842029 !important;
  font-weight: 500;
}

.alert-warning {
  background: #FFF3CD;
  color: #664D03 !important;
}
.alert-warning i {
  font-size: 24px;
  transform: translateY(4px);
}
.alert-warning label {
  color: #664D03 !important;
}
.alert-warning a {
  color: #664D03 !important;
  font-weight: 500;
}

.alert-information {
  background: #CFF4FC;
  color: #055160 !important;
}
.alert-information i {
  font-size: 24px;
  transform: translateY(4px);
}
.alert-information label {
  color: #055160 !important;
}
.alert-information a {
  color: #055160 !important;
  font-weight: 500;
}

.clean-alert {
  background: transparent !important;
}

.space-alert {
  margin-top: 8px;
}

.primary-breadcrumbs {
  background-color: #FFA726 !important;
  padding: 0 16px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
}
.primary-breadcrumbs .breadcrumb {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
  color: #FFFFFF;
}
.primary-breadcrumbs .breadcrumb::before {
  color: #FFFFFF;
}
.primary-breadcrumbs .breadcrumb:last-child {
  color: #5A5D68 !important;
  font-weight: 300;
}

.secondary-breadcrumbs {
  background-color: #FFFFFF !important;
  padding: 0 16px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
}
.secondary-breadcrumbs .breadcrumb {
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
  color: #FFA726;
}
.secondary-breadcrumbs .breadcrumb::before {
  color: #FFA726;
}
.secondary-breadcrumbs .breadcrumb:last-child {
  color: #5A5D68;
  font-weight: 300;
}

.tertiary-breadcrumbs {
  background-color: #FFF3E0 !important;
  padding: 0 16px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
}
.tertiary-breadcrumbs .breadcrumb {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
  border: 0px solid #FFFFFF;
  color: #080B17;
}
.tertiary-breadcrumbs .breadcrumb::before {
  color: #080B17;
}
.tertiary-breadcrumbs .breadcrumb:last-child {
  color: #5A5D68;
  font-weight: 300;
}

/**
 * Configuración general de las tarjetas
 */
.card {
  background-color: transparent;
}

/**
 * Contenedor de cursos con un borde izquierdo
 */
.courses-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}

/**
 * Tabla de tarjetas
 */
.card-table {
  margin-bottom: 0px;
}
.card-table .items-counter {
  margin: 0;
  padding: 0;
}
.card-table .items-counter form {
  display: inline-block;
}
.card-table .items-counter form .input-field {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.card-table .items-counter label {
  display: inline-block;
  margin-left: 8px;
}
.card-table .card-table-header {
  margin-bottom: 0px;
}
.card-table .row .cards-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.card-table .row .cards-container .card {
  background-color: #FFFFFF;
  flex: 1 0px;
  margin: 0 16px 20px 0 !important;
  height: auto;
  width: auto;
  min-width: 47.5%;
  max-width: 49.5%;
}
@media (min-width: 1090px) {
  .card-table .row .cards-container .card {
    min-width: 31%;
    max-width: 32%;
    border: 1px solid #FFFFFF;
    padding-bottom: 16px;
    border-radius: 5px;
  }
}
.card-table .row .cards-container .card:active, .card-table .row .cards-container .card::selection {
  border: 1px solid #FFA726;
}
.card-table .row .cards-container .card .card-content {
  padding: 8px 8px;
}
.card-table .row .cards-container .card .card-content h4 {
  padding: 0;
  margin: 0;
  font-weight: 400;
}
@media (min-width: 990px) {
  .card-table .row .cards-container .card .card-content h4 {
    font-size: 22px !important;
  }
}
.card-table .row .cards-container .card .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.card-table .row .cards-container .card .card-action {
  padding: 8px 8px 8px 8px;
  border: 0px solid #F3F6FF;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-table .row .cards-container .card .card-action a {
  text-transform: none !important;
}
.card-table .row .cards-container .card .card-action .card-action-1 {
  display: inline-block;
  float: left;
  width: fit-content !important;
}
.card-table .row .cards-container .card .card-action .card-action-1 a {
  text-transform: none !important;
}
@media (min-width: 990px) {
  .card-table .row .cards-container .card .card-action .card-action-1 .btn-high {
    min-width: 107px;
    text-transform: none !important;
  }
}
.card-table .row .cards-container .card .card-action .card-action-2 {
  display: inline-block;
  float: right;
  width: 35%;
}
.card-table .row .cards-container .card .card-action .card-action-2 .dropmenu-container {
  display: flex;
  float: right;
}
.card-table .row .cards-container .card .card-action .card-action-2 .dropmenu-container i {
  transform: translateY(7px);
}
.card-table .row .cards-container .card .card-action .card-action-2 .dropmenu-container ul a {
  color: #080B17 !important;
  font-size: 16px !important;
  text-transform: none !important;
}
.card-table .row .cards-container .card .card-action .card-action-2 .dropmenu-container ul a i {
  transform: translateY(0);
}

.card.card-subs .row {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.card.card-subs .col {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.card.card-subs {
  height: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.card.card-subs .row {
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.card.card-subs .col {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.card.card-subs .col p {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.card-portal-cliente {
  display: flex;
  align-items: center;
  border-radius: 10px;
  max-height: 100px;
  height: 100px;
}
.card-portal-cliente .text-section {
  margin-left: 16px;
}
.card-portal-cliente .text-section .alt-text {
  color: #333333;
  font-size: 16px;
  font-family: Lato;
  font-weight: 700;
  line-height: 32px;
  word-wrap: break-word;
  text-decoration: none !important;
}
.card-portal-cliente .text-section .primary-text {
  color: #A3AED0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  word-wrap: break-word;
  text-decoration: none !important;
}
.card-portal-cliente .icon-section {
  background-color: #F3F3F3;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.card-portal-cliente .icon-section .material-symbols-outlined {
  font-size: 32px;
  color: #FF9800;
}

.card-portal-cliente-1 {
  display: flex;
  align-items: center;
  border-radius: 10px;
}
.card-portal-cliente-1 .text-section {
  margin-left: 24px;
}
.card-portal-cliente-1 .text-section .alt-text {
  color: #333333;
  font-size: 24px;
  font-family: Lato;
  font-weight: 700;
  line-height: 32px;
  word-wrap: break-word;
}
.card-portal-cliente-1 .text-section .primary-text {
  color: #A3AED0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  word-wrap: break-word;
}
.card-portal-cliente-1 .icon-section {
  background: linear-gradient(90deg, #FF9800 0%, #FFBB7D 100%);
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.card-portal-cliente-1 .icon-section .material-symbols-outlined {
  font-size: 32px;
  color: #ffffff;
}

.data-card-portal-1 .card-content .card-action {
  padding: 14px 0px;
}
.data-card-portal-1 .card-content .card-action .secontd-section {
  display: flex;
  align-items: center;
}
.data-card-portal-1 .card-content .card-action .secontd-section p {
  margin-right: 24px;
}
.data-card-portal-1 .card-content .card-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.data-card-portal-1 .card-content .card-action .card-title {
  color: #080B17;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  word-wrap: break-word;
}

.card-portal-cliente-subcards {
  display: flex;
  align-items: center;
  border-radius: 10px;
}
.card-portal-cliente-subcards .text-section {
  margin-left: 8px;
}
.card-portal-cliente-subcards .text-section .alt-text {
  color: #333333;
  font-size: 24px;
  font-family: Lato;
  font-weight: 700;
  line-height: 32px;
  word-wrap: break-word;
}
.card-portal-cliente-subcards .text-section .primary-text {
  color: #A3AED0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  word-wrap: break-word;
}
.card-portal-cliente-subcards .icon-section {
  background-color: #FFE0B2;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.card-portal-cliente-subcards .icon-section .material-symbols-outlined {
  font-size: 20px;
  color: #000000;
}

.card-solutions-st01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  padding: 14px;
}
.card-solutions-st01 .active {
  background-color: rgba(106, 210, 255, 0.5019607843);
  cursor: not-allowed;
  pointer-events: none;
}
.card-solutions-st01 .mid-text {
  color: #A5A5A5;
  font-size: 12px;
  font-family: Inter;
  font-weight: 400;
  word-wrap: break-word;
}

.card-tech-st01 {
  border-radius: 10px;
}
.card-tech-st01 .context-date {
  height: 60px;
  display: flex;
  align-items: center;
}
.card-tech-st01 .img {
  height: 40px;
}
.card-tech-st01 .body {
  height: 95px;
  display: flex;
  align-items: center;
}

.activity-card .card-stacked .card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.activity-card .card-stacked .card-content h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.activity-card .card-stacked .card-content p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
.activity-card .card-stacked .card-content .chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: 16px;
  margin-top: 4px;
}
.activity-card .card-stacked .card-content .card-action {
  margin-top: 12px;
}
.activity-card .card-stacked .card-content .card-action .btn {
  min-width: 140px;
  font-size: 14px;
}

.card-variante {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}
.card-variante .responsive-img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.card-variante .text-info {
  color: black;
  font-size: 24px;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  line-height: 34.48px;
  word-wrap: break-word;
  margin-bottom: 20px;
}
.card-variante .section-btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 15px;
  margin-top: 20px;
}
.card-variante .section-btn .btn {
  width: 50%;
  font-size: 18px;
}

.card .card-action {
  background-color: inherit;
  border-top: none !important;
  position: relative;
  padding: 16px 24px;
}

.p-d-r {
  padding-right: 24px !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.m-r-32px {
  margin-left: 32px !important;
}

.m-r-16px {
  margin-left: 24px !important;
}

.m-r-16-16px {
  margin-left: 16px !important;
}

.f-size-24px {
  font-size: 18px !important;
}

.green-text-portal {
  color: #007F00 !important;
}

a:hover,
li:hover {
  text-decoration: none !important;
}

.card-inactivo {
  width: 330px !important;
}

.chart-xpertme-analytics {
  width: 100%;
  height: min(30vh, 500px);
}

.chart-xpertme-analytics canvas {
  width: 100% !important;
  height: 100% !important;
}

[type=checkbox].filled-in:checked + span:not(.lever):after {
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #FF9D17 !important;
  background-color: #FF9D17 !important;
  z-index: 0;
}

#toast-container {
  top: 5%;
  right: 1%;
  width: 300px !important;
  max-width: 86%;
  display: block;
  position: fixed;
  z-index: 10000;
}
#toast-container .toast {
  border-radius: 12px;
  padding: 16px !important;
  width: auto;
  min-width: 248px;
  margin-top: 10px;
  max-width: 100%;
  height: auto;
  min-height: 60px;
  position: relative;
  line-height: 1.5em;
  background-color: #484A55;
  padding: 8px;
  font-size: 14px;
  font-weight: 300;
  color: #FFFFFF;
}

.material-tooltip {
  font-size: 1rem;
  z-index: 2000;
  background-color: transparent;
  border-radius: 5px;
  color: #fff;
  min-height: 36px;
  line-height: 120%;
  opacity: 0;
  position: absolute;
  text-align: center;
  max-width: calc(100% - 4px);
  overflow: hidden;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  background-color: #2A2D37;
}

.modal2 {
  width: 22% !important;
}

.modal-overlay {
  position: fixed;
  z-index: 999;
  top: -25%;
  left: 0;
  bottom: 0;
  right: 0;
  height: 125%;
  width: 100%;
  background: #000;
  display: none;
  will-change: opacity;
}

.modal-opacity {
  z-index: 1002 !important;
  display: block !important;
  opacity: 0.5 !important;
}

.modal-small-2 {
  height: 45% !important;
}

.modal {
  border-radius: 10px;
  background-color: #FFFFFF;
  overflow: hidden;
}
.modal .modal-header {
  padding: 24px 18px;
  border-bottom: 1px solid #E9EBF9;
}
.modal .modal-content {
  padding: 24px 24px;
  overflow: hidden;
}
.modal .modal-content .modal-content-options {
  display: block;
  overflow: hidden;
  margin: 8px 0 16px 0;
}
.modal .modal-content .modal-content-options .modal-tabs {
  height: 180px;
  width: auto;
  max-height: 180px;
  overflow: scroll;
  float: left;
  padding-right: 8px;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-tabs {
    height: auto;
    max-height: 310px;
  }
}
.modal .modal-content .modal-content-options .modal-tabs ul li {
  margin: 8px 0;
}
.modal .modal-content .modal-content-options .modal-tabs ul li .active {
  color: #FF9800 !important;
}
.modal .modal-content .modal-content-options .modal-checks {
  overflow: hidden;
  padding-left: 8px;
  max-height: 170px;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks {
    max-height: 310px;
  }
}
.modal .modal-content .modal-content-options .modal-checks .choose-avatar ul li {
  float: left;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 24px;
}
.modal .modal-content .modal-content-options .modal-checks .choose-avatar ul li .avatar {
  margin: 0 !important;
}
.modal .modal-content .modal-content-options .modal-checks .choose-avatar ul li.selected {
  height: 64px;
  width: 64px;
  border: 4px solid #ff9800;
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-container {
  max-height: 180px;
  overflow-x: hidden;
  padding-left: 4px;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-container {
    max-height: 220px;
    padding-right: 16px;
  }
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-container .input-field {
  margin-top: 8px;
  margin-bottom: 8px;
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-container .input-field p {
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-container .input-field p label span {
    max-width: 110px;
  }
}
@media (min-width: 800px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-container .input-field p label span {
    max-width: 150px;
  }
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar {
    width: 100%;
    display: block;
    overflow: hidden;
  }
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar {
    width: 400px;
    max-width: 400px;
    float: right;
  }
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar .input-field {
  margin: 0 !important;
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar .input-field input {
  height: 36px;
  margin: 0px !important;
  padding-left: 40px !important;
  transform: translateY(2px);
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar .input-field .label-icon {
  position: absolute !important;
  transform: translateY(7px) !important;
}
.modal .modal-content .modal-content-options .modal-checks .modal-checks-searchbar .modal-searchbar .input-field .material-icons {
  top: 7px !important;
  font-size: 24px !important;
}
.modal .modal-content .modal-content-chips {
  overflow: hidden;
  display: block;
  margin: 16px 0;
  max-height: 140px;
}
.modal .modal-content .modal-content-chips .chips-header {
  margin-bottom: 8px;
}
.modal .modal-content .modal-content-chips .chips-container {
  max-height: 80px;
  overflow: scroll;
}
@media (min-width: 600px) {
  .modal .modal-content .modal-content-chips .chips-container {
    max-height: 110px;
  }
}
.modal .modal-footer {
  background-color: #FFFFFF;
  padding: 4px 18px;
  height: 56px;
  width: 100%;
  text-align: left;
  margin-bottom: 8px;
  display: flex;
}
.modal .modal-footer a {
  flex: 1;
}
@media (min-width: 600px) {
  .modal .modal-footer {
    display: inline-block;
  }
  .modal .modal-footer a {
    flex: none;
  }
}

.jconfirm .jconfirm-scrollpane {
  width: auto !important;
  margin: 0 auto !important;
}
.jconfirm .jconfirm-scrollpane .confirm-box .jconfirm-buttons {
  float: none;
}
.jconfirm .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jc-bs3-container .jc-bs3-row .jconfirm-box-container {
  max-width: 60vw !important;
  min-width: 40vw !important;
  margin: 0 auto;
}
.jconfirm .jconfirm-scrollpane .jconfirm-row .jconfirm-cell .jconfirm-holder .jc-bs3-container .jc-bs3-row .jconfirm-box-container .jconfirm-box {
  width: 100% !important;
  min-width: 100% !important;
}

.modal-welome {
  width: 65% !important;
}

.modal-content-welcome {
  max-height: 500px !important;
}

.modal-content-b {
  height: auto;
}

.content-long {
  max-height: 500px !important;
}

.content-long-1 {
  max-height: 400px !important;
}

.btn-modal-help {
  cursor: pointer;
}

.modal-nooverflow {
  overflow: hidden !important;
}

.modal-incidencias {
  padding-top: 32px !important;
  width: 50%;
}

.space-btwn {
  margin-bottom: 8px !important;
}

.modal-get {
  height: 500px !important;
}

.modal-content-get {
  height: 438px !important;
}

.modal-check-container-get {
  height: 500px !important;
}

.input-space-asis {
  margin-top: 8px !important;
  margin-bottom: 24px !important;
}

.footer-multiple-btn {
  display: flex !important;
  justify-content: space-between !important;
}

.modal.modal-fixed-footer2 {
  padding: 0 !important;
  height: 95% !important;
  top: 2% !important;
}

.modal-full {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  background-color: #fafafa;
  padding: 0;
  max-height: 95%;
  width: 96%;
  margin: auto;
  overflow-y: auto;
  border-radius: 2px;
  will-change: top, opacity;
}

.headerfullscreen-t1 {
  padding-top: 0px !important;
  padding-bottom: 24px !important;
}

.modal-incidendias {
  width: 655px !important;
  max-width: 655px !important;
}

.mt-mb-modal {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

/* Lo mínimo necesario */
.xp-exp-content {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.xp-exp-form-container {
  overflow-y: auto !important;
  flex: 1 !important;
}

.modal-footer {
  flex-shrink: 0 !important;
}

/* MARK: Modal promo banner del inicio del dashboard */
/* MARK: Modal promo banner del inicio del dashboard */
.modal-promo {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}

.modal-promo-content {
  position: relative;
  max-width: 90%;
  max-height: 90vh;
  animation: zoomIn 0.3s ease;
}

.promo-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.modal-promo-close {
  position: absolute;
  top: -15px;
  right: -15px;
  background: #fff;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: #333;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  z-index: 10000;
}
.modal-promo-close:hover {
  background: #FF9800;
  color: #fff;
}

.modal-promo-register {
  position: absolute;
  top: 182px;
  left: 103px;
  background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 15px 35px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(255, 152, 0, 0.4);
  transition: all 0.3s ease;
  z-index: 10001;
  display: flex;
  align-items: center;
  gap: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  animation: pulse 2s infinite;
}
.modal-promo-register i {
  font-size: 20px;
}
.modal-promo-register:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 25px rgba(255, 152, 0, 0.6);
  background: linear-gradient(135deg, #F57C00 0%, #E65100 100%);
}
.modal-promo-register:active {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(255, 152, 0, 0.4);
}
.modal-promo-register:hover::before {
  left: 100%;
}

@keyframes pulse {
  0%, 100% {
    box-shadow: 0 4px 15px rgba(255, 152, 0, 0.4);
  }
  50% {
    box-shadow: 0 4px 25px rgba(255, 152, 0, 0.7);
  }
}
@keyframes zoomIn {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
/* Responsive */
@media (max-width: 768px) {
  .modal-promo-content {
    max-width: 95%;
  }
  .modal-promo-close {
    width: 35px;
    height: 35px;
    font-size: 24px;
    top: -10px;
    right: -10px;
  }
  .modal-promo-register {
    bottom: 15px;
    right: 15px;
    padding: 12px 25px;
    font-size: 14px;
  }
  .modal-promo-register i {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .modal-promo-register {
    bottom: 10px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    padding: 10px 20px;
    font-size: 13px;
  }
  .modal-promo-register:hover {
    transform: translateX(-50%) translateY(-3px);
  }
}
.breadmenu {
  display: flex;
  align-items: center;
  white-space: nowrap;
  background-color: #FFFFFF !important;
  height: 32px;
  padding: 0 16px !important;
  border-bottom: 1px solid #F3F6FF;
  box-shadow: none !important;
  overflow: hidden;
  line-height: 1;
}
.breadmenu ul {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadmenu ul li {
  display: flex;
  align-items: center;
}
.breadmenu ul li a {
  font-weight: 300;
  font-size: 12px !important;
  color: #A2A5B1 !important;
}
.breadmenu ul li .breadcrumb::before {
  content: "\e5cc";
  font-family: "Material Icons";
  font-size: 16px;
  color: #A2A5B1;
  margin: 0 6px;
  display: inline-block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}
.breadmenu ul li .last-bread {
  color: #5A5D68 !important;
  font-weight: 500;
  text-decoration: none !important;
}
.breadmenu .dropdown-arrow {
  display: flex;
  align-items: center;
  color: #080B17;
  font-weight: 500;
  text-decoration: none !important;
}
.breadmenu .dropdown-arrow::after {
  content: "expand_more";
  font-family: "Material Icons";
  font-size: 18px;
  margin-left: 6px;
  vertical-align: middle;
}

table.dataTable tbody th, table.dataTable tbody td {
  padding: 24px 10px !important;
}

table.dataTable.stripe tbody > tr.odd, table.dataTable.display tbody > tr.odd, table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1, table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #f9f9f9 !important;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #f9f9f9 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
  background-color: white !important;
  border-radius: 5px !important;
  background: linear-gradient(to bottom, #29b6f6 0%, #29b6f6 100%) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #ffffff !important;
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
}

table.dataTable.no-footer {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #fff !important;
}

table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
  cursor: pointer !important;
}

table.dataTable thead th.no-pointer {
  cursor: default !important;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
    margin-top: 0.5em;
  }
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  cursor: default;
  color: #666 !important;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: #fff !important;
  background: linear-gradient(to bottom, #29b6f6 0%, #29b6f6 100%) !important;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

table.dataTable thead th {
  position: relative;
  padding-right: 24px;
  min-width: 80px;
}

table.dataTable thead th::before,
table.dataTable thead th::after {
  content: "";
  position: absolute;
  right: 8px;
  border: 5px solid transparent;
  display: block;
}

table.dataTable thead th::before {
  top: 35%;
  border-bottom: 6px solid #ccc;
}

table.dataTable thead th::after {
  top: 60%;
  border-top: 6px solid #ccc;
}

table.dataTable thead th.sorting_asc::before {
  border-bottom-color: #000;
}

table.dataTable thead th.sorting_asc::after {
  border-top-color: transparent;
}

table.dataTable thead th.sorting_desc::after {
  border-top-color: #000;
}

table.dataTable thead th.sorting_desc::before {
  border-bottom-color: transparent;
}

table, th, td {
  box-sizing: border-box;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
  display: block;
  position: absolute;
  top: 50% !important;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}

.dropdown-content {
  background-color: #FFFFFF;
  width: auto !important;
  border-radius: 4px;
  position: fixed;
  overflow: hidden;
}
.dropdown-content li:hover {
  text-decoration: none;
  background-color: #ffffff;
}
.dropdown-content li a {
  color: #080B17;
}
.dropdown-content li a:hover {
  text-decoration: none;
}

.dropdown-content li > a > i {
  height: inherit;
  line-height: inherit;
  float: left;
  /*margin: 0 -24px 0 0  Revisar */
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
  color: #ffab40;
  margin-right: 24px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-transform: none;
}

.dropdown-content li > a,
.dropdown-content li > span {
  font-size: 16px;
  display: flex !important;
  align-items: center;
  line-height: 22px;
  text-transform: none !important;
  padding: 14px 16px;
}
.dropdown-content li > a span,
.dropdown-content li > span span {
  margin-right: 0px;
}

.dropdown-time {
  position: relative;
  display: inline-block;
  transform: translateY(24px);
  z-index: 1;
}

.dropdown-content-time {
  transform: translateX(-154px);
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 200px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0px 8px 16px 0px rgba(163, 163, 163, 0.2);
  z-index: 1;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.dropdown-content-time a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-time a:hover {
  background-color: #FFF3E0;
}

.show-time {
  display: block;
}

/* PANEL: ancho + estilo general */
.xntf-dropdown-panel {
  width: 440px; /* más ancho que el default */
  max-height: max-content;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* Header alineado como en el mock */
.xntf-dropdown-panel .header-notifications {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px 8px;
}

.xntf-dropdown-panel .title-notifications label {
  font-size: 15px;
  font-weight: 600;
}

.xntf-dropdown-panel .xntf-clear-btn {
  padding: 0 8px;
  box-shadow: none;
}

/* Lista de notificaciones */
.xntf-dropdown-panel .body-notifications ul {
  margin: 0;
  padding: 8px 0;
}

.xntf-dropdown-panel .body-notifications ul li a {
  display: flex;
  gap: 12px;
  padding: 8px 24px;
}

/* Columna izquierda: chip */
.xntf-col-left {
  flex: 0 0 120px; /* ancho fijo como en la imagen */
}

.xntf-col-left .chip {
  width: 100%;
  justify-content: flex-start;
}

/* Columna derecha: textos */
.xntf-col-right {
  flex: 1 1 auto;
}

.xntf-col-right .notification-title {
  margin: 0 0 2px;
  font-size: 13px;
  font-weight: 500;
}

.xntf-meta-text {
  margin: 0;
  font-size: 12px;
  opacity: 0.7;
}

/* Footer */
.xntf-dropdown-panel .footer-notifications {
  padding: 6px 24px 0;
}

.xntf-footer-link a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  font-size: 13px;
  margin-top: 5px;
}

.chip-center-dropdowm {
  display: flex;
  align-items: center;
}

.mr-chip-nt {
  margin-right: 8px !important;
}

.mr-chip-right {
  width: 132px;
}

.just-content-center-nt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* llena el contenedor para que pueda centrarse */
  width: 100%;
  text-align: center;
}

.text-nt-ny {
  color: #484A55;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 24px;
}

.ff_fileupload_hidden {
  display: none;
}

.ff_fileupload_wrap .ff_fileupload_dropzone_wrap {
  position: relative;
}
.ff_fileupload_wrap .ff_fileupload_dropzone {
  background-position-y: 20px !important;
  display: block;
  width: 100% !important;
  height: auto;
  box-sizing: border-box;
  border: 2px dashed #A2B4CA;
  border-radius: 3px;
  padding: 0;
  background-color: #FCFCFC;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.85;
  outline: none;
  margin-bottom: 24px;
}
.ff_fileupload_wrap .ff_fileupload_dropzone::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap .ff_fileupload_dropzone:hover, .ff_fileupload_wrap .ff_fileupload_dropzone:focus, .ff_fileupload_wrap .ff_fileupload_dropzone:active {
  opacity: 1;
  background-color: #FDFDFD;
  border-color: #157EFB;
}
.ff_fileupload_wrap .ff_fileupload_dropzone_tools {
  position: absolute;
  right: 10px;
  top: 0;
}
.ff_fileupload_wrap .ff_fileupload_dropzone_tool {
  display: block;
  margin-top: 10px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #A2B4CA;
  border-radius: 3px;
  padding: 0;
  background-color: #FDFDFD;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.85;
  cursor: pointer;
  outline: none;
}
.ff_fileupload_wrap .ff_fileupload_dropzone_tool::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap .ff_fileupload_dropzone_tool:hover, .ff_fileupload_wrap .ff_fileupload_dropzone_tool:focus, .ff_fileupload_wrap .ff_fileupload_dropzone_tool:active {
  opacity: 1;
  background-color: #FFFFFF;
  border-color: #157EFB;
}
.ff_fileupload_wrap .ff_fileupload_recordvideo_preview {
  position: absolute;
  display: block;
  right: 60px;
  top: 10px;
  width: 320px;
  max-width: calc(100% - 70px);
  height: calc(100% - 20px);
  background-color: #222222;
}
.ff_fileupload_wrap .ff_fileupload_recordvideo_preview.ff_fileupload_hidden {
  display: none;
}
.ff_fileupload_wrap .ff_fileupload_recording {
  animation: ff_fileupload_recording_animate 1.2s infinite alternate;
}
.ff_fileupload_wrap table.ff_fileupload_uploads {
  width: 100%;
  border-collapse: collapse !important;
  border: 0 none;
}
.ff_fileupload_wrap table.ff_fileupload_uploads tr {
  margin: 0;
  border: 0 none;
  padding: 0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td {
  margin: 0;
  border: 0 none;
  padding: 0;
  vertical-align: middle;
  padding: 1em 0;
  white-space: nowrap;
  line-height: normal;
}
.ff_fileupload_wrap table.ff_fileupload_uploads tr.ff_fileupload_bounce {
  animation: ff_fileupload_bounce_animate 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translateY(0);
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview {
  width: 1px;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image {
  display: block;
  box-sizing: border-box;
  border: 0 none;
  padding: 0;
  background-color: #DDDDDD;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 23.55555vw;
  height: 55px;
  border-radius: 5px;
  opacity: 0.75;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #222222;
  overflow: hidden;
  outline: none;
  cursor: default;
  transform: translateY(-63px) !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image_has_preview {
  cursor: pointer;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image:hover, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image:active {
  opacity: 1;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text {
  display: block;
  margin: 0 auto;
  width: 70%;
  overflow: hidden;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:hover, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button:active {
  opacity: 1;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions button.ff_fileupload_start_upload {
  margin-right: 0.5em;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile {
  display: none;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button {
  display: block;
  margin-top: 0.3em;
  width: 100%;
  height: 28px;
  box-sizing: border-box;
  border: 1px solid #A2B4CA;
  border-radius: 3px;
  padding: 0;
  background-color: #FCFCFC;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.85;
  cursor: pointer;
  outline: none;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button::-moz-focus-inner {
  border: 0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button:hover, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button:focus, .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile button:active {
  opacity: 1;
  background-color: #FDFDFD;
  border-color: #157EFB;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_with_color {
  color: #FFFFFF;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_a {
  background-color: #F03C3C;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_b {
  background-color: #F05A3C;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_c {
  background-color: #F0783C;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_d {
  background-color: #F0963C;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_e {
  background-color: #E0862B;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_f {
  background-color: #DCA12B;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_g {
  background-color: #C7AB1E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_h {
  background-color: #C7C71E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_i {
  background-color: #ABC71E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_j {
  background-color: #8FC71E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_k {
  background-color: #72C71E;
  width: 4vw !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_l {
  background-color: #56C71E;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_m {
  background-color: #3AC71E;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_n {
  background-color: #1EC71E;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_o {
  background-color: #1EC73A;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_p {
  background-color: #1EC756;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_q {
  background-color: #1EC78F;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_r {
  background-color: #1EC7AB;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_s {
  background-color: #1EC7C7;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_t {
  background-color: #1EABC7;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_u {
  background-color: #1E8FC7;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_v {
  background-color: #1E72C7;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_w {
  background-color: #3C78F0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_x {
  background-color: #3C5AF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_y {
  background-color: #3C3CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_z {
  background-color: #5A3CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_0 {
  background-color: #783CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_1 {
  background-color: #963CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_2 {
  background-color: #B43CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_3 {
  background-color: #D23CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_4 {
  background-color: #F03CF0;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_5 {
  background-color: #F03CD2;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_6 {
  background-color: #F03CB4;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_7 {
  background-color: #F03C96;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_8 {
  background-color: #F03C78;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_text_9 {
  background-color: #F03C5A;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
  padding: 1em;
  font-size: 0.9em;
  white-space: normal;
  transform: translateY(-63px);
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_filename {
  width: 50%;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_errors {
  color: #A94442;
  font-weight: bold;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_progress_background {
  margin-top: 0.5em;
  background-color: #CCCCCC;
  height: 2px;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary .ff_fileupload_progress_bar {
  background-color: #157EFB;
  width: 0;
  height: 2px;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions {
  width: 1px;
  text-align: right;
  transform: translateY(-54px) !important;
}

@keyframes ff_fileupload_recording_animate {
  from {
    border-color: #EF1F1F;
  }
  to {
    border-color: #C9A1A1;
  }
}
@keyframes ff_fileupload_bounce_animate {
  10%, 90% {
    transform: translateY(-1px);
  }
  20%, 80% {
    transform: translateY(2px);
  }
  30%, 50%, 70% {
    transform: translateY(-3px);
  }
  40%, 60% {
    transform: translateY(3px);
  }
}
@media (max-width: 420px) {
  .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_preview_image {
    width: 36px;
    height: 36px;
    font-size: 11px;
  }
  .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
    padding-right: 0;
  }
  .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_actions {
    display: none;
  }
  .ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview .ff_fileupload_actions_mobile {
    display: block;
  }
}
.ff_fileupload_dialog_background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 10000;
}

.ff_fileupload_dialog_main {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  text-align: center;
}
.ff_fileupload_dialog_main img {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
}
.ff_fileupload_dialog_main audio {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  width: 100%;
}
.ff_fileupload_dialog_main video {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
}

.multiple-upload-legend {
  display: block;
  margin-top: 20px;
  color: #828282 !important;
  font-size: 14px !important;
  line-height: 22px !important;
}

.ff_fileupload_dropzone {
  background-color: transparent !important;
  border: none !important;
}

.ff_fileupload_dropzone_wrap,
.ff_fileupload_actions button {
  border: none !important;
}

.ff_fileupload_start_upload {
  display: none !important;
}

.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_preview {
  border-right: 0 solid !important;
}
.ff_fileupload_wrap table.ff_fileupload_uploads td.ff_fileupload_summary {
  border-left: 0 solid !important;
}

img.ff_fileupload_preview_image {
  object-fit: cover !important;
}

.ui-state-highlight {
  background-color: var(--theme-transparent);
}

.file-field .file-label {
  border: 0px solid #080B17 !important;
}
.file-field .btn {
  padding: 36px 16px;
  margin: 8px 0;
  width: 100% !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  height: 80px !important;
  background-color: transparent;
  float: none;
  line-height: 0rem;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.file-field .btn span {
  color: #080B17 !important;
}
.file-field .btn span i {
  transform: translate(-2px, 5px);
}
.file-field .btn .strips {
  position: absolute;
  left: -46px;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -2;
}
.file-field .btn:hover div.strips {
  transform: translate(0px, -44px);
  border-radius: 5px;
  width: auto;
  height: 80px !important;
  z-index: -2;
  background: -webkit-repeating-linear-gradient(145deg, #ffffff 1px, #f6f6f6 2px, #f6f6f6 11px, #ffffff 12px, #ffffff 20px);
  background: repeating-linear-gradient(-55deg, #ffffff 1px, #f6f6f6 2px, #f6f6f6 11px, #ffffff 12px, #ffffff 20px);
  -webkit-animation-name: MOVE-BG;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-name: MOVE-BG;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.file-field .file-btn-available {
  display: block;
}
.file-field .file-btn-disabled {
  display: none;
}
.file-field .file-path-wrapper {
  padding: 0;
  height: auto !important;
}
.file-field .file-path-wrapper .file-path {
  display: none !important;
}
.file-field .file-path-wrapper .chips-container .chip .fileType {
  font-weight: 600;
  cursor: text;
  float: left;
  margin-right: 4px;
}
.file-field .file-path-wrapper .chips-container .chip .fileName {
  display: inline-block;
  max-width: 180px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-field .file-path-wrapper .chips-container.disabled .chip {
  pointer-events: none;
  background-color: #F3F6FF;
}
.file-field .file-path-wrapper .chips-container.disabled .chip .fileType {
  font-weight: 600;
  color: #A2A5B1 !important;
  cursor: text;
  float: left;
  margin-right: 4px;
}
.file-field .file-path-wrapper .chips-container.disabled .chip .fileName {
  display: inline-block;
  color: #A2A5B1 !important;
  max-width: 180px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-field .file-path-wrapper .chips-container.disabled .chip .close {
  background-color: #A2A5B1;
}
.file-field .file-path-wrapper .chips-container.disabled .chip .close i {
  color: #F3F6FF !important;
}
.file-field.disabled .btn {
  cursor: text;
  background-color: transparent;
  cursor: not-allowed;
}
.file-field.disabled .btn span {
  color: #C8CAD7 !important;
  cursor: not-allowed;
}
.file-field.disabled .btn span i {
  transform: translate(-2px, 5px);
}
.file-field.disabled .btn .strips {
  position: absolute;
}
.file-field.disabled .btn:hover div.strips {
  z-index: -88;
  background: -webkit-repeating-linear-gradient(145deg, #ffffff 1px, #ffffff 2px, #ffffff 11px, #ffffff 12px, #ffffff 20px);
  background: repeating-linear-gradient(-55deg, #ffffff 1px, #ffffff 2px, #ffffff 11px, #ffffff 12px, #ffffff 20px);
}
.file-field.disabled .btn:hover {
  webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
.file-field.disabled .btn input {
  cursor: none;
  pointer-events: none;
}
.file-field.disabled .file-btn-available {
  display: none !important;
}
.file-field.disabled .file-btn-disabled {
  display: block !important;
}
.file-field.disabled .file-path-wrapper {
  padding: 0;
  height: auto !important;
}
.file-field.disabled .file-path-wrapper .file-path {
  display: none !important;
}
@-webkit-keyframes MOVE-BG {
  from {
    -webkit-transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(46px);
  }
}

.timeline-cons {
  display: flex;
  flex-direction: column;
  width: calc(100% - 100px);
  margin: auto;
  margin-left: 10%;
}

@media (max-width: 767px) {
  .timeline-cons {
    display: flex;
    flex-direction: column;
    width: calc(100% - 70px) !important;
    margin-left: 30% !important;
    margin-right: auto !important;
  }
}
.timeline-edit {
  display: flex;
  flex-direction: column;
  width: calc(100% - 150px);
  margin-left: 12%;
  margin-right: 10%;
}

@media (max-width: 767px) {
  .timeline-edit {
    display: flex;
    flex-direction: column;
    width: calc(100% - 70px) !important;
    margin-left: 30% !important;
    margin-right: auto !important;
  }
}
.timeline__event {
  margin-bottom: 20px;
  position: relative;
  display: flex;
  margin: 20px 0;
  border-radius: 8px;
}

.timeline__event__content {
  padding: 20px;
}

.timeline__event__icon {
  border-radius: 8px 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  max-width: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.timeline__event__icon i {
  position: absolute;
  top: 50%;
  left: -70px;
  font-size: 2.5rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.timeline__event__description {
  flex-basis: 60%;
}

.timeline__event:after {
  content: "";
  width: 0px;
  height: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(22%);
  left: -3.5rem;
}
.timeline__event:before {
  content: "";
  width: 5rem;
  height: 5rem;
  position: absolute;
  border-radius: 100%;
  left: -6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.timeline__event:last-child:after {
  content: none;
  background: #fff;
}

@media (max-width: 786px) {
  .timeline__event {
    flex-direction: column;
  }
  .timeline__event__icon {
    border-radius: 4px 4px 0 0;
  }
}
@media (max-width: 786px) {
  .timeline__event:after {
    content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    top: 71%;
    left: -3.5rem;
  }
  .timeline__event:before {
    content: "";
    width: 5rem;
    height: 5rem;
    position: absolute;
    border-radius: 100%;
    left: -6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.timeline__event__title,
.timeline__event__date {
  color: black;
}

.timeline__event__icon {
  background: #b2ebf2;
  color: #b2ebf2;
}

.timeline__event:after {
  background: #b2ebf2;
}
.timeline__event:before {
  border: 1px solid #b2ebf2;
  background-color: white;
}

.timeline__event--type2:before {
  border: 1px solid #ffe0b2;
  background-color: white;
}
.timeline__event--type2:after {
  background: #ffe0b2;
}
.timeline__event--type2 .timeline__event__date {
  color: black;
}
.timeline__event--type2 .timeline__event__icon {
  background: #ffe0b2;
  color: #ffe0b2;
}
.timeline__event--type2 .timeline__event__title {
  color: black;
}

.timeline__event--type3:before {
  background: white;
  border: 1px solid #c5cae9;
}
.timeline__event--type3:after {
  background: #c5cae9;
}
.timeline__event--type3 .timeline__event__date {
  color: black;
}
.timeline__event--type3 .timeline__event__icon {
  background: #c5cae9;
  color: #c5cae9;
}
.timeline__event--type3 .timeline__event__title {
  color: black;
}

.succes-point {
  color: #0F5132 !important;
} /*Finaliza linea del tiempo*/
.tabs {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  height: 48px;
  width: 100%;
  background-color: #FFFFFF;
  margin: 0 auto;
  white-space: nowrap;
}
.tabs.tabs-transparent {
  background-color: transparent;
}
.tabs.tabs-transparent .tab a {
  color: rgba(255, 255, 255, 0.7);
}
.tabs.tabs-transparent .tab.disabled a {
  color: rgba(255, 255, 255, 0.7);
}
.tabs.tabs-transparent .tab.disabled a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.tabs.tabs-transparent .tab a:hover, .tabs.tabs-transparent .tab a.active {
  color: #FF9800 !important;
  font-weight: 600 !important;
}
.tabs.tabs-transparent .indicator {
  background-color: #fff;
}
.tabs.tabs-fixed-width {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.tabs.tabs-fixed-width .tab {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.tabs .tab {
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 66px;
  padding: 18px 0;
  margin: 0;
  text-transform: inherit;
  text-decoration: none;
}
.tabs .tab a {
  color: #5A5D68;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-transition: color 0.28s ease, background-color 0.28s ease;
  transition: color 0.28s ease, background-color 0.28s ease;
  text-decoration: none;
}
.tabs .tab a:focus {
  background-color: #FFFFFF;
  outline: none;
  color: #FF9800;
}
.tabs .tab a:focus.active {
  background-color: #FFFFFF;
  outline: none;
  font-weight: 600;
  color: #FF9800;
}
.tabs .tab a:hover, .tabs .tab a.active {
  color: #FF9800;
  background-color: #ffffff;
}
.tabs .tab.disabled a {
  color: #C9C9C9;
  cursor: default;
}
.tabs .tab.disabled a:hover {
  color: #C9C9C9;
  cursor: default;
}
.tabs .indicator {
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #ffffff;
  border-bottom: 2px solid #FF9800;
  will-change: left, right;
}

@media only screen and (max-width: 992px) {
  .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .tabs .tab {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .tabs .tab a {
    padding: 0 0px;
  }
}
.background-color-tabs {
  background-color: #F3F6FF;
}

.tabs-sidebar .tab a {
  font-size: 12px !important;
}
.tabs-sidebar .tab.disabled {
  color: #C8CAD7;
}
.tabs-sidebar .tab.disabled a {
  cursor: pointer;
  color: #C8CAD7;
  font-size: 12px !important;
}
.tabs-sidebar .tab.disabled a:hover {
  cursor: pointer;
  color: #C8CAD7;
}

.space-tab {
  position: fixed;
  transform: translate(0px, -22px);
  border-bottom: 1px solid #E9EBF9;
  z-index: 99;
  width: 15%;
}
.space-tab .tabs {
  display: flex;
}
.space-tab .tabs .tab {
  flex: 1;
}
.space-tab .tabs .tab .tabs-pad-side {
  padding-left: 0px !important;
  padding-right: 0px !important;
  font-weight: bold !important;
  font-size: 12px !important;
}
@media only screen and (min-width: 1300px) {
  .space-tab .tabs .tab .tabs-pad-side {
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-weight: bold !important;
    font-size: 13px !important;
  }
}

.tabs-card-plan {
  width: 360px;
}

.tabs-get-started {
  height: 40px !important;
  padding: 4px !important;
}

.truncate-multiline {
  width: 200px;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cards-container.cards-mode {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.cards-container.cards-mode .card {
  /* Propiedades generales */
  flex: none !important;
  margin: 0 !important;
  height: auto !important;
  width: auto !important;
  min-width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #FFFFFF;
  padding-bottom: 16px;
  border-radius: 5px;
  /* Media queries (las propiedades específicas para pantallas mayores) */
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card {
    flex: 1 0px !important;
    margin: 0 16px 20px 0 !important;
    min-width: 47.5% !important;
    max-width: 49.5% !important;
  }
}
@media (min-width: 1090px) {
  .cards-container.cards-mode .card {
    flex: 1 0px !important;
    margin: 0 16px 20px 0 !important;
    min-width: 31% !important;
    max-width: 32% !important;
  }
}
.cards-container.cards-mode .card:active, .cards-container.cards-mode .card::selection {
  border: 1px solid #FFA726;
}
.cards-container.cards-mode .card .card-header {
  /* Propiedades generales */
  height: 80px;
  background-color: white;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card .card-header {
    height: 260px;
    max-inline-size: 100%;
    block-size: auto;
    aspect-ratio: 2/1;
    object-position: top center;
  }
}
.cards-container.cards-mode .card .card-header .card-header-buttons {
  /* Propiedades generales */
  width: 132px;
  margin: 8px 8px 0 0;
  position: inherit;
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card .card-header .card-header-buttons {
    width: 54px;
  }
}
.cards-container.cards-mode .card .card-header .card-header-buttons a {
  margin: 0 0 8px 8px;
  width: auto;
}
.cards-container.cards-mode .card .card-header .card-header-buttons .btn-medium {
  -webkit-box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
  -moz-box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
  box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card .card-header .card-header-buttons .btn-medium {
    margin: 0 0 8px 0;
  }
}
.cards-container.cards-mode .card .card-header .card-header-buttons .btn-medium i.item-booked {
  color: #080B17;
  content: "bookmark" !important;
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
}
.cards-container.cards-mode .card .card-header .card-header-buttons ul.dropdown-content {
  position: absolute !important;
  overflow: hidden;
  min-width: 120px;
}
.cards-container.cards-mode .card .card-header .card-header-buttons ul.dropdown-content a {
  margin: 0 !important;
}
.cards-container.cards-mode .card .card-header .ranking-container {
  margin: 8px 0 0 8px;
}
.cards-container.cards-mode .card .card-header .ranking-container i {
  color: #FFB74D;
}
.cards-container.cards-mode .card .card-header .ranking-container p {
  float: right;
  font-size: 10px;
  display: none;
}
@media (min-width: 360px) {
  .cards-container.cards-mode .card .card-header .ranking-container p {
    display: inline-block;
  }
}
.cards-container.cards-mode .card .cat-01 {
  background-color: #E9EBF9;
  position: relative;
  object-fit: cover;
}
.cards-container.cards-mode .card .cat-01 .img-card01 {
  position: absolute;
  height: 80px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .cards-container.cards-mode .card .cat-01 .img-card01 {
    height: 260px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
    max-inline-size: 100%;
    block-size: auto;
    aspect-ratio: 2/1;
    object-position: center top;
  }
}
.cards-container.cards-mode .card .card-content {
  /* Propiedades generales */
  padding: 8px 8px;
  height: 70px !important;
  max-height: 70px !important;
  margin-bottom: 16px !important;
}
.cards-container.cards-mode .card .card-content h3 {
  padding: 0;
  margin: 0;
  height: 70px !important;
  max-height: 70px !important;
}
.cards-container.cards-mode .card .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cards-container.cards-mode .card .card-action {
  /* Propiedades generales */
  padding: 8px;
  border: 0px solid #F3F6FF;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  /* Ahora las media queries y demás bloques anidados */
}
@media (min-width: 990px) {
  .cards-container.cards-mode .card .card-action .btn-high {
    min-width: 107px;
    text-transform: none !important;
  }
}
.cards-container.cards-mode .card .card-action a {
  text-transform: none !important;
  margin-right: 8px;
}
.cards-container.cards-mode .card .card-action .card-action-1 {
  width: 30% !important;
  display: flex;
}
.cards-container.cards-mode .card .card-action .card-action-1 .gauge-container {
  width: 50%;
  float: left;
}
.cards-container.cards-mode .card .card-action .card-action-1 .ranking-container {
  width: 50%;
  float: right;
}
.cards-container.cards-mode .card .card-action .card-action-1 .ranking-container .ranking-wrapper {
  transform: translateY(8px);
  display: none;
}
@media (min-width: 990px) {
  .cards-container.cards-mode .card .card-action .card-action-1 .ranking-container .ranking-wrapper {
    display: inline-block;
  }
}
.cards-container.cards-mode .card .card-action .card-action-1 .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.cards-container.cards-mode .card .card-action .card-action-1 .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.cards-container.cards-mode .card .card-action .card-action-2 {
  width: 70% !important;
  padding-top: 8px;
}
.cards-container.cards-mode .card .card-action .card-action-2 .card-action-bottom .card-bottom-buttons {
  margin-top: 8px;
  float: right;
  width: 190px;
}
.cards-container.cards-mode .card .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-low i {
  color: #484A55;
}
.cards-container.cards-mode .card .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
  float: left;
  width: 120px;
}
@media (min-width: 990px) {
  .cards-container.cards-mode .card .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
    width: 76px;
  }
}
.cards-container.cards-mode .card .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-right {
  float: right;
}
.cards-container.cards-mode .card .card-action .card-action-2 .dropdown-content li {
  list-style: none;
}
.cards-container.cards-mode .card .card-action .card-action-2 .dropdown-content li a {
  color: #080B17;
}
.cards-container.cards-mode .card .card-action .card-action-2 .dropdown-content li a:hover {
  color: #080B17;
}
.cards-container.cards-mode .card .card-action .card-action-2 .card-action-top .chip-rate i {
  color: #FFB74D;
}
.cards-container.list-mode .card {
  /* Propiedades generales */
  height: 160px !important;
  width: 100% !important;
  min-width: 100% !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 5px !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card {
    height: 200px !important;
  }
}
.cards-container.list-mode .card .card-content {
  padding: 0 8px !important;
  height: 77px !important;
  max-height: 77px !important;
}
.cards-container.list-mode .card .card-content h3 {
  padding: 0;
  margin: 0;
  height: 77px !important;
  max-height: 77px !important;
}
.cards-container.list-mode .card .card-stacked {
  padding: 0 8px 0 0;
}
.cards-container.list-mode .card .card-stacked .card-sides {
  display: flex;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left {
  width: 140px;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left {
    width: 30%;
    display: inline-block;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header {
  /* Propiedades generales */
  height: 118px;
  width: 140px;
  background-color: #C8CAD7;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  float: left;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header {
    float: none;
    height: 140px;
    width: auto;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons {
  display: flex;
  margin: 8px 8px 8px 0;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons {
    display: inline-block;
    margin: 8px 8px 0 0;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn {
  margin-left: 8px;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn {
    margin-left: 0;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn-medium {
  -webkit-box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
  -moz-box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
  box-shadow: 0px 4px 4px 0px #A2A5B1 !important;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container {
  display: inline-block;
  margin: 0 auto;
  width: inherit;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper {
  transform: translateY(8px);
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper .chip {
  margin-right: 0;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .cat-01 {
  background-color: white;
  position: relative;
  z-index: 1;
  padding: 0;
  object-fit: cover;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .img-card01 {
  position: absolute;
  z-index: -1;
  height: 158px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .img-card01 {
    height: 199px;
    width: fit-content !important;
    object-fit: cover;
    border-radius: 4px;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content {
  padding: 8px;
  display: inline-grid;
}
@media (min-width: 599px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content {
    display: block;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content h4 {
  padding: 0;
  margin: 0 0 8px 0;
  font-weight: 400;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right {
  width: 58%;
}
@media (min-width: 400px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right {
    width: 69%;
    float: none;
    max-width: 425px;
  }
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right {
    width: 75%;
    display: inline-block;
    float: right;
    padding-top: 8px;
    max-width: none;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action {
  display: inline-block;
  width: 100%;
  padding: 8px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action a {
  text-transform: none !important;
  margin-right: 8px;
}
@media (min-width: 990px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .btn-high {
    min-width: 107px;
    text-transform: none !important;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 {
  width: 30% !important;
  display: flex;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .gauge-container {
  width: 50%;
  float: left;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container {
  width: 50%;
  float: right;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper {
  transform: translateY(8px);
  display: none;
}
@media (min-width: 990px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper {
    display: inline-block;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 {
  width: 70% !important;
  padding-top: 8px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons {
  margin-top: 8px;
  float: right;
  width: 190px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-low i {
  color: #484A55;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
  float: left;
  width: 120px;
}
@media (min-width: 990px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
    width: 76px;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-right {
  float: right;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li {
  list-style: none;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li a {
  color: #080B17;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li a:hover {
  color: #080B17;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-top .chip-rate i {
  color: #FFB74D;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content h5 {
  margin-top: 8px;
}
@media (min-width: 600px) {
  .cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content h5 {
    margin-top: 0;
  }
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content .progressbar-container {
  margin-top: 8px;
}
.cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content .card-action {
  padding: 0;
  transform: translateY(-4px);
}

.pagination li a {
  color: #5f5f5f;
  display: inline-block !important;
  font-size: 1.2rem !important;
  padding: 0 10px !important;
  line-height: 30px !important;
}

.pagination li {
  display: inline-block !important;
  border-radius: 2px !important;
  text-align: center !important;
  vertical-align: top !important;
  height: 30px !important;
  z-index: -1 !important;
}

.switch-curses {
  transform: translate(16px, 10px);
}

.w-title-table {
  width: 100% !important;
}

.table-select-title {
  width: 46%;
  transform: translate(0, 24px);
}

.table-search-2 {
  transform: translate(0, -41px);
}

.collapsible-form {
  margin: 24px 0;
  padding: 8px 0;
}
.collapsible-form .collapsible-form-list {
  margin-top: 24px;
}
.collapsible-form .collapsible-form-list ul {
  border: 0px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.collapsible-form .collapsible-form-list ul .block-list-item {
  margin-bottom: 0px !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item:hover {
  text-decoration: none !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header {
  justify-content: space-between;
  padding: 16px 0;
  display: flex;
  color: #080B17;
  border-bottom: 0px solid #E9EBF9 !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num {
  flex: 5;
  width: 90%;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num span {
  padding: 4px 5px 5px 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  display: inline-block;
  color: #080B17;
  border: 2px solid #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num .digits-2 {
  padding: 6px 7px;
  font-size: 12px;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num .digits-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-header .block-list-num a {
  text-decoration: none !important;
  font-size: 14px !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-body {
  padding: 16px 0;
}
.collapsible-form .collapsible-form-list ul .block-list-item .collapsible-body .character-counter {
  display: none !important;
}
.collapsible-form .collapsible-form-list ul .block-list-item .list-line {
  height: 12px;
  background: #080B17;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(15px, 1px);
}
.collapsible-form .collapsible-form-list ul .unread .block-list-num span {
  color: #81838F !important;
  border: 2px solid #81838F !important;
}
.collapsible-form .collapsible-form-list ul .unread .block-list-num a {
  color: #81838F !important;
}
.collapsible-form .collapsible-form-list ul .unread .block-list-num .list-line {
  background: #81838F !important;
}
.collapsible-form .collapsible-form-list ul .active .block-list-num span {
  color: #FF9800 !important;
  border: 2px solid #FF9800 !important;
}
.collapsible-form .collapsible-form-list ul .active .block-list-num a {
  color: #FF9800 !important;
}
.collapsible-form .collapsible-form-list ul .active .block-list-num .list-line {
  background: #FF9800 !important;
}

.filters_modal {
  max-height: 90% !important;
}
.filters_modal .modal-header a {
  max-width: 105px;
  transform: translateY(-10px);
  padding: 0;
}
@media (min-width: 600px) {
  .filters_modal .modal-header a {
    max-width: none;
    width: auto;
    padding: 0 16px;
  }
}
.filters_modal .modal-content .modal-tabs {
  height: auto !important;
  max-width: 310px !important;
}
.filters_modal .modal-content .modal-tabs ul li a {
  max-width: 100px;
}
@media (min-width: 600px) {
  .filters_modal .modal-content .modal-tabs ul li a {
    max-width: 120px;
  }
}
.filters_modal .modal-content .modal-checks {
  height: auto !important;
  max-height: 400px !important;
  min-height: 140px !important;
}
.filters_modal .modal-content .modal-checks .modal-checks-container {
  height: auto !important;
  max-height: 400px !important;
  min-height: 140px !important;
}
@media (min-width: 600px) {
  .filters_modal .modal-content .modal-checks .modal-checks-container {
    max-height: 220px;
    min-height: 140px !important;
  }
}
.filters_modal .modal-content .modal-checks .modal-checks-container .input-field {
  margin-top: 8px;
  margin-bottom: 8px;
}
.filters_modal .modal-content .modal-checks .modal-checks-container .input-field p {
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (min-width: 600px) {
  .filters_modal .modal-content .modal-checks .modal-checks-container .input-field p label span {
    max-width: 90% !important;
  }
}
@media (min-width: 800px) {
  .filters_modal .modal-content .modal-checks .modal-checks-container .input-field p label span {
    max-width: 90% !important;
  }
}
.filters_modal .modal-content .modal-content-chips .chips-container .chip .chip-text {
  max-width: 120px;
  float: left;
}

.title-view .title-container .title-actions .action-controls a.applied-filters {
  width: 90px;
  clear: inherit;
}
.title-view .title-container .title-actions .action-controls a.applied-filters .badge {
  margin-right: 8px;
  position: inherit;
  float: left !important;
  transform: translateY(5px);
  display: inline-block;
}
.title-view .title-container .title-actions .action-controls a.applied-filters i {
  font-family: "Material Icons" !important;
  margin-right: 0;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .action-controls a.applied-filters {
    width: auto;
    clear: inherit;
  }
}

.sidenav-overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
}

.sidebar {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  position: inherit;
  margin-bottom: 0 !important;
}
@media (min-width: 600px) {
  .sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.sidebar-empty {
  background-color: #F5F5F5;
  overflow-x: hidden;
  overflow-y: hidden;
}

/* MARK: Estilos menu portal */
.sidebar-menu {
  padding-top: 20px;
}
.sidebar-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu li {
  position: relative;
  padding: 14px 20px;
  color: #333;
  cursor: pointer;
  font-weight: 700;
  transition: background-color 0.2s ease;
  outline: none;
  text-decoration: none;
}
.sidebar-menu li:hover, .sidebar-menu li:focus {
  background-color: #F3F3F3;
  color: #000;
}
.sidebar-menu li.active {
  background-color: #F3F3F3;
  color: #000;
}
.sidebar-menu li.active::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #FF9800;
}

/* MARK: Estilos menu vitrina */
/* Contenedor principal */
.navpanel-wrapper {
  width: 260px;
  background: #fff;
  padding: 8px 0;
  font-family: "Roboto", sans-serif;
}

/* Reset lista */
.navpanel-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Items */
.navpanel-item {
  display: flex;
  align-items: center; /* centra icono con texto */
  gap: 12px; /* espacio icono-texto */
  padding: 10px 20px;
  font-size: 14px;
  color: #444;
  text-decoration: none;
  transition: all 0.2s ease;
}

.navpanel-item .navpanel-icon {
  font-size: 20px;
  color: #757575;
}

.navpanel-item:hover {
  background: #f5f5f5;
}

.navpanel-item.active {
  color: #f59e0b;
  font-weight: 600;
}

.navpanel-item.active .navpanel-icon {
  color: #f59e0b;
}

/* Divisor */
.navpanel-splitline {
  height: 1px;
  margin: 12px 20px;
  background: #e0e0e0;
}

/* Título de sección */
.navpanel-heading {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #9e9e9e;
  padding: 16px 20px 6px;
}

/* Ancho y posición del sidebar */
.manual-sidenav {
  width: 380px !important; /* Más ancho que el default para leer mejor */
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
}

/* Encabezado */
.manual-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e0e0e0;
}

.manual-header h5 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
}

.manual-header .material-icons {
  color: #000;
  cursor: pointer;
}

/* Buscador estilo gris */
.manual-search-container {
  padding: 15px 24px;
  background: #fff;
}

.manual-search {
  background-color: #f5f5f5; /* Fondo gris claro */
  border-radius: 4px;
  margin-top: 0 !important;
  height: 40px;
}

.manual-search .prefix {
  top: 14px;
  left: 9px;
  font-size: 24px;
  color: #000;
}

.manual-search input {
  border-bottom: none !important;
  box-shadow: none !important;
  padding-left: 3rem !important;
  height: 100% !important;
  margin: 0 !important;
}

/* Lista de definiciones */
.manual-content {
  flex: 1;
  overflow-y: auto; /* Scroll solo en el contenido */
  padding: 0 24px 40px 24px;
}

.manual-list li {
  padding: 20px 0;
  border-bottom: 1px solid #e0e0e0;
}

.manual-list li:last-child {
  border-bottom: none;
}

.manual-list h6 {
  font-weight: bold;
  font-size: 1rem;
  margin: 0 0 8px 0;
  color: #000;
}

.manual-list p {
  margin: 0;
  font-size: 0.9rem;
  color: #333;
  line-height: 1.4;
}

/* Scrollbar personalizado estilo naranja (Webkit browsers) */
.manual-content::-webkit-scrollbar {
  width: 6px;
}

.manual-content::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.manual-content::-webkit-scrollbar-thumb {
  background: #ff9800; /* Naranja como en la imagen */
  border-radius: 3px;
}

.manual-content::-webkit-scrollbar-thumb:hover {
  background: #e65100;
}

/* Configuración del Sidebar */
.params-sidenav {
  width: 380px !important;
  padding-bottom: 40px;
  background-color: #fff;
}

.params-header {
  padding: 24px;
  border-bottom: 1px solid #e0e0e0;
}

.params-header h5 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 500;
  color: #000;
}

.params-content {
  padding: 24px;
}

/* Estilos personalizados para los Inputs (Cajas Grises) */
.custom-field-box {
  margin-bottom: 25px;
  position: relative;
}

/* Forzamos el label para que siempre esté arriba y negro */
.custom-field-box label.static-label {
  position: static !important; /* Quita la posición absoluta de Materialize */
  font-size: 1rem !important;
  color: #000 !important;
  transform: none !important;
  display: block;
  margin-bottom: 8px;
}

/* Input estilo caja gris */
input.custom-input {
  background-color: #f5f5f5 !important; /* Gris claro */
  border: none !important;
  border-radius: 4px !important;
  padding: 0 15px !important;
  height: 45px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  color: #333;
  outline: none;
}

input.custom-input:focus {
  background-color: #eeeeee !important; /* Un poco más oscuro al focus */
}

/* Footer Contenedor */
.params-footer {
  padding: 0 24px;
  display: flex;
  flex-direction: column; /* Apila los botones uno sobre otro */
  align-items: center; /* Centra los elementos */
  gap: 15px; /* Espacio vertical entre los botones */
  margin-top: 20px;
}

/* Clase auxiliar para que el botón 'btn-high' ocupe todo el ancho disponible */
.stretch-btn {
  width: 100%;
}

/* Opcional: Si quieres que el botón de cancelar también sea ancho completo, 
   agrégale la clase .stretch-btn a él también. 
   Si prefieres que sea solo texto centrado, déjalo sin esa clase. */
.orange-block-btn {
  width: 100%;
  background-color: #ff9800 !important; /* Naranja */
  border-radius: 4px;
  font-weight: 600;
  text-transform: none; /* Evita mayúsculas forzadas si prefieres */
}

.cancel-btn {
  color: #ff9800 !important; /* Texto naranja */
  text-transform: none;
  font-weight: 500;
  background: transparent;
}

.cancel-btn:hover {
  background-color: transparent !important;
  text-decoration: underline;
}

.link i {
  transform: translateY(6px);
  margin-right: 8px;
}

.list-questions {
  padding-bottom: 24px;
}
.list-questions li:hover {
  text-decoration: none !important;
}
.list-questions li div.list-line {
  height: 12px;
  background: #080B17;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(15px, 1px);
}
.list-questions li a {
  text-decoration: none;
  padding-top: 5px;
}
.list-questions li a:hover {
  text-decoration: none !important;
}
.list-questions li .question-container {
  display: flex;
}
.list-questions li .question-container span {
  padding: 4px 5px 5px 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  display: inline-block;
  color: #000000;
  border: 2px solid #000000;
  background-color: #ffffff !important;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.list-questions li .question-container .digits-2 {
  padding: 6px 7px;
  font-size: 12px;
}
.list-questions li .question-container .digits-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-questions li .question-container .question-number {
  padding: 3px 7px 0px 7px;
}
.list-questions li .question-container .question-number i {
  font-size: 13px;
}
.list-questions li .question-container .question-child-1 {
  flex: 26;
  width: 90%;
}
.list-questions li .question-container .question-child-1 .link {
  font-size: 14px !important;
}
.list-questions li .question-container .question-child-2 {
  flex: 1;
  width: 10%;
  color: #080B17;
}
.list-questions li .question-container .question-child-2 i {
  float: right !important;
  margin: 0 !important;
  cursor: pointer;
  position: inherit;
  transform: translate(6px, 4px);
}
.list-questions li .correct-question .question-child-1 span {
  border: 2px solid #D1E7DD !important;
  background: #D1E7DD !important;
}
.list-questions li .correct-question .question-child-1 span i {
  color: #0F5132 !important;
  font-size: 15px;
}
.list-questions li .wrong-question .question-child-1 span {
  border: 2px solid #F8D7DA !important;
  background: #F8D7DA !important;
}
.list-questions li .wrong-question .question-child-1 span i {
  color: #842029 !important;
  font-size: 15px;
}
.list-questions li .partial-question .question-child-1 span {
  border: 2px solid #FFF3CD !important;
  background: #FFF3CD !important;
}
.list-questions li .partial-question .question-child-1 span i {
  color: #664D03 !important;
  font-size: 15px;
}
.list-questions li .pending-question .question-child-1 span {
  border: 2px solid #CFF4FC !important;
  background: #CFF4FC !important;
}
.list-questions li .pending-question .question-child-1 span i {
  color: #055160 !important;
  font-size: 15px;
}
.list-questions .last-child {
  margin-bottom: 0px !important;
}
.list-questions .last-child::after {
  content: "";
  height: 0px !important;
  border: 0px solid #080B17 !important;
}
.list-questions .active a {
  color: #FF9800 !important;
}
.list-questions .active i {
  color: #FF9800;
}
.list-questions .active span {
  color: #FF9800 !important;
  border: 2px solid #FF9800 !important;
}
.list-questions .active-step a {
  color: #FF9800 !important;
}
.list-questions .active-step i {
  color: #FF9800;
}
.list-questions .active-step span {
  color: #FF9800 !important;
  border: 2px solid #FF9800 !important;
}

.search-questions .input-field {
  margin: 0;
}
.search-questions .input-field input {
  padding-left: 40px !important;
}
.search-questions .input-field .label-icon {
  position: absolute !important;
  transform: translateY(10px) !important;
}
.search-questions .input-field i {
  top: 10px !important;
  font-size: 24px !important;
}

.list-questions2 li:hover {
  text-decoration: none !important;
}
.list-questions2 li div.list-line2 {
  height: 12px;
  background: #080B17;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(29px, 1px);
}
.list-questions2 li a {
  text-decoration: none;
  padding-top: 0px;
}
.list-questions2 li a:hover {
  text-decoration: none !important;
}
.list-questions2 li .question-container2 {
  display: flex;
  width: 100%;
}
.list-questions2 li .question-container2 span {
  padding: 2px 9px;
  color: #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.list-questions2 li .question-container2 .question-child-4 {
  flex: 10;
  width: 90%;
}
.list-questions2 li .question-container2 .question-child-4 .link {
  font-size: 14px !important;
}
.list-questions2 li .question-container2 .question-child-5 {
  flex: 1;
  width: 10%;
  color: #080B17;
}
.list-questions2 li .question-container2 .question-child-5 i {
  float: right !important;
  margin: 0 !important;
  cursor: pointer;
  position: inherit;
  transform: translate(6px, 10px);
}
.list-questions2 .last-child2 {
  margin-bottom: 0px !important;
}
.list-questions2 .last-child2::after {
  content: "";
  height: 0px !important;
  border: 0px solid #080B17 !important;
}
.list-questions2 .active a {
  color: #FF9800 !important;
}
.list-questions2 .active i {
  color: #FF9800;
}
.list-questions2 .active span {
  color: #FF9800 !important;
}

.father-text {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 24px;
}

.father-text2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
}

.child-text {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 14px;
}

.cont-div {
  display: block;
  transform: translateY(-5px);
}

.merge-icon {
  margin: 8px;
}

.center-row-2text {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  height: 30px;
}

.sidebar-resource {
  padding: 8px 0px;
}
.sidebar-resource .resource-close {
  display: block;
  overflow: hidden;
}
.sidebar-resource .resource-title {
  display: block;
}
.sidebar-resource .resource-title label {
  font-size: 18px !important;
  color: #5A5D68 !important;
  height: auto;
  max-height: 50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sidebar-resource .resource-title p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sidebar-resource .chips-sidebar {
  margin: 24px 0px 0px 0px;
}
.sidebar-resource .sidebar-progressbar {
  margin: 24px 0px 0px 0px;
}
.sidebar-resource .sidebar-buttons {
  margin: 24px 0px 0px 0px;
}
.sidebar-resource .sidebar-buttons a {
  margin-right: 8px;
}
.sidebar-resource .sidebar-agenda {
  margin: 24px 0px 0px 0px;
}
.sidebar-resource .sidebar-agenda ul {
  border: 0px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.sidebar-resource .sidebar-agenda ul li .collapsible-header {
  justify-content: space-between;
  padding: 16px 0;
}
.sidebar-resource .sidebar-agenda ul li .collapsible-header i {
  margin: 0px;
}
.sidebar-resource .sidebar-agenda ul li .collapsible-header i:active {
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}
.sidebar-resource .sidebar-agenda ul .active i {
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}
.sidebar-resource .sidebar-agenda ul .active .collapsible-body {
  padding: 16px 0;
}

.link i {
  transform: translateY(6px);
  margin-right: 8px;
}

.steps-container {
  margin: 24px 0;
}
.steps-container .list-steps li:hover {
  text-decoration: none !important;
}
.steps-container .list-steps li div.list-line {
  height: 12px;
  background: #A2A5B1 !important;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(15px, 1px);
}
.steps-container .list-steps li a {
  text-decoration: none;
  padding-top: 5px;
}
.steps-container .list-steps li a:hover {
  text-decoration: none !important;
}
.steps-container .list-steps li .step-container {
  display: flex;
}
.steps-container .list-steps li .step-container span {
  padding: 2px 9px;
  color: #080B17;
  border: 2px solid #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.steps-container .list-steps li .step-container .digits-2 {
  padding: 5px 7px;
  font-size: 12px;
}
.steps-container .list-steps li .step-container .digits-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.steps-container .list-steps li .step-container .question-number {
  padding: 3px 7px 0px 7px;
}
.steps-container .list-steps li .step-container .question-number i {
  font-size: 13px;
}
.steps-container .list-steps li .step-container .question-child-1 {
  flex: 5;
  width: 90%;
}
.steps-container .list-steps li .step-container .question-child-1 .link {
  font-size: 14px !important;
}
.steps-container .list-steps li .step-container .question-child-2 {
  flex: 1;
  width: 10%;
  color: #81838F;
}
.steps-container .list-steps li .step-container .question-child-2 i {
  float: right !important;
  margin: 0 !important;
  cursor: pointer;
  position: inherit;
  transform: translate(6px, 4px);
  color: #FFA726 !important;
}
.steps-container .list-steps .step-unread a {
  color: #A2A5B1 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container .list-steps .step-unread {
  margin-bottom: 0px !important;
}
.steps-container .list-steps .step-unread::after {
  content: "";
  height: 0px !important;
  border: 0px solid #81838F !important;
}
.steps-container .list-steps .step-unread .question-child-1 span {
  color: #81838F !important;
  border: 2px solid #81838F !important;
}
.steps-container .list-steps .step-active a {
  color: #FFA726 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container .list-steps .step-active i {
  color: #484A55 !important;
}
.steps-container .list-steps .step-active .question-child-1 {
  flex: 5;
  width: 90%;
}
.steps-container .list-steps .step-active .question-child-1 span {
  padding: 2px 9px;
  color: #FFA726 !important;
  border: 2px solid #FFA726 !important;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.steps-container .list-steps .step-done a {
  color: #080B17 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container .list-steps .step-done i {
  color: #080B17 !important;
}
.steps-container .list-steps .step-done .question-child-1 span {
  padding: 2px 9px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}

.steps-container2 {
  margin: 24px 0;
}
.steps-container2 .list-steps2 li:hover {
  text-decoration: none !important;
}
.steps-container2 .list-steps2 li div.list-line2 {
  height: 12px;
  background: #080B17 !important;
  width: 2px;
  display: inline-block;
  margin: 0;
  transform: translate(29px, 1px);
}
.steps-container2 .list-steps2 li a {
  text-decoration: none;
  padding-top: 5px;
}
.steps-container2 .list-steps2 li a:hover {
  text-decoration: none !important;
}
.steps-container2 .list-steps2 li .step-container2 {
  display: flex;
}
.steps-container2 .list-steps2 li .step-container2 span {
  padding: 2px 9px;
  color: #080B17;
  border: 2px solid #080B17;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.steps-container2 .list-steps2 li .step-container2 .digits-2 {
  padding: 5px 7px;
  font-size: 12px;
}
.steps-container2 .list-steps2 li .step-container2 .digits-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.steps-container2 .list-steps2 li .step-container2 .question-number {
  padding: 3px 7px 0px 7px;
}
.steps-container2 .list-steps2 li .step-container2 .question-number i {
  font-size: 13px;
}
.steps-container2 .list-steps2 li .step-container2 .question-child-1 {
  flex: 5;
  width: 90%;
}
.steps-container2 .list-steps2 li .step-container2 .question-child-1 .link {
  font-size: 14px !important;
}
.steps-container2 .list-steps2 li .step-container2 .question-child-2 {
  flex: 1;
  width: 10%;
  color: #81838F;
}
.steps-container2 .list-steps2 li .step-container2 .question-child-2 i {
  float: right !important;
  margin: 0 !important;
  cursor: pointer;
  position: inherit;
  transform: translate(6px, 4px);
  color: #FFA726 !important;
}
.steps-container2 .list-steps2 .step-unread a {
  color: #A2A5B1 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container2 .list-steps2 .step-unread {
  margin-bottom: 0px !important;
}
.steps-container2 .list-steps2 .step-unread::after {
  content: "";
  height: 0px !important;
  border: 0px solid #81838F !important;
}
.steps-container2 .list-steps2 .step-unread .question-child-1 span {
  color: #81838F !important;
  border: 2px solid #81838F !important;
}
.steps-container2 .list-steps2 .step-active a {
  color: #FFA726 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container2 .list-steps2 .step-active i {
  color: #484A55 !important;
}
.steps-container2 .list-steps2 .step-active .question-child-1 {
  flex: 5;
  width: 90%;
}
.steps-container2 .list-steps2 .step-active .question-child-1 span {
  padding: 2px 9px;
  color: #FFA726 !important;
  border: 2px solid #FFA726 !important;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}
.steps-container2 .list-steps2 .step-done a {
  color: #080B17 !important;
  font-weight: 400;
  font-size: 12px;
}
.steps-container2 .list-steps2 .step-done i {
  color: #080B17 !important;
}
.steps-container2 .list-steps2 .step-done .question-child-1 span {
  padding: 2px 9px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-size: 15px;
  margin-right: 8px;
  font-weight: bolder;
}

.header-collaps {
  justify-content: space-between;
  padding: 16px 0;
}

.left-collaps-m {
  margin-left: 32px !important;
}

.sidebar-subject {
  padding: 0px;
}
.sidebar-subject .sidebar-subject-header {
  width: 100%;
  height: 120px;
}
.sidebar-subject .sidebar-subject-header .sidebar-subject-image {
  background-image: url("../../assets/images/subject/banner.jpeg");
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.sidebar-subject .sidebar-subject-header .sidebar-subject-image .sidebar-subject-cover {
  background-color: rgba(31, 31, 30, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sidebar-subject .sidebar-subject-header .sidebar-subject-image .sidebar-subject-cover .sidebar-cover-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.sidebar-subject .sidebar-subject-header .sidebar-subject-image .sidebar-subject-cover .sidebar-cover-title h4 {
  color: #FFFFFF;
  font-weight: 400;
  margin: 0;
}
.sidebar-subject .sidebar-subject-header .subjet-no-image {
  background-color: #A2A5B1 !important;
  background-image: none !important;
}
.sidebar-subject .sidebar-subject-header .subjet-no-image .subject-cover {
  background-color: transparent;
}
.sidebar-subject .sidebar-subject-header .subjet-no-image .subject-cover .cover-title h4 {
  color: #FFFFFF;
}
.sidebar-subject .chips-sidebar {
  margin: 24px 0 0 0;
  display: block;
}
.sidebar-subject .sidebar-subject-lessons .subject-lessons-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sidebar-subject .sidebar-subject-lessons .subject-lessons-header .subject-header-left {
  flex: 2;
}
.sidebar-subject .sidebar-subject-lessons .subject-lessons-header .subject-header-right {
  flex: 1;
}
.sidebar-subject .sidebar-subject-lessons .subject-lessons-header .subject-header-right a {
  width: 60px;
  float: right;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda {
  margin: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul {
  margin-top: 0;
  list-style-type: none !important;
  border: 0px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li {
  list-style-type: none !important;
  text-decoration: none !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header {
  justify-content: space-between;
  padding: 16px 0;
  color: #080B17;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header .active {
  justify-content: space-between;
  padding: 16px 0;
  color: red !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header p {
  width: 95%;
  margin: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header i {
  margin: 0px;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-header i:active {
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul li .collapsible-body {
  opacity: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active i {
  transform-origin: 0.6em 0.5em;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body {
  text-decoration: none !important;
  opacity: 1;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body:hover > a {
  text-decoration: none !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body {
  padding: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container {
  overflow: inherit;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .second-level {
  display: block;
  overflow: hidden;
  margin: 16px 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .second-level a {
  height: auto;
  width: 85%;
  float: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #81838F !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .second-level span {
  overflow: hidden;
  float: right;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .third-level {
  display: block;
  overflow: hidden;
  margin: 16px 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .third-level a {
  height: auto;
  width: 85%;
  float: left;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #81838F !important;
  padding-left: 32px !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .third-level span {
  overflow: hidden;
  float: right;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-complete {
  padding: 0 2px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-complete i {
  transform: translate(-2px, -1px);
  font-size: 16px;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-progress .percent-progress {
  position: relative;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-progress .percent-progress svg {
  position: relative;
  width: 21px;
  height: 21px;
  transform: rotate(-90deg);
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-progress .percent-progress svg circle {
  width: 21%;
  height: 21%;
  fill: none;
  stroke: rgba(106, 108, 125, 0.6);
  stroke-width: 4;
  stroke-linecap: round;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-progress .percent-progress svg circle:last-of-type {
  stroke-dasharray: 50px;
  stroke-dashoffset: calc(50px - 50px * var(--percent) / 100);
  stroke: #29B6F6;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-indicator {
  position: relative;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .active .collapsible-body .collapsible-body-container .collapsible-body-indicator i {
  color: #FF9800;
  transform: none;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled {
  cursor: default;
  pointer-events: none;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled .collapsible-header {
  cursor: default;
  pointer-events: none;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled .collapsible-header p {
  color: #DBDEEB;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled .collapsible-header i {
  color: #DBDEEB;
  transform: rotate(0deg);
  transform-origin: 0;
}
.sidebar-subject .sidebar-subject-lessons .sidebar-agenda ul .disabled .collapsible-body {
  display: none !important;
}
.sidebar-subject .subject-edit-button {
  margin: 16px 0;
  display: block;
}

.col-noline {
  border-bottom: 1px solid #ffffff;
}

.check-activity {
  padding: 0 5px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
  transform: translateY(6px);
}
.check-activity i {
  transform: translate(-5px, 0px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}

.check-certfi {
  padding: 0 5px;
  color: #fff;
  cursor: pointer;
  border: 2px #5A5D68;
  background-color: #5A5D68;
  border-radius: 50%;
  font-weight: bolder;
  height: 25px;
  width: 25px;
  transform: translateY(0px);
}
.check-certfi i {
  transform: translate(0px, 4px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #fff !important;
}

.check-certfi-add {
  padding: 0 5px;
  color: #fff;
  cursor: pointer;
  border: 2px #C8CAD7;
  background-color: #C8CAD7;
  border-radius: 50%;
  font-weight: bolder;
  height: 25px;
  width: 25px;
  transform: translateY(0px);
}
.check-certfi-add i {
  transform: translate(0px, 4px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #fff !important;
}

.check-activity2 {
  padding: 0 5px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
  transform: translateY(-11px);
}
.check-activity2 i {
  transform: translate(-5px, 0px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}

.active-activity {
  color: #FF9800 !important;
  transform: translateY(8px);
}

.checked-activty-modal {
  padding: 0 5px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 20%;
  font-weight: bolder;
  height: 32px;
  width: 32px;
  transform: translateY(6px);
}
.checked-activty-modal i {
  transform: translate(-3px, 2px);
  font-size: 24px !important;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}

.unchecked-activty-modal {
  padding: 0 5px;
  color: #FF9800;
  border: 2px solid #FFF3E0;
  background-color: #FFF3E0;
  border-radius: 20%;
  font-weight: bolder;
  height: 32px;
  width: 32px;
  transform: translateY(6px);
}
.unchecked-activty-modal i {
  transform: translate(-3px, 2px);
  font-size: 24px !important;
  transform-origin: 0 !important;
  color: #080B17 !important;
}

.unchecked-activty-modal2 {
  padding: 0 5px;
  color: #FF9800;
  border: 2px solid #FFF3E0;
  background-color: #FFF3E0;
  border-radius: 20%;
  font-weight: bolder;
  height: 32px;
  width: 32px;
  transform: translateY(-11px);
}
.unchecked-activty-modal2 i {
  transform: translate(-3px, 2px);
  font-size: 24px !important;
  transform-origin: 0 !important;
  color: #080B17 !important;
}

.check-table {
  padding: 0 5px;
  color: #0F5132;
  border: 2px solid #D1E7DD;
  background-color: #D1E7DD;
  border-radius: 50%;
  margin-left: 45%;
  margin-right: 45%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
}
.check-table i {
  transform: translate(-5px, 0px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #0F5132 !important;
}

.unckeked {
  padding: 0 5px;
  color: #2A2D37;
  border-radius: 50%;
  margin-left: 45%;
  margin-right: 45%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
}
.unckeked i {
  transform: translate(-3px, 0px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #2A2D37 !important;
}

.rotate-none {
  transform: none !important;
}

.check-warning-2 {
  padding: 0 5px;
  color: #F8D7DA;
  border: 2px solid #F8D7DA;
  background-color: #F8D7DA;
  border-radius: 50%;
  font-weight: bolder;
  height: 21px;
  width: 21px;
  transform: translateY(6px);
}
.check-warning-2 i {
  transform: translate(-5px, 0px);
  font-size: 16px !important;
  transform-origin: 0 !important;
  color: #842029 !important;
}

.slider-container {
  max-width: 580px;
  width: auto;
  margin: 8px auto;
  padding: 0;
  background-color: #FFFFFF;
}
.slider-container ul,
.slider-container li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.slider-container .slider {
  position: relative;
  max-width: 580px;
  max-height: 580px;
}
.slider-container .slider li {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: none;
  width: inherit;
  height: inherit;
  background-color: #FFFFFF;
  transition: opacity 0.5s;
  text-align: center;
}
.slider-container .slider li .slider-info {
  padding: 0 8px;
  max-width: 580px;
  width: 100%;
  color: #484A55;
  background-color: #FFFFFF;
  text-decoration: none;
  text-align: left;
}
.slider-container .slider li .slider-info label {
  font-size: 16px;
  margin: 0;
  padding: 0;
  text-align: justify;
}
.slider-container .slider li .slider-info p {
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-align: justify;
}
.slider-container .slider li img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  margin-top: 8px;
}
.slider-container .slider li video {
  width: 100%;
  height: 300px;
  object-fit: cover;
  margin-top: 8px;
}
.slider-container .slider li:first-child {
  opacity: 1;
  display: block;
}
.slider-container .slider li:target {
  opacity: 1;
  display: block;
}
.slider-container .slider li a {
  margin: 16px 0;
}
.slider-container .slider-dots {
  margin: 8px auto;
  width: max-content;
  text-align: center;
}
.slider-container .slider-dots li {
  display: inline-block;
  text-align: center;
  margin: 0 2px;
}
.slider-container .slider-dots li a {
  display: inline-block;
  text-decoration: none;
  background-color: #81838F;
  padding: 4px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  text-indent: -9999999px;
}
.slider-container .slider-dots li .active {
  background-color: #03A9F4 !important;
}
.slider-container .slider-dots li .active:active, .slider-container .slider-dots li .active:focus, .slider-container .slider-dots li .active:target, .slider-container .slider-dots li .active:hover {
  background-color: #03A9F4 !important;
}

.chips-container-slider {
  max-width: 380px;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-snap-type: mandatory;
  display: flex;
  box-shadow: inset -4px 0px 5px 0px rgb(255, 255, 255);
}
.chips-container-slider::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.chips-container-slider .chip,
.chips-container-slider .chip-name {
  box-sizing: content-box;
  flex: none;
  scroll-snap-align: start;
  scroll-snap-coordinate: 0 0;
  -webkit-scroll-snap-coordinate: 0 0;
  display: block;
  min-width: 0;
  margin: 0 5px 5px 0 !important;
  max-width: none !important;
  min-width: none !important;
}
.chips-container-slider .chip-name > img {
  width: 20px;
}

.avatars-container-slider {
  max-width: 380px;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-snap-type: mandatory;
  display: flex;
  box-shadow: inset -4px 0px 5px 0px rgb(255, 255, 255);
}
.avatars-container-slider::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.avatars-container-slider .avatar {
  box-sizing: content-box;
  flex: none;
  scroll-snap-align: start;
  scroll-snap-coordinate: 0 0;
  -webkit-scroll-snap-coordinate: 0 0;
  display: block;
  min-width: 0;
  margin: 0 5px 0 0 !important;
}

.chips-container-slick {
  max-width: 380px;
}
.chips-container-slick .slack-list {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.chips-container-slick .slack-list .slick-track .slick-slide {
  width: initial !important;
}
.chips-container-slick .draggable {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0px solid transparent !important;
  height: 35px !important;
}
.chips-container-slick .draggable .slick-track .slick-slide {
  width: initial !important;
}
.chips-container-slick .draggable .slick-track .chip,
.chips-container-slick .draggable .slick-track .chip-name {
  box-sizing: content-box;
  flex: none;
  scroll-snap-align: start;
  scroll-snap-coordinate: 0 0;
  -webkit-scroll-snap-coordinate: 0 0;
  display: block;
  min-width: 0;
  margin: 0 5px 5px 0 !important;
  max-width: none !important;
  min-width: none !important;
}
.chips-container-slick .draggable .slick-track .chip:focus,
.chips-container-slick .draggable .slick-track .chip-name:focus {
  color: inherit !important;
  background-color: inherit !important;
}
.chips-container-slick .draggable .slick-track .chip-name > img {
  width: 20px !important;
}

.bottomnav {
  margin: 0;
  height: 80px;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
  background-color: white;
}
.bottomnav ul {
  display: flex;
  height: 80px;
  margin: 0px;
  align-items: stretch;
  padding-top: 8px;
}
.bottomnav ul li {
  flex: 1;
  text-align: center;
}
.bottomnav ul li:hover {
  text-decoration: none !important;
}
.bottomnav ul li a {
  color: #080B17;
  text-decoration: none !important;
  height: 100%;
  display: block;
  padding: 16px 0;
}
.bottomnav ul li a:hover {
  text-decoration: none !important;
}
.bottomnav ul li a i {
  display: block;
  font-size: 24px;
}
.bottomnav ul li a label {
  font-size: 14px;
  font-weight: 400;
}
.bottomnav ul li.disabled {
  background-color: #F3F6FF !important;
  cursor: none !important;
}
.bottomnav ul li.disabled a {
  color: #C8CAD7 !important;
  cursor: none !important;
}
.bottomnav ul li.disabled a i {
  color: #C8CAD7 !important;
}
.bottomnav ul li .question-button {
  display: flex;
  line-height: 1;
}
.bottomnav ul li .question-button span {
  flex: 1;
}
.bottomnav ul li .question-button span i {
  display: inline-block;
  float: left;
}
.bottomnav ul li .question-button .question-button-number {
  text-align: right;
  padding-right: 8px;
  transform: translateY(4px);
}
.bottomnav ul li .question-button label {
  display: block;
  line-height: 1;
}

footer {
  position: fixed;
  bottom: 0px;
  display: block;
  width: 100%;
}

.footer {
  height: 32px;
  min-height: 32px;
  background-color: #F3F6FF;
  padding: 0 16px;
  margin: 0 !important;
}
.footer ul {
  list-style: none;
  padding: 6px 0 0 16px;
  margin: 0;
}
.footer ul li {
  line-height: normal;
  display: inline-block;
  float: left;
  padding-right: 16px;
  color: #5A5D68;
}
.footer ul li:hover {
  text-decoration: none;
}
.footer ul li a {
  color: #5A5D68;
}

.header {
  height: 64px !important;
  min-height: 64px !important;
  width: 100% !important;
  z-index: 996 !important;
  margin-bottom: 0px !important;
}
.header nav {
  height: 64px !important;
  min-height: 64px !important;
  background-color: #FFFFFF !important;
  -webkit-box-shadow: 0px 1px 5px 0px rgb(233, 235, 249) !important;
  -moz-box-shadow: 0px 1px 5px 0px rgb(233, 235, 249) !important;
  box-shadow: 0px 1px 5px 0px rgb(233, 235, 249) !important;
}
.header nav div .nav-wrapper .brand-container {
  width: 180px !important;
  height: 64px !important;
  float: left !important;
}
.header nav div .nav-wrapper .brand-container .sidenav-trigger {
  height: 64px !important;
  min-height: 64px !important;
  color: #080B17 !important;
}
.header nav div .nav-wrapper .brand-container .sidenav-trigger:hover {
  text-decoration: none !important;
}
.header nav div .nav-wrapper .brand-container .sidenav-trigger i {
  height: 64px !important;
  min-height: 64px !important;
  line-height: 64px !important;
}
.header nav div .nav-wrapper .brand-container .brand-logo {
  margin-top: 8px !important;
  left: 124px !important;
}
@media (min-width: 992px) {
  .header nav div .nav-wrapper .brand-container .brand-logo {
    left: 16px !important;
  }
}
.header nav div .nav-wrapper .tabs {
  display: none !important;
  width: inherit !important;
  height: 64px !important;
  left: 32px !important;
}
.header nav div .nav-wrapper .tabs .tab {
  height: 64px !important;
  min-height: 64px !important;
  line-height: 62px !important;
  text-decoration: none !important;
}
.header nav div .nav-wrapper .tabs .tab:hover {
  text-decoration: none !important;
}
.header nav div .nav-wrapper .tabs .tab a {
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #5A5D68 !important;
  padding: 0 8px !important;
}
@media (min-width: 1060px) {
  .header nav div .nav-wrapper .tabs .tab a {
    padding: 0 16px !important;
  }
}
@media (min-width: 1200px) {
  .header nav div .nav-wrapper .tabs .tab a {
    padding: 0 24px !important;
  }
}
.header nav div .nav-wrapper .tabs .tab a:hover {
  color: #FF9800 !important;
  text-decoration: none !important;
  text-transform: none !important;
}
.header nav div .nav-wrapper .tabs .tab a .active {
  color: #FF9800 !important;
  border-bottom: 2px solid #FF9800 !important;
}
.header nav div .nav-wrapper .tabs .tab .tabs-transparent .indicator {
  color: #FF9800 !important;
}
@media (min-width: 992px) {
  .header nav div .nav-wrapper .tabs {
    display: inline-block !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content li {
    min-height: 28px !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content li a {
    text-decoration: none !important;
    line-height: 28px !important;
    color: #5A5D68 !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled-section {
    text-decoration: none !important;
    line-height: 28px !important;
    color: #CCCCCC !important;
    display: flex !important;
    justify-content: space-between !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled-section:hover {
    background-color: none !important;
    text-decoration: none !important;
    font-weight: 300 !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .active {
    background-color: #FFF3E0 !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .active a {
    font-weight: 400 !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled {
    background-color: transparent !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled:hover {
    background-color: transparent !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .disabled a {
    color: #C8CAD7 !important;
    cursor: none !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .ul-title {
    padding: 8px 8px 0 8px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    height: 10px !important;
    cursor: text !important;
    min-height: 28px !important;
  }
  .header nav div .nav-wrapper .tabs .dropdown-content .ul-title:hover {
    background-color: #FFFFFF !important;
    text-decoration: none !important;
    cursor: text !important;
  }
}
.header nav div .user-controls {
  height: 76px;
  display: flex;
  align-items: center;
}
.header nav div .user-controls li {
  display: flex;
  align-items: center;
  height: 64px;
  padding: 0 1px;
  color: #080B17;
  cursor: pointer;
  position: relative;
}
.header nav div .user-controls li:hover {
  text-decoration: none !important;
}
.header nav div .user-controls li i {
  line-height: initial !important;
  padding: 12px 0 !important;
  margin-right: 8px !important;
  margin-left: 8px !important;
}
.header nav div .user-controls li .badge {
  height: 15px !important;
  width: 15px !important;
  font-size: 9px !important;
  text-align: center !important;
  padding-top: 1px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  position: absolute !important;
  top: 0 !important;
  transform: translate(23px, 33px) !important;
  box-shadow: 0 0 0 3px #FFFFFF !important;
}
.header nav div .user-controls li .dropdown-notifications {
  top: 64px !important;
  min-width: 546px !important;
  min-height: 546px !important;
  left: 883.05px !important;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications {
  padding: 8px !important;
  display: flex !important;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .title-notifications {
  flex: 1 !important;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .title-notifications label {
  font-size: 14px !important;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .clear-notifications {
  flex: 2 !important;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .clear-notifications a {
  margin: 0 !important;
  float: right !important;
  font-size: 14px !important;
}
.header nav div .user-controls li .dropdown-notifications .header-notifications .clear-notifications a i {
  margin-left: 0 !important;
  transform: translateY(-6px) !important;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications {
  max-height: 546px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  height: 438px;
  padding: 0.5rem 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  width: 546px;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications li {
  border-bottom: 1px solid #f0f0f0;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications li:last-child {
  border-bottom: none;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications a {
  display: flex;
  padding: 0.75rem 1rem;
  text-decoration: none;
  color: #333;
  width: 549px;
  transition: background 0.2s ease;
  align-items: flex-start;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications a:hover {
  background: #FFF3E0;
}
.header nav div .user-controls li .dropdown-notifications .notification-title {
  font-weight: bold;
  margin: 0;
  flex: 0 0 40%;
  font-size: 0.9rem;
  color: #000;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications p {
  margin: 0;
  font-size: 0.9rem;
  color: #666;
  flex: 1;
}
.header nav div .user-controls li .dropdown-notifications .notification-title {
  font-weight: 800;
  margin: 0 0 0.25rem 0;
}
.header nav div .user-controls li .dropdown-notifications .body-notifications p {
  margin: 0;
  font-size: 0.9rem;
  color: #666;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications {
  display: grid;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .center-notifications {
  flex: 4 !important;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .center-notifications a:hover {
  background-color: #FFF3E0 !important;
  text-decoration: none !important;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .settings-notifications {
  flex: 1 !important;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .settings-notifications a {
  text-decoration: none !important;
  color: #080B17 !important;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .settings-notifications a:hover {
  text-decoration: none !important;
  background-color: #FFF3E0 !important;
}
.header nav div .user-controls li .dropdown-notifications .footer-notifications .settings-notifications a i {
  transform: translateY(8px) !important;
}
.header nav div .user-controls li .dropdown-apps {
  top: 64px !important;
}
.header nav div .user-controls li .dropdown-usermenu {
  top: 64px !important;
  min-width: 320px !important;
  overflow: hidden !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu {
  padding: 8px !important;
  display: flex !important;
  height: auto !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-pic {
  flex: 1 !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info {
  flex: 2 !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info label {
  margin: 0 !important;
  padding: 0 !important;
  height: inherit !important;
  line-height: normal !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info p {
  margin: 8px 0 !important;
  padding: 0 !important;
  height: inherit !important;
  line-height: normal !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info a {
  margin: 8px 0 !important;
  padding: 0 !important;
  height: inherit !important;
  line-height: normal !important;
  font-size: 14px !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info a:hover {
  background-color: transparent !important;
}
.header nav div .user-controls li .dropdown-usermenu .header-usermenu .usermenu-info .usermenu-name {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #484A55 !important;
}
.header nav div .user-controls li .dropdown-usermenu .body-usermenu {
  padding: 0px !important;
}
.header nav div .user-controls li .dropdown-usermenu .body-usermenu ul li {
  float: none !important;
  height: auto !important;
  width: auto !important;
  line-height: normal !important;
  min-height: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}
.header nav div .user-controls li .dropdown-usermenu .body-usermenu ul li a:hover {
  background-color: #FFF3E0 !important;
  text-decoration: none !important;
}
.header nav div .user-controls li .dropdown-usermenu .footer-usermenu {
  padding: 0px !important;
}
.header nav div .user-controls li .dropdown-usermenu .footer-usermenu ul li {
  float: none !important;
  height: auto !important;
  width: auto !important;
  line-height: normal !important;
  min-height: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}
.header nav div .user-controls li .dropdown-usermenu .footer-usermenu ul li a:hover {
  background-color: #FFF3E0 !important;
  text-decoration: none !important;
}
.header nav div .user-controls .cart-link a {
  margin-top: 16px !important;
  padding: 0 !important;
}
.header nav div .user-controls .cart-link a i {
  margin: 0px !important;
  margin-top: 16px !important;
  padding: 0 !important;
}
.header nav div .user-controls .cart-link a:hover {
  background: transparent !important;
}
.header .dropdown-header {
  top: 64px !important;
}
.header .dropdown-header li a {
  color: #080B17 !important;
}
.header .dropdown-header li a:hover {
  color: #080B17 !important;
  text-decoration: underline !important;
  border: none !important;
}
.header .sidenav {
  padding-top: 32px !important;
}
.header .sidenav a:hover {
  background-color: #FFF3E0 !important;
}
.header .sidenav .active {
  background-color: #FFF3E0 !important;
}

.header-slim {
  height: 64px !important;
  min-height: 64px !important;
  width: 100% !important;
  z-index: 9999 !important;
}
.header-slim nav {
  height: 64px !important;
  min-height: 64px !important;
  background-color: #FFFFFF !important;
}
.header-slim a {
  display: inline-block !important;
}
.header-slim a h3 {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 24px !important;
  font-weight: 600 !important;
}
.header-slim a i {
  display: inline-block !important;
  color: #080B17 !important;
  transform: translateY(4px) !important;
}

.header-tenant-btn {
  transform: translate(26px, 32px) !important;
}

.header-logo-xpertme {
  transform: translate(8px, -4px) !important;
}

.hr-tent {
  border-top: 1px solid rgba(160, 160, 160, 0.2) !important;
}

.cliente-font {
  font-size: 12px !important;
  transform: translate(-80px, 0px) !important;
}

.cliente-font2 {
  font-size: 12px !important;
  transform: translate(-80px, 0px) !important;
}

.inmg-brand {
  block-size: auto !important;
  aspect-ratio: 3/1 !important;
  object-position: top center !important;
}

.text-center-help1 {
  font-size: 24px !important;
  font-weight: 400 !important;
}

.drop-helpus {
  overflow: hidden !important;
  width: fit-content !important;
  height: fit-content !important;
  line-height: 20px !important;
}
.drop-helpus .div-content-sus {
  display: flex !important;
}
.drop-helpus .s22h1 {
  width: 11% !important;
  display: initial !important;
  text-align: left !important;
}
.drop-helpus .s22h2 {
  width: 89% !important;
  text-align: left !important;
}
.drop-helpus .content-helpsss {
  padding-left: 16px !important;
}
.drop-helpus .content-helpsss p {
  margin: 0px !important;
  padding: 0px !important;
}

.p-title-help {
  font-size: 14px !important;
  font-weight: 700 !important;
}

.p-only-text {
  font-size: 14px !important;
  width: 320px !important;
}

.lock-section {
  transform: translate(15px, 7px) !important;
  font-size: 16px !important;
}

.toastr-color-pay {
  background-color: #81838F !important;
}

.toast-messagelong h4 {
  font-size: 20px !important;
  font-weight: 700 !important;
}
.toast-messagelong p {
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.25px !important;
}

.ss-img-role {
  height: 74px !important;
  width: auto !important;
  transform: translate(-96px, 0px) !important;
  display: flex !important;
  float: left !important;
}

.sss-te2 {
  margin-top: 8px !important;
  max-width: 625px !important;
  min-width: 213px !important;
}
.sss-te2 p {
  line-height: 20px !important;
}
.sss-te2 .first-text {
  font-weight: 600 !important;
  font-size: 14px !important;
}
.sss-te2 .second-text {
  font-size: 12px !important;
  font-weight: 300 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.sss-te3 {
  margin-top: 8px !important;
  max-width: 138px !important;
  min-width: 6px !important;
}
.sss-te3 p {
  line-height: 20px !important;
}
.sss-te3 .first-text {
  font-weight: 600 !important;
  font-size: 14px !important;
}
.sss-te3 .second-text {
  font-size: 12px !important;
  font-weight: 300 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.sss-te4 {
  margin-top: 8px !important;
  max-width: 140px !important;
  min-width: 6px !important;
}
.sss-te4 p {
  line-height: 20px !important;
}
.sss-te4 .first-text {
  font-weight: 600 !important;
  font-size: 14px !important;
}
.sss-te4 .second-text {
  font-size: 12px !important;
  font-weight: 300 !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

.content-derp-s12 {
  min-width: 640px !important;
}

.side-bar-content {
  margin-top: 95px !important;
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.side-bar-content h4 {
  color: #080B17 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.side-bar-content .sidenav-close {
  display: flex !important;
  justify-content: end !important;
  text-decoration: none !important;
}
.side-bar-content .p-text-02-mail {
  font-size: 16px !important;
  color: #080B17 !important;
  font-weight: 400 !important;
}
.side-bar-content img {
  margin-bottom: 16px !important;
  width: 50% !important;
}
.side-bar-content .btn-high {
  width: 100% !important;
}
.side-bar-content .divider-sidebar-xl {
  color: #e1e1e1 !important;
  margin-top: 24px !important;
  margin-bottom: 10px !important;
  height: 1px !important;
  overflow: hidden !important;
  background-color: #e0e0e0 !important;
}

.sidenav li > a:hover {
  background-color: transparent !important;
  color: #FF9800 !important;
}

.header nav div .user-controls .cart-link a i {
  margin: 8px !important;
  padding: 0 !important;
}

.nav-only {
  height: 64px !important;
  background-color: #fff !important;
}
.nav-only .nav-only-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 0 16px;
}
.nav-only .left-logo-container,
.nav-only .right-logo-container {
  display: flex;
  align-items: center;
}
.nav-only .xpertcad-logo .logo-left {
  max-height: 40px;
  height: auto;
  width: auto;
}
.nav-only .logo-right .logo-avatar {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.sidenav {
  padding-top: 0 !important;
}
.sidenav .brand-container {
  text-align: center;
  height: 64px;
  overflow: hidden;
  padding-top: 16px;
}
.sidenav .brand-container a {
  background-color: #FFFFFF !important;
}
.sidenav .brand-container a:hover, .sidenav .brand-container a:active {
  background-color: #FFFFFF !important;
}
.sidenav .collapsible li {
  min-height: 28px !important;
  line-height: 48px !important;
}
.sidenav .collapsible li .active {
  background-color: #FFFFFF !important;
}
.sidenav .collapsible li:hover {
  background-color: #FFFFFF !important;
  text-decoration: none;
}
.sidenav .collapsible li a {
  text-decoration: none;
  line-height: 28px !important;
  color: #FF9800 !important;
  padding-left: 16px !important;
}
.sidenav .collapsible li .overline {
  padding-left: 16px !important;
}
.sidenav .collapsible .collapsible-header {
  border-bottom: 1px solid #C8CAD7 !important;
  margin-top: -1px;
  border-top: 1px solid #C8CAD7 !important;
}
.sidenav .collapsible .collapsible-header:hover, .sidenav .collapsible .collapsible-header:active {
  background-color: #FFFFFF !important;
}
.sidenav .collapsible .collapsible-body ul {
  padding: 8 0px;
}
.sidenav .collapsible .collapsible-body ul a,
.sidenav .collapsible .collapsible-body ul li {
  text-decoration: none !important;
  line-height: 24px !important;
  height: 32px !important;
}
.sidenav .collapsible .collapsible-body ul a:hover,
.sidenav .collapsible .collapsible-body ul li:hover {
  text-decoration: none !important;
}
.sidenav .collapsible .collapsible-body ul a {
  padding-left: 24px !important;
}
.sidenav .collapsible .collapsible-body ul .active {
  text-decoration: none;
  line-height: 28px !important;
  color: #FF9800 !important;
  font-weight: bolder !important;
  background-color: #FFFFFF !important;
}
.sidenav .collapsible .collapsible-body ul .active {
  color: #FF9800;
  font-weight: 400;
}

.searchbar-header nav {
  background-color: #FFFFFF !important;
}
.searchbar-header nav input {
  width: 100% !important;
  color: #080B17 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 48px !important;
  border: 0px solid !important;
  border-color: inherit !important;
  font-size: 16px;
  border-radius: 0px !important;
}
.searchbar-header nav label {
  position: absolute !important;
}
.searchbar-header nav label i {
  color: #080B17 !important;
}

.buttons {
  float: none;
}
@media (min-width: 600px) {
  .buttons {
    float: right;
  }
}

.table-search {
  max-width: 100%;
  width: 100%;
  height: 36px;
}
.table-search .input-field {
  margin: 8px 0 0 0;
}
.table-search .input-field input {
  height: 36px;
  margin: 0px !important;
  transform: translateY(2px);
  padding-left: 40px !important;
  padding-right: 35px !important;
}
.table-search .input-field .label-icon {
  position: absolute !important;
  transform: translateY(7px) !important;
}
.table-search .input-field .material-icons {
  top: 7px !important;
  font-size: 24px !important;
}

.title-view {
  width: 100%;
  display: block;
  z-index: 998;
  height: 50px;
  background-color: white;
  padding: 0 16px;
  border-bottom: 1px solid #F3F6FF;
}
.title-view .row {
  margin: 0px;
  padding: 0px;
  height: 50px;
}
.title-view .title-container {
  width: 100%;
  padding-top: 4px;
  height: 50px;
}
.title-view .title-container .title-h1 {
  min-width: auto;
  display: inline-block;
  width: 40%;
}
@media (min-width: 600px) {
  .title-view .title-container .title-h1 {
    width: 30%;
  }
}
@media (min-width: 762px) {
  .title-view .title-container .title-h1 {
    width: 35%;
  }
}
@media (min-width: 990px) {
  .title-view .title-container .title-h1 {
    width: 35%;
  }
}
@media (min-width: 1200px) {
  .title-view .title-container .title-h1 {
    width: 45%;
  }
}
@media (min-width: 1300px) {
  .title-view .title-container .title-h1 {
    width: 45%;
  }
}
.title-view .title-container .title-h1 h1 {
  margin: 10px 0 0 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.title-view .title-container .title-actions {
  float: right;
}
.title-view .title-container .title-actions .buttons {
  float: none;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .buttons {
    float: right;
  }
}
.title-view .title-container .title-actions .table-search {
  max-width: 100%;
  width: auto;
  display: inline-block;
  height: 36px;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .table-search {
    max-width: 253px;
    width: auto;
    display: inline-block;
    margin-right: 8px;
  }
}
.title-view .title-container .title-actions .table-search .input-field {
  margin: 0px;
}
.title-view .title-container .title-actions .table-search .input-field input {
  height: 36px;
  margin: 0px !important;
  padding-left: 40px !important;
  padding-right: 25px !important;
  transform: translateY(2px);
}
.title-view .title-container .title-actions .table-search .input-field .label-icon {
  position: absolute !important;
  transform: translateY(7px) !important;
}
.title-view .title-container .title-actions .table-search .input-field .material-icons {
  top: 7px !important;
  font-size: 20px !important;
  transform: translate(10px, 4px);
}
.title-view .title-container .title-actions .action-controls {
  display: inline-block;
  float: right;
  margin-bottom: 0px;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .action-controls {
    float: none;
    margin-bottom: 0px;
  }
}
.title-view .title-container .title-actions .action-controls a {
  width: 60px;
}
@media (min-width: 600px) {
  .title-view .title-container .title-actions .action-controls a {
    width: auto;
    margin: 0;
    margin-right: 8px;
  }
}
.title-view .title-container .title-actions .action-controls a span .badge-status {
  display: inline-block !important;
  float: left !important;
  transform: translate(-4px, 14px) !important;
}
.title-view .title-container .title-actions .action-controls a.active {
  background-color: #FFF3E0 !important;
}
.title-view .title-container .title-actions .action-controls .dropdown-view {
  top: 105px !important;
  width: 320px !important;
  height: auto !important;
  z-index: 9997;
  position: absolute;
  padding: 16px 8px !important;
}
.title-view .title-container .title-actions .action-controls .dropdown-view .container-switch-view {
  margin-top: 16px;
}
.title-view .title-container .title-actions .action-controls .dropdown-view .container-switch-view div {
  display: inline-block;
}
.title-view .title-container .title-actions .action-controls .dropdown-view .container-switch-view .switch {
  margin-left: 8px;
}
.title-view .title-container .title-actions .dropdown-filter {
  top: 155px !important;
}

.title-card-search {
  font-size: 16px;
  font-weight: 700;
}

.active-card {
  color: #ff9800 !important;
  text-decoration: underline;
}

.divider-div {
  margin-bottom: 16px;
  margin-top: 16px;
}

.tabs-vertical .tabs {
  height: auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: flex;
}
.tabs-vertical .tab a {
  text-align: left;
}
.tabs-vertical .tab .active {
  -moz-transition: border-color 0.5s ease;
  -o-transition: border-color 0.5s ease;
  -webkit-transition: border-color 0.5s ease;
  transition: border-color 0.5s ease;
  border-bottom: 3px solid #FF9800;
}
.tabs-vertical .tab \:hover {
  border-bottom: 3px solid #FF9800;
}
.tabs-vertical .indicator {
  display: none;
}
.tabs-vertical .tab-content {
  display: block;
  /*  make tab content scrollable , by define height, then overflow: auto */
  height: auto;
  overflow: auto;
  overflow-y: auto;
  overflow-x: auto;
  /*  make tab content scrollable */
}
.tabs-vertical > .tab-content .active {
  display: block;
}

.space-activities {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.space-activities .activity-card {
  margin: 0;
}
.space-activities .activity-card .card-stacked {
  overflow: hidden;
}
.space-activities .activity-card .card-stacked .card-sides .card-left {
  width: 55%;
  display: inline-block;
  float: left;
}
.space-activities .activity-card .card-stacked .card-sides .card-left .card-content {
  padding: 24px;
}
.space-activities .activity-card .card-stacked .card-sides .card-left .card-content h4 {
  margin: 0;
}
.space-activities .activity-card .card-stacked .card-sides .card-left .card-action {
  border: 0px solid red;
  padding: 0px 8px;
  min-height: inherit;
  margin-bottom: 8px;
}
.space-activities .activity-card .card-stacked .card-sides .card-right {
  width: 45%;
  display: inline-block;
}
.space-activities .activity-card .card-stacked .card-sides .card-right .card-content {
  padding: 8px;
}

.collapsible li {
  list-style-type: none !important;
  text-decoration: none !important;
}
.collapsible li .collapsible-header {
  justify-content: space-between;
}
.collapsible li .collapsible-header p {
  margin: 0;
}
.collapsible .active .collapsible-header i {
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}
.collapsible .active .collapsible-header .dont-rotate {
  transform: rotate(0deg);
  transform: none !important;
}

.space-content {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.progres-heigh {
  height: 700px !important;
}

.textimg {
  margin-top: 0px !important;
}

.audio-player .player-controls progress {
  width: 90%;
}
.audio-player .player-controls progress[value] {
  -webkit-appearance: none;
  appearance: none;
  background-color: white;
  border-radius: 10px;
  height: 10px;
}
.audio-player .player-controls progress[value]::-webkit-progress-bar {
  background-color: rgb(201, 204, 250);
  border-radius: 2px;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
}
.audio-player .player-controls progress::-webkit-progress-value {
  background-color: #01579B;
}
.audio-player .player-controls p {
  font-size: 2.6rem;
}

.play-btn {
  background-image: url("https://i.ibb.co/Xbh7rj1/outline-play-circle-white-24dp.png");
  background-size: cover;
  width: 32px;
  height: 32px;
  padding: 20px;
  margin-left: 10px;
  border-radius: 5px;
  transform: translate(-7px, 13px);
}
.play-btn.pause {
  background-image: url("https://i.ibb.co/pwjrWCt/outline-pause-white-24dp.png");
}

.indicatormusicstart {
  float: left;
  position: relative;
  left: 0px;
}

.indicatormusicend {
  float: right;
  position: relative;
  right: 71px;
}

.text-audio {
  margin-left: 20px;
}

.card-audio {
  padding: 5px !important;
}

.col-no-padding {
  padding-left: 0px !important;
}

.font-time {
  font-size: 16px;
  font-weight: 500;
}

.color-div {
  background-color: #C8CAD7;
  padding: 5px;
}

.space-24dp {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.progress-p {
  padding: 16px !important;
  background-color: #f3f6ff !important;
}

.subtitle1 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #484A55;
}

.subtitle2 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1px;
  color: #2A2D37;
}

.consumo-content {
  border-left: 1px solid #E9EBF9;
  border-right: 1px solid #E9EBF9;
  padding-left: 16px;
}
.consumo-content .content-consumo .live-session .tables .table-title {
  width: auto;
}
.consumo-content .content-consumo .live-session .activities-header-block {
  padding: 8px 0;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header {
  width: 100%;
  height: 20vh;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-image {
  background-image: url("../../assets/images/subject/banner.jpeg");
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-image .activities-cover {
  background-color: rgba(31, 31, 30, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-image .activities-cover .cover-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-image .activities-cover .cover-title h4 {
  color: #FFFFFF;
  font-weight: 400;
  margin: 0;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-no-image {
  background-color: #A2A5B1 !important;
  background-image: none !important;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-no-image .subject-cover {
  background-color: transparent;
}
.consumo-content .content-consumo .live-session .activities-header-block .activities-header .activities-no-image .subject-cover .cover-title h4 {
  color: #FFFFFF;
}
.consumo-content .content-consumo .row .items-space {
  height: 180px;
  display: block;
}
.consumo-content .content-consumo .card .card-action .card-actions-container {
  float: right;
  transform: translateY(6px);
}
.consumo-content .content-consumo .card .card-action .card-actions-container a {
  margin-right: 0 !important;
  margin-left: 24px !important;
}
.consumo-content .modal-resume-quiz .note {
  margin-top: 24px;
}
.consumo-content .modal-resume-quiz h4 {
  margin-top: 24px;
}
.consumo-content .modal-resume-quiz .quiz-results {
  margin-bottom: 0;
}
.consumo-content .modal-resume-quiz .tables {
  padding: 0;
  margin: 0;
}

.p-list {
  padding: 16px !important;
}

.iconmidaf {
  height: 350px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.pag-pre {
  display: block;
}

.pag-trans {
  transform: translateX(-45px);
}

.rate-star .div-cal {
  background-color: transparent;
}
.rate-star .div-cal .stars .active,
.rate-star .div-cal .stars .active ~ li,
.rate-star .div-cal .stars :hover,
.rate-star .div-cal .stars :hover ~ li {
  color: #FB8C00;
}
.rate-star .pag-pre {
  display: flex;
  justify-content: space-between;
}
.rate-star .pag-pre p {
  flex: 1;
  padding-top: 24px;
}
.rate-star .pag-pre .paginator {
  flex: 1;
}
.rate-star .pag-pre .pag-trans {
  transform: none;
}
.rate-star .pag-pre .pag-trans .pagination {
  text-align: right;
}

.modal-content .rate-and-text .stars .active,
.modal-content .rate-and-text .stars .active ~ li,
.modal-content .rate-and-text .stars :hover,
.modal-content .rate-and-text .stars :hover ~ li {
  color: #FB8C00;
}

.div-info {
  padding: 8px;
  border-radius: 5px;
  display: inline-block;
  margin-top: 8px;
  margin-bottom: 8px;
}

.btn-fin {
  display: flex;
}

.current-color {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #000;
  cursor: pointer;
}

.carousel-normal {
  width: 600px !important;
  height: auto !important;
}

.sentence-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 0px;
}
@media (min-width: 600px) {
  .sentence-container {
    padding-left: 16px;
  }
}

.sentence-construction {
  margin-bottom: 80px;
}
.sentence-construction .card {
  border-radius: 5px;
  padding: 16px 0;
}
.sentence-construction .card .card-content {
  padding: 8px;
}
.sentence-construction .card .card-content h5 {
  margin: 0;
}
.sentence-construction .card .card-content .notes-container {
  margin: 24px 0 0 0;
}
.sentence-construction .card .card-content .oportunities-container {
  margin: 24px 0 0 0;
}
.sentence-construction .card .card-content .chips-container {
  margin: 24px 0 0 0;
}
.sentence-construction .card .card-content .sentence-list {
  margin: 24px 0 0 0;
  overflow: hidden;
}
.sentence-construction .card .card-content .sentence-list li {
  margin: 16px 0;
}
.sentence-construction .card .card-content .sentence-list li .sentence-number {
  border: 2px solid #484A55;
  text-indent: -99999999px;
  height: 20px;
  width: 20px;
  padding: 1px 6px;
  line-height: 0px;
  margin-right: 8px;
  border-radius: 100%;
}
.sentence-construction .card .card-content .sentence-list li .checked {
  text-indent: 0px;
  color: #FFFFFF;
  background-color: #29B6F6 !important;
  border: 2px solid #29B6F6 !important;
}
.sentence-construction .card .card-content .sentence-list li .success {
  text-indent: 0px;
  background-color: #D1E7DD;
  color: #0F5132;
  border: 2px solid #D1E7DD !important;
  padding: 3px 0px 0px 3px;
}
.sentence-construction .card .card-content .sentence-list li .success i {
  font-size: 15px;
  line-height: 0;
}
.sentence-construction .card .card-content .actions-container {
  margin: 24px 0 0 0;
}

.child-elementedit {
  display: none;
  position: fixed;
  right: calc(19% - 100px);
  top: calc(50% - 100px);
  width: 3%;
}

.card-element {
  display: inline-block;
  padding: 8px !important;
}

.alignment-options i {
  float: right !important;
}

.padding-iconedit {
  padding-left: 4px;
  padding-right: 4px;
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .child-elementedit {
    display: none;
    position: fixed;
    right: calc(15% - 100px);
    top: calc(50% - 100px);
    width: 1%;
  }
}
.divider-title {
  height: 10%;
  padding: 8px;
  border-radius: 5px;
}

.divide-text {
  margin: 16px;
}

.btn-leftconfig {
  margin-right: 8px;
}

.cal-text {
  margin-top: 5px;
  margin-bottom: 0px;
}

.no-margintb {
  margin-top: 0px;
  margin-bottom: 0px;
}

.space-exam {
  margin-top: 16px;
  margin-bottom: 16px;
}

.titlte-exam {
  display: flex;
}

.text-tieme {
  margin-top: 8px;
  margin-bottom: 0px;
  padding-left: 16px;
}

.space-uploadimage {
  margin-bottom: 0px;
}

.file-btn {
  margin-left: 8px;
  margin-right: 8px;
}

.input-flex {
  display: flex;
}

.input-flex-child {
  margin-right: 8px !important;
  padding: 18px !important;
}

.space-cardplan {
  padding-bottom: 8px !important;
  min-height: 170px;
}

.space-cardplan2 {
  padding-bottom: 8px !important;
  min-height: 90px;
}

.space-action-plan {
  padding-top: 0px !important;
}

.space-input {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.space-input2 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.input-nomargin {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.drag-item {
  padding: 0 0 6px 0;
  border: 1px dashed #03A9F4;
  color: #03A9F4 !important;
  font-size: 12px;
  border-radius: 5px;
}
.drag-item label {
  color: #03A9F4 !important;
}
.drag-item label i {
  padding-right: 4px;
  transform: translate(-4px, 7px);
}

.empty-subject {
  margin-top: 20px;
  padding: 10PX 0 16px 0;
  font-size: 12px;
  border-radius: 5px;
  display: block !important;
}
.empty-subject label i {
  padding-right: 4px;
  transform: translate(-4px, 7px);
}

.no-margin-top {
  margin-top: 0px !important;
}

.no-margin-bottom {
  margin-bottom: 0px !important;
}

.btn-form-config {
  float: right;
  position: relative;
  bottom: 3.5rem;
  left: 9rem;
}

.btn-form-config-quill {
  float: right;
  position: relative;
  bottom: 5.5rem;
  left: 9rem;
}

.fixed-block {
  position: absolute;
  transform: translateX(-10px);
  width: -webkit-fill-available;
  margin-right: 1em;
}
.fixed-block .card-panel {
  padding: 8px 0px 0px 8px;
}
.fixed-block .card-panel .card-header-title {
  padding-right: 8px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid #E9EBF9;
  height: auto;
  overflow: hidden;
}
.fixed-block .card-panel .card-header-title h4 {
  margin: 4px 0px;
}
.fixed-block .card-panel .card-header-title i {
  transform: translate(-7px, 7px);
}
.fixed-block .card-panel .card-content-charts-overflow-y {
  overflow-y: scroll;
  max-height: 45vh;
  overflow-x: hidden;
  padding-right: 8px !important;
}
.fixed-block .card-content-overflow-y {
  overflow-y: scroll;
  max-height: 38vh;
  overflow-x: hidden;
  padding-right: 16px !important;
}

.fixed-block2 {
  position: absolute;
  width: 40%;
  transform: translateY(-51px);
}

.right-btn {
  left: 370px;
}

.div-calificaciones {
  background: #FF9800;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 24px;
  border-radius: 5px;
}

.margin-col-edit {
  margin: 4px !important;
}

.input-child-s4 {
  width: 40% !important;
}

.p-text-input {
  margin-top: 32px;
  margin-bottom: 32px;
  margin-left: 8px;
}

.heigh-input-quiz {
  height: 70px;
}

.no-margin-input-selecto {
  margin-top: -10px !important;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-gap: 8px;
  background-color: #ffcc80;
  padding: 10px;
  border-radius: 5px;
}
.grid-container > div {
  background-color: #fffdf9;
  text-align: center;
  border-radius: 5px;
}

.item-text-low {
  grid-column-end: span 1;
}

.item-text-medium {
  grid-column-end: span 2;
}

.item-text-long {
  grid-column-end: span 3;
}

.item-text-complete {
  grid-column-end: span 4;
}

.item-select-input {
  grid-column-end: span 1;
}

.space-action {
  padding-top: 8px;
}

.action-bottom {
  bottom: 5px !important;
  transform: translateY(5px);
}

.btn-more-vert {
  transform: translateY(5px);
  right: 0px !important;
}

.padding-no-collapsible {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.padding-container-no-collapsible {
  padding: 8px !important;
}

.select-buttons {
  display: flex;
  grid-column: 2;
}

.input-column {
  flex-grow: 1;
}

.input-column2 {
  flex-grow: 1;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.buttons-flex-column {
  transform: translateY(60px);
  padding-left: 20px;
}

.buttons-flex-column2 {
  transform: translateY(60px);
  padding-left: 20px;
  margin-top: 0px !important;
}

.buttons-flex-file-upload {
  transform: translateY(60px);
  padding-left: 20px;
}

.buttons-flex-file-upload2 {
  transform: translateY(160px);
  padding-left: 20px;
  display: flex;
}

.no-padding-right {
  padding-right: 0px !important;
}

.content-labs {
  display: flex;
}
.content-labs .labsv-landing-container {
  width: auto;
  margin: 0 auto;
}
.content-labs .labsv-landing-container canvas {
  width: 853px;
  height: 479.8125px;
}
.content-labs .labsv-landing-container .labsv-landing {
  width: 853px;
  height: 479.8125px;
}

.tags-vista-plan {
  display: inline;
  width: auto;
  margin: 15px;
}

.box-chart {
  display: block;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  text-align: center;
}
.box-chart .gauge-container .gauge {
  margin: 24px auto 0 auto;
}
.box-chart .gauge-container .gauge .percentage {
  background-color: #F3F6FF;
}
.box-chart .gauge-container .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.box-chart .gauge-container .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.box-chart .gauge-container .gauge-chart-3 {
  background-color: #0277BD !important;
}

.verified-activity {
  color: #4CAF50;
}

.unread-activity {
  color: #664D03;
}

.showchips {
  height: auto;
}

.chipsshowing {
  display: none;
}

.card-pading {
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 15px;
}

.active-rol {
  color: #FF9800;
}

.rol-docente {
  background-color: #FF9800;
  color: #FFFFFF;
}

.white-text-rol {
  color: #FFFFFF !important;
}

.lista-vertical {
  overflow: hidden;
}

.lista-horizontal {
  overflow: hidden;
}
.lista-horizontal .card .card-action {
  overflow: hidden;
}

.content-consumo {
  width: 60%;
  margin: 0 auto;
}
.content-consumo .items-space {
  height: 180px;
  display: block;
}

@media (max-width: 1366px) {
  .content-consumo {
    width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .content-consumo {
    width: 90%;
    margin: 0 auto;
  }
}
.content-consumo2 {
  width: 70%;
  margin: 0 auto;
}
.content-consumo2 .items-space {
  height: 180px;
  display: block;
}

@media (max-width: 1366px) {
  .content-consumo2 {
    width: 65%;
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .content-consumo2 {
    width: 75%;
    margin: 0 auto;
  }
}
.content-consumo3 {
  width: 90%;
  margin: 0 auto;
  transform: translateX(1px);
}
.content-consumo3 .items-space {
  height: 180px;
  display: block;
}

@media (max-width: 1366px) {
  .content-consumo3 {
    width: 75%;
    margin: 0 auto;
    transform: translateX(1px);
  }
}
@media (max-width: 900px) {
  .content-consumo3 {
    width: 85%;
    margin: 0 auto;
    transform: translateX(1px);
  }
}
.desc-alt {
  height: 140px;
}

.line-text-h {
  line-height: 40px;
}

.center-consumo-img {
  display: flex;
  justify-content: center;
}

.active-line-1 {
  border-right: 2px solid #FF9800;
  border-left: 2px solid #FF9800;
  border-top: 2px solid #FF9800;
}

.active-line-2 {
  border-right: 2px solid #FF9800;
  border-left: 2px solid #FF9800;
}

.active-line-3 {
  border-right: 2px solid #FF9800;
  border-left: 2px solid #FF9800;
  border-bottom: 2px solid #FF9800;
}

.card-chart-contaienr {
  padding: 0 16px;
  display: flex;
  height: 100%;
}
.card-chart-contaienr .gauge-container {
  flex: 1;
}
.card-chart-contaienr .gauge-container .gauge {
  margin: 0 auto;
}
.card-chart-contaienr .gauge-container .percentage {
  background-color: #F3F6FF;
}
.card-chart-contaienr .gauge-chart-1 {
  background-color: #81D4FA !important;
}
.card-chart-contaienr .gauge-chart-2 {
  background-color: #039BE5 !important;
}
.card-chart-contaienr .gauge-chart-3 {
  background-color: #0277BD !important;
}
.card-chart-contaienr .card-chart-text {
  flex: 2;
}

.transformed {
  transform: rotate(45deg);
}

.name-sec123 {
  display: flex !important;
  justify-content: space-between !important;
}

.counter-quill {
  float: right;
  font-size: 12px;
}

.text-noFound {
  transform: translateY(-207px);
}

.character-counter {
  font-size: 12px !important;
  position: revert !important;
  float: none !important;
  justify-content: flex-end !important;
  display: flex !important;
}

.center-element-get-started {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 25vh;
}

.tutorial-steps-1 {
  background-color: #CFF4FC !important;
  color: #055160 !important;
}

.ol-1 {
  max-width: 350px;
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
.ol-1 .li-1 {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
.ol-1 .li-1::before {
  content: counter(my-awesome-counter);
  color: #055160;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  left: calc(-1 * 32px - 10px);
  line-height: 32px;
  width: 32px;
  height: 32px;
  top: 0;
  background: #CFF4FC;
  border-radius: 50%;
  text-align: center;
}

.title-p-sbs {
  font-size: 15px !important;
  font-weight: 800 !important;
}

.hr-color {
  border-color: #DCDCDC !important;
}

.ol-1-a {
  max-width: 350px;
  padding-left: 40px;
}
.ol-1-a .li-1-a {
  margin: 0 0 0.5rem 0;
  position: relative;
  list-style: none;
}
.ol-1-a .li-1-a::before {
  content: "A";
  color: #055160;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  left: calc(-1 * 32px - 10px);
  line-height: 32px;
  width: 32px;
  height: 32px;
  top: 0;
  background: #CFF4FC;
  border-radius: 50%;
  text-align: center;
}

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

.md-64 {
  font-size: 64px !important;
}

.no-dives {
  transform: translate(-90px, 16px);
  position: absolute;
}

.img-tenat {
  transform: translateY(-45px) !important;
  width: 85% !important;
}

.spinner-layer {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-color: #FF9800 !important;
}

.content-cards-full {
  display: contents;
}

.lock-plan {
  transform: translateY(25px);
}

.deep-icon {
  transform: translateY(3px);
}

.badge-active {
  border-radius: 8px !important;
  min-width: 6rem !important;
  color: #0F5132 !important;
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border: 0px solid #0F5132 !important;
  background-color: #D1E7DD !important;
}

.badge-inactivo {
  border-radius: 8px !important;
  min-width: 6rem !important;
  color: #A2A5B1 !important;
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background-color: #F3F6FF !important;
}

.badge-suspendido {
  border-radius: 16px !important;
  min-width: 18rem !important;
  font-size: 14px !important;
  width: fit-content;
  font-weight: 900 !important;
  color: #7A4F01 !important;
  display: flex;
  margin-top: 4px;
  align-items: center;
  justify-content: center;
  background-color: #FFECB5 !important;
  padding: 1rem 1rem !important;
  text-align: center !important;
  text-transform: uppercase !important;
  gap: 0.5rem;
}

.badge-vencido {
  border-radius: 8px !important;
  min-width: 6rem !important;
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #842029 !important;
  border: 0px solid #842029 !important;
  background-color: #F8D7DA !important;
}

.badge-habilitarse {
  border-radius: 8px !important;
  min-width: 8rem !important;
  margin-left: 0px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #055160 !important;
  border: 0px solid #055160 !important;
  background-color: #CFF4FC !important;
}

.color-card-ayuda-primary {
  background-color: #484A55 !important;
  border-radius: 10px !important;
}

.sourface-ayuda {
  background-color: #F5F5F5 !important;
}

.input-ayuda-color {
  background-color: #ffffff !important;
}

.input-ayuda-color-2 {
  background-color: #F5F5F5 !important;
}

.title-temas {
  transform: translate(10px, 10px);
}

.title-card-atc {
  display: flex;
  justify-content: start;
  height: 40px;
}
.title-card-atc p {
  padding-left: 8px;
  font-size: 16px;
  font-weight: 700;
  transform: translateY(-12px);
}

.title-card-atc-12 {
  display: flex;
  justify-content: start;
  height: 32px;
}
.title-card-atc-12 p {
  padding-left: 8px;
  font-size: 14px;
  font-weight: 400;
  transform: translateY(-12px);
}

.text-final-ayuda {
  display: flex;
  justify-content: space-between;
}
.text-final-ayuda h4 {
  width: 800px;
}
.text-final-ayuda a {
  transform: translateY(32px);
}

.text-title-ayuda {
  display: flex;
  justify-content: space-between;
}
.text-title-ayuda a i {
  transform: translateY(24px);
}

.Update-rate {
  font-size: 14px;
  font-weight: 400;
  color: #81838F;
}

.subtitle3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.link-sn {
  display: flex;
}
.link-sn a {
  margin: 16px;
}

.header-title-sidebar-rught {
  display: flex;
  justify-content: space-between;
}
.header-title-sidebar-rught .dir-22 {
  display: flex;
}
.header-title-sidebar-rught .dir-22 p {
  font-size: 16px;
  font-weight: 700;
  transform: translateY(-14px);
  padding-left: 8px;
  color: #81838F;
}
.header-title-sidebar-rught .dir-22 a {
  transform: translateY(-5px);
  color: #81838F;
}
.header-title-sidebar-rught .dir-22 i {
  color: #81838F;
}

.ul-options li {
  padding-bottom: 24px;
  padding-top: 8px;
}
.ul-options li a {
  color: #81838F !important;
}

.btn-add-user {
  transform: translate(0px, 42px);
  z-index: 999;
  position: relative;
}

.note-down {
  transform: translateY(27px);
}

.usermenu-email1 {
  width: 400px;
}

.usermenu-info1 {
  width: auto;
}

.usermenu-name1 {
  width: 400px;
}

.img-tenant {
  width: 100%;
  object-fit: contain;
  border-radius: 4px;
  block-size: auto;
  padding: 32px;
  aspect-ratio: 2/1;
  object-position: center;
}

.space-mail-resp {
  width: 250px !important;
}

.img-consumo-catalogo {
  height: 250px;
  object-fit: cover;
  width: inherit;
  border-radius: 5px;
  object-position: top center;
}

.control-info {
  display: flex;
  justify-content: center;
}
.control-info span {
  margin: 8px;
}

.active-lec p,
.active-lec i {
  transform: none !important;
  color: #FF9800;
}

.tem-text {
  transform: translate(14px, 10px) !important;
}

.chip-section-center {
  height: 96px;
}

.text-resume-sct1 {
  display: flex;
}
.text-resume-sct1 p {
  transform: translate(10px, -10px);
}

.card-resume-01 {
  padding: 32px !important;
}

.text-resume-sct2 {
  display: flex;
  justify-content: space-between;
}
.text-resume-sct2 .section-1 {
  display: flex;
  width: 87%;
}
.text-resume-sct2 .section-1 .check-warning-2 {
  transform: translate(0px, 14px);
}
.text-resume-sct2 .section-1 p {
  transform: translate(7px, -1px);
}
.text-resume-sct2 .section-2 {
  display: flex;
  align-items: center;
}

.alt-text-space {
  height: 26px;
}

.card-content-temas-cursos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.card-content-temas-cursos .text-p-tems-cursos {
  display: flex;
}
.card-content-temas-cursos .text-p-tems-cursos p {
  color: #080B17;
  font-size: 18px;
  font-family: Lato;
  font-weight: 700;
  word-wrap: break-word;
}
.card-content-temas-cursos .icons {
  font-size: 24px;
}
.card-content-temas-cursos .icons span {
  margin-left: 8px;
}

.chip-center-align {
  display: flex;
  justify-content: center;
}

.button-left-displa-flex {
  display: flex;
  justify-content: flex-start;
}

.non-results-container {
  background-color: #FFFFFF;
  width: 100%;
  margin: 0;
  padding: 0 !important;
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.non-results-container .non-results {
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.non-results-container .non-results h5 {
  text-align: center;
  vertical-align: middle;
  color: #A2A5B1 !important;
  margin-top: 40vh;
}

.slim-card-table .slim-card-table-header {
  margin-bottom: 0px;
  line-height: 1;
}
.slim-card-table .slim-cards-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.slim-card-table .slim-cards-container .card {
  padding: 16px;
  flex: 1;
  height: auto;
  max-height: 120px;
  height: auto;
  overflow: hidden;
  margin-right: 20px;
}
.slim-card-table .slim-cards-container .card .progress-label-conatiner {
  height: 60px;
}
.slim-card-table .slim-cards-container .card.last-card {
  margin-right: 0px !important;
}

.accounts-login {
  overflow: hidden;
  height: 100%;
}
@media (max-width: 600px) {
  .accounts-login {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 65px);
  }
}
.accounts-login .login-aside {
  background-color: #FFF3E0;
  overflow: hidden;
  height: 100vh;
  display: block;
  text-align: center;
  padding-top: 56px;
}
.accounts-login .login-aside img {
  margin: 16px 0;
}
.accounts-login .login-aside h1 {
  max-width: 80%;
  font-size: 24px !important;
  margin: 0 auto 40px auto;
}
.accounts-login .login-register {
  background-color: #FFFFFF;
  overflow: hidden;
  height: 100vh;
  display: block;
}
.accounts-login .login-register .login-links {
  margin-top: 24px;
  float: right;
}
.accounts-login .login-register .login-links a {
  margin: 0 16px 0 0;
}
.accounts-login .login-register .login-form {
  height: 60vh;
  margin: 20% 0;
}
@media (max-width: 600px) {
  .accounts-login .login-register .login-form {
    margin: 0 !important;
    height: 100% !important;
  }
}
@media (max-width: 600px) {
  .accounts-login .login-register .login-form .form-buttons {
    text-align: center;
  }
}
.accounts-login .login-register .login-form .form-buttons .link {
  margin: 6px 0 0 20px;
}
@media (max-width: 600px) {
  .accounts-login .login-register .login-form .form-buttons .link {
    margin: 16px auto 0 auto !important;
    display: block;
  }
}
.accounts-login .login-register .login-form .login-links {
  width: 100%;
  margin: 0 0 16px 0;
  display: block;
}
.accounts-login .login-register .login-form h1 {
  display: block;
}
@media (max-width: 600px) {
  .accounts-login .login-register .login-form h1 {
    margin: 0 0 16px 0 !important;
  }
}
.accounts-login .login-register .singup-form {
  margin: 10% 0;
}
.accounts-login .modal-content ol {
  font-size: 12px;
  font-weight: 400;
  color: #A2A5B1 !important;
}
@media (min-width: 1200px) {
  .accounts-login .modal-content ol {
    font-size: 16px;
  }
}
.accounts-login .modal-content ol li {
  text-decoration: none !important;
  color: #080B17 !important;
}

.psw-recovery {
  overflow: hidden;
  height: 100%;
}
.psw-recovery .psw-aside {
  background-color: #FFF3E0;
  overflow: hidden;
  height: 100vh;
  display: block;
  text-align: center;
  padding-top: 56px;
}
.psw-recovery .psw-aside img {
  margin: 16px 0;
}
.psw-recovery .psw-aside h1 {
  max-width: 80%;
  font-size: 24px !important;
  margin: 0 auto 40px auto;
}
.psw-recovery .psw-register {
  background-color: #FFFFFF;
  overflow: hidden;
  height: 100vh;
  display: block;
}
.psw-recovery .psw-register .psw-links {
  margin-top: 24px;
  float: right;
}
.psw-recovery .psw-register .psw-links a {
  margin: 0 16px 0 0;
}
.psw-recovery .psw-register .psw-form {
  height: 60vh;
  margin: 20% 0;
}
@media (max-width: 600px) {
  .psw-recovery .psw-register .psw-form {
    margin: 0 !important;
    height: 100% !important;
  }
}
@media (max-width: 600px) {
  .psw-recovery .psw-register .psw-form .form-buttons {
    text-align: center;
  }
}
.psw-recovery .psw-register .psw-form .form-buttons .link {
  margin: 6px 0 0 20px;
}
@media (max-width: 600px) {
  .psw-recovery .psw-register .psw-form .form-buttons .link {
    margin: 16px auto 0 auto !important;
    display: block;
  }
}
.psw-recovery .psw-register .psw-form .psw-links {
  width: 100%;
  margin: 0 0 16px 0;
  display: block;
}
.psw-recovery .psw-register .psw-form h1 {
  display: block;
}
@media (max-width: 600px) {
  .psw-recovery .psw-register .psw-form h1 {
    /* Aquí van las declaraciones */
  }
}

.accounts-form {
  padding-left: 16px;
}
.accounts-form .avatar-upload {
  height: 120px;
  width: auto;
  background-color: #F5F5F5;
}
.accounts-form .avatar-upload .avatar-container {
  width: 56px;
  display: block;
  overflow: hidden;
  margin: 16px auto;
}
.accounts-form .avatar-upload .avatar-container .avatar {
  width: 56px;
  margin: 16px auto 0 auto !important;
}
.accounts-form .form-buttons .link-low {
  margin-top: 32px;
  display: block;
  text-align: center !important;
}
.accounts-form .modal-content .modal-avatar {
  padding: 16px 0 !important;
  padding-bottom: 95px !important;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-header h4 {
  color: #484A55;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body {
  padding: 8px;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar {
  padding: 16px 0 !important;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar label {
  margin-top: 16px;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar ul li {
  float: left;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 24px;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar ul li .avatar {
  margin: 0 !important;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .choose-avatar ul li.selected {
  height: 64px;
  width: 64px;
  border: 4px solid #ff9800;
}
.accounts-form .modal-content .modal-avatar .modal-avatar-body .input-field {
  margin: 16px 0;
}
.accounts-form .modal-footer {
  height: auto !important;
  padding: 0 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
}

.password-form-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.password-form-container .form-buttons .link-low {
  margin-top: 32px;
  display: block;
  text-align: center !important;
}
@media (min-width: 600px) {
  .password-form-container .form-buttons .link-low {
    margin-top: 0px;
    margin-left: 32px;
    display: inline-block !important;
    text-align: left !important;
  }
}

.text-underline {
  text-decoration: underline;
}

.margin-btn-modal {
  margin-right: 24px;
}

.merge-23 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.center-align-lottie {
  display: flex !important;
  justify-content: center !important;
  width: 100%;
  height: 50%;
  position: relative;
}

.card-view-initial {
  display: flex;
  justify-content: space-between;
}

.padd-assets-container {
  padding-left: 48px;
}

.swtich-2text {
  transform: translateX(5px);
}

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

.fullscreen-asset {
  transform: translate(-2px, -31px);
}

.disp-fe {
  display: flex;
}
.disp-fe p {
  transform: translate(10px, -13px);
}

.disp-fe-bet {
  justify-content: space-between;
}

.move-test {
  transform: translate(-7px, 2px);
}

.md-mini {
  font-size: 16px;
  transform: translate(1px, 3px);
}

.card-hei-asset-det {
  height: 136px !important;
}

.select-icon-down {
  transform: translate(-9px, -2px) !important;
  font-size: 17px;
  font-weight: 700;
  color: #444444;
}

.dropow-content-icons {
  width: calc(41% - 30px) !important;
}

.sub-1 {
  font-size: 16px;
  font-weight: 400;
}

.space-card-user {
  display: flex;
  justify-content: space-between;
}

.j23-24 {
  transform: translate(8px, 12px);
}

.alt-card-user {
  height: 40px;
}

.sub-profile {
  font-size: 18px;
  font-weight: 700;
}

.stylenick {
  font-style: italic;
}

.card-alt-avatar {
  height: 372px;
}

.disabled-scts .alt-card-user p {
  color: #C0C0C0 !important;
}
.disabled-scts .space-card-user h4 {
  color: #C0C0C0 !important;
}
.disabled-scts .space-card-user .alliance-note-bullet .note-indicator {
  background-color: #C0C0C0 !important;
  color: #FFFFFF !important;
}

.chec-table {
  transform: translate(10px, 10px);
}

.icon-tabla-asas {
  transform: translate(109px, 0px) !important;
}

.js543 {
  transform: translate(56px, 1px) !important;
}

.size-card-cer {
  height: 130px;
}

.disabled-cer .subheader-right .alliance-note-bullet {
  pointer-events: none;
}
.disabled-cer .subheader-right .alliance-note-bullet .note-indicator {
  background-color: #C0C0C0;
  color: #fff;
}
.disabled-cer .subheader-right .alliance-note-bullet .note-info label b {
  color: #C0C0C0;
}
.disabled-cer .subheader-right .alliance-note-bullet .note-info p {
  color: #C0C0C0;
}

.sect-setde {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.cf32 {
  height: 400px !important;
}

.cf33 {
  height: 315px !important;
  width: 199px !important;
}

.c453 {
  margin-bottom: 16px !important;
  margin-top: 0px !important;
  width: 100%;
}

.disp-etr {
  transform: translate(-10px, 10px) !important;
}

.md-space-ico {
  margin-bottom: 16px !important;
}

.icon-ast-space {
  transform: translate(16px, 10px);
}

.row-offset-left {
  transform: translate(-13px, -8px);
}

.full-btn {
  width: 100% !important;
  margin-top: 16px !important;
}

.card-catlg {
  padding: 24px !important;
}
.card-catlg h4 {
  margin-top: 8px !important;
}

.display-flex {
  display: flex;
}

.ul-sidebar-ctg {
  padding-inline-start: 110px !important;
}

.icon-weraning-table {
  transform: translate(3px, 7px);
  color: #842029;
}

.opfsset-content {
  left: 112px !important;
  position: relative !important;
  width: 91% !important;
}

.width-drop {
  width: auto !important;
}

.ranking-move {
  transform: translate(10px, 10px) !important;
}

.trust-cont {
  float: left !important;
}

.icon-social-media {
  transform: translate(-3px, 3px);
}

.icon-social-media-f {
  transform: translate(-3px, 3px);
}

.note-exam {
  margin-left: 8px;
  transform: translate(0px, -17px);
}

.bk-analytics {
  background-color: #fff !important;
}

.stick-sper {
  width: 200px !important;
  height: 77px !important;
}

.section-til-ancs {
  display: flex;
  justify-content: space-between;
}

.p-small-t {
  font-size: 12px !important;
  font-weight: 400 !important;
}

.p-setyt {
  font-size: 18px !important;
  font-weight: 600 !important;
}

.p-alt-ans {
  font-size: 32px !important;
  font-weight: 800;
}

.p-scec-ands {
  font-size: 22px !important;
}

.p-id {
  font-size: 12px;
}

.p-id-text {
  font-size: 24px !important;
}
.p-id-text b {
  font-size: 34px !important;
}

.btn-selector-positon {
  transform: translate(-8px, 0px);
}

.div-name-card {
  display: flex;
  justify-content: space-between;
}
.div-name-card .space-name {
  width: 500px !important;
}
.div-name-card a {
  transform: translate(15px, -5px);
}

.content-drop-info {
  width: 500px !important;
  border-radius: 20px !important;
}

.p-date-sys {
  transform: translate(10px, 10px);
}

.move-img {
  transform: translate(6px, -11px);
}

.size-lottie-sync {
  margin-left: 30%;
  top: 0;
  width: 133px;
  padding: 16px !important;
}
.size-lottie-sync p {
  margin-top: 136px !important;
  font-size: 14px;
}

.btn-info-user {
  transform: translate(112px, 8px) !important;
}

.click-ally {
  cursor: pointer;
}

.check-table-2 {
  transform: translate(18px, 11px);
}

.title-disp-perfil {
  display: flex;
  justify-content: space-between;
}
.title-disp-perfil .p-text-majour {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.p-text-majour-2 {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.card-lispip {
  height: 505px;
}

.contet-card-mbd {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.contet-card-mbd .content-first {
  height: 451px;
}
.contet-card-mbd .content-second {
  display: grid;
}

.rigth-note {
  margin-right: 10px;
}

.note-section {
  display: flex;
  justify-content: space-between;
}
.note-section .action-section {
  transform: translate(0px, 24px);
}

.text-cer-title {
  color: #000000;
  font-size: 14px !important;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 13.2px;
  word-wrap: break-word;
}

.text-cer-play-video {
  color: #484A55 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  word-wrap: break-word;
}

.size-card-cer-02 {
  height: 90px;
}

.p-24-cer {
  padding-top: 24px !important;
  padding-left: 24px !important;
  padding-right: 24px;
}

.p-24-top-bottom-2 {
  padding-bottom: 8px !important;
}

.text-title-card-solicitud {
  color: #000000 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 15.36px !important;
  word-wrap: break-word;
}

.text-name-cer-02 {
  color: #080B17 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  word-wrap: break-word;
}

.text-name-cer-03 {
  color: rgba(72, 74, 85, 0.87) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  word-wrap: break-word;
}
.text-name-cer-03 span {
  color: rgba(72, 74, 85, 0.87) !important;
}

.icon-left-8 {
  margin-right: 8px !important;
}

.m-d-s24 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.pd-r-chips {
  margin-right: 20px;
  padding-left: 68px !important;
}

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

.title-p-vitrina {
  color: #161719;
  font-size: 24px;
  font-weight: 500;
  line-height: 25px;
}

.just-content-end {
  justify-content: end;
}

.flex-column {
  flex-direction: column;
}

.m-r-8 {
  margin-right: 8px !important;
}

.text-perfil-institucional {
  color: #080B17;
  font-size: 20px;
  font-weight: 700;
  word-wrap: break-word;
}

.admin-users-container .card {
  height: 480px;
  border-radius: 5px;
  margin-bottom: 16px;
  background-color: #FFFFFF;
}
.admin-users-container .card .card-content {
  padding: 0;
  margin: 0;
}
.admin-users-container .card .card-content .card-header {
  padding: 8px 8px 0 8px;
}
.admin-users-container .card .card-content .card-header .card-header-title h2 {
  margin: 0;
  font-weight: 400;
  color: #5A5D68;
}
.admin-users-container .card .card-content .card-header .card-header-container {
  overflow: hidden;
  padding: 8px;
  background-color: #FFE0B2;
  border-radius: 5px;
}
.admin-users-container .card .card-content .card-header .card-header-container .card-header-avatar {
  display: inline-block;
  float: left;
  width: 56px;
}
.admin-users-container .card .card-content .card-header .card-header-container .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.admin-users-container .card .card-content .card-header .card-header-container .card-header-info {
  float: left;
  display: inline-block;
  margin: 8px 0 0 8px;
  line-height: 1.1;
}
.admin-users-container .card .card-content .card-body {
  overflow: hidden;
  padding: 8px 8px 0 8px;
}
.admin-users-container .card .card-content .card-body h3 {
  margin: 0;
}
.admin-users-container .card .card-content .card-body h2 {
  margin: 0;
  font-weight: 400;
}
.admin-users-container .card .card-content .card-body .card-chart-container {
  padding: 16px 0 0 0;
  max-width: 85%;
  margin: 0 auto;
}
.admin-users-container .card .card-content .card-body .card-chart-container .percentAdvance {
  height: 170px;
  max-height: 170px;
  width: 170px;
  max-width: 170px;
  margin: 0 auto;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart {
  display: flex;
  padding-left: 0 !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list {
  width: 80%;
  flex: 1;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul {
  height: 85%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li {
  line-height: 0.7em;
  vertical-align: middle;
  max-width: 180px;
  text-decoration: none;
  flex: 1;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(1) {
  color: #29B6F6 !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(2) {
  color: #039BE5 !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(3) {
  color: #0277BD !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li label {
  font-size: 11px !important;
  color: inherit !important;
}
.admin-users-container .card .card-content .card-body .card-chart-container.pdChart-chart canvas {
  flex: 3;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E9EBF9;
  overflow: hidden;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
  display: inline-block;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
  margin-top: inherit;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: none;
  width: 250px;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.admin-users-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.admin-users-container .card .card-content .card-footer {
  padding: 8px 8px 0 8px;
}
.admin-users-container .card .card-content .card-footer .card-action {
  border: 0px solid;
  padding: 0;
  margin-top: 8px;
  display: inline-block;
  text-align: center;
}
.admin-users-container .card .card-note {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.admin-users-container .card .card-note .note {
  border-radius: 0 0 5px 5px;
  height: 32px;
}
.admin-users-container .card .card-note .note i {
  display: inline-block;
  float: left;
}
.admin-users-container .card .card-note .note label {
  display: inline-block;
  float: left;
}
.admin-users-container .card .card-note .note label p {
  margin: 0;
}

.note-indicator2 {
  display: inline-block;
  float: left;
  border: 1px solid #C8CAD7;
  width: 44px;
  height: 44px;
  background-color: #ffffff;
  padding: 9px;
  border-radius: 5px;
}

.salt-tipo {
  font-size: 14px;
  font-weight: 700;
  color: #505052;
}

.csr23 {
  display: -webkit-box !important;
}

.cr2242 {
  transform: translate(20px, 0px) !important;
}

.crs2212 {
  padding-top: 2px !important;
  padding-bottom: 16px !important;
}

.cr33223 {
  padding-top: 16px !important;
  padding-bottom: 5px !important;
}

.csadecoration {
  text-decoration: none !important;
}

.costum-devplans-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.costum-devplans-container .modalCSV {
  max-width: 600px;
}
.costum-devplans-container .modalCSV .modal-header a {
  transform: translateY(-4px);
}

.exam-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.exam-container .exam-content {
  position: inherit;
}
.exam-container .questions h2 {
  margin-top: 16px;
}
.exam-container .questions .collapsible .collapsible-header.active {
  color: #FFA726;
}
.exam-container .questions .collapsible .collapsible-body .spacer-indicator span {
  border-left: 3px solid #080B17;
  border-right: 3px solid #080B17;
  border-bottom: 3px solid #080B17;
  padding: 0px 8px;
  margin: 0 4px;
}
.exam-container .questions .collapsible .collapsible-body .spacer-indicator .active {
  color: #FFA726;
  border-left: 3px solid #FFA726;
  border-right: 3px solid #FFA726;
  border-bottom: 3px solid #FFA726;
  padding: 0px 8px;
  margin: 0 4px;
}
.exam-container .questions .spacer-indicator span {
  border-left: 3px solid #080B17;
  border-right: 3px solid #080B17;
  border-bottom: 3px solid #080B17;
  padding: 0px 8px;
  margin: 0 4px;
}
.exam-container .questions .spacer-indicator .combo-inputs {
  display: flex;
  flex-direction: row;
}
.exam-container .questions .spacer-indicator .combo-inputs input {
  color: #81838F;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-1 {
  width: 5%;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-2 {
  width: 80%;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-3 {
  width: 15%;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-3 .btn {
  margin-left: 16px;
}
.exam-container .questions .spacer-indicator .combo-inputs .combo-child-3 .btn i {
  font-size: 24px;
  font-weight: bold;
}
.exam-container .questions .combo-inputs {
  display: flex;
  flex-direction: row;
  padding-top: 8px;
}
.exam-container .questions .combo-inputs input {
  color: #81838F;
}
.exam-container .questions .combo-inputs .combo-child-1 {
  width: 5%;
}
.exam-container .questions .combo-inputs .combo-child-1 span {
  transform: translateY(9px);
}
.exam-container .questions .combo-inputs .combo-child-2 {
  width: 70%;
}
.exam-container .questions .combo-inputs .combo-child-3 {
  width: 15%;
  transform: translateY(11px);
}
.exam-container .questions .combo-inputs .combo-child-3 .btn {
  margin-left: 16px;
}
.exam-container .questions .combo-inputs .combo-child-3 .btn i {
  font-size: 24px;
  font-weight: bold;
}

.hero-card {
  margin: 32px 0;
}
.hero-card .card {
  min-height: 100px;
  border-radius: 10px;
  padding: 8px 16px;
  overflow: hidden;
}
.hero-card .card .col {
  padding: 8px;
}
.hero-card .card .col p {
  font-weight: 600;
  color: #080B17;
  margin: 8px 0;
}
.hero-card .card .col .date-question {
  font-weight: 300;
}
.hero-card .card .col .spacer-indicator {
  margin-top: 8px;
}
.hero-card .card .col .spacer-indicator span {
  border-left: 3px solid #080B17;
  border-right: 3px solid #080B17;
  border-bottom: 3px solid #080B17;
  padding: 0px 8px;
  margin: 0 4px;
}
.hero-card .card .col .spacer-indicator .active {
  color: #FFA726;
  border-left: 3px solid #FFA726;
  border-right: 3px solid #FFA726;
  border-bottom: 3px solid #FFA726;
  padding: 0px 8px;
  margin: 0 4px;
}
.hero-card .correct-note {
  background: #D1E7DD;
}
.hero-card .correct-note label {
  color: #0F5132 !important;
}
.hero-card .wrong-note {
  display: none;
  background: #F8D7DA;
}
.hero-card .wrong-note label {
  color: #842029 !important;
}
.hero-card .partial-note {
  display: none;
  background: #FFF3CD;
}
.hero-card .partial-note label {
  color: #664D03 !important;
}
.hero-card .pending-note {
  display: none;
  background: #CFF4FC;
}
.hero-card .pending-note label {
  color: #055160 !important;
}
.hero-card ol {
  margin: 0;
  padding-left: 16px;
}
.hero-card ol li {
  text-decoration: none;
}
.hero-card ol .correct_question {
  color: #0F5132;
}
.hero-card ol .wrong_question {
  color: #842029;
}

.valign-wrapper-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: baseline;
  transform: translateY(7px);
}

.forums-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.forums-container .card {
  flex: 1 0px;
  padding: 16px;
  margin: 16px 0 8px 0;
  width: 100%;
  min-width: 100%;
}
@media (min-width: 600px) {
  .forums-container .card {
    min-width: 47%;
    max-width: 47%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 900px) {
  .forums-container .card {
    min-width: 30%;
    max-width: 31%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 1090px) {
  .forums-container .card {
    min-width: 31%;
    max-width: 32%;
    margin: 16px 16px 8px 0;
  }
}
.forums-container .card .card-stacked .card-content {
  padding: 0;
  margin: 0;
}
.forums-container .card .card-stacked .card-content h4 {
  margin: 0 0 8px 0;
}
.forums-container .card .card-stacked .card-action {
  padding: 8px 0;
  border-top: 0px solid #FFFFFF;
}
@media (min-width: 600px) {
  .forums-container .card .card-stacked .card-action {
    border-top: 1px solid #E9EBF9;
  }
}
.forums-container .card .card-stacked .card-action .chips-forums-mobile-container .chip {
  display: block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  margin-bottom: 5px;
  margin-left: 0;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons {
  display: flex;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-1 {
  flex: 1;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-1 .btn {
  margin: 8px 0 0 0;
  width: 100%;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 {
  flex: 1;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .btn {
  margin: 8px 0 0 0;
  float: right;
  width: 48px;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .btn i {
  color: #484A55;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .dropdown-content li {
  list-style: none;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .dropdown-content li a {
  color: #080B17;
}
.forums-container .card .card-stacked .card-action .card-bottom-buttons .card-action-2 .dropdown-content li a:hover {
  color: #080B17;
}

.middle-space {
  margin-bottom: -14px !important;
}

.foro-tema-h3 {
  font-size: 24px !important;
  color: #000000 !important;
  font-weight: 400 !important;
  margin-bottom: 8px !important;
}

.foro-tema-p {
  font-size: 16px !important;
  color: #81838F !important;
  font-weight: 400 !important;
  margin-top: 0px !important;
}

.hr-foros {
  margin-bottom: 24px !important;
  height: 1px !important;
  background-color: #bdbdbd !important;
  border: none !important;
}

.card-space-foros {
  margin-bottom: 16px !important;
}

.group-f1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-actions {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-foros-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.p-space-chip {
  padding-left: 8px;
  font-size: 16px !important;
  color: #81838F !important;
}

.usermenu-time {
  font-size: 12px !important;
  color: #81838F;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.usermenu-name-2 {
  width: auto;
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #000000;
  margin-bottom: 0px !important;
}

.name-nick {
  transform: translate3d(0px, -9px, 10px) !important;
}

.name-nick2 {
  transform: translate3d(0px, -24px, 10px) !important;
  font-weight: 700;
}

.name-nick3 {
  transform: translate3d(0px, -24px, 10px) !important;
  font-weight: 400;
  font-size: 14px;
}

.secon-level {
  margin-left: 48px !important;
}

.usermenu-info {
  width: auto !important;
}

.usermenu-name-1 {
  width: auto;
  font-size: 16px !important;
  font-weight: 400;
  color: #000000;
  margin-bottom: 0px !important;
}

.section-info-tenat {
  transform: translateX(24px) !important;
}
.section-info-tenat .p-title-tent {
  font-size: 16px !important;
  font-weight: 600 !important;
  padding-bottom: 2px !important;
  margin-bottom: 2px !important;
}
.section-info-tenat .p-subt-tent {
  font-size: 14px !important;
  font-weight: 400 !important;
  padding-top: 2px !important;
  margin-top: 2px !important;
}

.avatar-tenat {
  transform: translate3d(-3px, 14px, 10px);
}

.vertica-hr {
  border: none;
  border-left: 1px solid hsl(200, 10%, 50%);
  height: 10vh;
  width: 1px;
}

.list-activities ul li {
  list-style-type: none;
  text-decoration: none !important;
}
.list-activities ul li:hover {
  text-decoration: none !important;
}

.groups-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.groups-container .card {
  flex: 1 0px;
  padding: 0;
  margin: 16px 0 8px 0;
  width: 100%;
  min-width: 100%;
}
@media (min-width: 600px) {
  .groups-container .card {
    min-width: 47%;
    max-width: 47%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 900px) {
  .groups-container .card {
    min-width: 30%;
    max-width: 31%;
    margin: 16px 16px 8px 0;
  }
}
@media (min-width: 1090px) {
  .groups-container .card {
    min-width: 31%;
    max-width: 32%;
    margin: 16px 16px 8px 0;
  }
}
.groups-container .card .card-stacked .card-content {
  padding: 16px;
}
.groups-container .card .card-stacked .card-content h3 {
  padding: 0;
  margin: 0;
}
.groups-container .card .card-stacked .desc-alt {
  height: auto;
}
.groups-container .card .card-stacked .desc-alt .title-plan {
  min-height: 38px;
  height: auto;
  margin-top: 0px !important;
  margin-bottom: 0;
}
@media (min-width: 600px) {
  .groups-container .card .card-stacked .desc-alt .title-plan {
    min-height: 56px;
  }
}
.groups-container .card .card-stacked .desc-alt .description-plan {
  display: none;
}
@media (min-width: 600px) {
  .groups-container .card .card-stacked .desc-alt .description-plan {
    display: inline-block;
    max-height: 90px;
    min-height: 90px;
    overflow: hidden;
  }
}
.groups-container .card .card-stacked .divider-plan {
  padding-top: 0px !important;
  padding-bottom: 16px !important;
}
.groups-container .card .card-stacked .card-action {
  padding: 16px;
  border-top: 0px solid #FFFFFF;
}
@media (min-width: 600px) {
  .groups-container .card .card-stacked .card-action {
    border-top: 1px solid #E9EBF9;
  }
}
.groups-container .card .card-stacked .card-action .chips-container {
  margin-top: 8px;
  height: auto;
}
.groups-container .card .card-stacked .card-action .chips-container a {
  width: 60px;
}
@media (min-width: 900px) {
  .groups-container .card .card-stacked .card-action .chips-container a {
    width: auto;
  }
}
.groups-container .card .card-stacked .card-action .chips-plandev-mobile-container .chip {
  display: block;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  margin-bottom: 5px;
  margin-left: 0;
}
.groups-container .card .card-stacked .card-action .card-action-1 {
  display: inline-block;
  float: none !important;
  width: 100% !important;
}
.groups-container .card .card-stacked .card-action .card-action-1 .btn {
  margin: 8px 0 0 0;
  width: 100%;
}
.groups-container .card .card-stacked .charts-gauge-container {
  margin: 8px 0 0 0;
}

.home-body-container {
  background-color: #F5F5F5;
}
@media (min-width: 600px) {
  .home-body-container {
    margin-bottom: 0;
  }
}
.home-body-container .home-cards-container {
  padding-top: 16px !important;
}
.home-body-container .home-cards-container .card {
  height: 480px;
  border-radius: 5px;
  margin-bottom: 16px;
  background-color: #FFFFFF;
}
.home-body-container .home-cards-container .card .card-content {
  padding: 0;
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-header {
  padding: 8px 8px 0 8px;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-title h2 {
  margin: 0;
  font-weight: 400;
  color: #5A5D68;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container {
  overflow: hidden;
  padding: 8px;
  background-color: #FFE0B2;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left {
  width: 90%;
  overflow: hidden;
  float: left;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left .card-header-avatar {
  display: inline-block;
  float: left;
  width: 56px;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left .card-header-info {
  float: left;
  display: inline-block;
  margin-left: 8px;
  line-height: 1.1;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-left .card-header-info a {
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-right {
  width: 10%;
  overflow: hidden;
  float: right;
}
.home-body-container .home-cards-container .card .card-content .card-header .card-header-container .side-right a {
  float: right;
  margin-top: 16px;
  color: #080B17;
}
.home-body-container .home-cards-container .card .card-content .card-header .serial-container p {
  font-size: 20px;
  margin-top: 4px;
  display: inline-block;
  float: left;
}
.home-body-container .home-cards-container .card .card-content .card-header .serial-container p.no-serial {
  font-size: 16px;
}
.home-body-container .home-cards-container .card .card-content .card-header .serial-container a {
  float: left;
  display: inline-block;
  transform: translate(16px, -4px);
}
.home-body-container .home-cards-container .card .card-content .card-header .serial-container label {
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-body {
  overflow: hidden;
  padding: 8px 8px 0 8px;
}
.home-body-container .home-cards-container .card .card-content .card-body h3 {
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body h2 {
  margin: 0;
  font-weight: 400;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container {
  padding: 16px 0 0 0;
  width: 100%;
  margin: 0 auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container .percentAdvance {
  height: 170px;
  max-height: 170px;
  width: 170px;
  max-width: 170px;
  margin: 0 auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart {
  display: flex;
  padding-left: 0 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list {
  width: 80%;
  flex: 1;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul {
  height: 85%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li {
  line-height: 0.7em;
  vertical-align: middle;
  max-width: 180px;
  text-decoration: none;
  flex: 1;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(1) {
  color: #29B6F6 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(2) {
  color: #039BE5 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(3) {
  color: #0277BD !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li label {
  font-size: 11px !important;
  color: inherit !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-container.pdChart-chart canvas {
  flex: 3;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E9EBF9;
  overflow: hidden;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .card-listed-info {
  display: inline-block;
  float: left;
  max-width: 230px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .card-listed-info label {
  transform: translateY(5px);
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item a {
  float: right;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .listed-item-icon {
  background: #FFF3E0;
  border-radius: 10px;
  display: inline-block;
  float: left;
  height: 40px;
  width: 40px;
  padding: 8px;
  margin-right: 8px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: 70%;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .achivement-container {
  max-width: 160px;
  margin: 0;
  display: inline-block;
  overflow: hidden;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .achivement-container a {
  margin: 0 0 0 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container .card-listed-item .badges {
  float: left;
  margin-left: 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container.resources-links .card-listed-item .card-listed-info label {
  transform: translateY(5px);
  max-width: 150px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-listed-container.resources-links .card-listed-item a {
  float: right;
  min-width: 110px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-body-image {
  border-radius: 10px;
  max-height: 160px;
  width: 100%;
  margin: 16px auto 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-label {
  max-width: 80%;
  margin: 0 auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-label ul {
  list-style-type: none;
  transform: translate(10px, -9px);
  margin: 0;
  display: flex;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-label ul li {
  flex: 1;
  margin: 0 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-chart-label ul li a {
  font-size: 11px !important;
  word-break: break-word;
}
@media (min-width: 1080px) {
  .home-body-container .home-cards-container .card .card-content .card-body .card-chart-label ul li a {
    font-size: 14px !important;
  }
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left {
  flex: 1;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-left .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right {
  flex: 1;
  max-width: 50%;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet {
  overflow: hidden;
  min-height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #E1F5FE;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator .gauge-container {
  width: 36px;
  max-width: 36px;
  min-width: 36px;
  margin: auto;
  transform: translate(-2px, 3px);
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator .gauge-container .gauge {
  min-width: 36px;
  margin: auto;
  border-color: #E1F5FE;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator .gauge-container .gauge .mask {
  background-color: #E1F5FE;
  border-color: #E1F5FE;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-indicator .gauge-container .gauge .percentage {
  background-color: #B3E5FC;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-info label {
  font-size: 12px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .progress-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: 70%;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body.subheader-container .subheader-right .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data {
  flex: 1 1;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet {
  overflow: hidden;
  min-height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #E1F5FE;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator .gauge-container {
  width: 36px;
  max-width: 36px;
  min-width: 36px;
  margin: auto;
  transform: translate(-2px, 3px);
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator .gauge-container .gauge {
  min-width: 36px;
  margin: auto;
  border-color: #E1F5FE;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator .gauge-container .gauge .mask {
  background-color: #E1F5FE;
  border-color: #E1F5FE;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-indicator .gauge-container .gauge .percentage {
  background-color: #B3E5FC;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 4px;
  transform: translateY(8px);
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .progress-note-bullet .note-info label {
  font-size: 14px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .achivement-container {
  max-width: 150px;
  margin: 8px auto 0 auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .achivement-container a {
  margin-left: 4px;
}
.home-body-container .home-cards-container .card .card-content .card-body .learning-data-info .learning-data .badges {
  float: left;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-table .row {
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .card-table .row .card {
  margin: 0 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables {
  padding: 0 !important;
  margin: 16px 0 0 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables table.no-footer {
  border-bottom: 0px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables thead th {
  padding: 8px 4px;
  text-align: center;
  border-bottom: 1px solid #E9EBF9;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr {
  height: 40px;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td {
  padding: 4px !important;
  text-align: center;
  border-bottom: 1px solid #E9EBF9;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td .progress-pill {
  width: 100px;
  margin: 0 auto;
  overflow: hidden;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td .progress-pill .progress {
  width: 50px;
  height: 6px;
  float: left;
  display: inline-block;
  margin-right: 6px;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td label {
  float: left;
  transform: translateY(-2px);
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td a {
  text-align: left;
}
.home-body-container .home-cards-container .card .card-content .card-body .tables tbody tr td p {
  text-align: left;
}
.home-body-container .home-cards-container .card .card-content .card-body .space-tab {
  position: inherit;
  transform: none;
  z-index: inherit;
  display: block;
  width: auto;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options {
  text-align: left;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item {
  font-size: 14px;
  margin: 0 0 16px 32px;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item .activity-info-status {
  color: #484A55;
  margin: 0;
  padding: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item .activity-info-element {
  font-size: 12px;
  color: #A2A5B1;
  margin: 0;
  padding: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.ended .activity-info-status span {
  color: #0F5132 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.ended .activity-info-element span {
  color: #0F5132 !important;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.unfinished .activity-info-status span {
  color: #842029 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.unfinished .activity-info-element span {
  color: #842029 !important;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.pending .activity-info-status span {
  color: #664D03 !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item.pending .activity-info-element span {
  color: #664D03 !important;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item .marker-arrow-positive {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #0F5132 !important;
  margin: 0 4px;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .activity-info-options .activity-info-item .marker-arrow-negative {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #842029 !important;
  margin: 0 4px;
  display: inline-block;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider {
  overflow: hidden;
  height: 350px;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li {
  background-color: #FFFFFF;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li .slider-info {
  padding: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li img {
  margin-top: 8px;
  height: 250px;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li video {
  margin-top: 8px;
  height: 250px;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider li a {
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .slider-container .slider-dots {
  margin-top: 8px;
}
.home-body-container .home-cards-container .card .card-content .card-body .list-mode .card.hoverable {
  height: 142px !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .list-mode .card.hoverable .card-right .card-content {
  height: inherit !important;
  max-height: none !important;
}
.home-body-container .home-cards-container .card .card-content .card-body .list-mode .card.hoverable .card-right .card-content h3 {
  height: inherit !important;
  max-height: none !important;
  margin: 0;
  padding: 0;
}
.home-body-container .home-cards-container .card .card-content .card-body .list-mode .card.hoverable .card-right .card-action .card-action-2 .card-bottom-buttons {
  margin: 0;
}
.home-body-container .home-cards-container .card .card-content .card-footer {
  padding: 8px 8px 0 8px;
}
.home-body-container .home-cards-container .card .card-content .card-footer .card-action {
  border: 0px solid;
  padding: 0;
  margin-top: 8px;
  display: inline-block;
  text-align: center;
}
.home-body-container .home-cards-container .card .card-content .card-action .btn-high {
  margin-top: 5px;
}
.home-body-container .home-cards-container .card .card-note {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}
.home-body-container .home-cards-container .card .card-note .note {
  border-radius: 0 0 5px 5px;
  height: 32px;
}
.home-body-container .home-cards-container .card .card-note .note i {
  display: inline-block;
  float: left;
}
.home-body-container .home-cards-container .card .card-note .note label {
  display: inline-block;
  float: left;
}
.home-body-container .home-cards-container .card .card-note .note label p {
  margin: 0;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label {
  max-width: 80%;
  margin: 16px auto 0 auto !important;
  display: flex;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label {
  text-align: center;
  flex: 1 !important;
  font-size: 11px !important;
  word-break: break-word;
  padding: 0 4px;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label:nth-child(1) {
  color: #29B6F6 !important;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label:nth-child(2) {
  color: #039BE5 !important;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label:nth-child(3) {
  color: #0277BD !important;
}
.home-body-container .home-cards-container .card.card-coworkers .card-chart-label label:nth-child(4) {
  color: #01579B !important;
}
.home-body-container .home-cards-container .spotlight .card-content .card-body .card-spotlight .card-spotlight-image {
  height: 200px;
  margin-bottom: 24px;
}
.home-body-container .home-cards-container .spotlight .card-content .card-body .card-spotlight a {
  color: #FF9800;
  background-color: #FFFFFF;
}
.home-body-container .home-cards-container .third-card {
  margin-right: 0px !important;
}
.home-body-container .home-cards-container .edition-progress .card-body h3 {
  margin: 0;
  font-weight: 500;
  color: #5A5D68;
}
.home-body-container .home-cards-container .edition-progress .card-body .card-progressbar {
  margin-top: 16px;
}
.home-body-container .home-cards-container .no-course {
  background-color: #FFF3E0;
}
.home-body-container .home-cards-container .no-course .card-content {
  color: #FFFFFF !important;
}
.home-body-container .home-cards-container .no-course .card-content .card-body h3 {
  margin: 0;
  font-weight: 500;
  color: #5A5D68;
}
.home-body-container .home-cards-container .no-course .card-content .card-body p {
  color: #5A5D68;
}
.home-body-container .home-cards-container .no-course .card-content .card-body .card-nocourse .card-nocourse-image {
  height: 150px;
  margin-bottom: 24px;
}
.home-body-container .home-cards-container .card-create .table-create {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.home-body-container .home-cards-container .card-create .table-create label {
  margin-bottom: 8px;
  display: block;
}
.home-body-container .home-cards-container .card-create .list-mode .card-left img {
  height: 140px !important;
}
.home-body-container .home-cards-container .card-create .activity-info-options .activity-info-item {
  font-size: 14px;
  margin: 0 0 16px 16px !important;
}
.home-body-container .home-cards-container .card-learning .list-mode .card-left img {
  height: 140px !important;
}
.home-body-container .home-cards-container .card-groups .activity-info-options .activity-info-item {
  font-size: 14px;
  margin: 0 0 16px 8px !important;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .tables {
  margin: 0 !important;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side {
  float: left;
  width: 50%;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card {
  overflow: hidden;
  padding: 8px;
  height: 210px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card label {
  display: block;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container {
  display: flex;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .rate-container {
  flex: 1;
  width: 50%;
  text-align: center;
  padding: 0;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .rate-container .chip {
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: bold;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .rate-container .chip i {
  color: #FFB74D;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .rate-container p {
  font-size: 12px;
  color: #81838F;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container {
  flex: 1;
  width: 50%;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-item {
  margin-bottom: 2px;
  padding-bottom: 2px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-item p {
  color: #81838F;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-item .note-info {
  margin-left: 0px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-noitem {
  height: 170px;
  background: #F5F5F5;
  padding: 35% 0;
  text-align: center;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .left-side .card .card-rate-container .card-listed-container .card-listed-noitem p {
  font-size: 12px;
  color: #81838F;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side {
  padding: 0 8px;
  float: left;
  width: 50%;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
  display: inline-block;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator.set-middle {
  margin-top: 16px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: none;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card-dev-learning .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item a {
  color: #080B17;
  margin-top: 16px;
}
.home-body-container .home-cards-container .card-dev-learning .card-body div.table-devider {
  border-left: 1px solid #E9EBF9;
}
.home-body-container .home-cards-container .card-employees .card-content .tables {
  margin: 0 !important;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .left-side {
  float: left;
  width: 50%;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side {
  padding: 0 8px;
  float: left;
  width: 50%;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item {
  margin-bottom: 8px;
  padding-bottom: 4px;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet {
  overflow: hidden;
  min-height: 40px;
  display: inline-block;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  background-color: #FFE0B2;
  padding: 4px;
  border-radius: 5px;
  margin-top: inherit;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator i {
  margin: 4px auto 0 auto;
  width: 24px;
  display: block;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-indicator.set-middle {
  margin-top: 16px;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info {
  display: inline-block;
  float: left;
  margin-left: 8px;
  max-width: none;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info label {
  font-size: 16px !important;
}
.home-body-container .home-cards-container .card-employees .card-content .dev-learning-students .right-side .card-body .card-listed-container .card-listed-item .alliance-note-bullet .note-info p {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.home-body-container .home-cards-container .card-employees .card-body div.table-devider {
  border-left: 1px solid #E9EBF9;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list {
  list-style: none;
  display: flex;
  flex-direction: row;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li {
  list-style: none;
  text-align: center;
  margin-right: 4px;
  flex: 1;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li label {
  font-size: 0.8vw !important;
  font-weight: bold;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li:nth-child(1) label {
  color: #29B6F6 !important;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li:nth-child(2) label {
  color: #039BE5 !important;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li:nth-child(3) label {
  color: #0277BD !important;
}
.home-body-container .home-cards-container .card-supervisor-users .table-list li:nth-child(4) label {
  color: #01579B !important;
}

.home-mobile-card-container {
  padding-top: 16px;
}
.home-mobile-card-container .home-mobile-swipe {
  margin-bottom: 8px;
}
.home-mobile-card-container .home-mobile-swipe .swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  border-radius: 5px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap {
  overflow: hidden;
  position: relative;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
  margin: 0;
  display: block;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card {
  border-radius: 5px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content {
  padding: 0;
  margin: 0;
  height: 480px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-avatar {
  width: 56px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-info h2 {
  margin: 0;
  padding: 0;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-avatar {
  width: 56px;
  float: left;
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-info {
  color: #080B17 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-header .card-header-info h2 {
  margin: 0;
  padding: 0;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body h2 {
  margin: 0;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .progress-note {
  background-color: #E1F5FE;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  border-radius: 10px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .progress-note p {
  color: #039BE5 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .progress-note {
  background-color: #E1F5FE;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  border-radius: 10px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .progress-note p {
  color: #039BE5 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container {
  padding: 16px 16px 0 16px;
  max-width: 85%;
  margin: 0 auto;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container .percentAdvance {
  height: 170px;
  max-height: 170px;
  width: 170px;
  max-width: 170px;
  margin: 0 auto;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart {
  display: flex;
  padding-left: 0 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list {
  width: 80%;
  flex: 1;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul {
  height: 85%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li {
  line-height: 0.7em;
  vertical-align: middle;
  max-width: 180px;
  flex: 1;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(1) {
  color: #29B6F6 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(2) {
  color: #039BE5 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li:nth-child(3) {
  color: #0277BD !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart .pdChart-list ul li label {
  font-size: 11px !important;
  color: inherit !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-container.pdChart-chart canvas {
  flex: 3;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-listed-container .card-listed-item {
  margin-bottom: 24px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-listed-container .card-listed-item .listed-item-icon {
  background: #FFF3E0;
  border-radius: 10px;
  display: inline-block;
  float: left;
  height: 40px;
  width: 40px;
  padding: 8px;
  margin-right: 8px;
  transform: translateY(5px);
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-body-image {
  border-radius: 10px;
  max-height: 160px;
  width: 100%;
  margin: 16px auto 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-label ul {
  list-style-type: none;
  transform: translateY(-15px);
  margin: 0;
  display: flex;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-content .card-body .card-chart-label ul li {
  flex: 1;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-note .note {
  border-radius: 0 0 5px 5px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-note .note i {
  float: left;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card .card-note .note p {
  margin: 0;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label {
  max-width: 80%;
  margin: 16px auto 0 auto !important;
  display: flex;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label {
  text-align: center;
  flex: 1 !important;
  font-size: 11px !important;
  word-break: break-word;
  padding: 0 4px;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label:nth-child(1) {
  color: #29B6F6 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label:nth-child(2) {
  color: #039BE5 !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label:nth-child(3) {
  color: #0277BD !important;
}
.home-mobile-card-container .home-mobile-swipe .swipe .swipe-wrap > div .card.card-coworkers .card-chart-label label:nth-child(4) {
  color: #01579B !important;
}
.home-mobile-card-container .home-mobile-swipe .demo-controls {
  display: flex;
}
.home-mobile-card-container .home-mobile-swipe .demo-controls .btn {
  flex: 1;
}
.home-mobile-card-container .home-mobile-swipe .demo-controls .left-nav {
  margin-right: 8px;
}
.home-mobile-card-container .home-mobile-swipe .demo-controls .right-nav {
  margin-left: 8px;
}
.home-mobile-card-container .spotlight {
  background-color: #FF9800;
  margin-bottom: 36px;
}
.home-mobile-card-container .spotlight .card-content {
  color: #FFFFFF !important;
}
.home-mobile-card-container .spotlight .card-content h2 {
  color: #FFFFFF !important;
}
.home-mobile-card-container .spotlight .card-content p {
  color: #FFFFFF !important;
}
.home-mobile-card-container .spotlight .card-content .card-body .card-spotlight .card-spotlight-image {
  height: 200px;
  margin-bottom: 24px;
}
.home-mobile-card-container .spotlight .card-content .card-body .card-spotlight a {
  color: #FF9800;
  background-color: #FFFFFF;
  width: auto;
}
.home-mobile-card-container .card {
  border-radius: 5px;
}
.home-mobile-card-container .card .card-content {
  padding: 0;
  margin: 0;
  height: 480px;
}
.home-mobile-card-container .card .card-content .card-header {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .card .card-content .card-header .card-header-avatar {
  width: 56px;
}
.home-mobile-card-container .card .card-content .card-header .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .card .card-content .card-header .card-header-info h2 {
  margin: 0;
  padding: 0;
}
.home-mobile-card-container .card .card-content .card-header .card-header-avatar {
  width: 56px;
  float: left;
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .card .card-content .card-header .card-header-avatar .avatar {
  margin: 0 16px 0 0 !important;
}
.home-mobile-card-container .card .card-content .card-header .card-header-info {
  color: #080B17 !important;
}
.home-mobile-card-container .card .card-content .card-header .card-header-info h2 {
  margin: 0;
  padding: 0;
}
.home-mobile-card-container .card .card-content .card-body {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .card .card-content .card-body .progress-note {
  background-color: #E1F5FE;
  height: auto;
  min-height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  border-radius: 10px;
}
.home-mobile-card-container .card .card-content .card-body .progress-note p {
  color: #039BE5 !important;
}
.home-mobile-card-container .card .card-content .card-body .card-chart-container {
  padding: 16px 16px 0 16px;
}
.home-mobile-card-container .card .card-content .card-body .card-chart-container .percentAdvance {
  height: 170px;
  max-height: 170px;
  width: 170px;
  max-width: 170px;
  margin: 0 auto;
}
.home-mobile-card-container .card .card-content .card-body .card-listed-container .card-listed-item {
  margin-bottom: 24px;
}
.home-mobile-card-container .card .card-content .card-body .card-listed-container .card-listed-item .listed-item-icon {
  background: #FFF3E0;
  border-radius: 10px;
  display: inline-block;
  float: left;
  height: 40px;
  width: 40px;
  padding: 8px;
  margin-right: 8px;
  transform: translateY(5px);
}
.home-mobile-card-container .card .card-content .card-body .card-body-image {
  border-radius: 10px;
  max-height: 160px;
  width: 100%;
  margin: 16px auto 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
}
.home-mobile-card-container .card .card-content .card-body .card-chart-label ul {
  list-style-type: none;
  transform: translateY(-15px);
  margin: 0;
  display: flex;
}
.home-mobile-card-container .card .card-content .card-body .card-chart-label ul li {
  flex: 1;
}
.home-mobile-card-container .card .card-note .note {
  border-radius: 0 0 5px 5px;
}
.home-mobile-card-container .card .card-note .note i {
  float: left;
}
.home-mobile-card-container .card .card-note .note p {
  margin: 0;
}
.home-mobile-card-container .no-course {
  background-color: #FFF3E0;
}
.home-mobile-card-container .no-course .card-content {
  color: #FFFFFF !important;
}
.home-mobile-card-container .no-course .card-content .card-body h3 {
  margin: 0;
  font-weight: 500;
  color: #5A5D68;
}
.home-mobile-card-container .no-course .card-content .card-body p {
  color: #5A5D68;
}
.home-mobile-card-container .no-course .card-content .card-body .card-nocourse .card-nocourse-image {
  height: 150px;
  margin-bottom: 24px;
}

.homes-bottom ul {
  padding: 0;
  margin: 0;
}
.homes-bottom ul .home-profile {
  background-color: #FF9800;
}
.homes-bottom ul .home-profile a {
  padding: 32px 0;
}
.homes-bottom ul .home-profile a label {
  color: #FFFFFF !important;
  transform: translateY(10px) !important;
}
.homes-bottom ul .home-courses {
  background-color: #FFF3E0;
}
.homes-bottom ul .home-courses a {
  padding: 32px 0;
}

.analyrics-card-home {
  height: 400px !important;
}

.p-name-accunt {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.p-rol-accunt {
  font-size: 12px;
}

hr.new5 {
  border: 0.1px solid #DEDEDE;
  border-radius: 0.1px;
}

.analyrics-card-home-1 {
  height: 447px;
}

.analyrics-card-home-2 {
  height: 485px;
}

.over-x-hiddem {
  overflow-x: hidden !important;
}

.dict-card {
  display: flex;
  justify-content: space-between;
}
.dict-card .sect1 p {
  font-size: 12px !important;
}
.dict-card .sect1 p b {
  font-weight: 800 !important;
}
.dict-card .sect2 {
  display: flex;
  flex-flow: column;
  justify-content: space-between; /* distribuye verticalmente */
  align-items: flex-end; /* pega los elementos a la derecha */
}

.button-right-container {
  display: flex !important;
  justify-content: flex-end !important;
}

.unity-desktop .unity-video iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 390px;
}

.labsv-landing {
  width: auto;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
}
.labsv-landing .activity-container {
  width: auto;
  display: grid;
  justify-items: center;
  max-width: 1020px;
  min-height: 480px;
  background-color: #080B17;
}
.labsv-landing .activity-container span {
  overflow: hidden;
  max-width: 1020px;
  height: auto;
}
.labsv-landing .activity-container span img {
  max-width: 1020px;
  height: auto;
  display: block;
}

.no-found-result {
  width: auto;
  max-width: 1020px;
  margin: 0 auto;
  overflow: hidden;
}
.no-found-result .activity-container {
  width: auto;
  display: grid;
  justify-items: center;
  max-width: 1020px;
  min-height: 480px;
  background-color: #FFFFFF;
}
.no-found-result .activity-container span {
  overflow: hidden;
  max-width: 1020px;
  height: auto;
}
.no-found-result .activity-container span img {
  max-width: 1020px;
  height: auto;
  display: block;
}

.lessons-content {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.lessons-content .lessons-list {
  border-right: 1px solid #E9EBF9;
  padding: 24px 0 80px 0;
}
.lessons-content .lessons-list .list-questions {
  padding-right: 8px;
}
.lessons-content .lessons-list .list-questions .question-child-1 {
  flex: 10 !important;
  width: 80% !important;
}
.lessons-content .lessons-list .list-questions .question-child-1 span {
  border: 0px solid #FFFFFF !important;
  padding: 0px !important;
  transform: translate(0px, 5px) !important;
}
.lessons-content .lessons-list .list-questions .question-child-1 .digits-2 {
  transform: translate(0px, 7px) !important;
}
.lessons-content .lessons-list .list-questions .question-child-1 .digits-3 {
  transform: translate(0px, 8px) !important;
}
.lessons-content .lessons-list .list-questions .question-child-2 {
  flex: 1 !important;
  width: 10% !important;
}
.lessons-content .lessons-list .list-questions .question-child-3 {
  flex: 1 !important;
  width: 10% !important;
}
.lessons-content .lessons-list .list-questions .question-child-3 i {
  transform: translate(20px, 5px);
}
.lessons-content .lessons-list .list-questions .question-child-3 .hide-icon {
  display: none !important;
}
.lessons-content .lessons-list .list-questions .list-line {
  width: 0px !important;
  background-color: #FFFFFF !important;
}
.lessons-content .lessons-edit .collapsible {
  border: 0px solid #FFFFFF;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0);
}
.lessons-content .lessons-edit .collapsible .collapsible-lesson {
  display: flex;
  padding-top: 24px;
  border-bottom: 1px solid #DDDDDD;
}
.lessons-content .lessons-edit .collapsible .collapsible-lesson .collapsible-lesson-actions {
  padding-right: 8px;
}
.lessons-content .lessons-edit .collapsible .collapsible-lesson a {
  margin-left: 8px;
  transform: translateY(-10px);
}
.lessons-content .lessons-edit .collapsible .collapsible-lesson div {
  flex: 1;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header {
  display: flex;
  padding: 16px 0;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title {
  width: 90%;
  display: flex;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title label {
  font-weight: 400;
  width: 70%;
  cursor: pointer;
}
@media (min-width: 600px) {
  .lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title label {
    width: 75%;
  }
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title span {
  margin-left: 16px;
  float: right;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title span i {
  color: #080B17;
  margin: 0px;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-title span .dropdown-topic {
  width: auto !important;
  height: auto !important;
  z-index: 9997;
  position: fixed;
}
.lessons-content .lessons-edit .collapsible li .collapsible-header .collapsible-header-expand {
  width: 10%;
  flex: 1;
}
.lessons-content .lessons-edit .collapsible li .collapsible-body {
  padding: 16px 0px 16px 16px;
}
.lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container {
  display: flex;
}
.lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container label {
  width: 75%;
  cursor: pointer;
}
@media (min-width: 600px) {
  .lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container label {
    width: 85%;
  }
}
.lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container span {
  margin-left: 8px;
  float: right;
}
.lessons-content .lessons-edit .collapsible li .collapsible-body .collapsible-body-container span i {
  color: #080B17;
  margin: 0px;
}
.lessons-content .lessons-edit .collapsible .active .collapsible-header .collapsible-header-expand i {
  transform: rotate(-180deg);
  transform-origin: 0.6em 0.5em;
}

#dropdown-move {
  position: fixed;
  width: 85% !important;
  height: auto !important;
  top: 100px;
  right: 30px;
  background-color: #FFFFFF;
  display: none;
  opacity: 0;
  border-radius: 10px;
}
@media (min-width: 600px) {
  #dropdown-move {
    width: 460px !important;
    top: 200px;
    right: inherit;
  }
}
#dropdown-move .dropdown-move-header {
  padding: 14px 16px;
}
#dropdown-move .dropdown-move-header-back {
  padding: 14px 16px;
  display: none;
}
#dropdown-move .dropdown-move-header-back a {
  color: #080B17 !important;
  text-decoration: none;
}
#dropdown-move .dropdown-move-header-back a i {
  margin-right: 8px !important;
}
#dropdown-move .dropdown-move-bottom {
  padding: 14px 16px;
}
#dropdown-move ul {
  padding: 0;
  margin: 0;
  height: 250px;
  overflow-y: scroll;
}
#dropdown-move ul li {
  display: flex;
  padding: 16px 16px 8px 16px;
  border-bottom: 1px solid #CCCCCC;
  justify-content: space-between;
  cursor: pointer;
  text-decoration: none !important;
  height: 60px;
}
#dropdown-move ul li:hover {
  background-color: #FFF3E0;
  cursor: pointer !important;
}
#dropdown-move ul li:hover label {
  cursor: pointer !important;
}
#dropdown-move ul li.active {
  background-color: #FFF3E0 !important;
  cursor: pointer !important;
}
#dropdown-move ul li.active a {
  display: block;
}
#dropdown-move ul li.active label {
  cursor: pointer !important;
}
#dropdown-move ul li.disabled {
  background-color: #E9EBF9 !important;
  cursor: inherit !important;
}
#dropdown-move ul li.disabled label {
  color: #A2A5B1 !important;
}
#dropdown-move ul li a {
  display: none;
}
#dropdown-move ul li:hover a {
  display: block;
}
#dropdown-move ul li label {
  width: 80%;
  margin-left: 4px;
  transform: translateY(4px);
  font-weight: 600;
}
#dropdown-move ul li ul {
  display: none;
}
#dropdown-move .btn-medium {
  width: 140px;
}
@media (min-width: 600px) {
  #dropdown-move .btn-medium {
    width: auto;
  }
}

.notifications-sidebar div .sidebar-fixed {
  padding-top: 16px;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .input-field label {
  color: #5A5D68 !important;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul {
  left: 0 !important;
  top: 48px !important;
  position: absolute;
  width: 100% !important;
  padding-right: 10px;
  overflow-x: hidden !important;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul li:hover {
  background-color: #FFFFFF !important;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .disabled {
  background-color: #FFFFFF;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .disabled span {
  padding-left: 8px !important;
  color: #484A55 !important;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .disabled span::after, .notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .disabled span::before {
  border: 0px solid red;
  width: 0px;
  height: 0px;
}
.notifications-sidebar div .sidebar-fixed .notifications-filter .select-wrapper ul .selected {
  background-color: #FFFFFF !important;
}
.notifications-sidebar div .sidebar-fixed .filters-apply .delete-checked:hover span::before {
  border-top: 0px solid transparent !important;
  border-left: 0px solid transparent !important;
  border-right: 0px solid #842029 !important;
  border-bottom: 0px solid #842029 !important;
  color: #DB0000;
  content: "close";
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  transform: rotate(0deg);
  font-size: 28px;
  transform: translateX(4px);
  transition: all 200ms ease;
}

.notifications-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.notifications-container .notifications-content {
  position: inherit;
}
.notifications-container .notifications-content .cards-container .card .card-content .card-description {
  margin-top: 8px;
  height: auto;
  overflow: hidden;
}
.notifications-container .notifications-content .cards-container .card .card-content .card-description p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notifications-container .notifications-content .cards-container .card .card-action {
  display: flex;
}
.notifications-container .notifications-content .cards-container .card .card-action .card-action-1 {
  flex: 2;
}
.notifications-container .notifications-content .cards-container .card .card-action .card-action-2 {
  flex: 1;
}
.notifications-container .notifications-content .cards-container .card .card-action .card-action-2 a {
  text-transform: inherit !important;
}
.notifications-container .notifications-content .cards-container .card.horizontal {
  display: block;
}

.order-container .order-activities {
  margin: 8px 0;
  padding: 0 16px;
}
.order-container .order-activities .activity {
  width: 100%;
  border-radius: 5px;
  height: 80px;
  margin: 8px 0;
  cursor: pointer;
  background: #FFFFFF;
}
.order-container .order-activities .activity .activity-icon {
  width: 15%;
  display: inline-block;
  float: left;
}
.order-container .order-activities .activity .activity-icon i {
  font-size: 32px;
  transform: translate(12px, 24px);
}
.order-container .order-activities .activity .activity-description {
  width: 75%;
  display: inline-block;
  float: left;
}
.order-container .order-activities .activity .activity-description h4 {
  margin-bottom: 4px;
}
.order-container .order-activities .activity .activity-drag {
  width: 10%;
  display: inline-block;
  float: left;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.order-container .order-activities .activity .activity-drag i {
  transform: translate(10px, 28px);
}

.sidebar .order-activities {
  padding: 0px;
  background-color: #FFFFFF;
}
.sidebar .order-activities .activity {
  width: 100%;
  border-radius: 5px;
  height: 80px;
  margin: 8px 0;
  cursor: pointer;
  background: #FFFFFF;
}
.sidebar .order-activities .activity .activity-icon {
  width: 25%;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.sidebar .order-activities .activity .activity-icon i {
  font-size: 28px;
  transform: translate(8px, 22px);
}
@media (min-width: 1120px) {
  .sidebar .order-activities .activity .activity-icon i {
    font-size: 32px;
    transform: translate(12px, 24px);
  }
}
.sidebar .order-activities .activity .activity-icon .text-icons {
  font-size: 12px;
  font-weight: 800;
  transform: translate(10px, 28px);
  display: inline-block;
}
.sidebar .order-activities .activity .activity-icon .text-icons-large {
  font-size: 8px;
  font-weight: 800;
  transform: translate(7px, 26px);
  display: inline-block;
}
@media (min-width: 1120px) {
  .sidebar .order-activities .activity .activity-icon .text-icons {
    font-size: 14px;
    transform: translate(14px, 30px);
  }
  .sidebar .order-activities .activity .activity-icon .text-icons-large {
    font-size: 9px;
    transform: translate(10px, 24px);
  }
}
@media (min-width: 1450px) {
  .sidebar .order-activities .activity .activity-icon .text-icons-large {
    font-size: 9px;
    transform: translate(14px, 24px);
  }
}
.sidebar .order-activities .activity .activity-description {
  max-width: 50%;
  width: auto;
  display: inline-block;
  float: left;
  cursor: pointer;
  margin-left: 16px;
}
@media (min-width: 1120px) {
  .sidebar .order-activities .activity .activity-description {
    max-width: 55%;
    min-width: 55%;
  }
}
.sidebar .order-activities .activity .activity-description h4 {
  margin-bottom: 0;
  font-size: 12px !important;
  padding: 0;
  cursor: pointer;
}
.sidebar .order-activities .activity .activity-description label {
  font-size: 12px !important;
  cursor: pointer;
}
@media (min-width: 1120px) {
  .sidebar .order-activities .activity .activity-description h4 {
    margin-bottom: 0;
    font-size: 14px !important;
    padding: 0;
  }
  .sidebar .order-activities .activity .activity-description label {
    font-size: 14px !important;
  }
}
.sidebar .order-activities .activity .activity-drag {
  width: 10%;
  display: inline-block;
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  float: left;
}
.sidebar .order-activities .activity .activity-drag i {
  transform: translate(10px, 28px);
}
.sidebar .order-activities .active {
  background: #FF9800;
}
.sidebar .order-activities .active i {
  color: #FFFFFF;
}
.sidebar .order-activities .active h4 {
  color: #FFFFFF;
}
.sidebar .order-activities .active label {
  color: #FFFFFF !important;
}
.sidebar .order-activities .active span {
  color: #FFFFFF !important;
}

.cardlonginser {
  transform: translate(10px, 26px) !important;
}

.textcentercard {
  margin-top: 5% !important;
}

.search-active-icon {
  background-color: #F5F5F5 !important;
}

.puestos-container {
  padding-top: 24px !important;
}
@media (min-width: 320px) {
  .puestos-container .tables #th-code,
  .puestos-container .tables #td-code,
  .puestos-container .tables #th-department,
  .puestos-container .tables #td-department,
  .puestos-container .tables #th-email,
  .puestos-container .tables #td-email,
  .puestos-container .tables #th-status,
  .puestos-container .tables #td-status {
    display: none;
  }
}
@media (min-width: 600px) {
  .puestos-container .tables #th-code,
  .puestos-container .tables #td-code,
  .puestos-container .tables #th-department,
  .puestos-container .tables #td-department,
  .puestos-container .tables #th-email,
  .puestos-container .tables #td-email {
    display: none;
  }
  .puestos-container .tables #th-status,
  .puestos-container .tables #td-status {
    display: table-cell;
  }
}
@media (min-width: 900px) {
  .puestos-container .tables #th-department,
  .puestos-container .tables #td-department,
  .puestos-container .tables #th-email,
  .puestos-container .tables #td-email {
    display: none;
  }
  .puestos-container .tables #th-code,
  .puestos-container .tables #td-code,
  .puestos-container .tables #th-status,
  .puestos-container .tables #td-status {
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  .puestos-container .tables #th-department,
  .puestos-container .tables #td-department,
  .puestos-container .tables #th-email,
  .puestos-container .tables #td-email,
  .puestos-container .tables #th-code,
  .puestos-container .tables #td-code,
  .puestos-container .tables #th-status,
  .puestos-container .tables #td-status {
    display: table-cell;
  }
}
.puestos-container .dropdown-more {
  color: #080B17;
}

.subject-container {
  border-left: 1px solid #E9EBF9;
  padding-left: 16px;
}
.subject-container .subject-header-block {
  padding: 8px 0;
}
.subject-container .subject-header-block .subject-header {
  width: 100%;
  height: 20vh;
}
.subject-container .subject-header-block .subject-header .subject-image {
  background-image: url("../../assets/images/subject/banner.jpeg");
  width: 100%;
  height: 100%;
  background-size: cover;
  position: relative;
  z-index: 0;
}
.subject-container .subject-header-block .subject-header .subject-image .subject-cover {
  background-color: rgba(31, 31, 30, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.subject-container .subject-header-block .subject-header .subject-image .subject-cover .cover-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.subject-container .subject-header-block .subject-header .subject-image .subject-cover .cover-title h4 {
  color: #FFFFFF;
  font-weight: 400;
  margin: 0;
}
.subject-container .subject-header-block .subject-header .subjet-no-image {
  background-color: #A2A5B1 !important;
  background-image: none !important;
}
.subject-container .subject-header-block .subject-header .subjet-no-image .subject-cover {
  background-color: transparent;
}
.subject-container .subject-header-block .subject-header .subjet-no-image .subject-cover .cover-title h4 {
  color: #FFFFFF;
}
.subject-container .subject-chips {
  text-align: center;
  margin-top: 24px;
}
.subject-container .card-content {
  padding: 16px;
}
.subject-container .card-content .subject-description {
  text-align: center;
}
.subject-container .card-content .subject-description p {
  text-align: center;
}

.subject-bottom ul {
  padding: 0;
  margin: 0;
}
.subject-bottom ul .subject-bottom-continue {
  background-color: #FF9800;
}
.subject-bottom ul .subject-bottom-continue a {
  padding: 32px 0;
}
.subject-bottom ul .subject-bottom-continue a label {
  color: #FFFFFF !important;
  transform: translateY(10px) !important;
}
.subject-bottom ul .subject-bottom-like {
  background-color: #FFF3E0;
}
.subject-bottom ul .subject-bottom-like a {
  padding: 16px 0;
}

.table-search select {
  margin: 0 !important;
  transform: translatey(-3px);
}

.webinars-cards-container.cards-mode {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  flex-basis: fit-content;
}
.webinars-cards-container.cards-mode .card {
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  flex: none !important;
  margin: 0 0 20px 0 !important;
  height: auto !important;
  width: auto !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card {
    flex: 1 0px !important;
    margin: 0 16px 20px 0 !important;
    min-width: 47.5% !important;
    max-width: 49.5% !important;
  }
}
@media (min-width: 1090px) {
  .webinars-cards-container.cards-mode .card {
    flex: 1 0px !important;
    margin: 0 16px 20px 0 !important;
    min-width: 31% !important;
    max-width: 32% !important;
  }
}
.webinars-cards-container.cards-mode .card:active, .webinars-cards-container.cards-mode .card::selection {
  border: 1px solid #FFA726;
}
.webinars-cards-container.cards-mode .card .card-header {
  height: 80px;
  background-color: white;
  border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card .card-header {
    height: 200px;
  }
}
.webinars-cards-container.cards-mode .card .card-header .card-header-buttons {
  width: 132px; /* Corregido el espacio extra */
  margin: 8px 8px 0 0;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card .card-header .card-header-buttons {
    width: 54px;
  }
}
.webinars-cards-container.cards-mode .card .card-header .card-header-buttons a {
  margin: 0 0 8px 8px;
  width: auto;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card .card-header .card-header-buttons a {
    margin: 0 0 8px 0;
  }
}
.webinars-cards-container.cards-mode .card .card-header .card-header-buttons a i.item-booked {
  color: #080B17;
  content: "bookmark" !important;
  font-family: "Material Icons" !important;
  font-weight: normal;
  font-style: normal;
}
.webinars-cards-container.cards-mode .card .card-header .ranking-container {
  margin: 8px 0 0 8px;
}
.webinars-cards-container.cards-mode .card .card-header .ranking-container i {
  color: #FFB74D;
}
.webinars-cards-container.cards-mode .card .card-header .ranking-container p {
  float: right;
  font-size: 10px;
  display: none;
}
@media (min-width: 360px) {
  .webinars-cards-container.cards-mode .card .card-header .ranking-container p {
    display: inline-block;
  }
}
.webinars-cards-container.cards-mode .card .cat-01 {
  background-color: #E9EBF9;
  position: relative;
  z-index: 1;
  object-fit: cover;
}
.webinars-cards-container.cards-mode .card .img-card01 {
  position: absolute;
  z-index: -1;
  height: 80px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .webinars-cards-container.cards-mode .card .img-card01 {
    position: absolute;
    z-index: -1;
    height: 200px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
  }
}
.webinars-cards-container.cards-mode .card .card-content {
  padding: 8px 8px;
}
.webinars-cards-container.cards-mode .card .card-content h5 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
}
.webinars-cards-container.cards-mode .card .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.webinars-cards-container.cards-mode .card .card-action {
  padding: 8px 8px 8px 8px;
  border: 0px solid #F3F6FF;
  overflow: hidden;
}
.webinars-cards-container.cards-mode .card .card-action .card-action-1 {
  display: inline-block;
  float: none !important;
  width: 100% !important;
}
.webinars-cards-container.cards-mode .card .card-action .card-action-1 a {
  width: 100% !important;
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .gauge-container {
  width: 50%;
  float: left;
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .ranking-container {
  width: 50%;
  float: right;
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .ranking-container .ranking-wrapper {
  transform: translateY(4px);
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.webinars-cards-container.cards-mode .card .card-action.card-action-flex .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
}
.webinars-cards-container.list-mode .card {
  height: 120px !important;
  width: 100% !important;
  min-width: 100% !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 5px !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card {
    height: 142px !important;
  }
}
.webinars-cards-container.list-mode .card .card-content {
  padding: 0px 8px !important;
}
.webinars-cards-container.list-mode .card .card-content h5 {
  padding: 0;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
}
.webinars-cards-container.list-mode .card .card-stacked {
  padding: 0 8px 0 0;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides {
  display: flex;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left {
  width: 140px;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left {
    width: 25%;
    display: inline-block;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header {
  height: 118px;
  width: 140px;
  background-color: #C8CAD7;
  border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -webkit-border-radius: 5px 0px 0px 5px;
  float: left;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header {
    float: none;
    height: 140px;
    width: auto;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons {
  display: flex;
  margin: 8px 8px 8px 0;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons {
    display: inline-block;
    margin: 8px 8px 0 0;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn {
  margin-left: 8px;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .card-header-buttons .btn {
    margin-left: 0;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container {
  display: inline-block;
  margin: 0 auto;
  width: inherit;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper {
  transform: translateY(8px);
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-header .ranking-container .ranking-wrapper .chip {
  margin-right: 0;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .cat-01 {
  background-color: #E9EBF9;
  position: relative;
  z-index: 1;
  padding: 0px;
  object-fit: cover;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .img-card01 {
  position: absolute;
  z-index: -1;
  height: 118px;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .img-card01 {
    position: absolute;
    z-index: -1;
    height: 140px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content {
  padding: 8px 8px 8px 8px;
  display: inline-grid;
}
@media (min-width: 599px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content {
    display: block;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content h4 {
  padding: 0;
  margin: 0 0 8px 0;
  font-weight: 400;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-left .card-content .card-description p {
  height: 45px;
  max-height: 45px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right {
  width: 58%;
}
@media (min-width: 400px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right {
    width: 69%;
    float: none;
    max-width: 425px;
  }
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right {
    width: 75%;
    display: inline-block;
    float: right;
    padding-top: 8px;
    max-width: none;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action {
  display: inline-block;
  width: 100%;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action {
  padding: 8px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action a {
  text-transform: none !important;
  margin-right: 8px;
}
@media (min-width: 990px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .btn-high {
    min-width: 107px;
    text-transform: none !important;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 {
  width: 30% !important;
  display: flex;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .gauge-container {
  width: 50%;
  float: left;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container {
  width: 50%;
  float: right;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper {
  transform: translateY(8px);
  display: none;
}
@media (min-width: 990px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper {
    display: inline-block;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper i {
  color: #FFB74D;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-1 .ranking-container .ranking-wrapper p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 {
  width: 70% !important;
  padding-top: 8px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons {
  margin-top: 8px;
  float: right;
  width: 190px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-low i {
  color: #484A55;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
  float: left;
  width: 120px;
}
@media (min-width: 990px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-left {
    width: 76px;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-bottom .card-bottom-buttons .btn-right {
  float: right;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li {
  list-style: none;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li a {
  color: #080B17;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .dropdown-content li a:hover {
  color: #080B17;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-action .card-action-2 .card-action-top .chip-rate i {
  color: #FFB74D;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content h5 {
  margin-top: 8px;
}
@media (min-width: 600px) {
  .webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content h5 {
    margin-top: 0px;
  }
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content .progressbar-container {
  margin-top: 8px;
}
.webinars-cards-container.list-mode .card .card-stacked .card-sides .card-right .card-content .card-action {
  padding: 0;
  transform: translateY(-4px);
}

.label-text-title {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 0px;
}

.Control-label--copyclipboard {
  order: -1;
  width: 32px;
  position: absolute !important;
  top: 45px;
  left: 100%;
  text-align: right;
  margin-left: -40px;
  z-index: 9;
  cursor: pointer;
}

.card-logo {
  margin-top: 32px;
  margin-left: 32px;
}

.h4-text-desc {
  margin-bottom: 0px;
  margin-top: 2px;
}

.registered {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  transform: translateY(38px);
  top: 112px;
}

.rotate-icon {
  transform: rotate(0deg) !important;
}

.p-alt-desc {
  font-size: 16px;
  font-weight: 700;
  line-height: 11px;
  letter-spacing: 0em;
}

.p-low-desc {
  position: relative;
  top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 8px;
  letter-spacing: 0em;
  text-align: left;
}

.p-desc-vid {
  font-size: 16px;
  font-weight: 600;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
}

.collapsible-body-nopad {
  padding: 0px;
}

.display-list-collapsible {
  display: contents;
  justify-content: space-between;
}

.size-img {
  width: 32px;
}

.btn-download {
  display: flex;
  text-decoration: none;
  font-size: 14px;
  color: #000000;
}

.expand-more-collapsible {
  transform: translateX(16px);
}

.table-righ-text {
  padding: 24px;
  font-weight: 600;
}

.p-nopad {
  margin: 0px;
  padding: 0px;
}

ol.s {
  list-style-type: inherit !important;
  color: #000 !important;
}

.collapsible-form-list .collapsible .block-list-item .collapsible-body .collapsible-body-container ol.s {
  list-style-type: inherit !important;
  color: #000 !important;
}
.collapsible-form-list .collapsible .block-list-item .collapsible-body .collapsible-body-container ol.s li {
  list-style-type: inherit !important;
  color: #000 !important;
}

.font-vigencia {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 16px;
  transform: translate(8px, 0px);
}
.font-vigencia .color-bold-date {
  color: #FF9800;
  font-weight: 700;
}

.disabled-vogencia {
  color: #A2A5B1 !important;
}
.disabled-vogencia .color-bold-date {
  color: #A2A5B1 !important;
  font-weight: 700;
}

.btn-asignar-plan {
  font-size: 16px !important;
  width: 90% !important;
}

.btn-asignar-plan-2 {
  font-size: 16px !important;
  width: 100% !important;
}

.checbox-plan {
  position: relative;
  top: 10px;
  left: 10px;
}

.ol-color-text {
  color: #FB8C00 !important;
}

.text-important {
  text-decoration: underline;
  font-style: italic;
}

.btn-morer-vert-ssix {
  transform: translateY(8px);
}

/* Espaciado entre secciones */
.custom-section {
  margin-bottom: 32px;
}

/* Contenedor de cards con scroll horizontal */
.custom-card-scroll {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 16px;
  padding: 8px;
}

/* Scrollbar personalizado */
.custom-card-scroll::-webkit-scrollbar {
  height: 6px;
}

.custom-card-scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

/* Cada card cliente */
.custom-client-card {
  width: fit-content;
  min-width: 180px;
  flex-shrink: 0;
}

/* Bloque de icono dentro del card */
.custom-icon-block {
  margin-bottom: 8px;
  text-align: center;
}

/* Bloque de texto dentro del card */
.custom-text-block p {
  max-width: 200px;
  overflow-wrap: break-word;
  margin: 0;
}

/* Etiquetas de texto */
.primary-label {
  font-weight: bold;
}

.secondary-label {
  color: #666;
}

/* Header especial para Analytics */
.custom-analytics-header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

/*# sourceMappingURL=style.css.map */