@font-face {
  font-family: "Quicksand";
  src: local("Quicksand Light"), local("Quicksand-Light"), url("/fonts/quicksand/Quicksand-Light.woff2") format("woff2"), url("/fonts/quicksand/Quicksand-Light.woff") format("woff"), url("/fonts/quicksand/Quicksand-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Quicksand";
  src: local("Quicksand Bold"), local("Quicksand-Bold"), url("/fonts/quicksand/Quicksand-Bold.woff2") format("woff2"), url("/fonts/quicksand/Quicksand-Bold.woff") format("woff"), url("/fonts/quicksand/Quicksand-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Quicksand";
  src: local("Quicksand Regular"), local("Quicksand-Regular"), url("/fonts/quicksand/Quicksand-Regular.woff2") format("woff2"), url("/fonts/quicksand/Quicksand-Regular.woff") format("woff"), url("/fonts/quicksand/Quicksand-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Quicksand";
  src: local("Quicksand Medium"), local("Quicksand-Medium"), url("/fonts/quicksand/Quicksand-Medium.woff2") format("woff2"), url("/fonts/quicksand/Quicksand-Medium.woff") format("woff"), url("/fonts/quicksand/Quicksand-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Quicksand";
  src: local("Quicksand SemiBold"), local("Quicksand-SemiBold"), url("/fonts/quicksand/Quicksand-SemiBold.woff2") format("woff2"), url("/fonts/quicksand/Quicksand-SemiBold.woff") format("woff"), url("/fonts/quicksand/Quicksand-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
.hr-green {
  display: block;
  background-color: #34B4C5;
  width: 100%;
  height: 1px;
  opacity: 0.35;
}

.lq-container {
  width: 100%;
  font-family: "Nunito", sans-serif;
}
.lq-container--sky {
  background-color: #F7F5DE;
}

.lq-table {
  display: grid;
  margin: 0 auto;
  border-radius: 0.5rem;
  border: 1px solid #CFCFCF;
}
@media (max-width: 800px) {
  .lq-table {
    background: transparent;
    box-shadow: none;
    border: none;
  }
}
.lq-table-row {
  display: grid;
  grid-template-columns: 2fr 2fr 4fr 2fr;
}
@media (max-width: 800px) {
  .lq-table-row {
    grid-template-columns: 3fr 1fr 3fr;
    background: #FFFDEC;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0.5rem;
  }
}
@media (max-width: 400px) {
  .lq-table-row {
    grid-template-columns: 1fr 1fr;
  }
}
.lq-table-row:not(:last-child) {
  border-bottom: 1px solid #ddd;
}
.lq-table-row.lq-table-header {
  border-radius: 0.5rem 0.5rem 0 0;
  background: #F2F0D4;
  font-weight: bold;
  color: #4F4F4F;
}
@media (max-width: 800px) {
  .lq-table-row.lq-table-header {
    display: none;
  }
}
@media (max-width: 800px) {
  .lq-table-row.lq-table-mov {
    display: none;
  }
}
.lq-table-cell-header {
  padding: 1rem;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 100%;
  color: #4F4F4F;
}
@media (max-width: 800px) {
  .lq-table-cell-header {
    padding: 0 0 1rem 0;
    text-align: center;
  }
}
@media (max-width: 800px) {
  .lq-table-cell-header:before {
    content: attr(data-title);
    font-weight: bold;
    display: block;
    background: rgba(221, 221, 221, 0.8);
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 1rem;
  }
  .lq-table-cell-header:first-child {
    grid-column-start: 1;
    grid-column-end: 5;
    border-bottom: 1px solid #ddd;
  }
  .lq-table-cell-header:first-child:before {
    border-radius: 0.5rem 0.5rem 0 0;
  }
}
@media (max-width: 400px) {
  .lq-table-cell-header:last-child {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}
.lq-table-cell {
  padding: 0.5rem;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
  align-content: center;
}
@media (max-width: 800px) {
  .lq-table-cell {
    padding: 0 0 1rem 0;
    text-align: center;
  }
}
@media (max-width: 800px) {
  .lq-table-cell:before {
    content: attr(data-title);
    font-weight: bold;
    display: block;
    background: rgba(221, 221, 221, 0.8);
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 1rem;
  }
  .lq-table-cell:first-child {
    grid-column-start: 1;
    grid-column-end: 5;
    border-bottom: 1px solid #ddd;
  }
  .lq-table-cell:first-child:before {
    border-radius: 0.5rem 0.5rem 0 0;
  }
}
@media (max-width: 400px) {
  .lq-table-cell:last-child {
    grid-column-start: 1;
    grid-column-end: 5;
  }
}

.mb-table {
  display: grid;
  margin: 0 0 0 0 !important;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
  align-items: top;
  background: rgba(250, 250, 250, 0.9);
  border-radius: 0.5rem;
}
.mb-table-row {
  display: grid;
  grid-template-columns: 2fr 3fr 2fr;
  border-radius: 0.5rem;
}
@media (min-width: 800px) {
  .mb-table-row {
    display: none;
  }
}
.mb-table_row-edit {
  display: grid;
  grid-template-columns: 2fr 3fr;
  border-radius: 0.5rem;
}
@media (min-width: 800px) {
  .mb-table_row-edit {
    display: none;
  }
}
.mb-table-cell {
  padding: 1rem;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
  text-align: center;
  border: 1px solid #F2F0D4;
}
.mb-table-cell-text {
  padding: 1rem;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
  text-align: center;
  border: 1px solid #ddd;
  word-break: break-all;
}
.mb-table-cell-firts {
  padding: 0.5rem;
  background-color: #F2F0D4;
  color: #4F4F4F;
  text-align: center;
  border: 1px solid #F2F0D4;
}

.lq-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  margin: 5px;
  background-color: transparent;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
  color: #6659A3;
  filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.12));
  border-radius: 5px;
}
.lq-button__icon {
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
}
.lq-button__icon--eye {
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.46484 9.49279C2.70752 6.33941 5.7747 4.10547 9.36625 4.10547C12.9578 4.10547 16.025 6.33941 17.2677 9.49279C16.025 12.6462 12.9578 14.8801 9.36625 14.8801C5.7747 14.8801 2.70752 12.6462 1.46484 9.49279ZM15.7017 9.49279C14.5165 7.07209 12.0886 5.54209 9.36625 5.54209C6.64386 5.54209 4.21597 7.07209 3.03076 9.49279C4.21597 11.9135 6.64386 13.4435 9.36625 13.4435C12.0886 13.4435 14.5165 11.9135 15.7017 9.49279ZM9.36625 7.69702C10.3575 7.69702 11.162 8.50153 11.162 9.49279C11.162 10.4841 10.3575 11.2886 9.36625 11.2886C8.37499 11.2886 7.57048 10.4841 7.57048 9.49279C7.57048 8.50153 8.37499 7.69702 9.36625 7.69702ZM6.13386 9.49279C6.13386 7.71138 7.58484 6.2604 9.36625 6.2604C11.1477 6.2604 12.5986 7.71138 12.5986 9.49279C12.5986 11.2742 11.1477 12.7252 9.36625 12.7252C7.58484 12.7252 6.13386 11.2742 6.13386 9.49279Z' fill='%236659A3' /%3E%3C/svg%3E%0A");
}
.lq-button__icon--edit {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' style=''%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none' style='' class=''/%3E%3Cdefs%3E%3Cfilter id='filter0_d_430_2832' x='0.25' y='0.9624019861221313' width='32.826698303222656' height='31.787599563598633' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_430_2832'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_430_2832' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3Cg class='currentLayer' style=''%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg filter='url(%23filter0_d_430_2832)' id='svg_1' class=''%3E%3Cpath d='M7.567534771728516,3.2505789764404303 H3.8367347717285156 C2.1798347717285154,3.2505789764404303 0.8367347717285156,4.593778976440429 0.8367347717285156,6.25057897644043 V12.19727897644043 C0.8367347717285156,13.85417897644043 2.1798347717285154,15.19727897644043 3.8367347717285156,15.19727897644043 H10.336734771728516 C11.993634771728516,15.19727897644043 13.336734771728516,13.85417897644043 13.336734771728516,12.19727897644043 V9.41057897644043 M12.182934771728515,2.5039489764404306 L14.682934771728515,4.743978976440429 M6.7982347717285165,9.78397897644043 V7.35727897644043 L13.336734771728516,1.1972789764404297 L15.836734771728516,3.62397897644043 L9.490534771728516,9.78397897644043 H6.7982347717285165 z' stroke='%23828282' stroke-width='1.5' shape-rendering='crispEdges' id='svg_2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 17px;
  height: 17px;
}
.lq-button__icon--back {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9917 1.78369L1.6219 11.1535L10.9917 20.5233' stroke='white' stroke-width='3' stroke-linejoin='round'/%3E%3Cpath d='M1.62158 11.0811H21.3783' stroke='white' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 50%;
  background-position: center;
}

.mb-button {
  display: inline-flex;
}
@media (max-width: 500px) {
  .mb-button {
    display: table-cell;
  }
}

@media (max-width: 580px) {
  .mb-ocultar-icon {
    display: none;
  }
}

.stepper {
  width: 100%;
  max-width: 274px;
  margin: 0 auto;
  padding: 30px 0;
}
@media only screen and (min-width: 768px) {
  .stepper {
    min-height: 72px;
  }
}
.stepper__title {
  text-align: center;
  margin-bottom: 12px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #00405C;
}
.stepper__wrapper {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.stepper__circle {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-content: center;
  flex-shrink: 0;
  background-color: #FFFFFF;
  border: 2px solid #34B4C5;
  color: #00405C;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  transition: all 0.2s ease-in-out;
}
.stepper__circle.active {
  background-color: #34B4C5;
  color: #FFFFFF;
}
.stepper__line {
  width: 100%;
  height: 1px;
  background-color: #34B4C5;
  border-radius: 1px;
}

.lq-teachers__head-back {
  height: 80px;
  background-color: #FFFFFF;
  width: 100%;
}
.lq-teachers__head-back-container {
  width: 100%;
  max-width: 1130px;
  padding: 0 15px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.lq-teachers__head-back-container a.back {
  display: flex;
  align-items: center;
  gap: 11px;
  font-weight: 600;
  font-size: 18px;
  line-height: 70px;
  color: #00405C;
}
.lq-teachers__head-back-container a.back:hover {
  text-decoration: none;
}
.lq-teachers__head-back-container a.back i.lq-button__icon {
  width: 43px;
  height: 43px;
  background-color: #FFAD12;
  border-radius: 50%;
  box-shadow: 0px 2px 8px #D2E1E2;
}
.lq-teachers__weeks {
  background-color: #F7F5DE;
  height: 100px;
  width: 100%;
}
.lq-teachers__weeks-container {
  width: 100%;
  height: 100%;
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  gap: 1.5rem;
  align-items: center;
}
.lq-teachers__weeks-container li {
  position: relative;
  font-size: 18px;
  line-height: 19px;
  cursor: pointer;
  border: 1px solid #6659A3;
  border-radius: 16px;
  padding: 0.5rem 1rem;
}
.lq-teachers__weeks-container li a {
  color: #6659A3;
}
.lq-teachers__weeks-container li:hover:before {
  opacity: 1;
}
.lq-teachers__weeks-container li.active {
  background-color: #6659A3;
}
.lq-teachers__weeks-container li.active a {
  color: #F7F5DE;
}
.lq-teachers__container--with-weeks {
  display: flex;
  flex-direction: row;
  gap: 17px;
  padding-bottom: 58px;
}

.support li {
  border-color: #FFCC24;
}
.support li a {
  color: #4F4F4F;
}
.support li.active {
  background-color: #FFCC24;
}
.support li.active a {
  color: #4F4F4F;
}

@media (min-width: 800px) {
  .view_mobile {
    display: none;
  }
}

.view_desktop {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .view_desktop {
    display: block;
  }
}

.lq-teachers-detail__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17px;
}
.lq-teachers-detail__head .help-text {
  font-weight: bold;
  font-size: 17px;
  line-height: 21px;
  color: #00405C;
}
.lq-teachers-detail__cta {
  padding: 13px 16px;
  color: #FFFFFF;
  display: flex;
  gap: 7px;
  align-items: center;
  border-radius: 40px;
  background-color: #FFAD12;
  transition: all 0.2s ease;
  border: 1px solid #FFAD12;
}
.lq-teachers-detail__cta:hover {
  color: #FFAD12;
  background-color: #FFFFFF;
  text-decoration: none;
}
.lq-teachers-detail__cta:hover i {
  background-color: #FFAD12;
}
.lq-teachers-detail__cta i {
  background-image: none;
  -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' style=''%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none' style='' class=''/%3E%3Cdefs%3E%3Cfilter id='filter0_d_430_2832' x='0.25' y='0.9624019861221313' width='32.826698303222656' height='31.787599563598633' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_430_2832'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_430_2832' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3Cg class='currentLayer' style=''%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg filter='url(%23filter0_d_430_2832)' id='svg_1' class=''%3E%3Cpath d='M7.567534771728516,3.2505789764404303 H3.8367347717285156 C2.1798347717285154,3.2505789764404303 0.8367347717285156,4.593778976440429 0.8367347717285156,6.25057897644043 V12.19727897644043 C0.8367347717285156,13.85417897644043 2.1798347717285154,15.19727897644043 3.8367347717285156,15.19727897644043 H10.336734771728516 C11.993634771728516,15.19727897644043 13.336734771728516,13.85417897644043 13.336734771728516,12.19727897644043 V9.41057897644043 M12.182934771728515,2.5039489764404306 L14.682934771728515,4.743978976440429 M6.7982347717285165,9.78397897644043 V7.35727897644043 L13.336734771728516,1.1972789764404297 L15.836734771728516,3.62397897644043 L9.490534771728516,9.78397897644043 H6.7982347717285165 z' stroke='%23828282' stroke-width='1.5' shape-rendering='crispEdges' id='svg_2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' style=''%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none' style='' class=''/%3E%3Cdefs%3E%3Cfilter id='filter0_d_430_2832' x='0.25' y='0.9624019861221313' width='32.826698303222656' height='31.787599563598633' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_430_2832'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_430_2832' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3Cg class='currentLayer' style=''%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg filter='url(%23filter0_d_430_2832)' id='svg_1' class=''%3E%3Cpath d='M7.567534771728516,3.2505789764404303 H3.8367347717285156 C2.1798347717285154,3.2505789764404303 0.8367347717285156,4.593778976440429 0.8367347717285156,6.25057897644043 V12.19727897644043 C0.8367347717285156,13.85417897644043 2.1798347717285154,15.19727897644043 3.8367347717285156,15.19727897644043 H10.336734771728516 C11.993634771728516,15.19727897644043 13.336734771728516,13.85417897644043 13.336734771728516,12.19727897644043 V9.41057897644043 M12.182934771728515,2.5039489764404306 L14.682934771728515,4.743978976440429 M6.7982347717285165,9.78397897644043 V7.35727897644043 L13.336734771728516,1.1972789764404297 L15.836734771728516,3.62397897644043 L9.490534771728516,9.78397897644043 H6.7982347717285165 z' stroke='%23828282' stroke-width='1.5' shape-rendering='crispEdges' id='svg_2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}
.lq-teachers-detail__content {
  padding-top: 0px !important;
}
.lq-teachers-detail__breadcums {
  margin-bottom: 10px;
  display: flex;
  gap: 30px;
}
.lq-teachers-detail__breadcums li {
  position: relative;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #939090;
}
.lq-teachers-detail__breadcums li:before {
  content: "/";
  position: absolute;
  right: -2ch;
}
.lq-teachers-detail__breadcums li:last-child::before {
  display: none;
}
.lq-teachers-detail__title {
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
  color: #34B4C5;
  margin-bottom: 18px;
}
.lq-teachers-detail__title-refuerzo {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 14px;
  color: #4F4F4F;
  margin-bottom: 0.5px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px 10px 0px 0px;
}
.lq-teachers-detail__title-refuerzo p {
  text-decoration: none;
  font-size: 15px;
  line-height: 14px;
}
.lq-teachers-detail__video {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.lq-teachers-detail__video iframe {
  width: calc(100% - 156px);
}
@media only screen and (max-width: 768px) {
  .lq-teachers-detail__video iframe {
    height: 240px;
  }
}
.lq-teachers-detail__video-footer {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
  margin-bottom: 14px;
}
.lq-teachers-detail__resources h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 21px;
  color: #4F4F4F;
}
.lq-teachers-detail__resources .downloaders {
  display: flex;
  justify-content: space-evenly;
  max-width: 100%;
  gap: 19px;
}
@media (max-width: 800px) {
  .lq-teachers-detail__resources .downloaders {
    flex-direction: column;
    margin-left: 0px 40px 40px 0px;
  }
}
.lq-teachers-detail__resources-button {
  display: flex;
  align-items: center;
  gap: 9px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #F7F5DE;
  padding: 0.5rem 1rem;
  background: #6659A3;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 16px;
}
@media (min-width: 800px) {
  .lq-teachers-detail__resources-button {
    width: 23%;
    height: 70px;
    gap: 5px;
    justify-content: center;
  }
}
.lq-teachers-detail__resources-button span {
  text-align: center;
}

.resources-button-support {
  background-color: #FFCC24;
  display: flex;
  align-items: center;
  gap: 9px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #4F4F4F;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 16px;
}
@media (min-width: 800px) {
  .resources-button-support {
    width: 23%;
    height: 70px;
    gap: 5px;
    justify-content: center;
  }
}
.resources-button-support span {
  text-align: center;
}

.lq-teachers__steps {
  background-color: #EAF8F9;
  min-height: 100px;
  width: 100%;
}
.lq-teachers__steps-container {
  width: 100%;
  height: 100%;
  max-width: 650px;
  padding: 0 15px;
  margin: 0 auto;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lq-teachers__container--with-steps {
  max-width: 970px;
}

.lq-teachers-edit__breadcums {
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .lq-teachers-edit__breadcums {
    flex-direction: row;
  }
}
.lq-teachers-edit__breadcums ul {
  margin-bottom: 10px;
  display: flex;
  gap: 30px;
}
.lq-teachers-edit__breadcums li {
  position: relative;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #4F4F4F;
}
.lq-teachers-edit__breadcums li:before {
  content: "/";
  position: absolute;
  right: -2ch;
}
.lq-teachers-edit__breadcums li:last-child::before {
  display: none;
}
.lq-teachers-edit__breadcums h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #939090;
  position: relative;
}
.lq-teachers-edit__breadcums h5:before {
  position: relative;
  display: inline-block;
  width: 10px;
  height: auto;
}
@media only screen and (min-width: 850px) {
  .lq-teachers-edit__breadcums h5:before {
    content: "-";
  }
}
.lq-teachers-edit__selects {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .lq-teachers-edit__selects {
    margin-top: 0;
    flex-direction: row;
    gap: 12px;
  }
}
.lq-teachers-edit__select {
  width: 100%;
  display: flex;
  justify-content: center;
}
.lq-teachers-edit__select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  max-width: 335px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4546 0.727539L8.72732 8.45481L1.00004 0.727539' stroke='%23FFAD12' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  padding-right: 35px;
  background-position: calc(100% - 8px) center;
  background-color: #F6F6F6;
  border: 1px solid #7E9799;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 5px;
  font-weight: 600;
  font-size: 18px;
  line-height: 45px;
  color: #4F4F4F;
}

@media only screen and (max-width: 850px) {
  .lq-results-v {
    padding: 30px 15px !important;
  }
}

.lq-teachers-list {
  border-radius: 10px;
  padding: 32px 0;
}
@media only screen and (min-width: 850px) {
  .lq-teachers-list {
    box-shadow: 0px 2px 8px #D2E1E2;
    padding: 32px 38px;
  }
}
.lq-teachers-list__results {
  font-size: 18px;
  line-height: 22px;
  color: #4F4F4F;
  font-weight: 600;
  margin-bottom: 26px;
}
.lq-teachers-list__grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lq-teachers-list__grid .no-results {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
}
.lq-teachers-list__item {
  display: grid;
  min-height: 116px;
  background-color: #F5F5F4;
  box-sizing: border-box;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
  border: 1px solid #4F9C2E;
  box-shadow: 0px 2px 8px #D2E1E2;
  grid-template-areas: "activity activity activity view" "title title title select";
  grid-template-columns: 1fr 1fr 80px 80px;
  padding: 16px 15px;
}
@media only screen and (min-width: 850px) {
  .lq-teachers-list__item {
    grid-template-areas: "activity activity activity activity" "title title view select";
    grid-template-columns: 1fr 1fr 80px 80px;
    padding: 20px 26px;
  }
}
.lq-teachers-list__item:hover {
  border: 1px solid #FFAD12;
  box-shadow: 0px 2px 8px #D2E1E2;
}
.lq-teachers-list__item.active {
  box-shadow: 0px 2px 8px #8D9D9E;
  border: 1px solid #4F9C2E;
}
.lq-teachers-list__item-activity {
  grid-area: activity;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #34B4C5;
  display: flex;
  align-items: center;
}
.lq-teachers-list__item-title {
  grid-area: title;
  font-size: 18px;
  line-height: 23px;
  color: #00405C;
  font-weight: 600;
  max-width: 350px;
}
.lq-teachers-list__item-view {
  grid-area: view;
  width: 100%;
  max-width: 65px;
  display: grid;
  place-content: center;
}
.lq-teachers-list__item-view button {
  filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.12));
  max-width: 63px;
}
.lq-teachers-list__item-select {
  grid-area: select;
  width: 100%;
  max-width: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lq-teachers-list__item-select .select-title {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #939090;
  font-weight: 600;
}
.lq-teachers-list__item-select .theselect > label {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #4F4F4F;
}
.lq-teachers-list__item-select .theselect .m-input-check {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 8px;
  top: 7px;
}
.lq-teachers-list__item-select .theselect .m-input-label-check {
  cursor: pointer;
}
.lq-teachers-list__item-select .theselect input[type=radio] {
  display: none;
}
.lq-teachers-list__item-select .theselect input[type=radio] + span.m-input-check:before, .lq-teachers-list__item-select .theselect input[type=radio] + span.m-input-check:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.lq-teachers-list__item-select .theselect input[type=radio] + span.m-input-check:before {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: transparent;
  border: 2px solid #FFAD12;
}
.lq-teachers-list__item-select .theselect input[type=radio] + span.m-input-check:after {
  top: 50%;
  left: 11px;
  width: 48px;
  height: 48px;
  opacity: 0;
  background: #00405C;
  transform: translate(-50%, -50%) scale(0);
}
.lq-teachers-list__item-select .theselect input[type=radio]:checked + span.m-input-check:before {
  box-shadow: inset 0 0 0 1.5px #FFFFFF;
  border: 2px solid #FFAD12;
  background: #FFAD12;
}
.lq-teachers-list__item-select .theselect input[type=radio]:checked + span.m-input-check:after {
  transform: translate(-50%, -50%) scale(1);
}
.lq-teachers-list__slider-count {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #A8A3A3;
}
.lq-teachers-list__slider-cta {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.lq-teachers-list__slider hr {
  border-color: #34B4C5;
  margin: 35px 0;
}
.lq-teachers-list__slider .lq-teachers-detail__video {
  display: flex;
  justify-content: center;
}
.lq-teachers-list__slider .lq-teachers-detail__video iframe {
  width: calc(100% - 156px);
}
@media only screen and (max-width: 850px) {
  .lq-teachers-list__slider .lq-teachers-detail__video iframe {
    width: 100%;
    height: 100%;
    min-height: 210px;
  }
}
.lq-teachers-list__slider .lq-teachers-detail__video-footer,
.lq-teachers-list__slider .lq-teachers-detail__resources {
  width: 100%;
  max-width: 818px;
  margin: 0 auto;
  margin-bottom: 23px;
}
@media only screen and (max-width: 850px) {
  .lq-teachers-list__slider .lq-teachers-detail__video-footer .downloaders,
.lq-teachers-list__slider .lq-teachers-detail__resources .downloaders {
    flex-direction: column;
  }
}
@media only screen and (max-width: 850px) {
  .lq-teachers-list__slider .slider-activities {
    display: grid;
    grid-template-areas: "a b" "c c";
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 26px;
         column-gap: 26px;
  }
}
@media only screen and (max-width: 850px) {
  .lq-teachers-list__slider .swiper-wrapper {
    grid-area: c;
  }
}
.lq-teachers-list__slider .swiper-button-prev,
.lq-teachers-list__slider .swiper-button-next {
  width: 56px;
  height: 56px;
  box-shadow: unset;
  background: unset;
}
@media only screen and (max-width: 850px) {
  .lq-teachers-list__slider .swiper-button-prev,
.lq-teachers-list__slider .swiper-button-next {
    width: 100%;
    display: flex;
    position: relative;
    left: unset;
    right: unset;
    transform: unset;
    top: unset;
    bottom: unset;
    margin: unset;
  }
}
.lq-teachers-list__slider .swiper-button-prev:hover svg path,
.lq-teachers-list__slider .swiper-button-next:hover svg path {
  stroke: #FFFFFF;
}
.lq-teachers-list__slider .swiper-button-prev:hover svg circle,
.lq-teachers-list__slider .swiper-button-next:hover svg circle {
  fill: #FFAD12;
}
.lq-teachers-list__slider .swiper-button-prev.swiper-button-disabled,
.lq-teachers-list__slider .swiper-button-next.swiper-button-disabled {
  visibility: visible;
  opacity: 0.35;
}
.lq-teachers-list__slider .swiper-button-prev svg path,
.lq-teachers-list__slider .swiper-button-prev svg circle,
.lq-teachers-list__slider .swiper-button-next svg path,
.lq-teachers-list__slider .swiper-button-next svg circle {
  transition: all 0.2s ease-in-out;
}
.lq-teachers-list__slider .swiper-button-prev svg path,
.lq-teachers-list__slider .swiper-button-next svg path {
  fill: unset;
}
.lq-teachers-list__slider .swiper-button-prev {
  grid-area: a;
}
@media only screen and (max-width: 850px) {
  .lq-teachers-list__slider .swiper-button-prev {
    justify-content: flex-end;
  }
}
.lq-teachers-list__slider .swiper-button-next {
  grid-area: b;
}
@media only screen and (max-width: 850px) {
  .lq-teachers-list__slider .swiper-button-next {
    justify-content: flex-start;
  }
}

.modal-confirm .tingle-modal-box {
  width: 100%;
  background-color: transparent;
  max-width: 534px;
}
@media only screen and (max-width: 850px) {
  .modal-confirm .tingle-modal-box__content {
    padding: 4rem 3rem;
  }
}
.modal-confirm .tingle-modal__close {
  display: none;
}
.modal-confirm__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  padding: 60px 10px;
  border-radius: 10px;
}
.modal-confirm__content h2 {
  font-family: Quicksand;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
}
.modal-confirm__content button {
  width: 100%;
  max-width: 227px;
  height: 47px;
  background: #FFAD12;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.modal-confirm__close {
  cursor: pointer;
  position: absolute;
  top: -60px;
  right: 5px;
  font-size: 25px;
  font-weight: 300;
  background: white;
  color: #FFAD12;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.lq-table-view {
  max-width: 970px;
  margin: 0 auto;
}
.lq-table-view .lq-table {
  max-width: 890px;
}
.lq-table-view .xx {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
.lq-table-view .text-bottom {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #00405C;
  margin-top: 20px;
  margin-bottom: 28px;
  display: block;
}

.lq-r-alert {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .lq-r-alert {
    background-color: #FFFFFF;
    padding: 15px 20px 30px 20px;
  }
}

.lq-cta-bottom {
  width: 222px;
  height: 54px;
  background: #FFAD12;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 30px;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #FFFFFF;
}

.header-detail-activity {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .header-detail-activity {
    flex-direction: row;
    justify-content: space-between;
  }
}
.header-detail-activity .left-div {
  flex-grow: 1;
}
.header-detail-activity .right-div {
  flex-grow: 1;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .header-detail-activity .right-div {
    text-align: right;
  }
}

.lq-teachers__head-message {
  background-color: #413869;
  color: #FFFFFF;
  width: 100%;
  padding: 2rem 0;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (min-width: 1024px) {
  .lq-teachers__head-message {
    font-size: 18px;
    line-height: 22px;
  }
}
.lq-teachers__head-select {
  margin: 20px 0px;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .lq-teachers__head-select {
    display: block;
  }
}
.lq-teachers__sky {
  width: 100%;
  background-color: #F7F5DE;
}
.lq-teachers__container {
  min-height: 100vh;
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
}
.lq-teachers__container--with-menu {
  display: flex;
  flex-direction: row;
  gap: 17px;
  padding-top: 58px;
  padding-bottom: 58px;
}
@media only screen and (max-width: 1024px) {
  .lq-teachers__container--with-menu {
    padding-top: 5px;
  }
}
.lq-teachers__menu {
  display: none;
  width: 100%;
  max-width: 191px;
  background: #F7F5DE;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 10px;
  margin-bottom: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
}
@media only screen and (min-width: 1024px) {
  .lq-teachers__menu {
    display: block;
  }
}
.lq-teachers__menu ul {
  display: flex;
  flex-direction: column;
}
.lq-teachers__menu ul li:not(:last-child) {
  border-bottom: 1px solid #E7E7E7;
}
.lq-teachers__menu ul li.active a {
  background-color: #47C4C2;
}
.lq-teachers__menu ul li.active a:after {
  opacity: 0;
}
.lq-teachers__menu ul li.active a:before {
  opacity: 1;
}
.lq-teachers__menu ul li a {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 51px;
  transition: all 0.2s ease-in-out;
  background-color: #F7F5DE;
  font-weight: 600;
  font-size: 16px;
  line-height: 53px;
  text-decoration: none;
  color: #4F4F4F;
  padding: 0 25px;
  cursor: pointer;
}
.lq-teachers__menu ul li a:hover {
  background-color: #FBFBFB;
}
.lq-teachers__menu ul li a:hover:after {
  opacity: 0;
}
.lq-teachers__menu ul li a:hover:before {
  opacity: 1;
}
.lq-teachers__rcontent {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .lq-teachers__rcontent {
    padding: 30px 40px;
  }
}
.lq-teachers__rcontent-head {
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .lq-teachers__rcontent-head {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media only screen and (min-width: 1024px) {
  .lq-teachers__rcontent-head {
    display: flex !important;
  }
}
.lq-teachers__rcontent-head .r-month {
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
  color: #4F4F4F;
  text-transform: capitalize;
}
@media only screen and (max-width: 1024px) {
  .lq-teachers__rcontent-head .r-month {
    display: none;
  }
}
.lq-teachers__rcontent-head .r-alert {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 1024px) {
  .lq-teachers__rcontent-head .r-alert {
    display: none !important;
  }
}

.resource-title {
  margin-left: 20px;
}
@media only screen and (min-width: 1024px) {
  .resource-title {
    margin-left: 0px;
  }
}

.lq-teachers-table > h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}
.lq-teachers-table__header-week {
  justify-content: center;
  text-align: center;
}
.lq-teachers-table__header-date {
  justify-content: flex-start;
}
.lq-teachers-table__header-activity {
  justify-content: flex-start;
}
.lq-teachers-table__header-programming {
  justify-content: center;
  text-align: center;
}

div[id^=profile-modal-].fields .modal-content {
  width: 400px !important;
}
div[id^=profile-modal-].fields .modal-content span.m-icon-svg {
  width: 100px;
  margin: 0 auto;
}
div[id^=profile-modal-].fields .modal-content p {
  text-align: center;
  margin-top: 20px;
}
div[id^=profile-modal-].fields .modal-content .alert {
  border: none;
}

div#profile-modal-foto .modal-content {
  width: 400px !important;
}
div#profile-modal-foto .modal-content .modal-body > span.m-icon-svg {
  width: 100px;
  margin: 0 auto;
}
div#profile-modal-foto .modal-content p {
  text-align: center;
  margin-top: 20px;
}
div#profile-modal-foto .modal-content .alert {
  border: none;
}

.profile-card {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  background-color: #F2F0D4;
  margin-top: 20px;
}
.profile-card button {
  background-color: #EE4266;
  border-radius: 50px;
  margin-bottom: 10px;
  margin-right: 10px;
}
.profile-card button:hover {
  background-color: #e9395e;
  border-color: #e9395e;
}

.content-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 80vh;
  margin: 0 auto;
  text-align: center;
}

.role-buttons {
  width: 40%;
  margin: 0 auto;
  gap: 1rem;
}
.role-buttons button {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #EE4266;
  height: 50px;
  border-radius: 2rem;
  box-shadow: 2px 2px 4px rgba(160, 168, 175, 0.43);
}
.role-buttons button:hover {
  background-color: #e9395e;
  border-color: #e9395e;
}
.role-buttons button svg {
  margin-right: 10px;
}

.classroom-card {
  width: 70%;
  border-radius: 20px;
  box-shadow: 2px 2px 10px -3px #b0b0b1;
  padding: 10px;
  margin-bottom: 30px;
  box-sizing: content-box;
}
.classroom-card .form-group {
  width: 160px;
  display: inline-block;
}
.classroom-card div.input-group {
  width: 130px;
}
.classroom-card select {
  border-radius: 20px;
}

.change-classroom-name {
  display: block;
}

.add-classroom, .change-classroom-name, .classroom-name-input p {
  color: #6659A3;
  text-decoration: underline;
  font-weight: 500;
  cursor: pointer;
}

.add-classroom span {
  border: 2px solid #6659A3;
  background-color: #6659A3;
  color: #F7F5DE;
  border-radius: 50%;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-align: center;
  vertical-align: middle;
  line-height: 14px;
  font-weight: 500;
  margin-right: 5px;
  font-size: 22px;
}

.classroom-name {
  font-weight: bold;
}
.classroom-name .form-group {
  width: 300px;
  display: none;
}

.classroom-name-input label {
  font-weight: bold;
}

.classroom-name-input input {
  border-radius: 5px;
}

.position {
  border: 1px solid #FFAD12;
  border-radius: 52px;
  box-sizing: border-box;
  width: 100px;
  text-align: center;
}

.edit-classroom {
  background-color: transparent;
  color: black;
  border: 1px solid #6659A3;
}
.edit-classroom:hover {
  color: #000000;
  background: #685d98 no-repeat 0 0;
  border-color: #6659A3;
}
.edit-classroom:hover > span {
  color: #000000;
}
.edit-classroom svg {
  width: 20px;
}

.add-classroom-btn {
  background: #EE4266;
  border-radius: 24px;
  border: 1px solid #EE4266;
  color: #FFFFFF;
  padding: 10px;
}

#classroom-modal {
  z-index: 1100;
}
#classroom-modal .modal-content, #classroom-modal #classroom-modal input {
  background-color: #F7F5DE;
}
#classroom-modal .modal-content {
  max-width: 420px !important;
}
#classroom-modal .modal-footer button {
  background-color: #FFFFFF;
  box-shadow: 2px 2px 4px rgba(160, 168, 175, 0.43);
  border-radius: 10px;
  border: 1px solid #FFFFFF;
  color: #000000;
  width: 80%;
}
#classroom-modal button.save {
  background: #6659A3;
  border: 1px solid #6659A3;
  color: #FFFFFF;
}
#classroom-modal select {
  border-radius: 8px;
  background-color: #FFFDEC;
}
#classroom-modal input {
  display: block;
  width: 100%;
  height: calc(1.6em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.6;
  color: #495057;
  background-color: #FFFDEC;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#classroom-modal input:focus {
  border: 2px solid #2AB7CA;
}
#classroom-modal .modal-icon {
  width: 300px;
  text-align: center;
  margin: 0 auto;
}
#classroom-modal .modal-footer {
  justify-content: center;
}

#delete-confirmation-modal .modal-content, #profile-confirmation-modal .modal-content {
  max-width: 420px !important;
}

#final-delete-classroom, #submit-profile-action {
  box-shadow: 2px 2px 4px rgba(160, 168, 175, 0.43);
  border-radius: 50px;
  width: 80%;
  background-color: #EE4266;
  border: 1px solid #EE4266;
  color: #FFFFFF;
}

#delete-confirmation-modal .modal-icon,
#profile-confirmation-modal .modal-icon {
  width: 300px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#delete-confirmation-modal .modal-footer,
#profile-confirmation-modal .modal-footer {
  justify-content: center;
}

#delete-classroom {
  display: none;
}

#delete-confirmation-modal, #profile-confirmation-modal {
  z-index: 1200;
}

#cancel-delete-classroom, #cancel-delete-profile {
  background-color: transparent;
  border: none;
  color: #696974;
}

.classroom-flex-title, .profile-flex-title {
  flex-basis: 100%;
}

#delete-confirmation-modal .modal-close,
#classroom-modal .modal-close,
#profile-confirmation-modal .modal-close {
  display: block;
  position: absolute;
  right: 30px;
}

.profile-change {
  width: 100% !important;
  text-decoration: underline;
}

.font-weight-400 {
  font-weight: 400;
}

.select-order {
  background: none;
  border: none;
  font-weight: 600;
}

.search-students {
  background: white;
  border: 1px solid lightgray;
  color: black;
}

.search-students::-moz-placeholder {
  color: black;
  font-size: 1rem;
}

.search-students:-ms-input-placeholder {
  color: black;
  font-size: 1rem;
}

.search-students::placeholder {
  color: black;
  font-size: 1rem;
}

.studentInprocess {
  background-color: #f6f6f7;
}

.faqs {
  display: block;
  margin-bottom: 65px;
  margin-top: 65px;
  width: 90vw;
  max-width: 90vw;
  min-width: 90vw;
  margin-left: 5vw;
}

#no_estudiantes {
  border-top: 1px solid;
  padding-top: 50px;
  text-align: center;
  font-size: 1.3rem;
  padding-left: 250px;
  padding-right: 250px;
}

@media only screen and (max-width: 1280px) {
  #no_estudiantes {
    padding-left: 0px;
    padding-right: 0px;
  }

  .m-student-panel__status p:last-child {
    width: 180px;
  }
}
.m-student-edit {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 5px;
  padding-top: 13px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #0a0b29;
  border-spacing: 0 5px !important;
}

.m-student-edit-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.m-student-edit-input input {
  margin-right: 12px;
}

@media only screen and (max-width: 768px) {
  .contenido_grados {
    width: 100%;
    padding: 30px;
    clear: both;
  }

  .content-menu {
    width: 100%;
  }

  .role-buttons {
    width: 80%;
  }

  .m-student-edit-input {
    display: block;
  }

  .m-student-edit-input input {
    margin-bottom: 15px !important;
  }
}
.btn-edit-estudiante-close {
  display: flex;
  position: absolute;
  right: 0px;
  top: 0px;
}

.reforzar {
  font-size: 1rem;
  color: black;
  top: -10px;
  margin: -10px -10px -10px -10px;
  padding: 0px;
}

.edit-error {
  width: 33%;
}

.grey {
  color: #919191 !important;
}

.m-intranet--student .faqs {
  width: 90% !important;
  max-width: initial !important;
  min-width: initial !important;
}

.teacher_without_sections {
  max-width: 500px;
  margin: 40px auto;
  text-align: center;
}

.btn-manual-delete-section {
  padding: 14px;
  border-radius: 8px;
  box-shadow: 2px 2px 4px rgba(160, 168, 175, 0.43);
}

.btn-manual-delete-section:hover {
  color: #fff !important;
  background: #ce3c5b no-repeat 0 0;
  border-color: #ce3c5b;
}

.recovery_alert-question {
  font-size: 1rem;
  font-weight: 600;
  color: #222;
}

.recovery_alert-password {
  font-size: 0.9rem;
  color: #333;
}

.recovery_alert-button-container {
  text-align: center;
}

.lq-teachers__head-back {
  height: 80px;
  background-color: #FFFFFF;
  width: 100%;
}
.lq-teachers__head-back-container {
  width: 100%;
  max-width: 1130px;
  padding: 0 15px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.lq-teachers__head-back-container a.back {
  display: flex;
  align-items: center;
  gap: 11px;
  font-weight: 600;
  font-size: 18px;
  line-height: 70px;
  color: #00405C;
}
.lq-teachers__head-back-container a.back:hover {
  text-decoration: none;
}
.lq-teachers__head-back-container a.back i.lq-button__icon {
  width: 43px;
  height: 43px;
  background-color: #FFAD12;
  border-radius: 50%;
  box-shadow: 0px 2px 8px #D2E1E2;
}
.lq-teachers__weeks {
  background-color: #F7F5DE;
  height: 100px;
  width: 100%;
}
.lq-teachers__weeks-container {
  width: 100%;
  height: 100%;
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
  align-items: center;
}
.lq-teachers__weeks-container li {
  position: relative;
  font-size: 18px;
  line-height: 19px;
  cursor: pointer;
  border: 1px solid #6659A3;
  border-radius: 16px;
  padding: 0.5rem 1rem;
}
.lq-teachers__weeks-container li a {
  color: #6659A3;
}
.lq-teachers__weeks-container li:hover:before {
  opacity: 1;
}
.lq-teachers__weeks-container li.active {
  background-color: #6659A3;
}
.lq-teachers__weeks-container li.active a {
  color: #F7F5DE;
}
.lq-teachers__container--with-weeks {
  display: flex;
  flex-direction: row;
  gap: 17px;
  padding-top: 58px;
  padding-bottom: 58px;
}
@media only screen and (max-width: 425px) {
  .lq-teachers__container--with-weeks {
    padding-top: 0px;
    border: 0;
  }
}

.support li {
  border-color: #FFCC24;
}
.support li a {
  color: #4F4F4F;
}
.support li.active {
  background-color: #FFCC24;
}
.support li.active a {
  color: #4F4F4F;
}

.lq-teachers-detail__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17px;
}
.lq-teachers-detail__head .help-text {
  font-weight: bold;
  font-size: 17px;
  line-height: 21px;
  color: #00405C;
}
@media (max-width: 800px) {
  .lq-teachers-detail__head {
    display: none;
  }
}
.lq-teachers-detail__head-mobile {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17px;
}
.lq-teachers-detail__head-mobile .help-text {
  font-weight: bold;
  font-size: 17px;
  line-height: 21px;
  color: #00405C;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .lq-teachers-detail__head-mobile {
    display: none;
  }
}
.lq-teachers-detail__cta {
  padding: 13px 16px;
  color: #FFFFFF;
  display: flex;
  gap: 7px;
  align-items: center;
  border-radius: 40px;
  background-color: #FFAD12;
  transition: all 0.2s ease;
  border: 1px solid #FFAD12;
}
.lq-teachers-detail__cta:hover {
  color: #FFAD12;
  background-color: #FFFFFF;
  text-decoration: none;
}
.lq-teachers-detail__cta:hover i {
  background-color: #FFAD12;
}
.lq-teachers-detail__cta i {
  background-image: none;
  -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' style=''%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none' style='' class=''/%3E%3Cdefs%3E%3Cfilter id='filter0_d_430_2832' x='0.25' y='0.9624019861221313' width='32.826698303222656' height='31.787599563598633' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_430_2832'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_430_2832' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3Cg class='currentLayer' style=''%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg filter='url(%23filter0_d_430_2832)' id='svg_1' class=''%3E%3Cpath d='M7.567534771728516,3.2505789764404303 H3.8367347717285156 C2.1798347717285154,3.2505789764404303 0.8367347717285156,4.593778976440429 0.8367347717285156,6.25057897644043 V12.19727897644043 C0.8367347717285156,13.85417897644043 2.1798347717285154,15.19727897644043 3.8367347717285156,15.19727897644043 H10.336734771728516 C11.993634771728516,15.19727897644043 13.336734771728516,13.85417897644043 13.336734771728516,12.19727897644043 V9.41057897644043 M12.182934771728515,2.5039489764404306 L14.682934771728515,4.743978976440429 M6.7982347717285165,9.78397897644043 V7.35727897644043 L13.336734771728516,1.1972789764404297 L15.836734771728516,3.62397897644043 L9.490534771728516,9.78397897644043 H6.7982347717285165 z' stroke='%23828282' stroke-width='1.5' shape-rendering='crispEdges' id='svg_2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none' style=''%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none' style='' class=''/%3E%3Cdefs%3E%3Cfilter id='filter0_d_430_2832' x='0.25' y='0.9624019861221313' width='32.826698303222656' height='31.787599563598633' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='4'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_430_2832'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_430_2832' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3Cg class='currentLayer' style=''%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cg filter='url(%23filter0_d_430_2832)' id='svg_1' class=''%3E%3Cpath d='M7.567534771728516,3.2505789764404303 H3.8367347717285156 C2.1798347717285154,3.2505789764404303 0.8367347717285156,4.593778976440429 0.8367347717285156,6.25057897644043 V12.19727897644043 C0.8367347717285156,13.85417897644043 2.1798347717285154,15.19727897644043 3.8367347717285156,15.19727897644043 H10.336734771728516 C11.993634771728516,15.19727897644043 13.336734771728516,13.85417897644043 13.336734771728516,12.19727897644043 V9.41057897644043 M12.182934771728515,2.5039489764404306 L14.682934771728515,4.743978976440429 M6.7982347717285165,9.78397897644043 V7.35727897644043 L13.336734771728516,1.1972789764404297 L15.836734771728516,3.62397897644043 L9.490534771728516,9.78397897644043 H6.7982347717285165 z' stroke='%23828282' stroke-width='1.5' shape-rendering='crispEdges' id='svg_2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-color: #FFFFFF;
}
.lq-teachers-detail__content {
  padding-top: 17px;
}
.lq-teachers-detail__breadcums {
  margin-bottom: 10px;
  display: flex;
}
.lq-teachers-detail__breadcums li {
  position: relative;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #939090;
}
.lq-teachers-detail__breadcums li:before {
  content: "/";
  position: absolute;
  right: -2ch;
}
.lq-teachers-detail__breadcums li:last-child::before {
  display: none;
}
@media only screen and (max-width: 768px) {
  .lq-teachers-detail__breadcums {
    padding-left: 20px;
  }
}
.lq-teachers-detail__title {
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
  color: #4F4F4F;
  margin-bottom: 18px;
}
@media (max-width: 800px) {
  .lq-teachers-detail__title {
    padding-left: 20px;
    padding-right: 20px;
    text-align: justify;
  }
}
.lq-teachers-detail__video {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
.lq-teachers-detail__video iframe {
  width: calc(100% - 1px);
}
@media only screen and (max-width: 768px) {
  .lq-teachers-detail__video iframe {
    width: calc(100% - 10px);
  }
}
.lq-teachers-detail__video-footer {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
  margin-bottom: 14px;
}
@media (max-width: 800px) {
  .lq-teachers-detail__video-footer {
    padding-left: 30px;
    padding-right: 30px;
    text-align: justify;
  }
}
.lq-teachers-detail__resources h4 {
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 21px;
  color: #4F4F4F;
}
@media (max-width: 800px) {
  .lq-teachers-detail__resources h4 {
    padding-left: 40px;
  }
}
.lq-teachers-detail__resources .downloaders {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  max-width: 100%;
  gap: 19px;
}
@media (max-width: 800px) {
  .lq-teachers-detail__resources .downloaders {
    flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
  }
}
.lq-teachers-detail__resources-button {
  display: flex;
  align-items: center;
  gap: 9px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #F7F5DE;
  padding: 0.5rem 1rem;
  background: #6659A3;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 16px;
}
@media (min-width: 800px) {
  .lq-teachers-detail__resources-button {
    width: 23%;
    height: 70px;
    gap: 5px;
    justify-content: center;
  }
}
.lq-teachers-detail__resources-button span {
  text-align: center;
}

.resources-button-support {
  background-color: #FFCC24;
  display: flex;
  align-items: center;
  gap: 9px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #4F4F4F;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 16px;
}
@media (min-width: 800px) {
  .resources-button-support {
    width: 23%;
    height: 70px;
    gap: 5px;
    justify-content: center;
  }
}
.resources-button-support span {
  text-align: center;
}

.lq-teachers__steps {
  background-color: #EAF8F9;
  min-height: 100px;
  width: 100%;
}
.lq-teachers__steps-container {
  width: 100%;
  height: 100%;
  max-width: 650px;
  padding: 0 15px;
  margin: 0 auto;
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lq-teachers__container--with-steps {
  max-width: 970px;
}

.lq-teachers-edit__breadcums {
  display: flex;
  gap: 10px;
}
.lq-teachers-edit__breadcums ul {
  margin-bottom: 10px;
  display: flex;
  gap: 30px;
}
.lq-teachers-edit__breadcums li {
  position: relative;
  white-space: nowrap;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #4F4F4F;
}
.lq-teachers-edit__breadcums li:before {
  content: "/";
  position: absolute;
  right: -2ch;
}
.lq-teachers-edit__breadcums li:last-child::before {
  display: none;
}
.lq-teachers-edit__breadcums h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #939090;
}
.lq-teachers-edit__selects {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .lq-teachers-edit__selects {
    flex-direction: row;
    gap: 12px;
  }
}
.lq-teachers-edit__select {
  width: 100%;
}
.lq-teachers-edit__select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  max-width: 335px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4546 0.727539L8.72732 8.45481L1.00004 0.727539' stroke='%23FFAD12' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  padding-right: 35px;
  background-position: calc(100% - 8px) center;
  background-color: #F6F6F6;
  border: 1px solid #7E9799;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 5px;
  font-weight: 600;
  font-size: 18px;
  line-height: 45px;
  color: #4F4F4F;
}

.lq-teachers-list {
  padding: 32px 38px;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 10px;
}
.lq-teachers-list__results {
  font-size: 18px;
  line-height: 22px;
  color: #4F4F4F;
  font-weight: 600;
  margin-bottom: 26px;
}
.lq-teachers-list__grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lq-teachers-list__grid .no-results {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
}
.lq-teachers-list__item {
  display: grid;
  grid-template-areas: "activity activity activity activity" "title title view select";
  grid-template-columns: 1fr 1fr 80px 80px;
  min-height: 116px;
  background-color: #F5F5F4;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px 26px;
  transition: all 0.2s ease-in-out;
  border: 1px solid #4F9C2E;
  box-shadow: 0px 2px 8px #D2E1E2;
}
@media (max-width: 800px) {
  .lq-teachers-list__item {
    grid-template-columns: 1fr 1fr 80px;
  }
}
.lq-teachers-list__item:hover {
  border: 1px solid #FFAD12;
  box-shadow: 0px 2px 8px #D2E1E2;
}
.lq-teachers-list__item.active {
  box-shadow: 0px 2px 8px #8D9D9E;
  border: 1px solid #4F9C2E;
}
.lq-teachers-list__item-activity {
  grid-area: activity;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #34B4C5;
}
.lq-teachers-list__item-title {
  grid-area: title;
  font-size: 18px;
  line-height: 23px;
  color: #00405C;
  font-weight: 600;
  max-width: 350px;
}
.lq-teachers-list__item-view {
  grid-area: view;
  width: 100%;
  max-width: 65px;
  display: grid;
  place-content: center;
}
.lq-teachers-list__item-view button {
  filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.12));
}
.lq-teachers-list__item-select {
  grid-area: select;
  width: 100%;
  max-width: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lq-teachers-list__item-select .select-title {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: #939090;
  font-weight: 600;
}
.lq-teachers-list__item-select .theselect > label {
  font-family: Noto Sans;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  color: #4F4F4F;
}
.lq-teachers-list__item-select .theselect .m-input-check {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 8px;
  top: 7px;
}
.lq-teachers-list__item-select .theselect .m-input-label-check {
  cursor: pointer;
}
.lq-teachers-list__item-select .theselect input[type=radio] {
  display: none;
}
.lq-teachers-list__item-select .theselect input[type=radio] + span.m-input-check:before, .lq-teachers-list__item-select .theselect input[type=radio] + span.m-input-check:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.lq-teachers-list__item-select .theselect input[type=radio] + span.m-input-check:before {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: transparent;
  border: 2px solid #FFAD12;
}
.lq-teachers-list__item-select .theselect input[type=radio] + span.m-input-check:after {
  top: 50%;
  left: 11px;
  width: 48px;
  height: 48px;
  opacity: 0;
  background: #00405C;
  transform: translate(-50%, -50%) scale(0);
}
.lq-teachers-list__item-select .theselect input[type=radio]:checked + span.m-input-check:before {
  box-shadow: inset 0 0 0 1.5px #FFFFFF;
  border: 2px solid #FFAD12;
  background: #FFAD12;
}
.lq-teachers-list__item-select .theselect input[type=radio]:checked + span.m-input-check:after {
  transform: translate(-50%, -50%) scale(1);
}

.order-buttons {
  display: flex;
  -moz-column-gap: 35%;
       column-gap: 35%;
}
@media (max-width: 800px) {
  .order-buttons {
    flex-direction: column;
  }
}

.hidden-warning {
  display: none;
}

.modal-confirm .tingle-modal-box {
  width: 100%;
  background-color: transparent;
  max-width: 534px;
}
.modal-confirm .tingle-modal__close {
  display: none;
}
.modal-confirm__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  padding: 60px 10px;
  border-radius: 10px;
}
.modal-confirm__content h2 {
  font-family: Quicksand;
  font-weight: bold;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
}
.modal-confirm__content button {
  width: 100%;
  max-width: 227px;
  height: 47px;
  background: #FFAD12;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.modal-confirm__close {
  cursor: pointer;
  position: absolute;
  top: -60px;
  right: 5px;
  font-size: 25px;
  font-weight: 300;
  background: white;
  color: #FFAD12;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.lq-table-view {
  max-width: 970px;
  margin: 0 auto;
}
.lq-table-view .lq-table {
  max-width: 890px;
}
.lq-table-view .xx {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
}
.lq-table-view .text-bottom {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #00405C;
  margin-top: 20px;
  margin-bottom: 28px;
  display: block;
}
.lq-table-view .cta-bottom {
  width: 222px;
  height: 54px;
  background: #FFAD12;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 30px;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #FFFFFF;
}

.lq-teachers__head-message {
  background-color: #413869;
  color: #FFFFFF;
  width: 100%;
  padding: 2rem 0;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (min-width: 1024px) {
  .lq-teachers__head-message {
    font-size: 18px;
    line-height: 22px;
  }
}
.lq-teachers__head-select {
  margin: 20px 0px;
  display: none;
}
@media only screen and (max-width: 1024px) {
  .lq-teachers__head-select {
    display: block;
  }
}
.lq-teachers__sky {
  width: 100%;
  background-color: #F7F5DE;
}
.lq-teachers__container {
  min-height: 100vh;
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
}
.lq-teachers__container--with-menu {
  display: flex;
  flex-direction: row;
  gap: 17px;
  padding-top: 58px;
  padding-bottom: 58px;
}
@media only screen and (max-width: 425px) {
  .lq-teachers__container--with-menu {
    padding-top: 0px;
    border: 0;
  }
}
.lq-teachers__menu {
  display: none;
  width: 100%;
  max-width: 191px;
  background: #F7F5DE;
  box-shadow: 0px 2px 8px #D2E1E2;
  border-radius: 10px;
  margin-bottom: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media only screen and (min-width: 1024px) {
  .lq-teachers__menu {
    display: block;
  }
}
@media only screen and (max-width: 425px) {
  .lq-teachers__menu {
    box-shadow: none;
  }
}
.lq-teachers__menu ul {
  display: flex;
  flex-direction: column;
}
.lq-teachers__menu ul li:not(:last-child) {
  border-bottom: 1px solid #E7E7E7;
}
.lq-teachers__menu ul li.active a {
  background-color: #47C4C2;
}
.lq-teachers__menu ul li.active a:after {
  opacity: 0;
}
.lq-teachers__menu ul li.active a:before {
  opacity: 1;
}
.lq-teachers__menu ul li a {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 51px;
  transition: all 0.2s ease-in-out;
  background-color: #F7F5DE;
  font-weight: 600;
  font-size: 16px;
  line-height: 53px;
  text-decoration: none;
  color: #4F4F4F;
  padding: 0 25px;
  cursor: pointer;
}
.lq-teachers__menu ul li a:hover {
  background-color: #FBFBFB;
}
.lq-teachers__menu ul li a:hover:after {
  opacity: 0;
}
.lq-teachers__menu ul li a:hover:before {
  opacity: 1;
}
.lq-teachers__rcontent {
  width: 100%;
}
@media only screen and (min-width: 1024px) {
  .lq-teachers__rcontent {
    padding: 30px 40px;
  }
}
.lq-teachers__rcontent-head {
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .lq-teachers__rcontent-head {
    display: flex;
  }
}
.lq-teachers__rcontent-head .r-month {
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
  color: #4F4F4F;
}
@media only screen and (max-width: 1024px) {
  .lq-teachers__rcontent-head .r-month {
    display: none;
  }
}
.lq-teachers__rcontent-head .r-alert {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  color: #939090;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 1024px) {
  .lq-teachers__rcontent-head .r-alert {
    display: none !important;
  }
}

.lq-teachers-table > h3 {
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 20px;
}
.lq-teachers-table__header-week {
  justify-content: center;
  text-align: center;
}
.lq-teachers-table__header-date {
  justify-content: flex-start;
}
.lq-teachers-table__header-activity {
  justify-content: flex-start;
}
.lq-teachers-table__header-programming {
  justify-content: center;
  text-align: center;
}

.back-button {
  width: 990px;
  margin: auto;
  padding: 0px 10px 20px 10px;
}

.back-button a {
  width: 210px;
  cursor: pointer;
}

.filters-container {
  width: 990px;
  margin: 65px auto;
}

.results-container {
  background-color: rgba(36, 162, 189, 0.12);
  position: relative;
  padding-bottom: 220px;
  padding-top: 20px;
}
.results-container .panel {
  width: 990px;
  margin: auto;
  border-radius: 10px;
  background-color: #FFFFFF;
  padding: 40px;
  position: relative;
  max-height: 100%;
}
.results-container .card {
  border-radius: 6px;
  background-color: #FFFFFF;
  padding: 40px 10px 40px 10px;
  position: relative;
  max-height: 100%;
  margin-bottom: 10px;
  flex-direction: row;
}
.results-container .card .col-button {
  text-align: end;
  width: 130px;
}
.results-container .icon-svg {
  width: 15px;
  top: 0px;
  left: 5px;
  display: inline-block;
  position: relative;
}

#tab-actividades {
  width: 100%;
}

#tab-paginacion {
  margin: auto;
  padding-top: 20px;
}

.btn-pagination-activities {
  color: #34b4c5;
  background-color: #FFF;
  border-radius: 50%;
  border: 1px solid #34b4c5;
  padding: 6px;
  margin: 1px;
  cursor: pointer;
  width: 35px;
  display: inline-block;
  height: 35px;
  text-align: center;
  font-size: 0.9rem;
}

.btn-pagination-activities-isActive {
  color: #FFF;
  background-color: #34b4c5;
  border-radius: 50%;
  border: 1px solid #34b4c5;
  padding: 6px;
  margin: 1px;
  width: 35px;
  display: inline-block;
  height: 35px;
  text-align: center;
  font-size: 0.9rem;
}

.lnk-pagination-activities {
  color: #34b4c5;
  padding: 8px;
  margin: 8px;
  cursor: pointer;
  font-size: 0.9rem;
}

.lnk-pagination-activities-noActive {
  color: #666;
  padding: 8px;
  margin: 8px;
  font-size: 0.9rem;
}

.btn-resource-download {
  padding: 8px 20px;
  border: 1px solid #4f9c2e;
  background-color: #f5f5f4;
  border-radius: 6px;
  width: 270px;
  text-align: center;
  font-size: 0.9rem;
  color: #666;
  font-weight: 600;
  box-shadow: 1px 5px 5px #0000002e;
}
.btn-resource-download .icon-svg {
  width: 15px;
  display: inline-block;
  margin-right: 4px;
}

.show_in_mobile {
  display: none;
}

.show_in_desktop {
  display: block;
}

@media only screen and (max-width: 767px) {
  .show_in_mobile {
    display: block;
  }

  .show_in_desktop {
    display: none;
  }

  .filters-container {
    width: 96%;
    margin: 40px auto;
  }

  .results-container {
    background-color: unset;
    border-bottom: 2px solid #34b4c5;
    padding-bottom: 60px;
  }
  .results-container .panel {
    width: 96%;
    padding: 16px;
  }
  .results-container .card {
    font-size: 0.8rem;
    padding: 10px 0px;
    color: #666;
    min-height: 110px;
  }

  #tab-actividades {
    padding: 16px;
  }

  .activity_mobile {
    padding: 0px !important;
    margin: 0px !important;
  }

  .activity_title {
    margin-left: 20px !important;
    font-size: 0.9rem;
  }

  .center_in_mobile {
    text-align: center;
    display: block;
  }

  .extra_content {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
  .show_in_mobile {
    display: none;
  }

  .show_in_desktop {
    display: block;
  }

  .filters-container {
    width: 96%;
    margin: 40px auto;
  }

  .results-container {
    background-color: unset;
    border-bottom: 2px solid #34b4c5;
    padding-bottom: 60px;
  }
  .results-container .panel {
    width: 96%;
    padding: 16px;
  }
  .results-container .card {
    font-size: 0.8rem;
    padding: 10px 0px;
    color: #666;
    min-height: 110px;
  }

  #tab-actividades {
    padding: 16px;
  }

  .activity_mobile {
    padding: 0px !important;
    margin: 0px !important;
  }

  .activity_title {
    margin-left: 20px !important;
    font-size: 0.9rem;
  }

  .center_in_mobile {
    display: flex;
    text-align: center;
    width: 90%;
    margin: auto;
  }

  .extra_content {
    margin-left: 20px;
  }

  .btn-resource-download {
    padding: 8px 10px;
    width: 260px;
  }
}
.select_decorate {
  border-color: #7e9799;
  box-shadow: 1px 5px 5px #0000002e;
  margin-bottom: 30px;
  margin-bottom: 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}

/**
 * tingle.js - A simple modal plugin written in pure JavaScript
 * @version v0.16.0
 * @link https://github.com/robinparisi/tingle#readme
 * @license MIT
 */
.tingle-modal * {
  box-sizing: border-box;
}

.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  cursor: url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"), auto;
}

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  .tingle-modal {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}
/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box {
  text-align: center;
}

/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose {
  cursor: default;
}

.tingle-modal--noClose .tingle-modal__close {
  display: none;
}

.tingle-modal__close {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}

.tingle-modal__close svg * {
  fill: currentColor;
}

.tingle-modal__closeLabel {
  display: none;
}

.tingle-modal__close:hover {
  color: #fff;
}

.tingle-modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 60%;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
}

.tingle-modal-box__content {
  padding: 3rem 3rem;
}

.tingle-modal-box__footer {
  padding: 1.5rem 2rem;
  width: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5;
  cursor: auto;
}

.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: "";
}

.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px;
  /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  transition: bottom 0.3s ease-in-out 0.3s;
}

/* state
-------------------------------------------------------------- */
.tingle-enabled {
  position: fixed;
  right: 0;
  left: 0;
  overflow: hidden;
}

.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0;
}

.tingle-modal--visible {
  visibility: visible;
  opacity: 1;
}

.tingle-modal--visible .tingle-modal-box {
  -webkit-animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
          animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}

/* btn
-------------------------------------------------------------- */
.tingle-btn {
  display: inline-block;
  margin: 0 0.5rem;
  padding: 1rem 2rem;
  border: none;
  background-color: grey;
  box-shadow: none;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
  transition: background-color 0.4s ease;
}

.tingle-btn--primary {
  background-color: #3498db;
}

.tingle-btn--danger {
  background-color: #e74c3c;
}

.tingle-btn--default {
  background-color: #34495e;
}

.tingle-btn--pull-left {
  float: left;
}

.tingle-btn--pull-right {
  float: right;
}

/* responsive
-------------------------------------------------------------- */
@media (max-width: 540px) {
  .tingle-modal {
    top: 0px;
    display: block;
    padding-top: 60px;
    width: 100%;
  }

  .tingle-modal-box {
    width: auto;
    border-radius: 0;
  }

  .tingle-modal-box__content {
    overflow-y: scroll;
  }

  .tingle-modal--noClose {
    top: 0;
  }

  .tingle-modal--noOverlayClose {
    padding-top: 0;
  }

  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%;
  }

  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #2c3e50;
    box-shadow: none;
    color: #fff;
  }

  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  }

  .tingle-modal__closeIcon {
    display: inline-block;
    margin-right: 0.8rem;
    width: 1.6rem;
    vertical-align: middle;
    font-size: 0;
  }
}
/* animations
-------------------------------------------------------------- */
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

/*# sourceMappingURL=app.css.map*/