body {
  background-color: #edf0f5;
  font-family: "Lexend", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 90px 0 0 0;
}
a {
  color: #2b7cff;
  text-decoration: none;
}
.container {
  width: 100%;
  max-width: 1350px;
  position: relative;
}
.container:after,
.header-nav:after,
.menu-tools:after,
.stage-actions:after,
.stage-simulation:after {
  display: block;
  clear: both;
  content: "";
}
/* tooltip */
.tooltip {
  font-family: "Lexend", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .tooltip-arrow,
.tooltip .tooltip-arrow::before {
  display: none;
}
.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^="top"],
.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^="right"],
.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^="bottom"],
.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^="left"] {
  padding: 5px;
}
.tooltip-inner {
  background: rgba(255, 213, 63, 0.95);
  border-radius: 10px 10px 0px 10px;
  box-shadow: 0px 6px 10px rgba(219, 181, 50, 0.2);
  color: rgba(29, 22, 0, 0.7);
  padding: 11px 20px;
}
.bs-tooltip-end .tooltip-inner,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-inner {
  border-radius: 10px 10px 10px 0;
}
.bs-tooltip-bottom .tooltip-inner,
.bs-tooltip-auto[x-placement^="bottom"] .tooltip-inner {
  border-radius: 0 10px 10px 10px;
}
.form-group {
  position: relative;
  margin: 0 0 20px;
}
.form-label {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: rgba(28, 51, 88, 0.8);
  margin-bottom: 5px;
}
.form-label-tip {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: rgba(28, 51, 88, 0.6);
  margin: 0 0 0 5px;
}
.form-control {
  border: 1px solid rgba(178, 185, 208, 0.5);
  box-shadow: inset 0 1px 0px rgb(94 105 135 / 50%),
    inset 0 2px 2px rgb(94 105 135 / 20%);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 20px;
  color: #394963;
  padding: 10px;
}
.form-control:focus,
.form-select:focus {
  color: #394963;
  border-color: rgba(178, 185, 208, 0.5);
  outline: 0;
  box-shadow: inset 0 1px 0px rgb(94 105 135 / 50%),
    inset 0 2px 2px rgb(94 105 135 / 20%), 0 0 0 3px rgba(57, 73, 99, 0.15);
}
.form-select {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 12px;
  border: 1px solid rgba(178, 185, 208, 0.5);
  box-shadow: inset 0 1px 0px rgb(94 105 135 / 50%),
    inset 0 2px 2px rgb(94 105 135 / 20%);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 20px;
  color: #394963;
  padding: 10px 36px 10px 10px;
}
.form-control-error {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5601 16.3l-7.67-12.72a3.4292 3.4292 0 00-2.89-1.5826 3.4302 3.4302 0 00-2.89 1.5826l-7.67 12.72a3.0002 3.0002 0 00-.05 3 3.3699 3.3699 0 002.94 1.7h15.34a3.3698 3.3698 0 002.94-1.66 3 3 0 00-.05-3.04zm-1.7 2.05a1.3097 1.3097 0 01-1.19.65h-15.34a1.31 1.31 0 01-1.19-.65 1 1 0 010-1l7.68-12.73a1.4802 1.4802 0 012.36 0l7.67 12.72a.9998.9998 0 01.01 1.01z' fill='%23C20000'/%3E%3Cpath d='M12 17c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1zM12 8a1 1 0 00-1 1v4a1.0001 1.0001 0 002 0V9a1.0002 1.0002 0 00-1-1z' fill='%23C20000'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px top 9px;
  box-shadow: inset 0 1px 0px rgb(94 105 135 / 50%),
    inset 0 2px 2px rgb(94 105 135 / 20%), 0 0 0 1px rgb(194, 0, 0, 0.9);
}
.input-error {
  display: block;
  font-size: 13px;
  line-height: 1.25;
  color: #c20000;
  margin: 3px 0 0;
}

.progress {
  background: rgba(225, 228, 234, 0.5);
  border-radius: 4px;
  width: 100%;
  height: 8px;
  position: relative;
  overflow: hidden;
}
.progress-bar {
  background: linear-gradient(115.95deg, #d1ffb4 16.37%, #00e9b2 83.63%);
  border-radius: 4px;
  height: 8px;
  text-indent: -999px;
  overflow: hidden;
}

.progress-2 {
  background: linear-gradient(180deg, #dde2eb 0%, #f2f4f8 100%);
  box-shadow: 0 2px 0 #ffffff, inset 0 1px 1px rgba(108, 119, 144, 0.3),
    inset 0 2px 3px rgba(108, 119, 144, 0.2),
    inset 0 4px 8px rgba(108, 119, 144, 0.1);
  border-radius: 15px;
  height: 30px;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.02em;
  color: #636e89;
  position: relative;
  overflow: visible;
  padding: 4px 5px;
}
.progress-2 .progress-bar {
  background: linear-gradient(180deg, #c8fd63 0%, #85cb01 100%);
  box-shadow: 0 6px 8px -3px rgba(66, 101, 0, 0.1),
    0 4px 4px -1px rgba(66, 101, 0, 0.3), 0 2px 1px -1px rgba(66, 101, 0, 0.7),
    inset 0 1px 0 rgba(237, 255, 199, 0.95);
  border-radius: 15px;
  height: 20px;
  text-align: right;
  text-indent: 0;
  color: #1b8600;
  padding: 0 6px;
  z-index: 5;
}
.progress-max-value {
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 8px;
}
.coruja:after {
  background: url(../img/coruja.svg) no-repeat center;
  display: block;
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: calc(100% + 5px);
  right: 0;
}

.form-check {
  display: block;
  min-height: 20px;
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
}
.form-check-label {
  line-height: 20px;
  padding-left: 21px;
  cursor: pointer;
}
.form-check .form-check-input {
  float: none;
  margin-left: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.form-check-input {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  border: 1px solid rgba(99, 110, 137, 0.6);
}
.form-check-input[type="checkbox"] {
  border-radius: 4px;
}
.form-check-input:focus {
  border-color: #636e89;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(99, 110, 137, 0.25);
}
.form-check-input:checked {
  background-color: #fff;
  border-width: 2px;
  border-color: #636e89;
}
.form-check-input:checked[type="checkbox"] {
  background: #636e89
    url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: 10px;
}
.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-6 -6 12 12'%3e%3ccircle r='4' fill='%23636E89'/%3e%3c/svg%3e");
}
.form-switch {
  left: 0;
}
.form-switch .form-check-label {
  padding-left: 35px;
}
.form-switch .form-check-input {
  width: 30px;
  margin-left: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='rgba%2899, 110, 137, 0.6%29'/%3e%3c/svg%3e");
  background-position: left 2px center;
  background-size: 10px;
  border-radius: 8px;
  transition: background-position 0.15s ease-in-out;
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%23636E89'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right 2px center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-inline {
  display: inline-block;
  margin-right: 15px;
}
.header {
  background: linear-gradient(180deg, #f5f5f8 0%, #eaeaf3 100%);
  box-shadow: 0 1px 1px rgba(0, 19, 96, 0.15), 0 3px 5px rgba(0, 19, 96, 0.07),
    0 22px 45px rgba(0, 19, 96, 0.06), 0 50px 90px rgba(0, 19, 96, 0.07);
  width: 100%;
  min-height: 92px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.color-bar,
.color-bar div {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}
.color-bar:before,
.color-bar:after,
.color-bar div:before,
.color-bar div:after {
  display: block;
  content: "";
  width: 20%;
  height: 100%;
  position: absolute;
  top: 0;
}
.color-bar:before {
  background-color: #ffbe0b;
  left: 0;
}
.color-bar:after {
  background-color: #fb5607;
  left: 20%;
}
.color-bar div:before {
  background-color: #afe525;
  left: 40%;
}
.color-bar div:after {
  background-color: #8b54ff;
  left: 60%;
}
.color-bar {
  background: #3ad0ff;
}
.mmcode-logo {
  background: url(../img/mmCode.svg) no-repeat center;
  display: block;
  float: left;
  width: 129px;
  height: 24px;
  margin: 34px 0 0;
  position: relative;
  z-index: 1;
}
.logo-name {
  display: none;
}
.mmcode-logo-tag {
  background-color: #fff;
  border-radius: 8px 2px 8px 8px;
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  color: #ff6d00;
  padding: 2px 8px 3px;
  box-shadow: 0 1px 0 rgba(27, 3, 51, 0.15);
  position: absolute;
  top: 100%;
  right: 0%;
  margin: 5px 0 0;
}
.mindmakers-logo {
  background: url(../img/mindmakers.svg) no-repeat center;
  background-size: cover;
  display: block;
  float: left;
  width: 93px;
  height: 45px;
  text-indent: -999px;
  overflow: hidden;
  margin: 22px 0 0 0;
  position: relative;
  z-index: 10;
}
.header-nav {
  min-height: 92px;
  position: relative;
}
.page-title {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.05em;
  color: #1c3358;
  margin: 0;
  position: absolute;
  top: 0;
  left: calc(25% + 6px);
}
.ico-page-title {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 15px 0 0;
}
.page-meu-progresso {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.407 2.031c0-.273.11-.536.307-.729.197-.193.463-.302.742-.302h3.495c.278 0 .545.109.742.302.197.193.307.456.307.73v3.437c0 .273-.11.536-.307.729a1.058 1.058 0 01-1.483 0 1.023 1.023 0 01-.307-.73V4.52l-6.25 6.146a1.057 1.057 0 01-1.483 0L9.717 7.27l-5.901 5.803a1.048 1.048 0 01-.749.328 1.066 1.066 0 01-.76-.302A1.03 1.03 0 012 12.35a1.017 1.017 0 01.334-.736l6.641-6.531a1.058 1.058 0 011.483 0L13.91 8.48l5.51-5.418h-.965c-.279 0-.545-.108-.742-.302a1.023 1.023 0 01-.307-.729zM3.075 17.5c.278 0 .545.109.741.302.197.193.308.456.308.73v3.437c0 .273-.11.536-.308.729a1.058 1.058 0 01-1.483 0 1.023 1.023 0 01-.307-.73v-3.437c0-.273.11-.536.307-.729.197-.193.464-.302.742-.302zm6.642-3.094c0-.273-.11-.536-.308-.729a1.058 1.058 0 00-1.483 0 1.023 1.023 0 00-.307.73v7.562c0 .273.11.536.307.729a1.058 1.058 0 001.483 0c.197-.193.308-.456.308-.73v-7.562zm4.544 1.719c.278 0 .545.109.741.302.197.193.308.456.308.73v4.812c0 .273-.11.536-.308.729a1.058 1.058 0 01-1.483 0 1.023 1.023 0 01-.307-.73v-4.812c0-.273.11-.536.307-.729.197-.193.464-.302.742-.302zm6.642-4.469c0-.273-.11-.536-.307-.729a1.058 1.058 0 00-1.484 0 1.023 1.023 0 00-.307.73v10.312c0 .273.11.536.307.729a1.058 1.058 0 001.484 0c.196-.193.307-.456.307-.73V11.657z' fill='%23FF6D00'/%3E%3C/svg%3E");
}
.page-meus-trabalhos {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17v-1.3333M16 17v-4m5 4v-6.6667M10.6667 27L16 22m0 0l5.3333 5M16 22h8.6667A1.3336 1.3336 0 0026 20.6667V5H6v15.6667A1.3335 1.3335 0 007.3333 22H16zM4 5h24' stroke='%23FF6D00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 48px;
}
.page-meu-curso {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 1a1 1 0 011 1v2h3a1 1 0 011 1v17a1 1 0 01-1 1H1a1 1 0 01-1-1V5a1 1 0 011-1h3V2a1 1 0 012 0v2h12V2a1 1 0 011-1zM4 6v1a1 1 0 002 0V6h12v1a1 1 0 102 0V6h2v4H2V6h2zm3 6h3v9H7v-9zm5 9v-9h10v9H12zm-7-9H2v9h3v-9zm14.707 3.707a1 1 0 00-1.414-1.414l-1.92 1.92-.818-.545a1 1 0 00-1.11 1.664l1.5 1a1 1 0 001.262-.125l2.5-2.5z' fill='%23FF6D00'/%3E%3C/svg%3E");
}
.page-ajuda {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2399 2.4a9.3324 9.3324 0 016.6184 2.7415 9.333 9.333 0 012.7416 6.6185 9.3316 9.3316 0 01-2.7416 6.6184 9.3316 9.3316 0 01-6.6184 2.7416 9.3337 9.3337 0 01-6.6185-2.7415A9.3334 9.3334 0 012.88 11.76a9.3333 9.3333 0 012.7415-6.6185A9.3333 9.3333 0 0112.24 2.4zm0 18.0002l.0009-.7202a7.8933 7.8933 0 005.5986-2.3191l.0014-.0014a7.8937 7.8937 0 002.3191-5.5986v-.0018a7.8935 7.8935 0 00-2.3191-5.5987l-.0014-.0013A7.8925 7.8925 0 0012.2408 3.84h-.0018a7.893 7.893 0 00-5.5987 2.3191l-.0013.0013a7.8934 7.8934 0 00-2.3191 5.5987v.0018a7.8929 7.8929 0 002.319 5.5986l.0014.0014A7.8936 7.8936 0 0012.239 19.68l.0009.7202z' fill='%23FF6D00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9713 6.3781a3.312 3.312 0 111.9875 6.2927v1.0872a.72.72 0 01-1.44 0V12.03a.72.72 0 01.72-.72 1.8721 1.8721 0 001.3237-3.1957 1.8721 1.8721 0 00-3.1957 1.3237.72.72 0 01-1.44 0 3.312 3.312 0 012.0445-3.0599zM12.2402 17.646a1.08 1.08 0 100-2.16 1.08 1.08 0 000 2.16z' fill='%23FF6D00'/%3E%3C/svg%3E");
  background-size: 50px;
}

.header-menu {
  display: flex;
  align-items: flex-end;
  float: left;
  height: 92px;
  font-size: 15px;
  letter-spacing: -0.03em;
  line-height: 20px;
  list-style: none;
  padding: 0;
  margin: 0 0 0 70px;
}
.header-menu li {
  float: left;
}
.header-menu a {
  display: block;
  color: #636e89;
  padding: 30px 20px 30px 15px;
  margin: 0 5px 0 0;
  position: relative;
  overflow: hidden;
}
.header-menu .ico {
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  float: left;
  font-size: 0;
  overflow: hidden;
  text-indent: -999px;
  width: 32px;
  height: 32px;
  margin: -6px 15px -6px 0;
}
.ico-meu-curso {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 26a5.006 5.006 0 01-5-5h2a3 3 0 103-3v-2a5 5 0 110 10zM22 16h-2v10h2V16zM26 21h-2v5h2v-5z' fill='%2386CC00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h24a2.002 2.002 0 012 2v24a2.003 2.003 0 01-2 2H4a2.002 2.002 0 01-2-2V4a2.002 2.002 0 012-2zm10 9h14V4H14v7zm-2 0V4H4v7h8zm-8 2v15h24.002L28 13H4z' fill='%2386CC00'/%3E%3C/svg%3E");
}
.ico-simulador {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.57 2H3.371C1.538 2 0 3.549 0 5.396v16.979c0 1.846 1.538 3.395 3.372 3.395h8.813v2.443H8.872a.913.913 0 00-.887.893c0 .477.414.894.887.894h14.256a.913.913 0 00.887-.894.913.913 0 00-.887-.893h-3.313V25.77h8.813c1.834 0 3.372-1.549 3.372-3.395V5.395C31.94 3.55 30.462 2 28.57 2zM18.04 28.153h-4.08v-2.442h4.08v2.442zm12.126-5.778c0 .893-.71 1.608-1.597 1.608H3.372a1.596 1.596 0 01-1.598-1.608v-.835h28.392v.835zm0-2.622H1.774V5.396c0-.894.71-1.609 1.598-1.609h25.197c.888 0 1.597.715 1.597 1.609v14.357zm-3.312-4.23H5.087a.913.913 0 00-.887.894c0 .477.414.894.887.894h21.826a.913.913 0 00.887-.894c0-.477-.414-.894-.946-.894zm-12.776-2.561c.177.119.354.119.591.119s.532-.06.71-.238l3.312-2.383c.355-.239.533-.596.533-1.013 0-.417-.178-.775-.533-1.013L15.38 6.051c-.355-.298-.887-.298-1.301-.12-.414.24-.651.656-.651 1.133v4.766c0 .476.237.893.65 1.132zM15.2 8.077l1.893 1.37-1.893 1.37v-2.74z' fill='%2386CC00'/%3E%3C/svg%3E");
}
.ico-laboratorio {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.43 26.076l-5.895-7.252a1.636 1.636 0 01-.365-1.07v-6.599h.73c.546 0 .972-.416.972-.951 0-.535-.426-.951-.973-.951h-8.812c-.547 0-.973.416-.973.95 0 .536.426.952.973.952h.729v6.599c0 .356-.122.772-.365 1.07l-5.895 7.252a2.319 2.319 0 00-.304 2.557A2.506 2.506 0 007.5 30h16.045c.973 0 1.823-.535 2.249-1.367.364-.833.243-1.784-.365-2.557zm-12.46-6.063c.548-.654.79-1.427.79-2.26v-6.598h3.404v6.599c0 .832.304 1.605.79 2.259l1.398 1.724h-7.718l1.337-1.724zM23.91 27.8c-.06.06-.182.298-.425.298H7.501c-.304 0-.426-.179-.426-.298s-.121-.297.061-.475l2.917-3.627h10.88l2.917 3.627c.182.178.121.416.06.475zM18.746 7.707c1.64 0 2.917-1.308 2.917-2.853C21.662 3.308 20.386 2 18.745 2c-1.641 0-2.918 1.308-2.918 2.854 0 1.545 1.337 2.853 2.918 2.853zm0-3.745c.547 0 .972.416.972.951 0 .535-.425.951-.972.951-.547 0-.973-.416-.973-.951 0-.535.486-.951.973-.951zM14.49 8.36c.669 0 1.277-.535 1.277-1.248a1.27 1.27 0 00-1.277-1.249c-.73 0-1.276.535-1.276 1.249 0 .713.608 1.248 1.276 1.248z' fill='%2386CC00'/%3E%3C/svg%3E");
}

.ico-cadastros {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%2386CC00' d='M8.69 12.535a.9.9 0 0 0 0 1.8h9.65a.9.9 0 0 0 0-1.8H8.69ZM13.028 17.644H8.69a.9.9 0 0 0 0 1.8h4.34a.9.9 0 0 0 0-1.8Z'/%3E%3Cpath fill='%2386CC00' d='M12.895 29.1h-6.85a2.677 2.677 0 0 1-2.67-2.68V8.19a2.677 2.677 0 0 1 2.67-2.68h1.859v.226a2.383 2.383 0 0 0 2.381 2.38h8.6a2.383 2.383 0 0 0 2.381-2.38V5.51h1.85c1.497 0 2.669 1.177 2.669 2.68v5.13a.9.9 0 0 0 1.8 0V8.19a4.48 4.48 0 0 0-4.47-4.48h-1.85v-.23a2.383 2.383 0 0 0-2.381-2.38h-8.6a2.383 2.383 0 0 0-2.381 2.38v.23H6.045a4.481 4.481 0 0 0-4.471 4.48v18.23c0 2.47 2.006 4.48 4.471 4.48h6.85a.9.9 0 0 0 0-1.8ZM9.705 3.48c0-.32.26-.58.58-.58h8.6c.32 0 .58.26.58.58v2.255c0 .32-.26.58-.58.58h-8.6a.58.58 0 0 1-.58-.58V3.48Z'/%3E%3Cpath fill='%2386CC00' d='M29.47 17.358c-1.232-1.233-3.383-1.234-4.616 0l-7.979 7.979a1.736 1.736 0 0 0-.486.942l-.438 2.589a1.742 1.742 0 0 0 2.008 2.007l2.588-.437c.359-.061.685-.229.942-.486l7.979-7.979a3.268 3.268 0 0 0 .002-4.615Zm-9.222 11.306-2.521.503.422-2.557 5.719-5.719 2.071 2.071-5.691 5.702Zm7.948-7.964-.986.988-2.07-2.07.987-.987a1.455 1.455 0 0 1 1.034-.429 1.464 1.464 0 0 1 1.035 2.498Z'/%3E%3C/svg%3E");
}
.header-menu a:hover .ico-cadastros,
.header-menu a.active .ico-cadastros {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23FF6D00' d='M8.69 12.535a.9.9 0 0 0 0 1.8h9.65a.9.9 0 0 0 0-1.8H8.69ZM13.028 17.644H8.69a.9.9 0 0 0 0 1.8h4.34a.9.9 0 0 0 0-1.8Z'/%3E%3Cpath fill='%23FF6D00' d='M12.895 29.1h-6.85a2.677 2.677 0 0 1-2.67-2.68V8.19a2.677 2.677 0 0 1 2.67-2.68h1.859v.226a2.383 2.383 0 0 0 2.381 2.38h8.6a2.383 2.383 0 0 0 2.381-2.38V5.51h1.85c1.497 0 2.669 1.177 2.669 2.68v5.13a.9.9 0 0 0 1.8 0V8.19a4.48 4.48 0 0 0-4.47-4.48h-1.85v-.23a2.383 2.383 0 0 0-2.381-2.38h-8.6a2.383 2.383 0 0 0-2.381 2.38v.23H6.045a4.481 4.481 0 0 0-4.471 4.48v18.23c0 2.47 2.006 4.48 4.471 4.48h6.85a.9.9 0 0 0 0-1.8ZM9.705 3.48c0-.32.26-.58.58-.58h8.6c.32 0 .58.26.58.58v2.255c0 .32-.26.58-.58.58h-8.6a.58.58 0 0 1-.58-.58V3.48Z'/%3E%3Cpath fill='%23FF6D00' d='M29.47 17.358c-1.232-1.233-3.383-1.234-4.616 0l-7.979 7.979a1.736 1.736 0 0 0-.486.942l-.438 2.589a1.742 1.742 0 0 0 2.008 2.007l2.588-.437c.359-.061.685-.229.942-.486l7.979-7.979a3.268 3.268 0 0 0 .002-4.615Zm-9.222 11.306-2.521.503.422-2.557 5.719-5.719 2.071 2.071-5.691 5.702Zm7.948-7.964-.986.988-2.07-2.07.987-.987a1.455 1.455 0 0 1 1.034-.429 1.464 1.464 0 0 1 1.035 2.498Z'/%3E%3C/svg%3E");
}

.ico-flag {
  background: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 27c0 .5523-.4477 1-1 1s-1-.4477-1-1V5c0-1.1046.8954-2 2-2h17.0398c.8166 0 1.289.9258.8096 1.587l-4.2238 5.826a1 1 0 000 1.174l4.2238 5.826c.4794.6612.007 1.587-.8096 1.587H8v8zm0-10h15.33l-3.1652-4.1923a3 3 0 010-3.6154L23.33 5H8v12z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.ico-info {
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23636E89' fill-rule='evenodd' d='M12 3c-4.97056 0-9 4.02944-9 9 0 4.9706 4.02944 9 9 9 4.9706 0 9-4.0294 9-9 0-4.97056-4.0294-9-9-9ZM1 12C1 5.92487 5.92487 1 12 1c6.0751 0 11 4.92487 11 11 0 6.0751-4.9249 11-11 11-6.07513 0-11-4.9249-11-11Z' clip-rule='evenodd'/%3E%3Cpath fill='%23636E89' fill-rule='evenodd' d='M12 11c.5523 0 1 .4477 1 1v4c0 .5523-.4477 1-1 1s-1-.4477-1-1v-4c0-.5523.4477-1 1-1ZM11 8c0-.55228.4477-1 1-1h.01c.5523 0 1 .44772 1 1s-.4477 1-1 1H12c-.5523 0-1-.44772-1-1Z' clip-rule='evenodd'/%3E%3C/svg%3E")
    no-repeat center;
}

.header-menu a:hover .ico-meu-curso,
.header-menu a.active .ico-meu-curso {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 26a5.006 5.006 0 01-5-5h2a3 3 0 103-3v-2a5 5 0 110 10zM22 16h-2v10h2V16zM26 21h-2v5h2v-5z' fill='%23FF6D00'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h24a2.002 2.002 0 012 2v24a2.003 2.003 0 01-2 2H4a2.002 2.002 0 01-2-2V4a2.002 2.002 0 012-2zm10 9h14V4H14v7zm-2 0V4H4v7h8zm-8 2v15h24.002L28 13H4z' fill='%23FF6D00'/%3E%3C/svg%3E");
}
.header-menu a:hover .ico-simulador,
.header-menu a.active .ico-simulador {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.57 2H3.371C1.538 2 0 3.549 0 5.396v16.979c0 1.846 1.538 3.395 3.372 3.395h8.813v2.443H8.872a.913.913 0 00-.887.893c0 .477.414.894.887.894h14.256a.913.913 0 00.887-.894.913.913 0 00-.887-.893h-3.313V25.77h8.813c1.834 0 3.372-1.549 3.372-3.395V5.395C31.94 3.55 30.462 2 28.57 2zM18.04 28.153h-4.08v-2.442h4.08v2.442zm12.126-5.778c0 .893-.71 1.608-1.597 1.608H3.372a1.596 1.596 0 01-1.598-1.608v-.835h28.392v.835zm0-2.622H1.774V5.396c0-.894.71-1.609 1.598-1.609h25.197c.888 0 1.597.715 1.597 1.609v14.357zm-3.312-4.23H5.087a.913.913 0 00-.887.894c0 .477.414.894.887.894h21.826a.913.913 0 00.887-.894c0-.477-.414-.894-.946-.894zm-12.776-2.561c.177.119.354.119.591.119s.532-.06.71-.238l3.312-2.383c.355-.239.533-.596.533-1.013 0-.417-.178-.775-.533-1.013L15.38 6.051c-.355-.298-.887-.298-1.301-.12-.414.24-.651.656-.651 1.133v4.766c0 .476.237.893.65 1.132zM15.2 8.077l1.893 1.37-1.893 1.37v-2.74z' fill='%23FF6D00'/%3E%3C/svg%3E");
}
.header-menu a:hover .ico-laboratorio,
.header-menu a.active .ico-laboratorio {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.43 26.076l-5.895-7.252a1.636 1.636 0 01-.365-1.07v-6.599h.73c.546 0 .972-.416.972-.951 0-.535-.426-.951-.973-.951h-8.812c-.547 0-.973.416-.973.95 0 .536.426.952.973.952h.729v6.599c0 .356-.122.772-.365 1.07l-5.895 7.252a2.319 2.319 0 00-.304 2.557A2.506 2.506 0 007.5 30h16.045c.973 0 1.823-.535 2.249-1.367.364-.833.243-1.784-.365-2.557zm-12.46-6.063c.548-.654.79-1.427.79-2.26v-6.598h3.404v6.599c0 .832.304 1.605.79 2.259l1.398 1.724h-7.718l1.337-1.724zM23.91 27.8c-.06.06-.182.298-.425.298H7.501c-.304 0-.426-.179-.426-.298s-.121-.297.061-.475l2.917-3.627h10.88l2.917 3.627c.182.178.121.416.06.475zM18.746 7.707c1.64 0 2.917-1.308 2.917-2.853C21.662 3.308 20.386 2 18.745 2c-1.641 0-2.918 1.308-2.918 2.854 0 1.545 1.337 2.853 2.918 2.853zm0-3.745c.547 0 .972.416.972.951 0 .535-.425.951-.972.951-.547 0-.973-.416-.973-.951 0-.535.486-.951.973-.951zM14.49 8.36c.669 0 1.277-.535 1.277-1.248a1.27 1.27 0 00-1.277-1.249c-.73 0-1.276.535-1.276 1.249 0 .713.608 1.248 1.276 1.248z' fill='%23FF6D00'/%3E%3C/svg%3E");
}
.header-menu a:hover,
.header-menu a:focus,
.header-menu a.active {
  text-decoration: none;
  color: #ff6d00;
}
.header-menu a:before,
.header-menu a.active:before {
  background: linear-gradient(180deg, #ffffff 0%, #f5f5f8 100%), #ffffff;
  background: linear-gradient(180deg, #f4f4fa 0%, #d4d4e0 100%),
    linear-gradient(180deg, #e6e6ed 0%, #ffffff 100%);
  box-shadow: inset 0px 2px 3px rgba(12, 3, 32, 0.07),
    inset 0px 1px 1px rgba(12, 3, 32, 0.2);
  border-radius: 20px 20px 0 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
}
.header-menu a:hover:before,
.header-menu a.active:before {
  top: 0;
}
.header-menus {
  display: flex;
  align-items: center;
  float: right;
  padding: 16px 0;
  position: relative;
}
.header-menus .bt {
  margin: 0 10px;
}
.header-menus .bt + .bt {
  margin: 0 10px 0 0;
}
.menu-dropdown-contaniner {
  float: left;
  padding: 5px 0;
  position: relative;
}
.menu-dropdown-ico,
.header-bt-action {
  display: block;
  border-radius: 20px 20px 4px 20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  opacity: 0.6;
}
.header-bt-action {
  text-indent: -999px;
  overflow: hidden;
  opacity: 1;
}
.ico-menu {
  background: url("data:image/svg+xml,%0A%3Csvg width='23' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1a1 1 0 011-1h20.5a1 1 0 110 2H1a1 1 0 01-1-1zM0 8a1 1 0 011-1h20.5a1 1 0 110 2H1a1 1 0 01-1-1zM1 14a1 1 0 100 2h20.5a1 1 0 100-2H1z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat center;
}
.ico-language {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.483 3.517c-4.688-4.689-12.277-4.69-16.966 0-4.689 4.688-4.69 12.277 0 16.966 4.688 4.689 12.277 4.69 16.966 0 4.689-4.688 4.69-12.277 0-16.966zm-.501 15.256c-.56-.501-1.16-.945-1.792-1.327.418-1.443.665-3.03.723-4.682h3.528a10.373 10.373 0 01-2.46 6.01zM1.559 12.765h3.527c.059 1.65.306 3.238.724 4.681-.632.382-1.231.826-1.792 1.327a10.374 10.374 0 01-2.459-6.008zm2.46-7.538c.56.501 1.16.945 1.791 1.327a19.403 19.403 0 00-.723 4.681H1.559a10.374 10.374 0 012.46-6.008zm7.216 1.485a10.387 10.387 0 01-3.563-.903c.648-1.67 1.843-3.671 3.564-4.167v5.07zm0 1.532v2.992H6.617c.053-1.397.251-2.738.58-3.964 1.267.553 2.629.884 4.04.972zm0 4.52v2.992c-1.41.088-2.772.419-4.039.972a18.013 18.013 0 01-.58-3.964h4.62zm0 4.524v5.07c-1.72-.496-2.915-2.498-3.563-4.167a10.388 10.388 0 013.564-.903zm1.53 0c1.246.09 2.449.396 3.563.903-.648 1.67-1.843 3.671-3.563 4.167v-5.07zm0-1.532v-2.992h4.619a18.014 18.014 0 01-.58 3.964 11.917 11.917 0 00-4.04-.972zm0-4.52V8.244a11.917 11.917 0 004.039-.972c.329 1.226.527 2.567.58 3.963h-4.62zm0-4.524v-5.07c1.72.496 2.915 2.498 3.563 4.167a10.388 10.388 0 01-3.563.903zm3.434-4.307c.978.429 1.891 1.01 2.71 1.73-.39.344-.8.656-1.23.934-.381-.944-.868-1.86-1.48-2.664zM6.32 5.069c-.43-.278-.84-.59-1.23-.933a10.422 10.422 0 012.71-1.731c-.612.803-1.099 1.72-1.48 2.664zm0 13.862c.381.944.868 1.861 1.48 2.664a10.424 10.424 0 01-2.71-1.73c.39-.344.8-.656 1.23-.934zm11.358 0c.43.278.84.59 1.23.933a10.422 10.422 0 01-2.71 1.731c.612-.803 1.099-1.72 1.48-2.664zm1.235-7.696a19.4 19.4 0 00-.724-4.681 12.03 12.03 0 001.792-1.327 10.374 10.374 0 012.459 6.008h-3.527z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat center;
}
.ico-ferramentas {
  background: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.947.614a.9.9 0 011.273 0L11 5.394l3.697-3.697a3.964 3.964 0 115.606 5.606L18.68 8.926l-.002.002-.002.002-2.07 2.07 4.78 4.78a.9.9 0 010 1.273l-4.333 4.333a.9.9 0 01-1.273 0L11 16.606l-4.78 4.78a.9.9 0 01-.637.264H1.25a.9.9 0 01-.9-.9v-4.333a.9.9 0 01.264-.637L5.394 11l-2.07-2.07-.002-.002-.003-.003L.614 6.22a.9.9 0 010-1.273L4.947.614zM14.98 18.042l.989-.989a.9.9 0 10-1.273-1.273l-.989.989-1.435-1.436 3.06-3.06 4.144 4.144-3.06 3.06-1.436-1.435zm1.788-9.75L5.21 19.85H2.15v-3.06l5.15-5.15.003-.004.003-.003 4.327-4.327.003-.003.004-.003 2.068-2.069 3.06 3.06zm-11.538 0l.989-.989A.9.9 0 104.947 6.03l-.989.989-1.435-1.436 3.06-3.06 4.144 4.144-3.06 3.06L5.23 8.292zm12.81-1.273l.99-.989a2.164 2.164 0 10-3.061-3.06l-.989.988 3.06 3.06z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat center;
}
.ico-avatar {
  background: #fff
    url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' fill='%23C9CFD9'/%3E%3C/svg%3E")
    no-repeat center;
  opacity: 1;
  float: left;
}
.ico-code {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill='%23636E89'%3E%3Cpath d='M12.705 7.455a1.125 1.125 0 000 1.59l2.205 2.205-2.205 2.205a1.126 1.126 0 101.59 1.59l3-3a1.125 1.125 0 000-1.59l-3-3a1.125 1.125 0 00-1.59 0zm-2.91 1.59a1.125 1.125 0 00-1.59-1.59l-3 3a1.125 1.125 0 000 1.59l3 3a1.126 1.126 0 101.59-1.59L7.59 11.25l2.205-2.205z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.37 19.96a11.25 11.25 0 111.59-1.59l3.71 3.71a1.126 1.126 0 11-1.59 1.59l-3.71-3.71zM2.25 11.25a9 9 0 1115.58 6.14 1.124 1.124 0 00-.439.44 9 9 0 01-15.14-6.58z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    no-repeat center;
}
.ico-save {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2a1 1 0 00-1 1v14a1 1 0 001 1h1v-7a1 1 0 011-1h10a1 1 0 011 1v7h1a1 1 0 001-1V6.414L13.586 2H6v3h7a1 1 0 110 2H5a1 1 0 01-1-1V2H3zm2-2H3a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a1 1 0 00-.293-.707l-5-5A1 1 0 0014 0H5zm1 12v6h8v-6H6z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.ico-config {
  background: url("data:image/svg+xml,%3Csvg width='26' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.608 17.952a5.239 5.239 0 01-5.26-5.26 5.239 5.239 0 015.26-5.26 5.238 5.238 0 015.26 5.26c.084 2.839-2.337 5.26-5.26 5.26zm0-8.684a3.35 3.35 0 00-3.34 3.34 3.35 3.35 0 003.34 3.34 3.35 3.35 0 003.34-3.34c.084-1.837-1.42-3.34-3.34-3.34zm0 16.032h-.083c-.919 0-1.754-.084-1.837-.084a1.073 1.073 0 01-.835-.835l-.25-2.003a7.927 7.927 0 01-1.754-.752l-1.587 1.169c-.334.25-.835.25-1.169 0 0 0-.668-.5-1.336-1.252l-.083-.084c-.668-.668-1.169-1.336-1.253-1.336a1.003 1.003 0 010-1.169l1.17-1.586-.752-1.754-1.92-.25a1.073 1.073 0 01-.836-.835S0 13.694 0 12.692v-.167c0-.919.083-1.754.083-1.837.084-.418.418-.752.835-.835l2.004-.25a5.567 5.567 0 01.752-1.754L2.505 6.262a1.003 1.003 0 010-1.169s.5-.668 1.252-1.336l.084-.083c.668-.668 1.336-1.169 1.336-1.253.334-.25.835-.25 1.169 0l1.586 1.17c.585-.251 1.17-.502 1.754-.669l.25-1.92c.084-.418.418-.752.835-.835 0 0 .835-.084 1.837-.084h.167c.919 0 1.754.084 1.837.084.418.083.752.417.835.835l.25 2.004a7.927 7.927 0 011.754.751l1.587-1.252c.334-.25.835-.25 1.169 0 0 0 .668.5 1.336 1.252l.167.084c.668.668 1.168 1.336 1.252 1.336.25.334.25.835 0 1.169L21.71 7.932l.751 1.754 1.92.25c.418.084.752.418.835.835 0 0 .084.835.084 1.837v.167c0 .919-.084 1.754-.084 1.837a1.073 1.073 0 01-.835.835l-2.003.25a7.927 7.927 0 01-.752 1.754l1.169 1.587c.25.334.25.835 0 1.169 0 0-.5.668-1.252 1.336l-.084.167c-.668.668-1.336 1.168-1.336 1.252-.334.25-.835.25-1.169 0l-1.586-1.252c-.585.25-1.17.5-1.754.668l-.25 1.92a1.073 1.073 0 01-.835.835c-.084.084-.919.167-1.92.167zm-1.002-2.004h1.837l.25-1.837c.084-.417.335-.751.752-.835a6.785 6.785 0 002.422-1.002c.25-.167.5-.167.751-.083.167 0 .25.083.418.167l1.42 1.085c.166-.167.417-.334.584-.584l.083-.084.585-.584-1.086-1.42a1.027 1.027 0 01-.083-1.085c.417-.752.751-1.503 1.002-2.338.083-.418.417-.752.835-.835l1.836-.25v-1.003-.835l-1.836-.25c-.418-.084-.752-.334-.835-.752a6.784 6.784 0 00-1.002-2.421c0-.084-.084-.167-.084-.167-.083-.334-.083-.668.167-.919l1.253-1.42c-.167-.166-.334-.417-.585-.584l-.083-.083-.585-.585-1.503 1.086c-.334.25-.835.25-1.169 0a11.606 11.606 0 00-2.338-1.002c-.417-.084-.668-.418-.751-.835l-.25-1.837H11.772l-.25 1.837a1.073 1.073 0 01-.835.835c-.835.167-1.587.5-2.338 1.002-.167 0-.501.083-.752 0-.083 0-.25-.084-.334-.167l-1.42-1.086c-.25.167-.417.334-.667.585l-.084.083c-.25.167-.417.418-.584.585L5.594 7.18c.25.334.25.751.084 1.085 0 0 0 .084-.084.084a11.605 11.605 0 00-1.002 2.338c-.083.417-.417.668-.835.751l-1.837.25V13.528l1.837.25c.418.084.752.418.835.835.167.835.501 1.587.919 2.338.167.25.167.501.083.835 0 .084-.083.25-.167.334l-1.085 1.42c.167.167.334.417.584.584l.084.084.584.584 1.503-1.085c.334-.25.835-.25 1.17 0 .75.417 1.502.751 2.254.918.417.084.668.418.751.835l.334 1.837z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  opacity: 1;
}
.ico-share {
  background: url("data:image/svg+xml,%3Csvg width='22' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M21.997 1.423a1 1 0 00-1.35-.859L.67 7.556a1 1 0 00-.076 1.858l8.648 3.844 3.844 8.648a1 1 0 001.858-.076l6.993-19.98c.051-.137.071-.283.06-.427zm-4.803 2.469L3.711 8.61l6.068 2.696 7.415-7.415zm-6.001 8.83l7.416-7.416-4.72 13.483-2.696-6.068z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.menu-dropdown-contaniner:hover .ico-avatar {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' fill='%231C3358'/%3E%3C/svg%3E");
}
.ico-flag {
  background: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 27c0 .5523-.4477 1-1 1s-1-.4477-1-1V5c0-1.1046.8954-2 2-2h17.0398c.8166 0 1.289.9258.8096 1.587l-4.2238 5.826a1 1 0 000 1.174l4.2238 5.826c.4794.6612.007 1.587-.8096 1.587H8v8zm0-10h15.33l-3.1652-4.1923a3 3 0 010-3.6154L23.33 5H8v12z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.ico-speed {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1485 9.3895s-1.615 4.551-2.382 5.345a2.0006 2.0006 0 01-2.1887.5022 2.0011 2.0011 0 01-1.1136-1.0753 1.9998 1.9998 0 01.4253-2.2049c.767-.795 5.259-2.567 5.259-2.567v0z' stroke='%23636E89' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M19.425 19.425A10.47 10.47 0 0022.5 12c0-5.799-4.701-10.5-10.5-10.5S1.5 6.201 1.5 12c0 2.8995 1.175 5.5245 3.075 7.425M12 2v2M19.4225 5.571l-1.554 1.2586M21.2615 13.6165l-1.949-.45M2.7385 13.6165l1.949-.45M4.5775 5.571l1.554 1.2586' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center;
}
.menu-dropdown-contaniner:hover .menu-dropdown-ico,
.header-bt-action:hover {
  background-color: #f6f6f6;
  box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.9),
    0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05);
  opacity: 1;
}
.menu-dropdown {
  background: rgba(247, 247, 247, 0.9);
  box-shadow: 0px 40px 45px rgba(0, 19, 96, 0.06),
    0px 70px 90px rgba(0, 19, 96, 0.07);
  border-radius: 20px 4px 20px 20px;
  display: block;
  max-width: 240px;
  font-size: 15px;
  line-height: 1.33335;
  letter-spacing: -0.03em;
  text-align: right;
  list-style: none;
  padding: 20px 0;
  margin: 10px 0 0;
  position: absolute;
  top: 100%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  white-space: nowrap;
  backdrop-filter: blur(15px);
}
.menu-dropdown-contaniner:hover .menu-dropdown,
.menu-dropdown-contaniner:hover .menu-dropdown-ico:before,
.has-menu:hover .submenu {
  margin: 0;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.menu-dropdown li {
  position: relative;
}
.menu-dropdown-item {
  display: block;
  color: #636e89;
  padding: 10px 50px;
  transition-property: background-color, color;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.menu-dropdown-item:hover,
.menu-dropdown-item:focus,
.menu-dropdown-item.active:hover,
.has-menu:hover > .menu-dropdown-item {
  background-color: rgba(255, 109, 0, 0.1);
  color: #ff6d00;
  text-decoration: none;
}
.menu-dropdown-item.active {
  background: url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' opacity='.7' fill='%23FF6D00'/%3E%3C/svg%3E")
    no-repeat right 20px top 15px;
  background-size: 12px;
  color: #ff6d00;
}
.external-link {
  background: url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.285 0H3.571a.714.714 0 000 1.428h3.99L.209 8.781a.714.714 0 001.01 1.01l7.353-7.352v3.99a.714.714 0 001.428 0V.714A.714.714 0 009.285 0z' fill='%23A1E972'/%3E%3C/svg%3E")
    no-repeat right 23px top 16px;
}
.has-menu {
  background: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M.94 9.06a1.5 1.5 0 010-2.12l6-6a1.5 1.5 0 012.12 2.12L4.122 8l4.94 4.94a1.5 1.5 0 01-2.122 2.12l-6-6z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat left 21px top 13px;
  background-size: 8px;
}
.has-menu:hover {
  background: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M.94 9.06a1.5 1.5 0 010-2.12l6-6a1.5 1.5 0 012.12 2.12L4.122 8l4.94 4.94a1.5 1.5 0 01-2.122 2.12l-6-6z' fill='%23FF6D00'/%3E%3C/svg%3E")
    no-repeat left 21px top 13px;
  background-size: 8px;
}
.submenu {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 40px 45px rgba(0, 19, 96, 0.06),
    0px 70px 90px rgba(0, 19, 96, 0.07);
  border-radius: 20px 4px 20px 20px;
  display: block;
  max-width: 240px;
  list-style: none;
  padding: 20px 0;
  margin: 0 -10px 0 0;
  position: absolute;
  top: 0;
  right: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  white-space: nowrap;
}

.menu-dropdown-up .menu-dropdown-ico {
  border-radius: 4px 20px 20px 20px;
}
.menu-dropdown-up .menu-dropdown {
  border-radius: 20px 20px 20px 4px;
  text-align: left;
  margin: 0 0 10px;
  top: auto;
  right: auto;
  bottom: 100%;
  left: 0;
}
.menu-dropdown-up .menu-dropdown-item.active {
  background-position: left 20px top 15px;
}
.menu-user-avatar {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.menu-tools {
  padding: 20px;
  max-width: none;
  width: 340px;
  text-align: center;
}
.menu-tools li {
  float: left;
}
.menu-tools .menu-dropdown-item {
  border-radius: 10px;
  width: 100px;
  height: 130px;
  font-size: 13px;
  padding: 10px;
}
.menu-tools .menu-dropdown-item:hover,
.menu-tools .menu-dropdown-item:focus {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 1px 1px rgba(3, 11, 28, 0.25),
    0px 2px 3px rgba(3, 11, 28, 0.05);
  color: #3681ff;
}
.tool-logo {
  display: block;
  width: 40px;
  height: 40px;
  margin: 20px auto 15px auto;
}
.menu-dropdown-user {
  margin-left: 10px;
}
.user-logged {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 50px;
  float: left;
  font-size: 15px;
  letter-spacing: -0.03em;
  line-height: 1.2;
  text-align: right;
  color: #636e89;
  margin: 0 10px 0 0;
}
.user-logged-name {
  display: block; 
  line-break: anywhere;
}
.user-logged-module {
  display: block;
  font-size: 12px;
  opacity: 0.7;
}
.main .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer {
  background: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 18px;
  color: rgba(28, 51, 88, 0.6);
  position: relative;
}
.footer .container {
  padding-top: 50px;
  padding-bottom: 25px;
}
.footer .mmcode-logo {
  float: none;
  filter: grayscale(1);
  margin: 0 auto 25px auto;
}
.footer .mindmakers-logo {
  float: none;
  width: 73px;
  height: 35px;
  margin: -5px auto 0 auto;
}
.copyright {
  background: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.6' d='M8.5 17C3.818 17 0 13.185 0 8.492 0 3.815 3.818 0 8.5 0 13.197 0 17 3.815 17 8.492 17.015 13.185 13.197 17 8.5 17zm0-15.638c-3.94 0-7.136 3.195-7.136 7.13 0 3.936 3.212 7.146 7.151 7.146 3.94 0 7.152-3.21 7.152-7.146 0-3.935-3.228-7.13-7.167-7.13zm0 10.643c-.364 0-.727-.061-1.09-.167a3.494 3.494 0 01-2.425-3.33 3.48 3.48 0 012.424-3.33A3.29 3.29 0 018.5 5.01c.985 0 1.924.424 2.59 1.15l-1.5 1.09a1.718 1.718 0 00-1.62-.333 1.677 1.677 0 00-1.167 1.605c0 .726.47 1.377 1.167 1.604.166.06.348.076.515.076.409 0 .803-.151 1.106-.409l1.5 1.09a3.587 3.587 0 01-2.591 1.12z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat left center;
  float: left;
  padding: 3px 0 3px 25px;
  margin: 0 0 15px 50px;
}
.footer-menu {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0 0 15px 50px;
}
.footer-menu li {
  float: left;
  margin-right: 25px;
}
.footer-menu li:last-child {
  margin-right: 0;
}
.footer-menu a {
  border-bottom: 1px solid transparent;
  display: block;
  color: #2b7cff;
  padding: 3px 0;
}
.footer-menu a:hover,
.footer-menu a:focus {
  border-bottom-color: rgba(255, 109, 0, 0.8);
  text-decoration: none;
  color: #ff6d00;
}
/* box */
.box {
  max-width: 270px;
  height: 370px;
  margin: 0 auto 30px auto;
  perspective: 1000px;
}
.box.disabled .box-front {
  filter: grayscale(1);
  opacity: 0.5;
}
.box:hover .box-front {
  box-shadow: 0 0 0 2px rgba(58, 132, 252, 0.5),
    0 40px 70px rgba(62, 58, 254, 0.2), 0 80px 120px rgba(58, 184, 255, 0.2);
}
.box:hover .box-back {
  box-shadow: 0px 20px 20px rgba(5, 26, 62, 0.06),
    0px 50px 50px rgba(5, 26, 62, 0.25), 0px 90px 90px rgba(5, 26, 62, 0.1);
}
.turn .box-inner {
  transform: rotateY(180deg);
}
.turn .box-front {
  border-radius: 40px;
  z-index: -1;
}
.turn .box-front,
.turn:hover .box-front {
  box-shadow: none;
}
.box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.box-front,
.box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  z-index: 1;
}
.box-front {
  background: #fbfbfb;
  box-shadow: 0 22px 45px rgba(0, 4, 99, 0.06), 0 50px 90px rgba(0, 4, 99, 0.07);
  border-radius: 40px 40px 4px 40px;
  padding: 20px;
}
.box-back {
  background: rgba(207, 213, 223, 1);
  box-shadow: 0px 20px 20px rgba(5, 26, 62, 0.06),
    0px 50px 50px rgba(5, 26, 62, 0.25), 0px 90px 90px rgba(5, 26, 62, 0.1);
  border-radius: 40px 40px 4px 40px;
  top: 0;
  left: 0;
  transform: rotateY(180deg);
}
.box-header {
  background: #3681ff;
  display: block;
  border-radius: 20px 20px 20px 4px;
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 0 15px 0;
}
.box-header:hover,
.box-header:focus {
  color: #fff;
  text-decoration: none;
}
.box-header-img {
  display: block;
  width: 100%;
  height: auto;
}
.box-header:hover .box-header-img {
  transform: scale(1.1);
  opacity: 0.5;
}
.box:hover .box-header,
.cartao-link:hover .cartao-img {
  -webkit-animation: bounce 0.3s ease infinite alternate;
  -moz-animation: bounce 0.3s ease infinite alternate;
  -ms-animation: bounce 0.3s ease infinite alternate;
  -o-animation: bounce 0.3s ease infinite alternate;
  animation: bounce 0.3s ease infinite alternate;
}
@-webkit-keyframes bounce {
  from {
  }
  to {
    -webkit-transform: translateY(-5px);
    box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2),
      0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18),
      0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08);
  }
}
@-moz-keyframes bounce {
  from {
  }
  to {
    -moz-transform: translateY(-5px);
    box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2),
      0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18),
      0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08);
  }
}
@-ms-keyframes bounce {
  from {
  }
  to {
    -ms-transform: translateY(-5px);
    box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2),
      0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18),
      0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08);
  }
}
@-o-keyframes bounce {
  from {
  }
  to {
    -o-transform: translateY(-5px);
    box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2),
      0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18),
      0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08);
  }
}
@keyframes bounce {
  from {
  }
  to {
    transform: translateY(-5px);
    box-shadow: 0px 1px 2px rgba(3, 3, 28, 0.2),
      0px 2px 3px rgba(3, 3, 28, 0.24), 0px 4px 5px rgba(3, 3, 28, 0.18),
      0px 8px 10px rgba(3, 3, 28, 0.12), 0px 14px 16px rgba(3, 3, 28, 0.08);
  }
}
.box-title {
  font-size: 18px;
  letter-spacing: -0.04em;
  line-height: 20px;
  margin: 0;
  position: absolute;
  left: 0;
}
.box-front .box-title {
  background: rgba(54, 129, 255, 0.9);
  border-radius: 0 20px 0 4px;
  color: #fff;
  padding: 17px 20px 17px;
  bottom: 0;
}
.box-back .box-title {
  background: #fff;
  border-radius: 0 0 20px 0;
  color: #636e89;
  padding: 25px;
  top: 0;
  z-index: 2;
}
.box-content {
  width: 100%;
  font-size: 13px;
  line-height: 135%;
  letter-spacing: -0.02em;
  color: rgba(28, 51, 88, 0.6);
}
.box-front .box-content {
  height: 70px;
  bottom: 0;
  overflow: hidden;
  position: relative;
}
.box-front .box-content:after {
  background: -moz-linear-gradient(
    top,
    rgba(251, 251, 251, 0) 0%,
    rgba(251, 251, 251, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(251, 251, 251, 0) 0%,
    rgba(251, 251, 251, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(251, 251, 251, 0) 0%,
    rgba(251, 251, 251, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbfbfb', endColorstr='#fbfbfb',GradientType=0 );
  display: block;
  content: "";
  width: 100%;
  height: 25px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.box-back .box-content {
  position: absolute;
  height: auto;
  top: 40px;
  right: 5px;
  bottom: 53px;
  overflow: auto;
  padding: 45px 15px 10px 20px;
  font-size: 14px;
  line-height: 135%;
  letter-spacing: -0.02em;
  color: #535c6a;
}
.box-back .box-content:before,
.box-back .box-content:after {
  display: block;
  content: "";
  height: 45px;
  position: fixed;
  right: 15px;
  left: 0;
}
.box-back .box-content:before {
  background: -moz-linear-gradient(
    top,
    rgba(207, 213, 223, 1) 0%,
    rgba(207, 213, 223, 0) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(207, 213, 223, 1) 0%,
    rgba(207, 213, 223, 0) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(207, 213, 223, 1) 0%,
    rgba(207, 213, 223, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd5df', endColorstr='#00cfd5df',GradientType=0 );
  top: 40px;
}
.box-back .box-content:after {
  background: -moz-linear-gradient(
    top,
    rgba(207, 213, 223, 0) 0%,
    rgba(207, 213, 223, 1) 100%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(207, 213, 223, 0) 0%,
    rgba(207, 213, 223, 1) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(207, 213, 223, 0) 0%,
    rgba(207, 213, 223, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cfd5df', endColorstr='#cfd5df',GradientType=0 );
  height: 30px;
  bottom: 48px;
}
.box-info {
  border-radius: 20px 0 4px 0;
  display: block;
  width: 48px;
  height: 48px;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
.box-front .box-info {
  background: #c9cfd9
    url("data:image/svg+xml,%3Csvg width='12' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M5.788 1.497a2.801 2.801 0 110 5.604 2.801 2.801 0 110-5.604zm1.915 9.764c.402 0 .726.323.726.726v6.865h.825a.826.826 0 010 1.65H2.322a.826.826 0 010-1.65h.826v-5.941h-.826a.826.826 0 010-1.65h5.38zM5.788 0c-2.37 0-4.3 1.929-4.3 4.3 0 2.37 1.93 4.299 4.3 4.299s4.3-1.93 4.3-4.3S8.158 0 5.788 0zm1.915 9.763h-5.38A2.325 2.325 0 000 12.086c0 1.047.696 1.934 1.65 2.223v3.146A2.326 2.326 0 000 19.677 2.325 2.325 0 002.322 22h6.932a2.325 2.325 0 002.322-2.322 2.326 2.326 0 00-1.65-2.224v-5.467a2.226 2.226 0 00-2.223-2.224z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
}
.box-front .box-info:hover {
  background: #80abf8
    url("data:image/svg+xml,%3Csvg width='12' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.788 1.497a2.801 2.801 0 110 5.604 2.801 2.801 0 110-5.604zm1.915 9.764c.402 0 .726.323.726.726v6.865h.825a.826.826 0 010 1.65H2.322a.826.826 0 010-1.65h.826v-5.941h-.826a.826.826 0 010-1.65h5.38zM5.788 0c-2.37 0-4.3 1.929-4.3 4.3 0 2.37 1.93 4.299 4.3 4.299s4.3-1.93 4.3-4.3S8.158 0 5.788 0zm1.915 9.763h-5.38A2.325 2.325 0 000 12.086c0 1.047.696 1.934 1.65 2.223v3.146A2.326 2.326 0 000 19.677 2.325 2.325 0 002.322 22h6.932a2.325 2.325 0 002.322-2.322 2.326 2.326 0 00-1.65-2.224v-5.467a2.226 2.226 0 00-2.223-2.224z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
}
.box-back .box-info {
  background: #fff
    url("data:image/svg+xml,%3Csvg width='24' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.4' d='M18 10.116c-.558.14-1.047-.209-1.186-.697-.14-.559.21-1.047.698-1.186 3.07-.768 4.465-1.954 4.465-2.791 0-1.395-3.907-3.419-9.977-3.419S1.953 4.047 1.953 5.442c0 1.256 3.14 3 8.163 3.349L9 7.605c-.349-.419-.349-1.047 0-1.396.21-.209.419-.279.698-.279.279 0 .488.07.697.28l2.86 2.93a1 1 0 01.28.697c0 .28-.14.558-.349.698l-2.86 2.511c-.419.35-1.047.28-1.396-.07-.349-.418-.279-1.046.07-1.395l.977-.837C4.814 10.395 0 8.512 0 5.442 0 1.884 6.14 0 12 0s12 1.884 12 5.442c-.07 2.023-2.233 3.767-6 4.674z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat 12px 20px;
}
.box-back .box-info:hover {
  background: #80abf8
    url("data:image/svg+xml,%3Csvg width='24' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.8' d='M18 10.116c-.558.14-1.047-.209-1.186-.697-.14-.559.21-1.047.698-1.186 3.07-.768 4.465-1.954 4.465-2.791 0-1.395-3.907-3.419-9.977-3.419S1.953 4.047 1.953 5.442c0 1.256 3.14 3 8.163 3.349L9 7.605c-.349-.419-.349-1.047 0-1.396.21-.209.419-.279.698-.279.279 0 .488.07.697.28l2.86 2.93a1 1 0 01.28.697c0 .28-.14.558-.349.698l-2.86 2.511c-.419.35-1.047.28-1.396-.07-.349-.418-.279-1.046.07-1.395l.977-.837C4.814 10.395 0 8.512 0 5.442 0 1.884 6.14 0 12 0s12 1.884 12 5.442c-.07 2.023-2.233 3.767-6 4.674z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat 12px 20px;
}
/* scrollbar */
.box-content::-webkit-scrollbar {
  background-color: transparent;
  width: 8px;
}
.box-content::-webkit-scrollbar-track {
  background: rgba(154, 164, 180, 0.4);
  border-radius: 4px;
}
.box-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
}
.box-content::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 1);
}
.course-age {
  background: #e1f3df
    url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' opacity='.5' fill='%2333772F'/%3E%3C/svg%3E")
    no-repeat 10px center;
  background-size: 12px;
  border-radius: 8px 8px 0px 8px;
  font-size: 11px;
  letter-spacing: -0.02em;
  line-height: 14px;
  color: #579353;
  padding: 8px 10px 8px 30px;
  position: absolute;
  right: 56px;
  bottom: 8px;
}
.bt {
  background-repeat: no-repeat;
  border: 0;
  border-radius: 8px;
  display: inline-flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.1;
  text-align: center;
  padding: 0 15px;
  position: relative;
}
.bt:active {
  top: 1px;
}
.bt.disabled,
.bt:disabled {
  filter: grayscale(1);
  opacity: 0.8;
  pointer-events: none;
  cursor: default;
}
.bt-orange {
  background-color: #ff6d00;
  box-shadow: 0px 6px 8px rgba(255, 109, 0, 0.08),
    0px 3px 4px rgba(255, 109, 0, 0.15), 0px 1px 1px rgba(255, 109, 0, 0.4),
    inset 0px -2px 0px rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.bt-orange:hover {
  background-color: #ffa35e;
  box-shadow: 0px 6px 8px rgba(255, 109, 0, 0.08),
    0px 3px 4px rgba(255, 109, 0, 0.15), 0px 1px 1px rgba(255, 109, 0, 0.4),
    inset 0px -2px 0px rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.bt-orange:active {
  background-color: #ff6d00;
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.bt-green {
  background-color: #2edf5f;
  box-shadow: 0px 6px 8px rgba(0, 134, 52, 0.08),
    0px 3px 4px rgba(0, 134, 52, 0.15), 0px 1px 1px rgba(0, 134, 52, 0.4),
    inset 0px -2px 0px rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.bt-green:hover {
  background-color: #63ff8f;
  box-shadow: 0px 6px 8px rgba(0, 134, 52, 0.08),
    0px 3px 4px rgba(0, 134, 52, 0.15), 0px 1px 1px rgba(0, 134, 52, 0.4),
    inset 0px -2px 0px rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.bt-green:active {
  background-color: #2edf5f;
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.25);
  color: rgba(0, 0, 0, 0.7);
}

.bt-save {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2a1 1 0 00-1 1v14a1 1 0 001 1h1v-7a1 1 0 011-1h10a1 1 0 011 1v7h1a1 1 0 001-1V6.414L13.586 2H6v3h7a1 1 0 110 2H5a1 1 0 01-1-1V2H3zm2-2H3a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a1 1 0 00-.293-.707l-5-5A1 1 0 0014 0H5zm1 12v6h8v-6H6z' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 10px center;
  padding-left: 40px;
}
.bt-edit {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4 7.34L16.66 4.6A2 2 0 0014 4.53l-9 9a2 2 0 00-.57 1.21L4 18.91A1 1 0 005 20h.09l4.17-.38a2 2 0 001.21-.57l9-9a1.92 1.92 0 00-.07-2.71zM9.08 17.62l-3 .28.27-3L12 9.32l2.7 2.7-5.62 5.6zM16 10.68L13.32 8l1.95-2L18 8.73l-2 1.95z' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 10px center;
  padding-left: 40px;
}
.bt-entrar {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 2h-9c-1.1 0-2 .9-2 2v1a1 1 0 002 0V4h9v16h-9v-1a1 1 0 10-2 0v1c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-5.795 14.295a.996.996 0 01-1.702-.705c0-.265.104-.519.291-.706L13.67 13H5a1 1 0 010-2h8.67l-1.876-1.884a.999.999 0 011.411-1.411l3.588 3.588a1 1 0 010 1.414l-3.588 3.588z' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 8px center;
  padding-left: 40px;
}
.bt-enviar {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.76 11L4.889 4.8029 7.2727 11H17.76zM7.2726 13L4.889 19.1972 17.76 13H7.2726zm15.2841-.0897L3.4841 22.0934a1 1 0 01-1.3672-1.26L5.5144 12 2.1169 3.1666a1 1 0 011.3672-1.26l19.0708 9.1823c.3463.1571.5872.506.5872.9111a.9957.9957 0 01-.238.6476.994.994 0 01-.146.1402.9968.9968 0 01-.2014.1225z' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 10px center;
  padding-left: 44px;
}
.bt-publicar {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.667 4v5.3333a1.3333 1.3333 0 001.3333 1.3334h5.3334' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.667 28H9.3337a2.6668 2.6668 0 01-2.6667-2.6667V6.6667A2.6667 2.6667 0 019.3337 4h9.3333l6.6667 6.6667v14.6666A2.6668 2.6668 0 0122.667 28zM16 14.6667v8' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 18.6667l4-4 4 4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: 5px center;
  padding-left: 40px;
}
.bt-upload {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 6.5c-2.294 0-3.71 1.655-4.106 2.447A1 1 0 017.5 9.5c-.757 0-1.914.235-2.853.912C3.758 11.052 3 12.126 3 14s.758 2.949 1.647 3.588c.94.677 2.096.912 2.853.912a1.0002 1.0002 0 01.7071 1.7071A1.0002 1.0002 0 017.5 20.5c-1.077 0-2.67-.315-4.022-1.288C2.075 18.201 1 16.526 1 14s1.075-4.201 2.478-5.212c1.124-.809 2.413-1.163 3.435-1.26C7.751 6.273 9.626 4.5 12.5 4.5c2.13 0 3.65 1.08 4.607 2.33a7.1327 7.1327 0 011.285 2.745c.785.127 1.695.43 2.505 1.014C22.092 11.448 23 12.873 23 15c0 2.126-.908 3.551-2.103 4.412-1.144.823-2.487 1.088-3.397 1.088a1.0001 1.0001 0 010-2c.59 0 1.497-.185 2.228-.712C20.408 17.298 21 16.474 21 15c0-1.474-.592-2.299-1.272-2.789-.73-.526-1.638-.711-2.228-.711a1.0001 1.0001 0 01-1-1c0-.502-.284-1.543-.982-2.455C14.85 7.17 13.87 6.5 12.5 6.5zm-1.207 4.293a.9998.9998 0 011.414 0l3 3a.9997.9997 0 01-.0122 1.4018 1.0001 1.0001 0 01-1.4018.0122L13 13.914V19.5a1.0001 1.0001 0 01-2 0v-5.586l-1.293 1.293a.9997.9997 0 01-1.4018-.0122.9999.9999 0 01-.0122-1.4018l3-3z' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 10px center;
  padding-left: 40px;
}
/* lesson */
.lesson .container {
  width: 100%;
  max-width: 100%;
}
.lesson .main .container {
  padding-top: 20px;
}
.lesson-lab {
  padding-top: 60px;
}
.lesson-lab .header {
  min-height: 0;
}
.lesson-lab .header .mmcode-logo {
  margin: 7px 0 0;
}
.lesson-lab .header-tab {
  min-height: 0;
  padding-top: 10px;
}
.lesson-lab .header-menus {
  padding: 0;
}
.header-tab {
  background: linear-gradient(180deg, #f4f4fa 0%, #d4d4e0 100%),
    linear-gradient(180deg, #e6e6ed 0%, #ffffff 100%);
  border-radius: 20px 20px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 80px;
  min-width: 600px;
  margin: 10px auto 0 auto;
  box-shadow: inset 0px 2px 3px rgba(12, 3, 32, 0.07),
    inset 0px 1px 1px rgba(12, 3, 32, 0.2);
  padding: 0 10px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.lesson-progress {
  display: flex;
  align-items: center;
  padding: 10px 0;
  position: relative;
  z-index: 10;
}
.lesson-step {
  border: 2px solid #acacc0;
  border-radius: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin: 2px 14px 2px 0;
  position: relative;
}

.lesson-step.optional {
  border-style: dashed;
}

.lesson-step:before {
  background-color: rgba(161, 166, 185, 0.2);
  display: block;
  content: "";
  width: 16px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -1px 0 0 1px;
  z-index: -1;
}
.lesson-progress .lesson-step:last-child {
  margin-right: 0;
}
.lesson-progress .lesson-step:last-child:before {
  display: none;
}
.lesson-step-tag {
  background: url("../img/lesson-step-tag.svg") no-repeat 0 0;
  box-shadow: 0 1px 1px rgba(3, 11, 28, 0.3), 0 2px 3px rgba(3, 11, 28, 0.15),
    0 5px 5px rgba(3, 11, 28, 0.12), 0 10px 10px rgba(3, 11, 28, 0.08),
    0 16px 16px rgba(3, 11, 28, 0.05);
  border-radius: 15px;
  display: block;
  width: 30px;
  height: 54px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 20px;
  text-align: center;
  color: #1c3358;
  padding-top: 28px;
  position: absolute;
  left: -9px;
  top: -9px;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
  transform: scale(1.15);
}
.lesson-step-tag:before {
  border-radius: 50%;
  box-shadow: inset 0px 1px 0px rgba(21, 4, 38, 0.25);
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 3px;
  left: 3px;
}
.lesson-step.active .lesson-step-tag,
.lesson-step:hover .lesson-step-tag {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.lesson-step:hover .lesson-step-tag {
  z-index: 10;
}
.lesson-step.active {
  border-color: #13cb55;
}
.lesson-completed,
.lesson-completed-best {
  background: #13cb55
    url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat 2px 3px;
  border-color: #13cb55 !important;
}
.lesson-completed-best {
  background-color: #009234;
  border-color: #009234 !important;
}
.lesson-error {
  border-color: #ff5c00 !important;
}
.lesson-error:after {
  background-color: #ff5c00;
  border-radius: 0 0 7px 7px;
  display: block;
  content: "";
  width: 14px;
  height: 7px;
  position: absolute;
  top: 6px;
  left: -1px;
}
.lesson-half-completed {
  border-color: #13cb55 !important;
}
.lesson-half-completed:after,
.lesson-half-nonverified:after {
  background-color: #13cb55;
  border-radius: 0 0 7px 7px;
  display: block;
  content: "";
  width: 14px;
  height: 7px;
  position: absolute;
  top: 6px;
  left: -1px;
}
.lesson-nonverified,
.lesson-half-nonverified {
  border-color: #acacc0 !important;
}
.lesson-nonverified:not(.optional),
.lesson-half-nonverified:not(.optional):after {
  background-color: #acacc0 !important;
}

.lesson-nonverified.optional {
  border-style: dashed;
}

.lesson-step-done {
  background: #acacc0
    url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat 2px 3px;
}
.lesson-step-done.selected {
  border-color: transparent !important;
}

.bt-lesson-finished {
  background: #2edf5f
    url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat 10px 7px;
  background-size: 11px;
  border-radius: 12px;
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.02em;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.7);
  padding: 3px 15px 3px 28px;
  margin: -4px 0;
  position: relative;
}
.bt-lesson-finished:hover,
.bt-lesson-finished:focus {
  background-color: #009234;
  color: #fff;
}
.breadcrumb-tab {
  background: #ebebf1;
  border-radius: 10px 10px 0 0;
  box-shadow: inset 0 1px 0 #ffffff;
  display: flex;
  width: 100%;
  height: 40px;
  position: relative;
  z-index: 5;
}
.lesson-course-container {
  background: #f5f5f8;
  box-shadow: inset 0px 1px 0px #ffffff;
  border-radius: 10px 0 0 0;
  height: 40px;
  display: flex;
  align-items: center;
}
.home-link {
  background: #fcfcfd
    url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 18H0V8.815L9.019 0l9.019 8.815V18H18zM1.895 16.148h14.21V9.556L9.02 2.63 1.895 9.556v6.592z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  box-shadow: inset 0 1px 0 #ffffff;
  border-radius: 10px 0 0 0;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
}
.home-link:hover {
  background: #636e89
    url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 18H0V8.815L9.019 0l9.019 8.815V18H18zM1.895 16.148h14.21V9.556L9.02 2.63 1.895 9.556v6.592z' fill='%23FCFCFD'/%3E%3C/svg%3E")
    no-repeat center;
  box-shadow: inset 0 1px 0 #636e89;
}
.lesson-course-name {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 16px;
  letter-spacing: -0.04em;
  line-height: 1.25;
  color: #1c3358;
  padding: 0 25px 0 15px;
  position: relative;
  white-space: nowrap;
}
.lessons-container {
  flex: auto;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.04em;
  color: #1c3358;
  position: relative;
}
.lesson-name {
  display: flex;
  align-items: center;
  height: 40px;
  position: relative;
  padding: 0 50px;
}
.lesson-name:before,
.lessons-list a:before {
  display: block;
  content: "";
  width: 24px;
  height: 36px;
  position: absolute;
  top: 0;
  left: 10px;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.941 0H0v33.165c0 2.078 2.523 3.118 4.049 1.674l5.868-5.774a2.938 2.938 0 014.166 0l5.868 5.774c1.467 1.444 4.049.404 4.049-1.674v-23.04L23.941 0z' fill='%235D3FD6'/%3E%3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.941 0H0v33.165c0 2.078 2.523 3.118 4.049 1.674l5.868-5.774a2.938 2.938 0 014.166 0l5.868 5.774c1.467 1.444 4.049.404 4.049-1.674v-23.04L23.941 0z' fill='%235D3FD6'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 24px;
  -webkit-mask-size: 24px;
  mask-position: center top;
  -webkit-mask-position: center top;
}
.color_5D3FD6,
.color_5D3FD6:hover {
  color: #5d3fd6;
}
.color_5D3FD6:before {
  background-color: #5d3fd6;
}
.color_399FE9,
.color_399FE9:hover {
  color: #399fe9;
}
.color_399FE9:before {
  background-color: #399fe9;
}
.color_B04DFF,
.color_B04DFF:hover {
  color: #b04dff;
}
.color_B04DFF:before {
  background-color: #b04dff;
}
.color_FF57EE,
.color_FF57EE:hover {
  color: #ff57ee;
}
.color_FF57EE:before {
  background-color: #ff57ee;
}
.color_DB196A,
.color_DB196A:hover {
  color: #db196a;
}
.color_DB196A:before {
  background-color: #db196a;
}
.color_DB1313,
.color_DB1313:hover {
  color: #db1313;
}
.color_DB1313:before {
  background-color: #db1313;
}
.color_FF6D3F,
.color_FF6D3F:hover {
  color: #ff6d3f;
}
.color_FF6D3F:before {
  background-color: #ff6d3f;
}
.color_DAAA00,
.color_DAAA00:hover {
  color: #daaa00;
}
.color_DAAA00:before {
  background-color: #daaa00;
}
.color_99BF00,
.color_99BF00:hover {
  color: #99bf00;
}
.color_99BF00:before {
  background-color: #99bf00;
}
.color_1BBF00,
.color_1BBF00:hover {
  color: #1bbf00;
}
.color_1BBF00:before {
  background-color: #1bbf00;
}
.color_2C9A86,
.color_2C9A86:hover {
  color: #2c9a86;
}
.color_2C9A86:before {
  background-color: #2c9a86;
}
.color_00BBC7,
.color_00BBC7:hover {
  color: #00bbc7;
}
.color_00BBC7:before {
  background-color: #00bbc7;
}
.color_2541D7,
.color_2541D7:hover {
  color: #2541d7;
}
.color_2541D7:before {
  background-color: #2541d7;
}
.color_B46787,
.color_B46787:hover {
  color: #b46787;
}
.color_B46787:before {
  background-color: #b46787;
}
.color_8A4B37,
.color_8A4B37:hover {
  color: #8a4b37;
}
.color_8A4B37:before {
  background-color: #8a4b37;
}
.color_00C2FF,
.color_00C2FF:hover {
  color: #00c2ff;
}
.color_00C2FF:before {
  background-color: #00c2ff;
}
.color_706681,
.color_706681:hover {
  color: #706681;
}
.color_706681:before {
  background-color: #706681;
}
.show-classes {
  background: url("data:image/svg+xml,%3Csvg width='16' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.06 9.06a1.5 1.5 0 01-2.12 0l-6-6A1.5 1.5 0 113.06.94L8 5.878l4.94-4.94a1.5 1.5 0 012.12 2.122l-6 6z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat center top 13px;
  border-radius: 6px;
  width: 34px;
  height: 34px;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  top: 3px;
  right: 3px;
  opacity: 0.5;
}
.show-classes:hover {
  background-color: #fbfbfb;
  opacity: 1;
}
.lessons-container.open .show-classes {
  transform: rotateX(180deg);
  transform-style: preserve-3d;
}
.lessons-list {
  background: rgba(235, 235, 241, 0.8);
  border-radius: 0 0 10px 10px;
  box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1),
    0px 50px 60px rgba(0, 4, 99, 0.07);
  display: none;
  width: 100%;
  max-height: 610px;
  position: absolute;
  top: 100%;
  left: 0;
  overflow: hidden;
  list-style: none;
  padding: 10px 0;
  margin: 0;
  overflow: auto;
  backdrop-filter: blur(10px);
}
.lessons-container.open .lessons-list {
  display: block;
}
.lessons-list li {
  position: relative;
}
.lessons-list a {
  display: block;
  padding: 12px 50px 12px 50px;
  position: relative;
}
.lessons-list a:before {
  width: 16px;
  height: 24px;
  top: 8px;
  left: 14px;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.lessons-list a:hover {
  background-color: rgba(255, 255, 255, 0.5);
  padding-left: 45px;
}
.lessons-list a.active {
  background-color: rgba(255, 255, 255, 0.3);
}
.lesson-done:after {
  background: url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23ffffff'/%3E%3C/svg%3E")
    no-repeat center;
  display: block;
  content: "";
  width: 9px;
  height: 7px;
  position: absolute;
  top: 14px;
  left: 18px;
}
.lesson-descripton-trigger {
  background: url("data:image/svg+xml,%3Csvg width='12' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M5.788 1.497a2.801 2.801 0 110 5.604 2.801 2.801 0 110-5.604zm1.915 9.764c.402 0 .726.323.726.726v6.865h.825a.826.826 0 010 1.65H2.322a.826.826 0 010-1.65h.826v-5.941h-.826a.826.826 0 010-1.65h5.38zM5.788 0c-2.37 0-4.3 1.929-4.3 4.3 0 2.37 1.93 4.299 4.3 4.299s4.3-1.93 4.3-4.3S8.158 0 5.788 0zm1.915 9.763h-5.38A2.325 2.325 0 000 12.086c0 1.047.696 1.934 1.65 2.223v3.146A2.326 2.326 0 000 19.677 2.325 2.325 0 002.322 22h6.932a2.325 2.325 0 002.322-2.322 2.326 2.326 0 00-1.65-2.224v-5.467a2.226 2.226 0 00-2.223-2.224z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 6px;
  display: block;
  width: 36px;
  height: 36px;
  font-size: 0;
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  opacity: 0.6;
}
.lesson-descripton-trigger:hover {
  background-color: #fff;
  opacity: 1;
}
.lessons-list li.open {
  background-color: #fff;
}
.lessons-list li.open .lesson-descripton-trigger {
  opacity: 1;
}
.lesson-description {
  padding: 5px 20px 20px 50px;
}
.lesson-description h5 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
  opacity: 0.6;
  margin: 0 0 5px;
}
.lesson-description p {
  margin-bottom: 10px;
}
.lesson-description p:last-child {
  margin-bottom: 0;
}
.lesson-tips {
  background-color: #ffed91;
  color: #665d3c;
  padding-top: 20px;
}
.program-header-container {
  display: flex;
  align-items: center;
  flex: auto;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.04em;
  color: #1c3358;
  position: relative;
}
.program-header-container .bt {
  height: 30px;
}
.program-header-container .bt-save {
  background-size: 15px;
  background-position: 10px 7px;
  border-radius: 6px;
  padding: 0 10px 0 35px;
  margin: 0 5px;
}
.bt-folder {
  background: #fcfcfc
    url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.707 14.134h-2.963v-3.117a.877.877 0 00-.878-.878h-8.643L13.004 7.06a.224.224 0 00-.15-.06H5.877A.877.877 0 005 7.878v16.244c0 .486.392.878.878.878h19.153a.88.88 0 00.814-.549l3.677-9.11a.877.877 0 00-.815-1.207zM6.976 8.976h5.172l3.282 3.139h8.338v2.02H9.774a.88.88 0 00-.815.548L6.976 19.6V8.976zm17.432 14.048H7.607L10.44 16h16.804l-2.837 7.024z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat 10px center;
  box-shadow: inset 0 1px 0 #ffffff;
  border-radius: 0 10px 0 0;
  display: block;
  width: 75px;
  height: 100%;
  text-indent: -999px;
  overflow: hidden;
  position: relative;
}
.bt-folder:after {
  background: url("data:image/svg+xml,%3Csvg width='16' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.06 9.06a1.5 1.5 0 01-2.12 0l-6-6A1.5 1.5 0 113.06.94L8 5.878l4.94-4.94a1.5 1.5 0 012.12 2.122l-6 6z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: contain;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 13px;
  right: 12px;
  opacity: 0.5;
}
.bt-folder:hover:after {
  opacity: 1;
}
.bt-folder.rotate:after {
  transform: rotateX(180deg);
  transform-style: preserve-3d;
}
.program-name-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 320px;
  height: 40px;
  position: relative;
}
.program-name {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 15px;
}
.program-name-info {
  background: rgba(235, 235, 241, 0.8);
  box-shadow: inset 0 1px 0 rgba(0, 19, 96, 0.15),
    0 20px 25px -20px rgba(0, 4, 99, 0.1), 0 50px 60px rgba(0, 4, 99, 0.07);
  border-radius: 0 0 10px 10px;
  display: none;
  width: 100%;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 1.4;
  color: rgba(28, 51, 88, 0.8);
  padding: 15px;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  backdrop-filter: blur(10px);
}
.program-name-info h3 {
  display: block;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: #1c3358;
  margin: 0 0 3px;
}
.program-author {
  display: block;
  font-weight: 400;
  line-height: 15px;
  color: #1c3358;
}
.program-summary {
  display: block;
  font-size: 12px;
  line-height: 1.125;
  color: rgba(28, 51, 88, 0.5);
  margin: 15px 0 0;
}
.program-name-info p {
  margin-bottom: 10px;
}
.program-name-container:hover .program-name-info {
  display: block;
}
.files-container {
  background: rgba(235, 235, 241, 0.8);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 20px 25px -20px rgba(0, 4, 99, 0.1),
    0 50px 60px rgba(0, 4, 99, 0.07);
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  backdrop-filter: blur(10px);
}
.files-container.open {
  display: block;
}
.file-form {
  background-color: #fcfcfc;
  display: flex;
  padding: 20px;
}
.file-field {
  background: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(178, 185, 208, 0.5);
  box-sizing: border-box;
  box-shadow: inset 0 1px 0px rgba(94, 105, 135, 0.5),
    inset 0 2px 2px rgba(94, 105, 135, 0.2);
  border-radius: 6px;
  display: block;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 18px;
  color: #394963;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.file-field:focus {
  outline: none;
}
.file-save {
  background: transparent
    url("data:image/svg+xml,%0A%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2a1 1 0 00-1 1v14a1 1 0 001 1h1v-7a1 1 0 011-1h10a1 1 0 011 1v7h1a1 1 0 001-1V6.414L13.586 2H6v3h7a1 1 0 110 2H5a1 1 0 01-1-1V2H3zm2-2H3a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a1 1 0 00-.293-.707l-5-5A1 1 0 0014 0H5zm1 12v6h8v-6H6z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  border: none;
  border-radius: 6px;
  display: flex;
  flex: 1 0 auto;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  margin: 0 0 0 20px;
}
.file-save:hover,
.file-save:focus {
  background: #636e89
    url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2a1 1 0 00-1 1v14a1 1 0 001 1h1v-7a1 1 0 011-1h10a1 1 0 011 1v7h1a1 1 0 001-1V6.414L13.586 2H6v3h7a1 1 0 110 2H5a1 1 0 01-1-1V2H3zm2-2H3a3 3 0 00-3 3v14a3 3 0 003 3h14a3 3 0 003-3V6a1 1 0 00-.293-.707l-5-5A1 1 0 0014 0H5zm1 12v6h8v-6H6z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
}
.files-list {
  display: block;
  max-height: 300px;
  overflow: auto;
  margin: 0 0 10px;
}
.file-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  line-height: 1.25;
  letter-spacing: -0.02em;
  padding: 9px 10px 9px 20px;
}
.file-item:hover,
.file-item.active {
  background-color: rgba(201, 207, 217, 0.8);
}
.file-item.active .file-name {
  font-weight: 600;
}
.file-name {
  display: block;
  font-size: 14px;
  color: #1c3358;
  margin: 0 0 2px;
}
.file-name:hover {
  color: #2b7cff;
}
.file-date {
  display: block;
  font-size: 11px;
  color: rgba(28, 51, 88, 0.5);
}
.file-item-action {
  display: flex;
}
.file-item-action a {
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 4px;
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -999px;
  overflow: hidden;
  opacity: 0.75;
}
.item-deletar {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M17 5V4a2 2 0 00-2-2H9a2 2 0 00-2 2v1H4a1 1 0 000 2h1v11a3 3 0 003 3h8a3 3 0 003-3V7h1a1 1 0 100-2h-3zm-2-1H9v1h6V4zm2 3H7v11a1 1 0 001 1h8a1 1 0 001-1V7z' fill='%23636E89'/%3E%3Cpath d='M9 9h2v8H9V9zM13 9h2v8h-2V9z' fill='%23636E89'/%3E%3C/svg%3E");
}
.item-editar {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4 7.34L16.66 4.6A2 2 0 0014 4.53l-9 9a2 2 0 00-.57 1.21L4 18.91A1 1 0 005 20h.09l4.17-.38a2 2 0 001.21-.57l9-9a1.92 1.92 0 00-.07-2.71zM9.08 17.62l-3 .28.27-3L12 9.32l2.7 2.7-5.62 5.6zM16 10.68L13.32 8l1.95-2L18 8.73l-2 1.95z' fill='%23636E89'/%3E%3C/svg%3E");
}
.file-item-action a:hover {
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
  opacity: 1;
}
.header-curso-info {
  display: flex;
  align-items: center;
  height: 40px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.04em;
  color: #1c3358;
  padding: 0 5px;
}
.status-aula {
  background-color: #fff;
  border-radius: 12px;
  display: inline-block;
  font-size: 12px;
  line-height: 1.3335;
  text-align: center;
  letter-spacing: -0.02em;
  color: rgba(28, 51, 88, 0.5);
  padding: 3px 8px;
  margin: 0 0 0 10px;
}

.split-panel {
  display: flex;
  flex-direction: row;
}
#stage-column,
#code-column {
  display: flex;
  flex-direction: column;
}
.gutter {
  background-color: transparent;
  border: 1px solid #edf0f5;
  border-radius: 5px;
}
.gutter.gutter-horizontal {
  background: transparent
    url("data:image/svg+xml,%3Csvg width='4' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.7' d='M4 2a2 2 0 11-4 0 2 2 0 014 0zm0 5.6a2 2 0 11-4 0 2 2 0 014 0zm-2 7.6a2 2 0 100-4 2 2 0 000 4z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat center;
  cursor: col-resize;
}
.gutter:hover {
  background-color: rgba(48, 67, 106, 0.1);
}
.stage-container {
  background: #fbfbfb;
  box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1),
    0px 50px 60px rgba(0, 4, 99, 0.07);
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.stage {
  background-color: #2eb654;
  border-radius: 4px;
  display: block;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  overflow: hidden;
  position: relative;
}
.code-container {
  background: #fefefe;
  box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1),
    0px 50px 60px rgba(0, 4, 99, 0.07);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  position: relative;
}
.code-container-actions {
  background-color: rgba(99, 110, 137, 0.1);
  border-radius: 0 10px 0 10px;
  display: flex;
  align-items: center;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  padding: 0 5px;
}
.code-undo,
.code-redo {
  border-radius: 4px;
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -999px;
  overflow: hidden;
  margin: 0;
  opacity: 0.8;
}
.code-undo {
  background: url(../img/ico-undo.svg) no-repeat center;
}
.code-redo {
  background: url(../img/ico-redo.svg) no-repeat center;
}
.code-undo:hover,
.code-redo:hover {
  background-color: rgba(99, 110, 137, 0.2);
  opacity: 1;
}
.code-container-actions .bt-fullscreen {
  background-color: transparent;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  position: relative;
  top: auto;
  right: auto;
  z-index: auto;
}
.code-container-actions .bt-fullscreen:hover {
  background-color: rgba(99, 110, 137, 0.2);
}
.code-lines {
  background: rgba(225, 225, 233, 0.3);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.04em;
  color: #636e89;
  padding: 0 12px 0 45px;
  margin-right: 5px;
  position: absolute;
  top: 4px;
  right: 100%;
  overflow: hidden;
}
.code-lines:before {
  background: rgba(225, 225, 233, 0.3)
    url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 7l3-3m0 0l3 3m-3-3v16' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 20c0 .5523.4477 1 1 1s1-.4477 1-1h-2zm7-11h1c0-.5523-.4477-1-1-1v1zm-4-1c-.5523 0-1 .4477-1 1s.4477 1 1 1V8zm3 5c0 .5523.4477 1 1 1s1-.4477 1-1h-2zm-4 7v-2.9289h-2V20h2zm1.1716-5.7574l4.5355-4.5355-1.4142-1.4142-4.5355 4.5355 1.4142 1.4142zM18 10h4V8h-4v2zm3-1v4h2V9h-2zm-4 8.0711a4 4 0 011.1716-2.8285l-1.4142-1.4142A5.9998 5.9998 0 0015 17.0711h2z' fill='%23636E89'/%3E%3Cpath d='M8 20v-2.9289a5.0001 5.0001 0 00-1.4645-3.5356L2 9m0 0h4M2 9v4' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center;
  display: block;
  content: "";
  width: 35px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.stage-actions {
  width: 100%;
  float: left;
}
.stage-simulation {
  float: left;
  padding: 10px 0 0;
}
.simulation-item {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  cursor: pointer;
}
.simulation-item img {
  display: block;
  float: left;
}
.simulation-tag {
  background-color: rgba(99, 110, 137, 0.15);
  border-radius: 10px 10px 10px 2px;
  display: block;
  float: left;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 18px;
  color: #636e89;
  padding: 2px 8px;
  margin: 5px 0;
}
.tag-sol-nascente {
  background-color: rgba(243, 190, 0, 0.4);
  color: #6a5301;
}
.tag-sol-poente {
  background-color: rgba(178, 152, 235, 0.4);
  color: #755fa4;
}
.code-buttons {
  background: rgba(201, 207, 217, 0.2);
  border-radius: 10px 0px;
  display: flex;
  flex-grow: 0;
  float: right;
  align-items: center;
  height: 60px;
  padding: 0 10px;
  margin: 10px -10px -10px 0;
}
.code-reload,
.code-stop,
.code-play,
.code-speed {
  display: block;
  text-indent: -999px;
  overflow: hidden;
  margin: 0 10px;
}
.code-reload {
  background: url(../img/ico-reload.svg) no-repeat center;
  filter: drop-shadow(0 1px 1px rgba(193, 70, 0, 0.55))
    drop-shadow(0 3px 3px rgba(193, 70, 0, 0.25))
    drop-shadow(0 6px 9px rgba(193, 70, 0, 0.2));
  width: 24px;
  height: 30px;
}
.code-stop {
  background: url(../img/ico-stop.svg) no-repeat center;
  filter: drop-shadow(0 1px 1px rgba(193, 30, 30, 0.55))
    drop-shadow(0 3px 3px rgba(193, 30, 30, 0.25))
    drop-shadow(0 6px 9px rgba(193, 30, 30, 0.2));
  width: 25px;
  height: 26px;
}
.code-play {
  background: url(../img/ico-play.svg) no-repeat center;
  filter: drop-shadow(0 1px 1px rgba(3, 161, 0, 0.55))
    drop-shadow(0 3px 3px rgba(3, 161, 0, 0.25))
    drop-shadow(0 6px 9px rgba(3, 162, 0, 0.2));
  width: 20px;
  height: 30px;
}
.code-speed {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1485 9.3895s-1.615 4.551-2.382 5.345a2.0006 2.0006 0 01-2.1887.5022 2.0011 2.0011 0 01-1.1136-1.0753 1.9998 1.9998 0 01.4253-2.2049c.767-.795 5.259-2.567 5.259-2.567v0z' stroke='%23636E89' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M19.425 19.425A10.47 10.47 0 0022.5 12c0-5.799-4.701-10.5-10.5-10.5S1.5 6.201 1.5 12c0 2.8995 1.175 5.5245 3.075 7.425M12 2v2M19.4225 5.571l-1.554 1.2586M21.2615 13.6165l-1.949-.45M2.7385 13.6165l1.949-.45M4.5775 5.571l1.554 1.2586' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center;
  width: 24px;
  height: 24px;
}
.code-remove {
  background: #ffd3d3;
  background-size: 32px;
  border-radius: 10px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin: 0 10px 0 -10px;
  position: relative;
}
.lixeira {
  overflow: visible;
}
.code-remove:hover .lixeira #tampa {
  transform-origin: 0 0;
  transform: translateX(-2px) rotate(-15deg);
}
.stage-itens-coletados {
  background-color: #f6f6f6;
  box-shadow: inset 0 1px 0 1px rgba(255, 255, 255, 0.9),
    0px 1px 1px rgba(3, 11, 28, 0.25), 0px 2px 3px rgba(3, 11, 28, 0.05);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  padding: 10px 0;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(3px);
  z-index: 100;
}

.bt-fullscreen {
  background: #fbfbfb
    url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4a1 1 0 011-1h4a1 1 0 010 2H6.414l3.293 3.293a1 1 0 01-1.414 1.414L5 6.414V8a1 1 0 01-2 0V4zm13-1h4a1 1 0 011 1v4a1 1 0 11-2 0V6.414l-3.293 3.293a1 1 0 01-1.414-1.414L17.586 5H16a1 1 0 110-2zM9.707 14.293a1 1 0 010 1.414L6.414 19H8a1 1 0 110 2H4a1 1 0 01-1-1v-4a1 1 0 112 0v1.586l3.293-3.293a1 1 0 011.414 0zm4.586 0a1 1 0 011.414 0L19 17.586V16a1 1 0 112 0v4a1 1 0 01-1 1h-4a1 1 0 110-2h1.586l-3.293-3.293a1 1 0 010-1.414z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 0 0 0 10px;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  opacity: 0.8;
  z-index: 100;
}
.bt-fullscreen.minimizar {
  background: #fbfbfb
    url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.707 3.293a1 1 0 00-1.414 1.414L6.586 8H5a1 1 0 000 2h4a1 1 0 001-1V5a1 1 0 00-2 0v1.586L4.707 3.293zM8 17.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 16H5a1 1 0 110-2h4a1 1 0 011 1v4a1 1 0 11-2 0v-1.586zM20.707 3.293a1 1 0 010 1.414L17.414 8H19a1 1 0 110 2h-4a1 1 0 01-1-1V5a1 1 0 112 0v1.586l3.293-3.293a1 1 0 011.414 0zM17.414 16l3.293 3.293a1 1 0 01-1.414 1.414L16 17.414V19a1 1 0 11-2 0v-4a1 1 0 011-1h4a1 1 0 110 2h-1.586z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.bt-fullscreen:hover {
  opacity: 1;
}
.fullScreenStage,
.fullScreenCode {
  border-radius: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
.fullScreenStage {
  background-color: rgba(128, 142, 166, 0.7);
  width: 100% !important;
  backdrop-filter: blur(5px);
}
.fullScreenStage .stage-container {
  margin: 0 auto;
}
.fullScreenStage .stage-chat {
  display: block;
}

body.hidden {
  overflow: hidden;
}
.instructions-title {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1),
    0px 50px 60px rgba(0, 4, 99, 0.07);
  border-radius: 10px;
  font-size: 16px;
  letter-spacing: -0.04em;
  line-height: 1.25;
  color: #1c3358;
  padding: 15px 10px 15px 65px;
  margin: 0 0 20px;
  position: relative;
  overflow: hidden;
}
.instructions-title:before {
  background: #c9cfd9
    url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.781 13.875l-2-2.5a1 1 0 00-.78-.375h-6V9h6c1.102 0 2-.897 2-2V4c0-1.103-.898-2-2-2H5a1 1 0 00-.782.375l-2 2.5a1.001 1.001 0 000 1.25l2 2.5A1 1 0 005 9h6v2H5c-1.103 0-2 .897-2 2v3c0 1.103.897 2 2 2h6v4h2v-4h6a1 1 0 00.781-.375l2-2.5a1.001 1.001 0 000-1.25zM4.281 5.5l1.2-1.5H19l.001 3H5.48L4.281 5.5zM18.521 16H5v-3h13.52l1.2 1.5-1.2 1.5z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  display: block;
  content: "";
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.see-instructions {
  border-radius: 6px;
  border: 2px solid rgba(99, 110, 137, 0.5);
  display: block;
  float: right;
  font-size: 13px;
  letter-spacing: normal;
  color: rgba(28, 51, 88, 0.8);
  padding: 5px 10px;
  margin: -5px 0;
}
.see-instructions:hover,
.see-instructions:focus {
  background-color: #636e89;
  color: #fff;
}
.lesson-instructions-container {
  display: flex;
  margin: 0 0 20px;
}
.hide {
  display: none;
}
.lesson-instructions-character {
  flex: 0 0 auto;
  width: 100px;
  height: 100px;
}
.lesson-instructions-character img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.lesson-instructions {
  background-color: #fff;
  border-radius: 0 10px 10px 10px;
  width: 100%;
  position: relative;
}
.lesson-instructions:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='23' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 22.397V25h9V0H3.831C1.219 0-.145 3.107 1.622 5.03l9.741 10.6A10 10 0 0114 22.398z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat 0 0;
  display: block;
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 40px;
  left: -14px;
}
.lesson-instructions-content {
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 1.4;
  color: #636e89;
  padding: 15px 40px;
}
.lesson-instructions-content p {
  margin: 0 0 10px;
}
.lesson-instructions-content p:last-child {
  margin: 0;
}
.lesson-instructions-actions {
  position: absolute;
  top: 0;
  right: 0;
}
.instruction-toggle,
.instruction-speaker,
.instruction-play {
  display: block;
  width: 28px;
  height: 28px;
  text-indent: -999px;
  overflow: hidden;
  position: relative;
  opacity: 0.5;
}
.instruction-toggle:hover,
.instruction-speaker:hover,
.instruction-play:hover {
  background-color: rgba(201, 207, 217, 0.5);
  opacity: 1;
}
.instruction-toggle {
  background: url("data:image/svg+xml,%3Csvg width='12' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1a1 1 0 011-1h10a1 1 0 110 2H1a1 1 0 01-1-1z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 0 10px;
}
.instruction-speaker {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.789c0 .876.326 1.633.98 2.272a3.236 3.236 0 002.345.958h1.589c.345 0 .603.125.776.375l1.588 2.48C7.722 15.623 8.424 16 9.384 16h1.953c.444 0 .832-.156 1.164-.47.333-.313.499-.682.499-1.107V1.576c0-.425-.16-.795-.48-1.108A1.626 1.626 0 0011.337 0H9.384c-.96 0-1.662.376-2.106 1.127L5.69 3.606c-.173.25-.431.375-.776.375H3.325c-.911 0-1.693.32-2.346.958C.326 5.577 0 6.335 0 7.211V8.79zM1.589 7.21c0-.45.166-.832.498-1.145.333-.313.746-.47 1.238-.47h1.589c.886 0 1.588-.375 2.106-1.127l1.588-2.478c.173-.276.431-.414.776-.414h2.027v12.845H9.384c-.345 0-.603-.137-.776-.413L7.02 11.53c-.394-.75-1.096-1.126-2.106-1.126H3.325c-.492 0-.905-.157-1.238-.47A1.513 1.513 0 011.59 8.79V7.21zM14.41 5.596v4.808c0 .526.259.789.776.789.542 0 .813-.263.813-.79V5.597c0-.526-.27-.788-.813-.788-.517 0-.776.262-.776.788z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.instruction-play {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.789c0 .876.326 1.633.98 2.272a3.236 3.236 0 002.345.958h1.589c.345 0 .603.125.776.375l1.588 2.48C7.722 15.623 8.424 16 9.384 16h1.953c.444 0 .832-.156 1.164-.47.333-.313.499-.682.499-1.107V1.576c0-.425-.16-.795-.48-1.108A1.626 1.626 0 0011.337 0H9.384c-.96 0-1.662.376-2.106 1.127L5.69 3.606c-.173.25-.431.375-.776.375H3.325c-.911 0-1.693.32-2.346.958C.326 5.577 0 6.335 0 7.211V8.79zM1.589 7.21c0-.45.166-.832.498-1.145.333-.313.746-.47 1.238-.47h1.589c.886 0 1.588-.375 2.106-1.127l1.588-2.478c.173-.276.431-.414.776-.414h2.027v12.845H9.384c-.345 0-.603-.137-.776-.413L7.02 11.53c-.394-.75-1.096-1.126-2.106-1.126H3.325c-.492 0-.905-.157-1.238-.47A1.513 1.513 0 011.59 8.79V7.21zM14.41 5.596v4.808c0 .526.259.789.776.789.542 0 .813-.263.813-.79V5.597c0-.526-.27-.788-.813-.788-.517 0-.776.262-.776.788z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center 6px;
  border-radius: 4px 0 0 4px;
  height: 56px;
  padding: 28px 0 0;
}
.instruction-play:before {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 28px;
  left: 0;
}
.instruction-play:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='13' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.373 15.333A1.372 1.372 0 010 13.959V1.874A1.374 1.374 0 012.09.702l9.888 6.042a1.374 1.374 0 010 2.344L2.09 15.131a1.374 1.374 0 01-.717.202zm.275-12.97V13.47l9.087-5.554-9.087-5.553z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.instruction-play.pause {
  background-color: rgba(201, 207, 217, 0.2);
  opacity: 1;
}
.instruction-play.pause:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.1667 4.75a1.5833 1.5833 0 011.5834-1.5833h1.5833A1.5833 1.5833 0 017.9168 4.75v9.5a1.5834 1.5834 0 01-1.5834 1.5834H4.7501A1.5835 1.5835 0 013.1668 14.25v-9.5zm1.5834 0v9.5h1.5833v-9.5H4.7501zM11.0835 4.75a1.5834 1.5834 0 011.5833-1.5833h1.5834A1.5831 1.5831 0 0115.8335 4.75v9.5a1.5831 1.5831 0 01-1.5833 1.5834h-1.5834a1.5837 1.5837 0 01-1.5833-1.5834v-9.5zm1.5833 0v9.5h1.5834v-9.5h-1.5834z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}

.build-stage-container {
  background: #fbfbfb;
  box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1),
    0px 50px 60px rgba(0, 4, 99, 0.07);
  border-radius: 10px;
  margin: 0 0 20px;
  position: relative;
}
.build-stage-reset {
  border-radius: 5px;
  display: flex;
  align-items: flex-end;
  height: 60px;
  font-size: 13px;
  color: #d65a5a;
  padding: 5px 10px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.build-stage-reset:hover {
  background: #f2e1e1;
  color: #d65a5a;
}
.build-stage-reset:active {
  transform: translateY(1px);
}
.build-stage-reset:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.04 2.292a1 1 0 010 1.414L5.412 5.333h8.253a8.334 8.334 0 11-8.333 8.333 1 1 0 112 0 6.334 6.334 0 106.333-6.333H5.413l1.626 1.626a1 1 0 01-1.413 1.414L2.292 7.039a1 1 0 010-1.413l3.334-3.334a1 1 0 011.413 0z' fill='%23D65A5A'/%3E%3C/svg%3E")
    no-repeat center;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 9px;
  left: 50%;
  margin-left: -12px;
}
.menu-build-stage {
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 16px;
  color: #636e89;
  list-style: none;
  padding: 0;
  margin: 0 80px 0 0;
  position: relative;
  overflow: hidden;
}
.menu-build-stage a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #636e89;
  padding: 9px 22px;
  position: relative;
  overflow: hidden;
}
.menu-build-stage a:hover,
.menu-build-stage a.active {
  background: #e1e1e9;
}
.menu-build-stage a:before {
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  content: "";
  width: 32px;
  height: 32px;
  margin: 0 0 4px 0;
  position: relative;
}
.item-defina:before {
  background-image: url(../img/ico-configuration.svg);
}
.item-palco:before {
  background-image: url(../img/ico-layers.svg);
}
.item-cores:before {
  background-image: url(../img/ico-palette.svg);
}
.item-atores:before {
  background-image: url(../img/ico-smile.svg);
}
.item-utilitarios:before {
  background-image: url(../img/ico-robot.svg);
}
.item-cidade:before {
  background-image: url(../img/ico-city.svg);
}
.item-campo:before {
  background-image: url(../img/ico-farm.svg);
}
.menu-build-stage a:hover:before {
  animation: bounceIco 0.3s ease infinite alternate;
}
@keyframes bounceIco {
  from {
  }
  to {
    transform: translateY(-2px);
  }
}
.build-stage {
  position: relative;
}
.build-stage-title {
  background-color: #e1e1e9;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.04em;
  color: #1c3358;
  padding: 15px 40px 15px 20px;
  margin: 0;
  position: relative;
}
.menu-build-stage a:after {
  background: #636e89
    url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.34 2.322A1.0002 1.0002 0 008.308.6537 1 1 0 007.976.859L5.05 3.587 2.322.66A1 1 0 00.86 2.024L3.588 4.95.661 7.678A1 1 0 102.025 9.14l2.926-2.727 2.728 2.926a1 1 0 101.462-1.363L6.414 5.05 9.34 2.322z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 0 0 0 4px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  position: absolute;
  top: -20px;
  right: 0;
  transition: all 0.2s linear;
}
.menu-build-stage a.active:after {
  top: 0;
}

.build-stage-content {
  padding: 20px;
}
.build-stage-content h4 {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: #1c3358;
  padding: 15px 0 0;
  margin: 0 0 10px;
}
.build-stage-wrap {
  background: #fbfbfb;
  box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1),
    0px 50px 60px rgba(0, 4, 99, 0.07);
  border-radius: 10px;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 101;
  overflow: hidden;
}
/* stage chat*/
.stage-chat {
  background-color: #d8deeb;
  border-radius: 10px 0 0 10px;
  display: none;
  width: 390px;
  height: 100%;
  padding: 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: auto;
}
.narrative {
  background: #c4cbdc
    url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 2.625A1.125 1.125 0 011.125 1.5h6.38c1.84 0 3.475.885 4.5 2.252A5.616 5.616 0 0116.508 1.5h6.367a1.125 1.125 0 011.125 1.125v15.75a1.125 1.125 0 01-1.125 1.125h-6.76a3.376 3.376 0 00-2.386.988l-.934.932a1.125 1.125 0 01-1.59 0l-.932-.932a3.375 3.375 0 00-2.387-.988H1.125A1.125 1.125 0 010 18.375V2.625zm13.133 4.5a3.375 3.375 0 013.375-3.375h5.242v13.5h-5.636c-1.065 0-2.1.302-2.988.858l.007-10.983zm-2.256 10.986l.005-7.61-.002-3.379A3.375 3.375 0 007.504 3.75H2.25v13.5h5.636c1.058 0 2.094.298 2.99.861z' fill='%23636E89'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    no-repeat 20px 13px;
  border-radius: 10px;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 1.4;
  color: #636e89;
  padding: 15px 20px 15px 64px;
  margin: 0 0 20px;
}
.narrative p,
.chat-msg p {
  margin: 0 0 10px;
}
.narrative p:last-child,
.chat-msg p:last-child {
  margin: 0;
}
.chat-msg-container {
  min-height: 75px;
  padding: 0 0 0 90px;
  margin: 0 0 20px;
  position: relative;
}
.chat-msg-character {
  width: 75px;
  height: 75px;
  position: absolute;
  top: 0;
  left: 0;
}
.chat-msg-container img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}
.chat-msg {
  background-color: #fff;
  border-radius: 0 10px 10px 10px;
  width: 100%;
  height: fit-content;
  min-height: 50px;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 1.4;
  color: #636e89;
  padding: 12px 15px 12px 20px;
  position: relative;
}
.chat-msg:before {
  display: block;
  content: "";
  position: absolute;
  top: 15px;
}
.chat-msg:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='23' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 22.397V25h9V0H3.831C1.219 0-.145 3.107 1.622 5.03l9.741 10.6A10 10 0 0114 22.398z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat 0 0;
  width: 25px;
  height: 25px;
  left: -14px;
}
.pensamento .chat-msg:before {
  background: url("data:image/svg+xml,%3Csvg width='19' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0a4 4 0 014 4v2a4 4 0 01-4 4h-2a4 4 0 01-4-4V4a4 4 0 014-4h2zM3 0a3 3 0 110 6 3 3 0 010-6z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat 0 0;
  width: 19px;
  height: 10px;
  left: -23px;
}
.sussurro .chat-msg {
  background-color: #ffffe9;
}
.sussurro .chat-msg:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='21' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0H2a2 2 0 000 4h3a2 2 0 100-4zm14 4a2 2 0 100-4h-8a2 2 0 100 4h8z' fill='%23FFFFE9'/%3E%3C/svg%3E")
    no-repeat 0 0;
  width: 21px;
  height: 4px;
  left: -24px;
}
.grito .chat-msg {
  background-color: #ffe6e6;
  border-radius: 0;
  text-transform: uppercase;
}
.grito .chat-msg:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='29' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 0h16v10h-8v7L0 10h13V0z' fill='%23FFE5E5'/%3E%3C/svg%3E")
    no-repeat 0 0;
  width: 29px;
  height: 17px;
  left: -29px;
}
.chat-msg-name {
  display: block;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: #1c3358;
  margin: 0;
}
.chat-msg-name span {
  display: inline-block;
  font-weight: 500;
}
.chat-msg-container.right {
  padding: 0 90px 0 0;
}
.chat-msg-container.right .chat-msg-character {
  left: auto;
  right: 0;
}
.chat-msg-container.right .chat-msg {
  border-radius: 10px 0 10px 10px;
}
.chat-msg-container.right .chat-msg:before {
  left: auto;
  right: -14px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.chat-msg-container.pensamento .chat-msg {
  border-radius: 10px;
}
.chat-msg-container.pensamento.right .chat-msg:before {
  right: -23px;
}
.chat-msg-container.sussurro.right .chat-msg:before {
  right: -24px;
}
.chat-msg-container.grito.right .chat-msg {
  border-radius: 0;
}
.grito.right .chat-msg:before {
  right: -29px;
}

/* dashboard */
.block {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 20px 25px -20px rgba(0, 4, 99, 0.1),
    0 50px 60px rgba(0, 4, 99, 0.07);
  display: flex;
  flex-direction: column;
  flex: 1;
  color: rgba(28, 51, 88, 0.7);
  margin-bottom: 30px;
  position: relative;
}
.row-stretch-block > * {
  margin-bottom: 30px;
}
.row-stretch-block .block {
  height: 100%;
  margin-bottom: 0;
}
.block-header {
  display: flex;
  justify-content: space-between;
  min-height: 50px;
  position: relative;
}
.block-title {
  display: flex;
  align-items: center;
  position: relative;
}
.block-title-h2,
.block-title-h3 {
  background-color: #8892ac;
  border-radius: 20px 0;
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: #fff;
  padding: 0 20px;
  margin: 0;
  z-index: 2;
}
.block-title-h3 {
  background-color: rgb(136, 146, 172, 0.7);
  font-weight: 500;
  padding-left: 50px;
  margin-left: -30px;
  z-index: 1;
}
.link-back {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.9393 13.0607c-.5857-.5858-.5857-1.5356 0-2.1214l6-6c.5858-.5857 1.5356-.5857 2.1214 0 .5857.5858.5857 1.5356 0 2.1214L11.1213 12l4.9394 4.9393c.5857.5858.5857 1.5356 0 2.1214-.5858.5857-1.5356.5857-2.1214 0l-6-6z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat 0 center;
  display: inline-block;
  color: #fff;
  padding: 0 0 0 25px;
  position: relative;
}
.link-back:hover {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.9393 13.0607c-.5857-.5858-.5857-1.5356 0-2.1214l6-6c.5858-.5857 1.5356-.5857 2.1214 0 .5857.5858.5857 1.5356 0 2.1214L11.1213 12l4.9394 4.9393c.5857.5858.5857 1.5356 0 2.1214-.5858.5857-1.5356.5857-2.1214 0l-6-6z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat 0 center;
  color: #1c3358;
  transform: translateX(-5px);
}
.block-title-ico {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 10px 0 -10px;
}
.block-header-action {
  background-color: rgba(201, 207, 217, 0.5);
  border-radius: 0 20px;
  display: flex;
  align-items: center;
  flex-direction: row;
  padding: 5px;
}
.block-config,
.block-visibility {
  background: url("data:image/svg+xml,%3Csvg width='26' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.608 17.952a5.239 5.239 0 01-5.26-5.26 5.239 5.239 0 015.26-5.26 5.238 5.238 0 015.26 5.26c.084 2.839-2.337 5.26-5.26 5.26zm0-8.684a3.35 3.35 0 00-3.34 3.34 3.35 3.35 0 003.34 3.34 3.35 3.35 0 003.34-3.34c.084-1.837-1.42-3.34-3.34-3.34zm0 16.032h-.083c-.919 0-1.754-.084-1.837-.084a1.073 1.073 0 01-.835-.835l-.25-2.003a7.927 7.927 0 01-1.754-.752l-1.587 1.169c-.334.25-.835.25-1.169 0 0 0-.668-.5-1.336-1.252l-.083-.084c-.668-.668-1.169-1.336-1.253-1.336a1.003 1.003 0 010-1.169l1.17-1.586-.752-1.754-1.92-.25a1.073 1.073 0 01-.836-.835S0 13.694 0 12.692v-.167c0-.919.083-1.754.083-1.837.084-.418.418-.752.835-.835l2.004-.25a5.567 5.567 0 01.752-1.754L2.505 6.262a1.003 1.003 0 010-1.169s.5-.668 1.252-1.336l.084-.083c.668-.668 1.336-1.169 1.336-1.253.334-.25.835-.25 1.169 0l1.586 1.17c.585-.251 1.17-.502 1.754-.669l.25-1.92c.084-.418.418-.752.835-.835 0 0 .835-.084 1.837-.084h.167c.919 0 1.754.084 1.837.084.418.083.752.417.835.835l.25 2.004a7.927 7.927 0 011.754.751l1.587-1.252c.334-.25.835-.25 1.169 0 0 0 .668.5 1.336 1.252l.167.084c.668.668 1.168 1.336 1.252 1.336.25.334.25.835 0 1.169L21.71 7.932l.751 1.754 1.92.25c.418.084.752.418.835.835 0 0 .084.835.084 1.837v.167c0 .919-.084 1.754-.084 1.837a1.073 1.073 0 01-.835.835l-2.003.25a7.927 7.927 0 01-.752 1.754l1.169 1.587c.25.334.25.835 0 1.169 0 0-.5.668-1.252 1.336l-.084.167c-.668.668-1.336 1.168-1.336 1.252-.334.25-.835.25-1.169 0l-1.586-1.252c-.585.25-1.17.5-1.754.668l-.25 1.92a1.073 1.073 0 01-.835.835c-.084.084-.919.167-1.92.167zm-1.002-2.004h1.837l.25-1.837c.084-.417.335-.751.752-.835a6.785 6.785 0 002.422-1.002c.25-.167.5-.167.751-.083.167 0 .25.083.418.167l1.42 1.085c.166-.167.417-.334.584-.584l.083-.084.585-.584-1.086-1.42a1.027 1.027 0 01-.083-1.085c.417-.752.751-1.503 1.002-2.338.083-.418.417-.752.835-.835l1.836-.25v-1.003-.835l-1.836-.25c-.418-.084-.752-.334-.835-.752a6.784 6.784 0 00-1.002-2.421c0-.084-.084-.167-.084-.167-.083-.334-.083-.668.167-.919l1.253-1.42c-.167-.166-.334-.417-.585-.584l-.083-.083-.585-.585-1.503 1.086c-.334.25-.835.25-1.169 0a11.606 11.606 0 00-2.338-1.002c-.417-.084-.668-.418-.751-.835l-.25-1.837H11.772l-.25 1.837a1.073 1.073 0 01-.835.835c-.835.167-1.587.5-2.338 1.002-.167 0-.501.083-.752 0-.083 0-.25-.084-.334-.167l-1.42-1.086c-.25.167-.417.334-.667.585l-.084.083c-.25.167-.417.418-.584.585L5.594 7.18c.25.334.25.751.084 1.085 0 0 0 .084-.084.084a11.605 11.605 0 00-1.002 2.338c-.083.417-.417.668-.835.751l-1.837.25V13.528l1.837.25c.418.084.752.418.835.835.167.835.501 1.587.919 2.338.167.25.167.501.083.835 0 .084-.083.25-.167.334l-1.085 1.42c.167.167.334.417.584.584l.084.084.584.584 1.503-1.085c.334-.25.835-.25 1.17 0 .75.417 1.502.751 2.254.918.417.084.668.418.751.835l.334 1.837z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 50%;
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  opacity: 0.5;
}
.block-config:hover,
.block-visibility:hover {
  opacity: 1;
}
.block-visibility {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.92 11.6C19.9 6.91 16.1 4 12 4s-7.9 2.91-9.92 7.6a1 1 0 000 .8C4.1 17.09 7.9 20 12 20s7.9-2.91 9.92-7.6a1.001 1.001 0 000-.8zM12 18c-3.17 0-6.17-2.29-7.9-6C5.83 8.29 8.83 6 12 6s6.17 2.29 7.9 6c-1.73 3.71-4.73 6-7.9 6zm0-10a4 4 0 100 8 4 4 0 000-8zm0 6a2 2 0 110-4 2 2 0 010 4z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.block-hide-content {
  overflow: hidden;
}
.block-hide-content .block-content {
  display: none;
}
.block-hide-content .block-visibility {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.944 6.084a6.93 6.93 0 011.06-.08c3.18 0 6.17 2.29 7.91 6a15.23 15.23 0 01-.9 1.64 1 1 0 00.05 1.152 1 1 0 001.65-.102 15.78 15.78 0 001.21-2.3 1.001 1.001 0 000-.79c-2.02-4.69-5.82-7.6-9.92-7.6a7.77 7.77 0 00-1.4.12 1.015 1.015 0 00.34 2v-.04zm-7.23-3.79a1.004 1.004 0 10-1.42 1.42l3.1 3.09a14.62 14.62 0 00-3.31 4.8 1 1 0 000 .8c2.02 4.69 5.82 7.6 9.92 7.6a9.26 9.26 0 005.05-1.54l3.24 3.25a1.002 1.002 0 001.639-.325 1 1 0 00-.219-1.095l-18-18zm6.36 9.19l2.45 2.45a2 2 0 01-2.45-2.45zm1.93 6.52c-3.18 0-6.17-2.29-7.9-6a12.09 12.09 0 012.7-3.79l1.77 1.79a4 4 0 005.43 5.43l1.59 1.57a7.24 7.24 0 01-3.59 1z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.block-content {
  padding: 20px;
}
.block-content .h2,
.block-content .h3,
.block-content .h4,
.block-content .h5 {
  font-size: 18px;
  font-weight: 700;
  color: #ff6d00;
  padding: 10px 0 5px;
  margin: 0;
}
.block-content .h3 {
  font-size: 16px;
}
.block-content .h4 {
  font-size: 14px;
}
.block-content .h5 {
  font-size: 12px;
}
.block-content .h2:first-child,
.block-content .h3:first-child,
.block-content .h4:first-child,
.block-content .h5:first-child {
  padding-top: 0;
}
.block-content p {
  margin: 0 0 10px;
}
.list {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
}
.list li {
  background: url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%2313CB55'/%3E%3C/svg%3E")
    no-repeat 0 6px;
  background-size: 10px;
  padding: 0 0 0 18px;
  margin: 0 0 5px;
}
.block-header-blue .block-title-h2 {
  background-color: #3681ff;
}
.block-header-blue .block-title-h3 {
  background-color: rgba(54, 129, 255, 0.7);
}
.block-header-orange .block-title-h2 {
  background-color: #ff6d00;
}
.block-header-orange .block-title-h3 {
  background-color: rgba(255, 109, 0, 0.7);
}
.block-header-purple .block-title-h2 {
  background-color: #8b54ff;
}
.block-header-purple .block-title-h3 {
  background-color: rgba(139, 84, 255, 0.7);
}
.block-header-green .block-title-h2 {
  background-color: #27c65d;
}
.block-header-green .block-title-h3 {
  background-color: rgba(39, 198, 93, 0.7);
}
.block-header-blue-sky .block-title-h2 {
  background-color: #00c7f2;
}
.block-header-blue-sky .block-title-h3 {
  background-color: rgba(0, 199, 242, 0.7);
}

.ico-meu-progresso {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.407 2.031c0-.273.11-.536.307-.729.197-.193.463-.302.742-.302h3.495c.278 0 .545.109.742.302.197.193.307.456.307.73v3.437c0 .273-.11.536-.307.729a1.058 1.058 0 01-1.483 0 1.023 1.023 0 01-.307-.73V4.52l-6.25 6.146a1.057 1.057 0 01-1.483 0L9.717 7.27l-5.901 5.803a1.048 1.048 0 01-.749.328 1.066 1.066 0 01-.76-.302A1.03 1.03 0 012 12.35a1.017 1.017 0 01.334-.736l6.641-6.531a1.058 1.058 0 011.483 0L13.91 8.48l5.51-5.418h-.965c-.279 0-.545-.108-.742-.302a1.023 1.023 0 01-.307-.729zM3.075 17.5c.278 0 .545.109.741.302.197.193.308.456.308.73v3.437c0 .273-.11.536-.308.729a1.058 1.058 0 01-1.483 0 1.023 1.023 0 01-.307-.73v-3.437c0-.273.11-.536.307-.729.197-.193.464-.302.742-.302zm6.642-3.094c0-.273-.11-.536-.308-.729a1.058 1.058 0 00-1.483 0 1.023 1.023 0 00-.307.73v7.562c0 .273.11.536.307.729a1.058 1.058 0 001.483 0c.197-.193.308-.456.308-.73v-7.562zm4.544 1.719c.278 0 .545.109.741.302.197.193.308.456.308.73v4.812c0 .273-.11.536-.308.729a1.058 1.058 0 01-1.483 0 1.023 1.023 0 01-.307-.73v-4.812c0-.273.11-.536.307-.729.197-.193.464-.302.742-.302zm6.642-4.469c0-.273-.11-.536-.307-.729a1.058 1.058 0 00-1.484 0 1.023 1.023 0 00-.307.73v10.312c0 .273.11.536.307.729a1.058 1.058 0 001.484 0c.196-.193.307-.456.307-.73V11.657z' fill='%23fff'/%3E%3C/svg%3E");
}
.ico-atividade {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.998 0h15.916L24 4.086V24h-7v-2h5V7h-5V2H5.998v5h-2V0zM19 2v3h3v-.086L19.086 2H19zM4.343 10.343a8 8 0 1111.314 11.314A8 8 0 014.343 10.343zM10 10a6 6 0 100 12 6 6 0 000-12zm-1 2h2v3.586l2.707 2.707-1.414 1.414L9 16.414V12z' fill='%23fff'/%3E%3C/svg%3E");
}
.ico-missoes {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.516.07a.904.904 0 01.559.834v4.52h4.52a.904.904 0 01.64 1.544l-3.616 3.615a.904.904 0 01-.64.264h-5.05l-1.337 1.34a1.81 1.81 0 11-3.556.468l.002-.083a1.807 1.807 0 012.274-1.663l1.34-1.34V4.52a.904.904 0 01.263-.64L16.531.265a.904.904 0 01.985-.195zm1.089 8.97l1.807-1.808h-3.241a.904.904 0 01-.904-.904V3.086L14.46 4.894V9.04h4.146zm2.986 2.125a10.847 10.847 0 11-9.26-9.256l-.692.693A2.712 2.712 0 0011 3.618l-.155-.002a9.04 9.04 0 109.039 8.884c.38-.135.726-.353 1.012-.639l.694-.696h.002zM10.844 6.328a6.327 6.327 0 106.327 6.327h-1.808a4.52 4.52 0 11-4.52-4.52V6.329z' fill='%23fff'/%3E%3C/svg%3E");
}
.ico-meu-curso {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 1a1 1 0 011 1v2h3a1 1 0 011 1v17a1 1 0 01-1 1H1a1 1 0 01-1-1V5a1 1 0 011-1h3V2a1 1 0 012 0v2h12V2a1 1 0 011-1zM4 6v1a1 1 0 002 0V6h12v1a1 1 0 102 0V6h2v4H2V6h2zm3 6h3v9H7v-9zm5 9v-9h10v9H12zm-7-9H2v9h3v-9zm14.707 3.707a1 1 0 00-1.414-1.414l-1.92 1.92-.818-.545a1 1 0 00-1.11 1.664l1.5 1a1 1 0 001.262-.125l2.5-2.5z' fill='%23fff'/%3E%3C/svg%3E");
}
.ico-meus-trabalhos {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17v-1.3333M16 17v-4m5 4v-6.6667M10.6667 27L16 22m0 0l5.3333 5M16 22h8.6667A1.3336 1.3336 0 0026 20.6667V5H6v15.6667A1.3335 1.3335 0 007.3333 22H16zM4 5h24' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.aluno-avatar {
  background: rgba(201, 207, 217, 0.5)
    url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' opacity='.5' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: 40px;
  border-radius: 40px 8px 40px 40px;
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 20px 20px 0;
  overflow: hidden;
}
.aluno-avatar img {
  display: block;
  width: 100%;
  height: auto;
}
.aluno-nome {
  display: block;
  font-size: 20px;
  letter-spacing: -0.05em;
  line-height: 1.2;
  color: #1c3358;
  margin: 0;
}
.aluno-patente {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.946 2.344a3 3 0 00-3.892 0L8.783 3.428a1 1 0 01-.57.236l-1.665.132a3 3 0 00-2.751 2.752l-.133 1.666a1 1 0 01-.236.569l-1.084 1.271a3 3 0 000 3.892l1.084 1.271a1 1 0 01.236.57l.133 1.665a3 3 0 002.751 2.751l1.666.133c.21.017.409.1.569.236l1.271 1.084a3 3 0 003.892 0l1.271-1.084c.16-.136.36-.219.57-.236l1.665-.133a3 3 0 002.751-2.751l.133-1.666a1 1 0 01.236-.569l1.084-1.271a3 3 0 000-3.892l-1.084-1.271a1 1 0 01-.236-.57l-.133-1.665a3 3 0 00-2.751-2.752l-1.666-.132a1 1 0 01-.569-.236l-1.271-1.084zM11.35 3.867a1 1 0 011.298 0L13.92 4.95a3 3 0 001.707.707l1.665.133a1 1 0 01.918.917l.133 1.666a3 3 0 00.707 1.707l1.083 1.271a1 1 0 010 1.298L19.05 13.92a3 3 0 00-.707 1.707l-.133 1.665a1 1 0 01-.918.918l-1.665.133a3 3 0 00-1.707.707l-1.271 1.083a1 1 0 01-1.298 0L10.08 19.05a3 3 0 00-1.707-.707l-1.666-.133a1 1 0 01-.917-.918l-.133-1.665a3 3 0 00-.707-1.707l-1.083-1.271a1 1 0 010-1.298L4.95 10.08a3 3 0 00.707-1.707l.133-1.666a1 1 0 01.917-.917l1.666-.133a3 3 0 001.707-.707l1.271-1.083h-.001zm4.356 6.84a1 1 0 00-1.414-1.414L11 12.586l-1.293-1.293a1 1 0 10-1.414 1.414l2 2a1 1 0 001.414 0l4-4h-.001z' fill='%231C3358' opacity='.6'/%3E%3C/svg%3E")
    no-repeat 0 0;
  display: block;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
  color: #1c3358;
  padding: 2px 0 2px 32px;
}
.aluno-cursando {
  font-size: 16px;
  letter-spacing: -0.05em;
  line-height: 1.25;
  color: #1c3358;
  margin: 10px 0 0;
}
.aluno-cursando-curso {
  margin: 0 0 5px;
}
.em-andamento {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.02em;
  opacity: 0.4;
  margin: 0 0 0 5px;
}
/*
.aluno-cursando-progresso {
    background: rgba(225, 228, 234, .5);
    border-radius: 4px;
    width: 100%;
    height: 8px;
    position: relative;
    margin: 5px 0 0;
    overflow: hidden;
}
.barra-progresso {
    background: linear-gradient(115.95deg, #D1FFB4 16.37%, #00E9B2 83.63%);
    border-radius: 4px;
    height: 8px;
    text-indent: -999px;
    overflow: hidden;
}
*/
.aluno-status {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin: 15px 0 0;
}
.aluno-pontuacao {
  color: rgba(0, 122, 49, 0.7);
}
.aluno-pontuacao-max {
  display: block;
  font-weight: 500;
  color: rgba(0, 122, 49, 0.5);
  margin-top: -5px;
}
.aluno-pontuacao-pontos,
.aluno-honrarias-qtd {
  display: block;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -0.05em;
  color: #00ad45;
}
.aluno-honrarias {
  color: rgba(194, 151, 67, 0.7);
}
.aluno-honrarias-qtd {
  color: #f5bf55;
}
.mais {
  background: #dcdfe7
    url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9a1 1 0 002 0V6h3a1 1 0 100-2H6V1a1 1 0 00-2 0v3H1a1 1 0 000 2h3v3z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 2px 8px 8px 8px;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-indent: -999px;
  overflow: hidden;
}
.mais:hover {
  background: #636e89
    url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9a1 1 0 002 0V6h3a1 1 0 100-2H6V1a1 1 0 00-2 0v3H1a1 1 0 000 2h3v3z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
}

.lista-atividades {
  font-size: 12px;
  letter-spacing: -0.05em;
  line-height: 1.25;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}
.lista-atividades:before {
  background-color: rgba(161, 166, 185, 0.2);
  border-radius: 1px;
  display: block;
  content: "";
  width: 2px;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 9px;
}
.lista-atividades li {
  background-position: -1px 0;
  background-repeat: no-repeat;
  padding: 5px 0 5px 30px;
  margin: 0 0 5px;
  position: relative;
}
.lista-atividades .atividade-feita {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 19V5h6l5 5v9H6z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 4h7.414L18 9.586V20H5V4zm2 2v12h9v-7h-5V6H7zm6 1.414L14.586 9H13V7.414z' fill='%23A3CBB3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.707 12.293a1 1 0 010 1.414l-3 3a1 1 0 01-1.414 0l-1.5-1.5a1 1 0 111.414-1.414l.793.793 2.293-2.293a1 1 0 011.414 0z' fill='%23A3CBB3'/%3E%3C/svg%3E");
  text-decoration: line-through;
  color: rgba(24, 128, 66, 0.4);
}
.lista-atividades .atividade-atual {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 21V3h10l5 5v13H4z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2h11.414L20 7.586V22H3V2zm2 2v16h13V9h-5V4H5zm10 1.414L16.586 7H15V5.414z' fill='%231C3358'/%3E%3C/svg%3E");
  font-size: 14px;
  color: #1c3358;
}
.lista-atividades .atividade-atual .bt {
  margin: 5px 0;
}
.lista-atividades .atividade-proxima {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 19V5h6l5 5v9H6z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 4h7.414L18 9.586V20H5V4zm2 2v12h9v-7h-5V6H7zm6 1.414L14.586 9H13V7.414z' fill='%23A4ADBC'/%3E%3C/svg%3E");
  color: rgba(28, 51, 88, 0.4);
}
.block-alert {
  background: #ffed91
    url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 17H7v-6.5C7 8 9 6 11.5 6S16 8 16 10.5V17zm2-1v-5.5c0-3.07-2.14-5.64-5-6.32V3.5a1.5 1.5 0 10-3 0v.68c-2.87.68-5 3.25-5 6.32V16l-2 2v1h17v-1l-2-2zm-6.5 6a2 2 0 002-2h-4a2 2 0 002 2z' fill='%23665D3C' opacity='.6'/%3E%3C/svg%3E")
    no-repeat 10px 10px;
  box-shadow: 0 1px 1px rgba(186, 156, 0, 0.3),
    0 4px 5px rgba(186, 156, 0, 0.13), 0 13px 10px rgba(186, 156, 0, 0.08);
  border-radius: 4px 10px 10px 10px;
  min-height: 44px;
  font-size: 14px;
  letter-spacing: -0.05em;
  line-height: 1.2;
  color: #665d3c;
  padding: 14px 15px 14px 44px;
  margin: 0 0 20px;
}
.block-error {
  background: #f35a50
    url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.5601 16.3l-7.67-12.72a3.4292 3.4292 0 00-2.89-1.5826 3.4302 3.4302 0 00-2.89 1.5826l-7.67 12.72a3.0002 3.0002 0 00-.05 3 3.3699 3.3699 0 002.94 1.7h15.34a3.3698 3.3698 0 002.94-1.66 3 3 0 00-.05-3.04zm-1.7 2.05a1.3097 1.3097 0 01-1.19.65h-15.34a1.31 1.31 0 01-1.19-.65 1 1 0 010-1l7.68-12.73a1.4802 1.4802 0 012.36 0l7.67 12.72a.9998.9998 0 01.01 1.01z' fill='%23C20000'/%3E%3Cpath d='M12 17c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1zM12 8a1 1 0 00-1 1v4a1.0001 1.0001 0 002 0V9a1.0002 1.0002 0 00-1-1z' fill='%23C20000'/%3E%3C/svg%3E")
    no-repeat 10px 10px;
  box-shadow: 0 1px 1px rgba(186, 0, 0, 0.3), 0 4px 5px rgba(186, 0, 0, 0.13),
    0 13px 10px rgba(186, 0, 0, 0.08);
  border-radius: 4px 10px 10px 10px;
  min-height: 44px;
  font-size: 14px;
  letter-spacing: -0.05em;
  line-height: 1.2;
  color: #570000;
  padding: 14px 15px 14px 44px;
  margin: 0 0 20px;
}
/* missoes */
.missoes {
  display: flex;
  margin: 0 -8px;
}
.missao {
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  text-align: center;
  color: #1c3358;
  padding: 0 8px;
}
.missao-disabled .missao-ico {
  opacity: 0.4;
}
.missao-ico {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 10px auto;
}
.missao-title {
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.05em;
  margin: 0 0 5px;
}
.missao-status {
  background: rgba(201, 207, 217, 0.3);
  border-radius: 10px;
  display: inline-block;
  font-size: 12px;
  line-height: 1.33335;
  letter-spacing: -0.02em;
  color: rgb(28, 51, 88, 0.5);
  padding: 2px 8px;
  margin: 0 auto;
}
.missao .bt {
  margin: 0 auto;
}
/* cronograma curso */
.cronograma-container {
  background: rgba(225, 228, 234, 0.3);
  border-radius: 30px;
  display: flex;
  color: #1c3358;
}
.cronograma-modulos {
  background: #d6d9e3;
  border-radius: 30px 0 0 30px;
  padding: 20px 0 20px 20px;
}
.modulo-item {
  background-color: #e7eaef;
  border-radius: 20px 0 0 20px;
  display: block;
  font-size: 12px;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: rgba(28, 51, 88, 0.8);
  padding: 12px 20px 12px 40px;
  margin: 0 0 4px;
  white-space: nowrap;
  position: relative;
  cursor: not-allowed;
}
.modulo-item:last-child {
  margin: 0;
}
.modulo-item-finalizado {
  background-color: #d4e7de;
  cursor: pointer;
}
.modulo-item-finalizado:hover {
  background-color: rgba(19, 203, 85, 0.25);
  color: rgba(28, 51, 88, 1);
}
.modulo-item-atual {
  background-color: #f6f7f9;
  color: rgb(28, 51, 88, 1);
  cursor: default;
}
.modulo-item:before,
.cronograma-unidade-licao:before {
  background: #c9cfd9
    url("data:image/svg+xml,%3Csvg width='14' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 4a2 2 0 100-4 2 2 0 000 4zm7-2a2 2 0 11-4 0 2 2 0 014 0zm5 0a2 2 0 11-4 0 2 2 0 014 0z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 50%;
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  top: 11px;
  left: 11px;
}
.modulo-item-finalizado:before,
.unidade-finalizada:before {
  background: #13cb55
    url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: 10px;
}
.modulo-item-atual:before,
.unidade-atual:before {
  background-color: #ff5c00;
}
.cronograma-modulo {
  width: 100%;
  padding: 20px;
  overflow: auto;
}
.cronograma-modulo-titulo {
  display: block;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 20px;
  margin: 0 0 15px;
}
.cronograma-modulo-unidades {
  display: flex;
}
.cronograma-unidade {
  background: rgb(225, 228, 234, 0.7);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 0 2px;
}
.cronograma-unidade.active {
  box-shadow: inset 0 0 0 2px #27c65d;
}
.cronograma-unidade-titulo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  font-size: 13px;
  letter-spacing: -0.03em;
  line-height: 1.1;
  text-align: center;
  margin: 0 0 10px;
}
.cronograma-unidade-licoes {
  border-radius: 15px;
  display: flex;
  height: 100%;
}
.cronograma-unidade-licao {
  background: #f3f5fb;
  border-radius: 15px;
  display: flex;
  min-width: 30px;
  min-height: 170px;
  font-size: 13px;
  line-height: 1.25;
  letter-spacing: -0.03em;
  padding: 15px 0 30px;
  margin: 0 1px;
  position: relative;
}
.unidade-atual {
  background-color: #fff;
}
.cronograma-unidade-licao.show {
  background: #fff;
  box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1),
    0px 50px 60px rgba(0, 4, 99, 0.07);
  border-radius: 15px;
  width: auto;
}
.licao-container {
  padding: 0 7px;
  width: 30px;
  white-space: nowrap;
  overflow: hidden;
}
.show .licao-container {
  padding: 0 15px;
  width: auto;
  white-space: normal;
  overflow: auto;
}
.cronograma-unidade-licao:hover {
  background-color: #fff;
  box-shadow: 0px 20px 25px -20px rgba(0, 4, 99, 0.1),
    0px 50px 60px rgba(0, 4, 99, 0.07);
  transform: translateY(-5px);
}
.cronograma-unidade-licao:before {
  top: auto;
  bottom: 6px;
  left: 6px;
}
.cronograma-unidade-licao-titulo {
  display: none;
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  opacity: 0.5;
  margin: 0 0 10px;
}
.show .cronograma-unidade-licao-titulo {
  display: block;
}
.cronograma-atividades {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cronograma-atividades li {
  margin: 0 0 6px;
}
.cronograma-atividades li:last-child {
  margin: 0;
}
.cronograma-atividades li a {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2h5.707L13 6.293V14H3V2zm1 1v10h8V7H8V3H4zm5 .707L11.293 6H9V3.707z' fill='%231C3358' opacity='.4' /%3E%3C/svg%3E");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block;
  color: #1c3358;
  padding: 0 0 0 24px;
}
.cronograma-atividades li a:hover {
  text-decoration: underline;
}
.cronograma-atividades .atividade-feita {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2h5.707L13 6.293V14H3V2zm1 1v10h8V7H8V3H4zm5 .707L11.293 6H9V3.707z' fill='%238BB9A3' /%3E%3C/svg%3E");
  display: block;
  color: #8bb9a3;
}
.cronograma-atividades .atividade-atual {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2h5.707L13 6.293V14H3V2zm1 1v10h8V7H8V3H4zm5 .707L11.293 6H9V3.707z' fill='%232B7CFF' /%3E%3C/svg%3E");
  color: #2b7cff;
}

.cartao {
  background-color: #e8e8f0;
  border-radius: 20px 20px 20px 4px;
  display: flex;
  flex-direction: column;
  max-width: 260px;
  min-height: 280px;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #1c3358;
  padding: 20px 20px 60px;
  margin: 0 auto 30px auto;
  position: relative;
}
.cartao-link {
  display: block;
  color: #1c3358;
}
.cartao-link:hover {
  color: #3681ff;
}
.cartao-img {
  background: #d6d9e3 url(../img/mmCode-white.svg) no-repeat center;
  background-size: 60%;
  border-radius: 6px;
  display: block;
  width: 100%;
  height: 0;
  padding: 65% 0 0;
  margin: 0 0 10px;
  position: relative;
  overflow: hidden;
}
.cartao-img img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cartao-titulo {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}
.cartao-categoria {
  display: flex;
  align-items: center;
  height: 48px;
  font-size: 12px;
  color: rgb(28, 51, 88, 0.5);
  padding: 0 20px 0 60px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.cartao-categoria:before {
  background-color: #d6d9e3;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0 20px 0 4px;
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  left: 0;
}
.cat-animacoes-videogames .cartao-categoria:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 7.15a1.7 1.7 0 00-1.85.3l-2.15 2V8a3 3 0 00-3-3H5a3 3 0 00-3 3v8a3 3 0 003 3h9a3 3 0 003-3v-1.45l2.16 2c.318.2878.7311.4481 1.16.45a1.6812 1.6812 0 00.69-.15 1.5995 1.5995 0 00.7257-.5875 1.5989 1.5989 0 00.2743-.8925V8.63A1.5996 1.5996 0 0021 7.15zM15 16a1.0001 1.0001 0 01-1 1H5a1.0002 1.0002 0 01-1-1V8a1 1 0 011-1h9a1 1 0 011 1v8zm5-1.4L17.19 12 20 9.4v5.2z' fill='%23636E89'/%3E%3C/svg%3E");
}
.cat-robotica .cartao-categoria:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 15c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.9-2 2-2s2 .9 2 2zm-8-2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.89 2-2c0-1.11-.89-2-2-2zm14 2v3c0 .55-.45 1-1 1h-1v1c0 1.11-.89 2-2 2H5a1.9999 1.9999 0 01-2-2v-1H2c-.55 0-1-.45-1-1v-3c0-.55.45-1 1-1h1c0-3.87 3.13-7 7-7h1V5.73c-.6-.34-1-.99-1-1.73 0-1.1.9-2 2-2s2 .9 2 2c0 .74-.4 1.39-1 1.73V7h1c3.87 0 7 3.13 7 7h1c.55 0 1 .45 1 1zm-2 1h-2v-2c0-2.76-2.24-5-5-5h-4c-2.76 0-5 2.24-5 5v2H3v1h2v3h14v-3h2v-1z' fill='%23636E89'/%3E%3C/svg%3E");
}
.cat-forms .cartao-categoria:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 17V7c0-2.168-3.663-4-8-4S4 4.832 4 7v10c0 2.168 3.663 4 8 4s8-1.832 8-4zM12 5c3.691 0 5.931 1.507 6 1.994C17.931 7.493 15.691 9 12 9S6.069 7.493 6 7.006C6.069 6.507 8.309 5 12 5zM6 9.607C7.479 10.454 9.637 11 12 11s4.521-.546 6-1.393v2.387c-.069.499-2.309 2.006-6 2.006s-5.931-1.507-6-2V9.607zM6 17v-2.393C7.479 15.454 9.637 16 12 16s4.521-.546 6-1.393v2.387c-.069.499-2.309 2.006-6 2.006s-5.931-1.507-6-2z' fill='%23636E89'/%3E%3C/svg%3E");
}
.cat-apresentacao .cartao-categoria:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 14h-1V4h1a1 1 0 100-2H3a1 1 0 000 2h1v10H3a1.0002 1.0002 0 00-.7071 1.7071C2.4804 15.8946 2.7348 16 3 16h8v1.15l-4.55 3a.9997.9997 0 00-.4322 1.1352A1 1 0 007 22a.9403.9403 0 00.55-.17L11 19.55V21a1.0001 1.0001 0 002 0v-1.45l3.45 2.28A.9402.9402 0 0017 22a1 1 0 00.55-1.83l-4.55-3V16h8a1.0001 1.0001 0 000-2zm-3 0H6V4h12v10zm-8.39-1.74a1.7296 1.7296 0 001.76 0l3-1.74a1.7595 1.7595 0 00.8393-1.5 1.7594 1.7594 0 00-.8393-1.5l-3-1.74a1.7298 1.7298 0 00-1.76 0 1.71 1.71 0 00-.87 1.52v3.48a1.71 1.71 0 00.87 1.48zm1.13-4.58L13 9l-2.28 1.32.02-2.64z' fill='%23636E89'/%3E%3C/svg%3E");
}
.cat-musica .cartao-categoria:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.684 5.821l-9-3.272A1.998 1.998 0 008 4.428v6.1289a3.9533 3.9533 0 00-2-.557c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4v-9.572L19 7.7v6.856a3.963 3.963 0 00-2-.556c-2.206 0-4 1.794-4 4S14.794 22 17 22s4-1.7941 4-4.0001v-10.3c0-.838-.529-1.594-1.316-1.879zM6 15.9999c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2zM17 20c-1.103 0-2-.8971-2-2.0001 0-1.103.897-2 2-2s2 .897 2 2S18.103 20 17 20z' fill='%23636E89'/%3E%3C/svg%3E");
}
.cat-site .cartao-categoria:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a1.9999 1.9999 0 00-2-2zm-5 14H6v-7h7v7zm5 0h-3v-7h3v7zm0-9H6V6h12v3z' fill='%23636E89'/%3E%3C/svg%3E");
}
.cat-3d .cartao-categoria:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10a2 2 0 012-2h16a2 2 0 012 2v7a2 2 0 01-2 2h-3.868a1.9994 1.9994 0 01-1.715-.971l-1.56-2.6a1.0006 1.0006 0 00-1.3493-.3551.999.999 0 00-.3647.3551l-1.56 2.6A1.9998 1.9998 0 017.868 19H4a1.9999 1.9999 0 01-2-2v-7zM3.813 6.781A4 4 0 017.14 5h9.718a4 4 0 013.328 1.781L21 8H3l.813-1.219v0z' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.cat-ia .cartao-categoria:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3v2-2zm6 0v2-2zM9 19v2-2zm6 0v2-2zM5 9H3h2zm0 6H3h2zm16-6h-2 2zm0 6h-2 2zM7 19h10a2 2 0 002-2V7a1.9999 1.9999 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.cat-sistemas-distribuidos .cartao-categoria:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 15h-2v-3a1.0001 1.0001 0 00-1-1h-6V9h2a1 1 0 001-1V2a1.0002 1.0002 0 00-1-1H9a1 1 0 00-1 1v6a1 1 0 001 1h2v2H5a1.0002 1.0002 0 00-1 1v3H2a1.0002 1.0002 0 00-1 1v6a1 1 0 001 1h6a1.0002 1.0002 0 001-1v-6a1 1 0 00-1-1H6v-2h12v2h-2a1.0001 1.0001 0 00-1 1v6a1.0001 1.0001 0 001 1h6a1.0001 1.0001 0 001-1v-6a1.0001 1.0001 0 00-1-1zM7 17v4H3v-4h4zm3-10V3h4v4h-4zm11 14h-4v-4h4v4z' fill='%23636E89'/%3E%3C/svg%3E");
}

.block-header .bt {
  margin: 10px 10px 0 auto;
}
.tabs-mm {
  border-bottom: 10px solid #c9cfd9;
}
.tabs-mm .nav-item {
  margin-right: 10px;
}
.tabs-mm .nav-link {
  background-color: #c9cfd9;
  border-radius: 10px 10px 0 0;
  display: flex;
  align-items: center;
  min-height: 40px;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #1c3358;
  opacity: 0.5;
  padding: 5px 15px;
  position: relative;
}
.tabs-mm .nav-link:before {
  background-color: transparent;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 100%;
  height: 30px;
  width: 10px;
  left: 100%;
  border-bottom-left-radius: 10px;
  box-shadow: 0 10px 0 0 #c9cfd9;
}
.tabs-mm .nav-link.active {
  opacity: 1;
}
.table-mm {
  line-height: 1.2;
  color: #1c3358;
}
.table-mm thead {
  background: #c9cfd9;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.table-mm tbody {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.01em;
}
.table-mm > tbody > tr {
  background-color: rgba(201, 207, 217, 0.1);
  border-bottom: 2px solid #fff;
}
.table-mm > tbody > tr:nth-of-type(odd) {
  background-color: rgba(201, 207, 217, 0.3);
}
.table.table-mm > :not(caption) > * > * {
  padding: 15px 10px;
  background-color: transparent;
  border-bottom-width: 0;
  box-shadow: none;
}
.table-mm > tbody > tr.aula_em-andamento {
  background-color: #fff5c0;
}
.table-mm > tbody > tr.aula_encerrada {
  background-color: #d5f8d2;
}

.aula-info {
  display: flex;
  align-items: center;
}
.aula-status {
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  text-indent: -999px;
  overflow: hidden;
  margin: 0 6px 0 0;
}
.legenda-status {
  background-position: 10px center;
  background-repeat: no-repeat;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  height: 40px;
  font-size: 12px;
  text-align: center;
  letter-spacing: -0.02em;
  color: rgb(28, 51, 88, 0.5);
  padding: 10px 10px 10px 40px;
  margin: 0 10px 10px 0;
}
.legenda-status.aula-status-do {
  background-color: #eceef1;
}
.legenda-status.aula-status-doing {
  background-color: #fff5c0;
}
.legenda-status.aula-status-done {
  background-color: #d5f8d2;
}
.aula-status-do {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5497 11.2366c.4721.3995.4721 1.1273 0 1.5268l-7.9038 6.6878C8.996 20.0011 8 19.5391 8 18.6878V5.3122c0-.8514.996-1.3133 1.646-.7634l7.9037 6.6878z' stroke='%23636E89' stroke-width='2'/%3E%3C/svg%3E");
}
.aula-status-doing {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h12v6.0094L14.0156 12 18 15.9906V22H6v-6.0094L9.9844 12 6 8.0094V2zm9.9844 14.507L12 12.5164 8.0156 16.507v3.5212h7.9688V16.507zM12 11.4836l3.9844-3.9906V3.9718H8.0156V7.493L12 11.4836z' fill='%23E7B800'/%3E%3C/svg%3E");
}
.aula-status-done {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 11.83a1.0001 1.0001 0 00-1 1v5.57a.6003.6003 0 01-.1757.4243A.6003.6003 0 0118.4 19H5.6a.6.6 0 01-.6-.6V5.6a.6.6 0 01.6-.6h9.57a1 1 0 100-2H5.6A2.61 2.61 0 003 5.6v12.8A2.6101 2.6101 0 005.6 21h12.8a2.61 2.61 0 002.6-2.6v-5.57a1.0001 1.0001 0 00-1-1z' fill='%2313CB55'/%3E%3Cpath d='M10.7204 11a.9995.9995 0 00-1.3605.0216.9998.9998 0 00-.0794 1.3584l2.2199 2.33a1.0015 1.0015 0 001.1105.2331.998.998 0 00.3295-.2231l6.78-7a1.0023 1.0023 0 00.2131-.3288 1.0023 1.0023 0 00.071-.3853 1.0027 1.0027 0 00-.3041-.7059 1.0027 1.0027 0 00-.7141-.284 1.004 1.004 0 00-.7059.304l-6.05 6.26-1.51-1.58z' fill='%2313CB55'/%3E%3C/svg%3E");
}

.aula-indice {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  width: 15px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.03em;
  margin: 0 10px 0 0;
}
.aula-avaliar {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23636E89' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.7993 19.817l-2.172 1.138a.3915.3915 0 01-.4104-.0299.3911.3911 0 01-.1576-.3801l.415-2.411-1.757-1.707a.3887.3887 0 01.0208-.5781.3885.3885 0 01.1962-.0869l2.428-.352 1.086-2.193a.3914.3914 0 01.351-.2175.3921.3921 0 01.351.2175l1.086 2.193 2.428.352a.3906.3906 0 01.3152.265.3904.3904 0 01-.0982.4l-1.757 1.707.414 2.41a.3898.3898 0 01-.1554.3822.3906.3906 0 01-.4116.0288l-2.172-1.138zM6.1997 19.817l-2.172 1.138a.3912.3912 0 01-.2095.0432.3919.3919 0 01-.3586-.4532l.415-2.411-1.757-1.707a.389.389 0 01.217-.665l2.428-.352 1.086-2.193a.392.392 0 01.702 0l1.086 2.193 2.4281.352a.3906.3906 0 01.3152.265.3904.3904 0 01-.0982.4l-1.757 1.707.414 2.41a.3897.3897 0 01-.1555.3822.3901.3901 0 01-.4116.0288l-2.172-1.138zM11.9995 9.817l-2.172 1.138a.3913.3913 0 01-.2095.0432.392.392 0 01-.3586-.4532l.415-2.411-1.757-1.707a.389.389 0 01.217-.665l2.4281-.352 1.086-2.193a.3914.3914 0 01.351-.2175.392.392 0 01.351.2175l1.086 2.193 2.428.352a.39.39 0 01.217.665l-1.757 1.707.414 2.41a.3898.3898 0 01-.1555.3822.39.39 0 01-.4115.0288l-2.172-1.138z'/%3E%3C/g%3E%3C/svg%3E")
    no-repeat center;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -999px;
  overflow: hidden;
  opacity: 0.8;
}
.aula-avaliar:hover {
  opacity: 1;
  transform: scale(1.1);
}
.aula-ead {
  background: url("data:image/svg+xml,%3Csvg width='9' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.59 7L0 4.083l1.331-1.645 2.02 1.63L6.894 0l1.6 1.391L3.59 7z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: 13px;
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -999px;
  overflow: hidden;
}

/* login */
.page-login {
  padding: 15px;
}
.login-container {
  background: #fbfbfb;
  box-shadow: 0 20px 25px -20px rgba(0, 4, 99, 0.1),
    0 50px 60px rgba(0, 4, 99, 0.07);
  border-radius: 30px;
  max-width: 770px;
  min-height: 300px;
  margin: 150px auto 0 auto;
  padding: 40px 50px 100px 320px;
  position: relative;
}
.login-header {
  background: url(../img/bg-login.jpg) no-repeat center;
  background-size: cover;
  border-radius: 30px 0 0 30px;
  width: 270px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.login-mmcode {
  background: url(../img/mmCode-white.svg) no-repeat center;
  background-size: contain;
  display: block;
  width: 190px;
  height: 35px;
  text-indent: -999px;
  overflow: hidden;
  margin: 0 0 0 -95px;
  position: absolute;
  bottom: 50px;
  left: 50%;
}
.login-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.03em;
  color: #394963;
}
.login-container .form-label {
  display: block;
  font-size: 15px;
  line-height: 18px;
}
.login-user,
.login-password {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.067 12.933c2.933 0 5.4-2.4 5.4-5.4V6.4c0-2.8-2.267-5.067-5.067-5.067h-.667c-2.733 0-5 2.267-5 5.067v1.2c0 2.933 2.4 5.333 5.334 5.333zM8.6 6.4a3.13 3.13 0 013.133-3.133h.667A3.13 3.13 0 0115.533 6.4v1.2a3.443 3.443 0 01-3.466 3.467A3.443 3.443 0 018.6 7.6V6.4zM20.933 21c-.533-3.667-3.666-6.467-7.466-6.467h-2.6c-3.8 0-7 2.8-7.534 6.467-.066.6.334 1.133.934 1.133a.935.935 0 00.933-.8c.4-2.733 2.8-4.866 5.6-4.866h2.6c2.867 0 5.2 2.133 5.6 4.866.067.467.467.8.933.8.667 0 1.067-.533 1-1.133z' fill='%23636E89'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 14px center;
  padding-left: 48px;
}
.login-password {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c1.654 0 3 1.346 3 3h2c0-2.757-2.243-5-5-5S7 4.243 7 7v2H6c-1.103 0-2 .897-2 2v9c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-9c0-1.103-.897-2-2-2H9V7c0-1.654 1.346-3 3-3zm6.002 16H13v-2.278c.595-.347 1-.985 1-1.722 0-1.103-.897-2-2-2s-2 .897-2 2c0 .736.405 1.375 1 1.722V20H6v-9h12l.002 9z' fill='%23636E89'/%3E%3C/svg%3E");
  padding-right: 40px;
}
.show-password {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.92 11.6C19.9 6.91 16.1 4 12 4s-7.9 2.91-9.92 7.6a1 1 0 000 .8C4.1 17.09 7.9 20 12 20s7.9-2.91 9.92-7.6a1.001 1.001 0 000-.8zM12 18c-3.17 0-6.17-2.29-7.9-6C5.83 8.29 8.83 6 12 6s6.17 2.29 7.9 6c-1.73 3.71-4.73 6-7.9 6zm0-10a4 4 0 100 8 4 4 0 000-8zm0 6a2 2 0 110-4 2 2 0 010 4z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 0 6px 6px 0;
  display: block;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  position: absolute;
  top: 24px;
  right: 1px;
  cursor: pointer;
  opacity: 0.6;
}
.show-password:hover {
  background-color: rgba(178, 185, 208, 0.25);
  opacity: 1;
}
.show-password.hide {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.944 6.084a6.93 6.93 0 011.06-.08c3.18 0 6.17 2.29 7.91 6a15.23 15.23 0 01-.9 1.64 1 1 0 00.05 1.152 1 1 0 001.65-.102 15.78 15.78 0 001.21-2.3 1.001 1.001 0 000-.79c-2.02-4.69-5.82-7.6-9.92-7.6a7.77 7.77 0 00-1.4.12 1.015 1.015 0 00.34 2v-.04zm-7.23-3.79a1.004 1.004 0 10-1.42 1.42l3.1 3.09a14.62 14.62 0 00-3.31 4.8 1 1 0 000 .8c2.02 4.69 5.82 7.6 9.92 7.6a9.26 9.26 0 005.05-1.54l3.24 3.25a1.002 1.002 0 001.639-.325 1 1 0 00-.219-1.095l-18-18zm6.36 9.19l2.45 2.45a2 2 0 01-2.45-2.45zm1.93 6.52c-3.18 0-6.17-2.29-7.9-6a12.09 12.09 0 012.7-3.79l1.77 1.79a4 4 0 005.43 5.43l1.59 1.57a7.24 7.24 0 01-3.59 1z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
}
.forgot-password-link {
  display: inline-block;
  font-size: 12px;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 5px 0 0;
}
.login-container .bt {
  float: right;
}
.login-plural {
  background-color: rgba(201, 207, 217, 0.2);
  border-radius: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
  padding: 0 50px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.login-plural:before {
  background: #655ca3
    url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 125 125'%3E%3Cpath d='M108.2 32.6c-4.3 0-8.5-1.7-11.5-4.8-3-3-4.8-7.2-4.8-11.5s1.7-8.5 4.8-11.5c3-3 7.2-4.8 11.5-4.8s8.5 1.7 11.5 4.8c3 3 4.8 7.2 4.8 11.5s-1.7 8.5-4.8 11.5c-3 3.1-7.2 4.8-11.5 4.8zM16.8 32.6c-4.3 0-8.5-1.7-11.5-4.8-3-3-4.8-7.2-4.8-11.5S2.2 7.8 5.3 4.8c3-3 7.2-4.8 11.5-4.8s8.5 1.7 11.5 4.8c3 3 4.8 7.2 4.8 11.5s-1.7 8.5-4.8 11.5c-3 3.1-7.2 4.8-11.5 4.8zM62.5 125c-34.2 0-62-27.8-62-62 0-9 7.3-16.3 16.3-16.3S33.1 54 33.1 63c0 16.2 13.2 29.4 29.4 29.4S91.9 79.2 91.9 63c0-9 7.3-16.3 16.3-16.3S124.5 54 124.5 63c0 34.2-27.8 62-62 62z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: 16px;
  border-radius: 8px;
  display: block;
  content: "";
  width: 32px;
  height: 32px;
  margin: 0 12px 0 0;
}
.login-plural:hover {
  background-color: #655ca3;
  color: #fff;
}
/* aula */
.class-container {
  background: #fff;
  box-shadow: 0 20px 25px -20px rgba(0, 4, 99, 0.1),
    0 50px 60px rgba(0, 4, 99, 0.07);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  margin: 0 0 30px;
}
.class-header .bt-fullscreen {
  background-color: transparent;
  border-radius: 6px;
  width: 36px;
  height: 36px;
  position: relative;
  top: auto;
  right: auto;
  margin: 0 0 0 5px;
}
.class-header .bt-fullscreen:hover {
  background-color: rgba(201, 207, 217, 0.4);
}
.classfullScreen {
  background-color: rgba(128, 142, 166, 0.7);
  backdrop-filter: blur(5px);
  padding: 15px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
}
.classfullScreen .class-container {
  max-width: 900px;
  max-height: 100%;
  margin: 0 auto;
}
.classfullScreen .class-content {
  height: 100%;
  overflow: auto;
}
.class-header {
  background: #f7f8fa;
  border-radius: 20px 20px 0 0;
  display: flex;
  flex: 0 0 auto;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: #1c3358;
  min-height: 90px;
  padding: 20px 20px 20px 30px;
  position: relative;
}
.class-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  margin: 0 15px 0 0;
}
.class-steps {
  display: block;
  font-size: 13px;
  opacity: 0.6;
  margin: 0 0 5px;
}
.class-name {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
}
.class-nav {
  background: rgba(201, 207, 217, 0.4);
  border-radius: 6px;
  display: flex;
  flex-grow: 0;
  align-self: flex-start;
}
.class-nav a {
  display: flex;
  width: 32px;
  height: 36px;
  text-indent: -999px;
  overflow: hidden;
}
.class-nav-prev {
  background: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M.94 9.06a1.5 1.5 0 010-2.12l6-6a1.5 1.5 0 012.12 2.12L4.122 8l4.94 4.94a1.5 1.5 0 01-2.122 2.12l-6-6z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat left 11px center;
  border-radius: 8px 0 0 8px;
}
.class-nav-prev:hover {
  background: rgba(99, 110, 137, 0.8)
    url("data:image/svg+xml,%0A%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.94 9.06a1.5 1.5 0 010-2.12l6-6a1.5 1.5 0 012.12 2.12L4.122 8l4.94 4.94a1.5 1.5 0 01-2.122 2.12l-6-6z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat left 11px center;
}
.class-nav-next {
  background: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' d='M9.0607 6.9393c.5857.5858.5857 1.5356 0 2.1214l-6 6c-.5858.5857-1.5356.5857-2.1214 0-.5857-.5858-.5857-1.5356 0-2.1214L5.8787 8 .9393 3.0607C.3536 2.4749.3536 1.525.9393.9393c.5858-.5857 1.5356-.5857 2.1214 0l6 6z' fill='%231C3358'/%3E%3C/svg%3E")
    no-repeat right 11px center;
  border-radius: 0 8px 8px 0;
}
.class-nav-next:hover {
  background: rgba(99, 110, 137, 0.8)
    url("data:image/svg+xml,%0A%3Csvg width='10' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.0607 6.9393c.5857.5858.5857 1.5356 0 2.1214l-6 6c-.5858.5857-1.5356.5857-2.1214 0-.5857-.5858-.5857-1.5356 0-2.1214L5.8787 8 .9393 3.0607C.3536 2.4749.3536 1.525.9393.9393c.5858-.5857 1.5356-.5857 2.1214 0l6 6z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat right 11px center;
}
.class-content {
  display: flex;
  flex-direction: column;
  letter-spacing: -0.02em;
  color: rgba(28, 51, 88, 0.7);
  padding: 30px;
}
.class-content .ratio {
  margin: 0 0 15px;
}
.class-content p {
  margin: 0 0 10px;
}
.class-content p:last-child {
  margin: 0;
}

.cronometro {
  display: flex;
  color: #1c3358;
}
.cronometro-decrescente {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2h12v6.0094L14.0156 12 18 15.9906V22H6v-6.0094L9.9844 12 6 8.0094V2zm9.9844 14.507L12 12.5164 8.0156 16.507v3.5212h7.9688V16.507zM12 11.4836l3.9844-3.9906V3.9718H8.0156V7.493L12 11.4836z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat 0 10px;
  background-size: 32px;
  padding: 0 0 0 40px;
}
.cronometro-crescente {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.625 1.125A1.125 1.125 0 019.75 0h4.5a1.125 1.125 0 110 2.25h-1.125v1.5l-.0015.0615a10.0769 10.0769 0 015.196 2.1525l.0105-.009 1.125-1.125a1.1251 1.1251 0 111.59 1.59L19.92 7.545l-.009.0105a10.125 10.125 0 11-15.822 0L4.08 7.545 2.955 6.42a1.125 1.125 0 011.59-1.59L5.67 5.955l.0105.009a10.077 10.077 0 015.1945-2.1525 1.261 1.261 0 010-.0615v-1.5H9.75a1.125 1.125 0 01-1.125-1.125zM12 21.75a7.8753 7.8753 0 007.875-7.875A7.8751 7.8751 0 006.4315 8.3065 7.875 7.875 0 0012 21.75zm.5835-10.05l1.995-1.995a1.1242 1.1242 0 01.7993-.3438 1.1252 1.1252 0 011.1352 1.1342 1.1244 1.1244 0 01-.343.7996l-1.995 1.9965a2.2534 2.2534 0 01-.3897 1.9523A2.2523 2.2523 0 0112 16.125a2.2499 2.2499 0 01-1.2451-4.1191 2.2505 2.2505 0 011.8286-.3059z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat 0 10px;
  background-size: 32px;
  padding: 0 0 0 40px;
}
.cronometro-time {
  display: flex;
  flex-direction: column;
}
.cronometro-number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 70px;
  height: 60px;
  font-size: 57px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.06em;
}
.time-seconds {
  font-weight: 100;
}
.cronometro-label {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.02em;
  text-align: center;
  opacity: 0.5;
}
.time-colon {
  display: flex;
  align-items: center;
  height: 60px;
  font-size: 30px;
  font-weight: 400;
  margin: 0 5px;
}

.rate-row {
  margin: 0 0 20px;
}
.rate-row:last-child {
  margin: 0;
}
p.rate-question {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.03em;
  color: #1c3358;
  margin: 0 0 5px;
}
.rate-options {
  display: flex;
}
.rate-option {
  background-position: 10px center;
  background-repeat: no-repeat;
  border-radius: 10px;
  display: flex;
  align-items: center;
  height: 36px;
  font-size: 13px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: #1c3358;
  cursor: pointer;
  padding: 0 10px 0 40px;
  margin: 0 10px 0 0;
  opacity: 0.6;
}
.rate-option:hover {
  opacity: 1;
}
.rate-option.rate-option-selected {
  color: #fff;
  opacity: 1;
}
.rate-like {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10h4.764a1.9995 1.9995 0 011.7011.9484 1.9991 1.9991 0 01.0879 1.9456l-3.5 7A1.9994 1.9994 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a1.9999 1.9999 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a1.9999 1.9999 0 01-2-2v-6a2 2 0 012-2h2.5' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.rate-dislike {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14h4.764a1.9995 1.9995 0 001.7011-.9484 1.9991 1.9991 0 00.0879-1.9456l-3.5-7A1.9997 1.9997 0 0015.263 3h-4.017c-.163 0-.326.02-.485.06L7 4m7 10v5a2 2 0 01-2 2h-.095c-.5 0-.905-.405-.905-.905 0-.714-.211-1.412-.608-2.006L7 13V4m7 10h-2M7 4H5a2 2 0 00-2 2v6a2 2 0 002 2h2.5' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.rate-option-selected.rate-like {
  background-color: #13cb55;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10h4.764a1.9995 1.9995 0 011.7011.9484 1.9991 1.9991 0 01.0879 1.9456l-3.5 7A1.9994 1.9994 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a1.9999 1.9999 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a1.9999 1.9999 0 01-2-2v-6a2 2 0 012-2h2.5' stroke='%23087D32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.rate-option-selected.rate-dislike {
  background-color: #ff4d4d;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14h4.764a1.9995 1.9995 0 001.7011-.9484 1.9991 1.9991 0 00.0879-1.9456l-3.5-7A1.9997 1.9997 0 0015.263 3h-4.017c-.163 0-.326.02-.485.06L7 4m7 10v5a2 2 0 01-2 2h-.095c-.5 0-.905-.405-.905-.905 0-.714-.211-1.412-.608-2.006L7 13V4m7 10h-2M7 4H5a2 2 0 00-2 2v6a2 2 0 002 2h2.5' stroke='%23980000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.rate-comment {
  margin: 15px 0 0;
}
.rate-comment .bt {
  display: flex;
  margin: 0 0 0 auto;
}

/* duvidas */
.questions-container {
  background: #dbe0e7;
  border-radius: 20px;
  box-shadow: 0 20px 25px -20px rgba(0, 4, 99, 0.1),
    0 50px 60px rgba(0, 4, 99, 0.07);
  color: #1c3358;
  overflow: hidden;
}
.questions-header {
  background: #f6f8fa;
  border-radius: 20px 20px 0 0;
  display: flex;
  align-items: center;
  min-height: 90px;
}
.questions-title {
  display: flex;
  align-items: center;
  height: 45px;
  letter-spacing: -0.02em;
  color: #636e89;
  padding: 0 0 0 20px;
  margin: 0 0 10px;
  position: relative;
}
.questions-title:after {
  background-color: #3681ff;
  border-radius: 0 1px 1px 0;
  display: block;
  content: "";
  width: 68px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.questions-title h3 {
  font-size: 15px;
  line-height: 1.2;
  margin: 0 10px 0 0;
}
.presencas {
  background: rgba(201, 207, 217, 0.3);
  border-radius: 11px;
  display: inline-block;
  font-size: 12px;
  line-height: 1.33334;
  text-align: center;
  color: rgba(28, 51, 88, 0.5);
  padding: 3px 8px;
}
.questions-content {
  display: flex;
}
.students {
  background: #f6f8fa;
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  width: 220px;
}
.students-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.students-container .user-container {
  padding: 0 0 0 20px;
}
.user-container {
  display: flex;
  margin: 0 0 10px;
}
.user-avatar {
  background: #fff
    url("data:image/svg+xml,%0A%3Csvg width='23' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.083 15.167c3.667 0 6.75-3 6.75-6.75V7A6.33 6.33 0 0011.5.667h-.833C7.25.667 4.417 3.5 4.417 7v1.5c0 3.667 3 6.667 6.666 6.667zM6.75 7a3.912 3.912 0 013.917-3.917h.833A3.912 3.912 0 0115.417 7v1.5a4.304 4.304 0 01-4.334 4.333A4.304 4.304 0 016.75 8.5V7zm15.417 18.25c-.667-4.583-4.584-8.083-9.334-8.083h-3.25c-4.75 0-8.75 3.5-9.416 8.083-.084.75.416 1.417 1.166 1.417.584 0 1.084-.417 1.167-1 .5-3.417 3.5-6.084 7-6.084h3.25c3.583 0 6.5 2.667 7 6.084.083.583.583 1 1.167 1 .833 0 1.333-.667 1.25-1.417z' fill='%23C9CFD9'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 20px 20px 4px 20px;
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
  overflow: hidden;
}
.user-avatar img {
  display: block;
  width: 100%;
  height: auto;
}
.user-info {
  display: flex;
  flex: 1;
  flex-direction: column;
  letter-spacing: -0.02em;
}
.user-info-name {
  display: flex;
  align-items: center;
  min-height: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.03em;
}
.user-date-view {
  display: block;
  font-size: 11px;
  line-height: 14px;
  opacity: 0.5;
}
.user-status {
  display: block;
  font-size: 12px;
  line-height: 14px;
  padding: 0 0 0 14px;
  margin: 2px 0 0;
  position: relative;
}
.user-status:before {
  border-radius: 50%;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 0;
}
.status-online {
  color: #6dc050;
}
.status-online:before {
  background-color: #3eee00;
}
.status-offline {
  color: #a6b1c2;
}
.status-offline:before {
  background-color: #b1b8c6;
}
.user-teacher {
  flex: 0 0 auto;
  width: 220px;
  padding: 0 10px 0 20px;
}
.user-label {
  display: block;
  font-size: 13px;
  line-height: 16px;
  opacity: 0.5;
}
.user-teacher .user-info-name {
  font-size: 18px;
  line-height: 20px;
}
.question-ask {
  display: flex;
  flex: 1;
  padding: 10px 0;
  position: relative;
}
.question-ask .form-group {
  width: 100%;
  margin: 0;
}
.question-ask .form-control {
  min-height: 70px;
  margin: 0;
}
.bt-send,
.question-ask-cancel {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.76 11L4.889 4.8029 7.2727 11H17.76zM7.2726 13L4.889 19.1972 17.76 13H7.2726zm15.2841-.0897L3.4841 22.0934a1 1 0 01-1.3672-1.26L5.5144 12 2.1169 3.1666a1 1 0 011.3672-1.26l19.0708 9.1823c.3463.1571.5872.506.5872.9111a.9957.9957 0 01-.238.6476.994.994 0 01-.146.1402.9968.9968 0 01-.2014.1225z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  border: none;
  display: block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  text-indent: -999px;
  overflow: hidden;
  margin: auto 12px 0 8px;
  opacity: 0.6;
}
.bt-send:hover,
.bt-send:focus {
  opacity: 1;
  transform: translateX(2px);
  outline: none;
}
.question-ask-cancel {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M17 5V4a2 2 0 00-2-2H9a2 2 0 00-2 2v1H4a1 1 0 000 2h1v11a3 3 0 003 3h8a3 3 0 003-3V7h1a1 1 0 100-2h-3zm-2-1H9v1h6V4zm2 3H7v11a1 1 0 001 1h8a1 1 0 001-1V7z' fill='%23636E89'/%3E%3Cpath d='M9 9h2v8H9V9zM13 9h2v8h-2V9z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  margin: 0;
  position: absolute;
  top: 10px;
  right: 0;
}
.question-ask-cancel:hover {
  opacity: 1;
}
.questions {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.question-thread {
  position: relative;
  padding: 15px 0 17px;
}
.question-thread:after {
  background-color: rgb(28, 51, 88, 0.2);
  border-radius: 1px;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.question-container {
  display: flex;
  width: 100%;
  margin: 0 0 5px;
}
.question-thread .question-container:last-child {
  margin: 0;
}
.questions-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
  padding: 0 20px;
}
.question-container .user-avatar {
  background-size: 16px;
  border-radius: 10px 10px 2px 10px;
  width: 32px;
  height: 32px;
  margin: 0 18px 0 0;
}
.question-content {
  background: #fffde7;
  box-shadow: 0 3px 3px rgba(57, 0, 0, 0.06), 0 1px 0 rgba(57, 0, 0, 0.1);
  border-radius: 0 10px 10px 10px;
  width: 100%;
  font-size: 13px;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #6f695f;
  padding: 10px;
  position: relative;
}
.question-content:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='23' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 22.397V25h9V0H3.831C1.219 0-.145 3.107 1.622 5.03l9.741 10.6A10 10 0 0114 22.398z' fill='%23FFFDE7'/%3E%3C/svg%3E")
    no-repeat 0 0;
  display: block;
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  top: 10px;
  left: -14px;
}
.question-content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  margin: 0 0 5px;
}
.question-user-name {
  font-weight: 700;
  padding: 0 10px 0 0;
  position: relative;
}
.user-status-online .question-user-name:after {
  background-color: #3eee00;
  border-radius: 50%;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  position: absolute;
  top: 1px;
  right: 0;
}
.question-date {
  opacity: 0.5;
}
.teacher-msg {
  flex-direction: row-reverse;
}
.teacher-msg .user-avatar {
  margin: 0 0 0 18px;
}
.teacher-msg .question-content {
  background: #e2f4e3;
  box-shadow: 0 3px 3px rgba(5, 57, 0, 0.06), 0 1px 0px rgba(5, 57, 0, 0.1);
  border-radius: 10px 0 10px 10px;
  color: #5f6f5f;
}
.teacher-msg .question-content:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='23' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 22.397V25h9V0H3.831C1.219 0-.145 3.107 1.622 5.03l9.741 10.6A10 10 0 0114 22.398z' fill='%23E2F4E3'/%3E%3C/svg%3E")
    no-repeat 0 0;
  left: auto;
  right: -14px;
  transform: scaleX(-1);
}
.my-question .question-content {
  background: #fff;
  box-shadow: 0 3px 3px rgba(57, 0, 0, 0.06), 0 1px 0px rgba(57, 0, 0, 0.1);
  color: #595959;
}
.my-question .question-content:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='23' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 22.397V25h9V0H3.831C1.219 0-.145 3.107 1.622 5.03l9.741 10.6A10 10 0 0114 22.398z' fill='%23FFF'/%3E%3C/svg%3E")
    no-repeat 0 0;
}
.question-thread .question-ask {
  padding: 10px 0 0;
}
.question-thread .bt-send {
  margin-right: 0;
}
.bt-reply {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 12px 12px 3px 12px;
  width: 90px;
  display: flex;
  flex: 0 0 auto;
  font-size: 12px;
  color: #595959;
  float: right;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  margin: 5px 0 -5px 0;
  opacity: 0.5;
}
.bt-reply:hover {
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
  color: #595959;
  opacity: 1;
  transform: translateY(-2px);
}
.question-reply .bt-reply,
.question-reply.reply .question-ask {
  display: flex;
}
.question-reply.reply .bt-reply,
.question-reply .question-ask {
  display: none;
}

.menu-sidebar {
  background: linear-gradient(180deg, #8892ac 0%, #6b768f 100%);
  box-shadow: 0 1px 0 rgba(8, 24, 64, 0.5), 0 5px 4px -2px rgba(8, 24, 64, 0.25),
    0 6px 7px -2px rgba(8, 24, 64, 0.22), 0 10px 14px -2px rgba(8, 24, 64, 0.16),
    0 20px 20px rgba(8, 24, 64, 0.13), 0px 30px 30px rgba(8, 24, 64, 0.08);
  border-radius: 20px;
  padding: 25px 0 25px 10px;
  margin: 0 auto 30px auto;
  list-style: none;
}
.menu-sidebar a {
  border-radius: 20px 0 0 20px;
  display: flex;
  align-items: center;
  min-height: 40px;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #fff;
  padding: 10px 10px 10px 25px;
  opacity: 0.8;
}
.menu-sidebar a:hover,
.menu-sidebar a.active {
  background-color: #86cc00;
  opacity: 1;
}

.meus-reconhecimentos {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.meus-reconhecimentos img {
  display: flex;
  flex: 0 0 auto;
  width: 64px;
  height: auto;
  margin: 0 10px 20px 10px;
}
.meus-reconhecimentos img:last-child {
  margin-right: 0;
}
.legenda-reconhecimento,
.block-content-legenda {
  background-color: #f1f2f4;
  border-radius: 0 0 20px 20px;
  font-size: 12px;
  color: rgba(28, 51, 88, 0.7);
  padding: 20px;
  margin: 0 -20px -20px;
}
.legenda-reconhecimento h5,
.block-content-legenda h5 {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: #1c3358;
  margin: 0 0 15px;
}
.legenda-row {
  display: flex;
  margin: 0 0 5px;
}
.legenda-row-icones {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  width: 170px;
  margin: 0 25px 0 0;
}
.legenda-row-icones img {
  display: block;
  margin: 5px;
}
.legenda-row-descricao {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.legenda-row-descricao p {
  margin: 0;
}

.deletar {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M17 5V4a2 2 0 00-2-2H9a2 2 0 00-2 2v1H4a1 1 0 000 2h1v11a3 3 0 003 3h8a3 3 0 003-3V7h1a1 1 0 100-2h-3zm-2-1H9v1h6V4zm2 3H7v11a1 1 0 001 1h8a1 1 0 001-1V7z' fill='%23636E89'/%3E%3Cpath d='M9 9h2v8H9V9zM13 9h2v8h-2V9z' fill='%23636E89'/%3E%3C/svg%3E")
    no-repeat center;
  border-radius: 4px;
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -999px;
  overflow: hidden;
  opacity: 0.6;
}
.deletar:hover {
  background: #fff
    url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M17 5V4a2 2 0 00-2-2H9a2 2 0 00-2 2v1H4a1 1 0 000 2h1v11a3 3 0 003 3h8a3 3 0 003-3V7h1a1 1 0 100-2h-3zm-2-1H9v1h6V4zm2 3H7v11a1 1 0 001 1h8a1 1 0 001-1V7z' fill='%23CE2828'/%3E%3Cpath d='M9 9h2v8H9V9zM13 9h2v8h-2V9z' fill='%23CE2828'/%3E%3C/svg%3E")
    no-repeat center;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
  opacity: 1;
}
.table-mm .deletar {
  margin: -6px 0 -7px;
}
.table-mm .user-container {
  margin: -5px 0;
}
.table-mm .user-avatar {
  border-radius: 10px 10px 2px 10px;
  width: 32px;
  height: 32px;
}
/*  */
.filterBar {
  background: #fbfbfb;
  box-shadow: 0 20px 25px -20px rgba(0, 4, 99, 0.1),
    0 50px 60px rgba(0, 4, 99, 0.07);
  border-radius: 20px;
  display: flex;
  justify-content: flex-end;
  padding: 20px;
  margin-bottom: 30px;
}
.order-filter {
  display: flex;
  align-items: center;
  color: rgba(28, 51, 88, 0.6);
  margin: 0 20px;
}
.order-filter-label {
  display: flex;
  flex: 1 0 auto;
  font-size: 13px;
  letter-spacing: -0.02em;
  margin: 0 10px 0 0;
}
.form-control:focus,
.form-select:focus {
  color: #394963;
  border-color: rgba(178, 185, 208, 0.5);
  outline: 0;
  box-shadow: inset 0 1px 0px rgb(94 105 135 / 50%),
    inset 0 2px 2px rgb(94 105 135 / 20%), 0 0 0 3px rgba(57, 73, 99, 0.15);
}
.order-filter .form-select {
  background-color: rgba(201, 207, 217, 0.3);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px 12px;
  border: 0;
  box-shadow: none;
  border-radius: 10px;
  font-size: 13px;
  color: #1c3358;
  padding: 7px 35px 7px 10px;
}

.workCard {
  background: #fbfbfb;
  box-shadow: 0 50px 90px rgba(0, 4, 99, 0.07);
  border-radius: 40px 40px 4px 40px;
  display: flex;
  flex-direction: column;
  max-width: 370px;
  color: #1c3358;
  padding: 20px;
  margin: 0 auto 30px auto;
  position: relative;
}
.workCard-img {
  background: rgba(28, 51, 88, 0.6)
    url("data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 17v-1.3333M16 17v-4m5 4v-6.6667M10.6667 27L16 22m0 0l5.3333 5M16 22h8.6667A1.3336 1.3336 0 0026 20.6667V5H6v15.6667A1.3335 1.3335 0 007.3333 22H16zM4 5h24' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: auto 60%;
  border-radius: 20px 20px 20px 4px;
  width: 100%;
  height: 0;
  padding: 65% 0 0;
  margin: 0 0 15px;
  overflow: hidden;
  position: relative;
}
.workCard-img:before {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.92 11.6C19.9 6.91 16.1 4 12 4s-7.9 2.91-9.92 7.6a1 1 0 000 .8C4.1 17.09 7.9 20 12 20s7.9-2.91 9.92-7.6a1.001 1.001 0 000-.8zM12 18c-3.17 0-6.17-2.29-7.9-6C5.83 8.29 8.83 6 12 6s6.17 2.29 7.9 6c-1.73 3.71-4.73 6-7.9 6zm0-10a4 4 0 100 8 4 4 0 000-8zm0 6a2 2 0 110-4 2 2 0 010 4z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat 0 0;
  background-size: contain;
  display: block;
  content: "";
  width: 60px;
  height: 60px;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  transform: scale(0.6);
  z-index: -1;
}
.workCard-img:hover {
  background-image: none;
}
.workCard-img:hover img {
  opacity: 0.4;
}
.workCard-img:hover:before {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  z-index: 10;
}
.workCard-img img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.workCard-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -0.02em;
  margin: 0 0 5px;
}
.workCard-title a {
  color: #1c3358;
}
.workCard-title a:hover {
  color: #2b7cff;
}

.workCard-data {
  border-bottom: 1px solid rgba(201, 207, 217, 0.4);
  display: flex;
  flex-direction: column;
  flex: 1 0 0%;
  font-size: 13px;
  letter-spacing: -0.02em;
  line-height: 1.2;
  padding: 8px 0;
  color: rgb(28, 51, 88, 0.6);
}
.workCard-data-title {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
  color: rgb(28, 51, 88, 1);
  margin: 0 0 2px;
}
.workCard-row {
  display: flex;
  margin: 0 -5px;
}
.workCard-row .workCard-data {
  display: flex;
  padding-left: 5px;
  padding-right: 5px;
}
.workCard-stats {
  background: #c9cfd9;
  border-radius: 20px 0 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  padding: 8px 5px;
  margin: 20px -20px -20px auto;
}
.workCard-stats-item {
  display: flex;
  align-items: center;
  height: 24px;
  color: #636e89;
  margin: 5px 10px;
  padding: 0 0 0 30px;
}
.n-premiacoes {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.0281 9.5187a7.5132 7.5132 0 00-3.4544-6.3277A7.5144 7.5144 0 005.4896 5.0233 7.5141 7.5141 0 006.614 15.2106v6.0693a.98.98 0 001.4184.8765l3.4815-1.741 3.4826 1.7411a.9804.9804 0 001.2944-.3993.9812.9812 0 00.124-.4773v-6.0701a7.4999 7.4999 0 002.6131-5.691zm-13.068 0a5.5539 5.5539 0 115.554 5.5539 5.5603 5.5603 0 01-5.554-5.5539zm8.4947 10.1755l-2.5026-1.2511a.9796.9796 0 00-.8767 0L8.5743 19.694v-3.2604a7.5115 7.5115 0 005.8805-.0004v3.261zm-2.9402-5.9284A4.247 4.247 0 0015.68 8.6902a4.247 4.247 0 00-7.6968-1.531 4.2471 4.2471 0 00-.7157 2.3595 4.252 4.252 0 004.2471 4.2471zm0-6.534a2.2868 2.2868 0 11-2.287 2.287 2.2894 2.2894 0 012.287-2.287z' fill='%23636E89' opacity='.6'/%3E%3C/svg%3E")
    no-repeat 0 0;
}
.n-curtidas {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 10h4.764a1.9995 1.9995 0 011.7011.9484 1.9991 1.9991 0 01.0879 1.9456l-3.5 7A1.9994 1.9994 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a1.9999 1.9999 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a1.9999 1.9999 0 01-2-2v-6a2 2 0 012-2h2.5' stroke='%23636E89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.6'/%3E%3C/svg%3E")
    no-repeat 0 0;
}
.n-visualizacoes {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.92 11.6C19.9 6.91 16.1 4 12 4s-7.9 2.91-9.92 7.6a1 1 0 000 .8C4.1 17.09 7.9 20 12 20s7.9-2.91 9.92-7.6a1.001 1.001 0 000-.8zM12 18c-3.17 0-6.17-2.29-7.9-6C5.83 8.29 8.83 6 12 6s6.17 2.29 7.9 6c-1.73 3.71-4.73 6-7.9 6zm0-10a4 4 0 100 8 4 4 0 000-8zm0 6a2 2 0 110-4 2 2 0 010 4z' fill='%23636E89' opacity='.6'/%3E%3C/svg%3E")
    no-repeat 0 0;
}

/*  */
.header-menu a,
.header-menu a:before,
.header-menu .ico,
.footer-menu a,
.menu-dropdown-ico,
.menu-dropdown,
.submenu,
.header-bt-action,
.box,
.box-front,
.box-back,
.box-info,
.box-header,
.box-header-img,
.bt,
.lesson-step-tag,
.bt-lesson-finished,
.home-link,
.show-classes,
.lessons-list,
.lessons-list a,
.bt-folder:after,
.file-item,
.file-item-action a,
.file-save,
.menu-build-stage a,
.menu-build-stage a:before,
.bt-fullscreen,
.see-instructions,
.instruction-toggle,
.instruction-toggle:before,
.instruction-speaker,
.instruction-play,
.lesson-descripton-trigger,
.block-config,
.mais,
.modulo-item-finalizado,
.cronograma-unidade-licao,
.lixeira #tampa,
.link-back,
.code-undo,
.code-redo,
.login-plural,
.cartao-link,
.class-nav a,
.bt-send,
.question-ask-cancel,
.bt-reply,
.menu-sidebar a,
.aula-avaliar,
.rate-option,
.deletar,
.workCard-img:before {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/* shepherd */
.shepherd-button {
  background: #3681ff;
  border: 0;
  border-radius: 20px 0px;
  float: right;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 20px;
  color: #fff;
  opacity: 0.9;
  cursor: pointer;
  padding: 20px;
  margin-right: 10px;
  transition: all 0.3s ease-in-out;
}
.shepherd-button:not(:disabled):hover {
  background: #0058eb;
  color: #fff;
}
.shepherd-button.shepherd-button-secondary {
  background: #c9cfd9;
  border-radius: 0 20px;
  float: left;
  color: #636e89;
}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  background: #959faf;
  color: #fff;
}
.shepherd-button:disabled {
  cursor: not-allowed;
}
.shepherd-footer {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: block;
}
.shepherd-footer:after {
  display: block;
  content: "";
  clear: both;
}
.shepherd-footer .shepherd-button:last-child {
  margin-right: 0;
}
.shepherd-cancel-icon {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.762 8l5.375-5.363A1.255 1.255 0 1013.362.862L8 6.237 2.637.862A1.255 1.255 0 10.862 2.637L6.237 8 .862 13.363a1.25 1.25 0 000 1.774 1.252 1.252 0 001.775 0L8 9.762l5.362 5.375a1.252 1.252 0 002.049-.406 1.25 1.25 0 00-.274-1.368L9.762 8z' fill='%233681FF'/%3E%3C/svg%3E")
    no-repeat center;
  border: 2px solid transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  opacity: 0.85;
  overflow: hidden;
  text-indent: -999px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s linear;
}
.shepherd-cancel-icon:hover {
  border-color: #3681ff;
  opacity: 1;
  transform: scale(0.85);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.762 8l5.375-5.363A1.255 1.255 0 1013.362.862L8 6.237 2.637.862A1.255 1.255 0 10.862 2.637L6.237 8 .862 13.363a1.25 1.25 0 000 1.774 1.252 1.252 0 001.775 0L8 9.762l5.362 5.375a1.252 1.252 0 002.049-.406 1.25 1.25 0 00-.274-1.368L9.762 8z' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat center;
  top: 10px;
  right: 10px;
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  border-color: #fff;
}
.shepherd-title {
  display: flex;
  flex: 1 0 auto;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 20px;
  color: #ffffff;
  margin: 0;
  padding: 0;
}
.shepherd-header {
  align-items: center;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  display: flex;
  min-height: 20px;
  justify-content: flex-end;
  position: relative;
}
.shepherd-has-title .shepherd-content .shepherd-header {
  background: #3681ff;
  padding: 20px 25px;
}
.shepherd-text {
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: rgba(28, 51, 88, 0.6);
  padding: 20px 25px 30px;
}
.shepherd-text p {
  margin-top: 0;
  margin-bottom: 10px;
}
.shepherd-text p:last-child {
  margin-bottom: 0;
}
.shepherd-text img {
  display: block;
  max-width: 100%;
  height: auto;
}
.shepherd-content {
  background: rgba(251, 251, 251, 0.9);
  box-shadow: 0px 20px 20px rgba(5, 26, 62, 0.06),
    0px 50px 50px rgba(5, 26, 62, 0.25), 0px 90px 90px rgba(5, 26, 62, 0.1);
  border-radius: 20px;
  outline: none;
  padding: 0;
}
.shepherd-element {
  border-radius: 20px;
  max-width: 670px;
  width: auto;
  opacity: 0;
  padding: 10px;
  outline: none;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}
.shepherd-enabled.shepherd-element {
  opacity: 1;
  visibility: visible;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.shepherd-element,
.shepherd-element *,
.shepherd-element :after,
.shepherd-element :before {
  box-sizing: border-box;
}
.shepherd-arrow,
.shepherd-arrow:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 10;
}
.shepherd-arrow {
  box-shadow: 0px 1px 1px rgba(3, 11, 28, 0.25),
    0px 2px 3px rgba(3, 11, 28, 0.05);
}
.shepherd-arrow:after {
  background: #fff
    url("data:image/svg+xml,%0A%3Csvg width='30' height='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.768 1.232a2.5 2.5 0 00-3.536 0l-12 12a2.5 2.5 0 003.536 3.536L12.5 9.036V27.5a2.5 2.5 0 005 0V9.036l7.732 7.732a2.5 2.5 0 003.536-3.536l-12-12z' fill='%233681FF'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: 14px;
  display: block;
  content: "";
  top: 0;
  left: 0;
}
.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow {
  bottom: -5px;
}
.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow:after {
  transform: rotate(180deg);
}
.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow {
  top: -5px;
}
.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow {
  right: -5px;
}
.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow:after {
  transform: rotate(90deg);
}
.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow {
  left: -5px;
}
.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow:after {
  transform: rotate(-90deg);
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
  opacity: 0;
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
  pointer-events: none;
}
.shepherd-modal-overlay-container {
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: all 0.3s ease-out, height 0ms 0.3s, opacity 0.3s 0ms;
  width: 100vw;
  z-index: 9997;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  height: 100vh;
  opacity: 0.7;
  transition: all 0.3s ease-out, height 0s 0s, opacity 0.3s 0s;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
  pointer-events: all;
  fill: #808ea6;
}
/* header-ico-menu */
.header-ico-menu {
  border-radius: 50%;
  display: none;
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: absolute;
  top: 17px;
  right: 15px;
}
.header-ico-menu span,
.header-ico-menu span:before,
.header-ico-menu span:after {
  background-color: #ff6d00;
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  left: 0;
}
.header-ico-menu span {
  top: 10px;
  left: 50%;
  margin-left: -3px;
  background-color: #86cc00;
}
.header-ico-menu span:before {
  top: -10px;
}
.header-ico-menu span:after {
  top: 10px;
}
.header-ico-menu.close-menu {
  transform: rotate(90deg);
}
.header-ico-menu,
.header-ico-menu span,
.header-ico-menu span:before,
.header-ico-menu span:after {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

@media (max-width: 767px) {
  body {
    padding-top: 60px;
  }
  .header {
    min-height: 0;
  }
  .header-ico-menu {
    display: block;
  }
  .mmcode-logo {
    float: none;
    margin: 18px auto;
  }
  .header-nav {
    padding: 0 0 15px;
    display: none;
  }
  .header-nav.open {
    display: block;
  }
  .header .mindmakers-logo {
    float: none;
    margin: 5px auto;
  }
  .page-title {
    float: left;
    height: auto;
    min-height: 60px;
    position: relative;
    top: auto;
    left: auto;
  }
  .header-menu {
    display: block;
    align-items: unset;
    height: auto;
    margin: 0;
  }
  .header-menu li {
    float: none;
  }
  .header-menu a {
    display: block;
    padding: 10px;
  }
  .header-menu a:before {
    display: none;
    content: none;
  }
  .header-menu a.active:after {
    height: 2px;
    border-radius: 1px;
  }
  .header-menus {
    padding: 0;
  }
  .menu-tools {
    padding: 10px;
    max-width: 200px;
    width: auto;
    text-align: right;
  }
  .menu-tools li {
    float: none;
  }
  .menu-tools .menu-dropdown-item {
    border-radius: 10px;
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    min-height: 60px;
    padding: 10px 35px 10px 65px;
    position: relative;
  }
  .tool-logo {
    margin: 0;
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .main .container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .footer .container {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .footer .mindmakers-logo {
    margin: 0 auto;
  }
  .copyright {
    float: none;
    margin: 0 0 20px 0;
  }
  .footer-menu {
    margin: 0 0 25px 0;
  }

  body.page-login {
    padding: 15px;
  }
  .login-container {
    border-radius: 20px;
    max-width: 400px;
    margin: 0 auto;
    padding: 30px 30px 90px;
  }
  .login-header {
    border-radius: 20px 20px 0 0;
    width: auto;
    margin: -30px -30px 25px;
    padding: 130px 0 35px;
    position: relative;
    top: auto;
    left: auto;
  }
  .login-mmcode {
    margin: 0 auto;
    position: relative;
    bottom: auto;
    left: auto;
  }
  .login-plural {
    border-radius: 20px 0;
    padding: 0 30px;
  }

  .cronograma-container {
    flex-direction: column;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .cronograma-modulos {
    background: #d6d9e3;
    border-radius: 30px 30px 0 0;
    padding: 20px;
  }
  .cronograma-modulo-titulo {
    position: sticky;
    left: 0;
  }
  .modulo-item {
    border-radius: 20px;
  }
  .cronograma-unidade-licao.show {
    width: 250px;
  }
}

/* exemplo palco responsivo */
.palco {
  background-color: #f0f0f0;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.lv {
  background-color: rgba(0, 0, 0, 0.05);
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
}
.lv1 {
  left: calc(12.5% - 1px);
}
.lv2 {
  left: calc(25% - 1px);
}
.lv3 {
  left: calc(37.5% - 1px);
}
.lv4 {
  left: calc(50% - 1px);
}
.lv5 {
  left: calc(62.5% - 1px);
}
.lv6 {
  left: calc(75% - 1px);
}
.lv7 {
  left: calc(87.5% - 1px);
}
.lh {
  background-color: rgba(0, 0, 0, 0.05);
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
}
.lh1 {
  top: calc(12.5% - 1px);
}
.lh2 {
  top: calc(25% - 1px);
}
.lh3 {
  top: calc(37.5% - 1px);
}
.lh4 {
  top: calc(50% - 1px);
}
.lh5 {
  top: calc(62.5% - 1px);
}
.lh6 {
  top: calc(75% - 1px);
}
.lh7 {
  top: calc(87.5% - 1px);
}
.i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.5%;
  height: 12.5%;
  position: absolute;
}
.i img {
  display: block;
  width: 100%;
  height: auto;
}
.i_1-1 {
  top: 0%;
  left: 0%;
}
.i_1-2 {
  top: 0%;
  left: 12.5%;
}
.i_1-3 {
  top: 0%;
  left: 25%;
}
.i_1-4 {
  top: 0%;
  left: 37.5%;
}
.i_1-5 {
  top: 0%;
  left: 50%;
}
.i_1-6 {
  top: 0%;
  left: 62.5%;
}
.i_1-7 {
  top: 0%;
  left: 75%;
}
.i_1-8 {
  top: 0%;
  left: 87.5%;
}
.i_2-1 {
  top: 12.5%;
  left: 0%;
}
.i_2-2 {
  top: 12.5%;
  left: 12.5%;
}
.i_2-3 {
  top: 12.5%;
  left: 25%;
}
.i_2-4 {
  top: 12.5%;
  left: 37.5%;
}
.i_2-5 {
  top: 12.5%;
  left: 50%;
}
.i_2-6 {
  top: 12.5%;
  left: 62.5%;
}
.i_2-7 {
  top: 12.5%;
  left: 75%;
}
.i_2-8 {
  top: 12.5%;
  left: 87.5%;
}
.i_3-1 {
  top: 25%;
  left: 0%;
}
.i_3-2 {
  top: 25%;
  left: 12.5%;
}
.i_3-3 {
  top: 25%;
  left: 25%;
}
.i_3-4 {
  top: 25%;
  left: 37.5%;
}
.i_3-5 {
  top: 25%;
  left: 50%;
}
.i_3-6 {
  top: 25%;
  left: 62.5%;
}
.i_3-7 {
  top: 25%;
  left: 75%;
}
.i_3-8 {
  top: 25%;
  left: 87.5%;
}
.i_4-1 {
  top: 37.5%;
  left: 0%;
}
.i_4-2 {
  top: 37.5%;
  left: 12.5%;
}
.i_4-3 {
  top: 37.5%;
  left: 25%;
}
.i_4-4 {
  top: 37.5%;
  left: 37.5%;
}
.i_4-5 {
  top: 37.5%;
  left: 50%;
}
.i_4-6 {
  top: 37.5%;
  left: 62.5%;
}
.i_4-7 {
  top: 37.5%;
  left: 75%;
}
.i_4-8 {
  top: 37.5%;
  left: 87.5%;
}
.i_5-1 {
  top: 50%;
  left: 0%;
}
.i_5-2 {
  top: 50%;
  left: 12.5%;
}
.i_5-3 {
  top: 50%;
  left: 25%;
}
.i_5-4 {
  top: 50%;
  left: 37.5%;
}
.i_5-5 {
  top: 50%;
  left: 50%;
}
.i_5-6 {
  top: 50%;
  left: 62.5%;
}
.i_5-7 {
  top: 50%;
  left: 75%;
}
.i_5-8 {
  top: 50%;
  left: 87.5%;
}
.i_6-1 {
  top: 62.5%;
  left: 0%;
}
.i_6-2 {
  top: 62.5%;
  left: 12.5%;
}
.i_6-3 {
  top: 62.5%;
  left: 25%;
}
.i_6-4 {
  top: 62.5%;
  left: 37.5%;
}
.i_6-5 {
  top: 62.5%;
  left: 50%;
}
.i_6-6 {
  top: 62.5%;
  left: 62.5%;
}
.i_6-7 {
  top: 62.5%;
  left: 75%;
}
.i_6-8 {
  top: 62.5%;
  left: 87.5%;
}
.i_7-1 {
  top: 75%;
  left: 0%;
}
.i_7-2 {
  top: 75%;
  left: 12.5%;
}
.i_7-3 {
  top: 75%;
  left: 25%;
}
.i_7-4 {
  top: 75%;
  left: 37.5%;
}
.i_7-5 {
  top: 75%;
  left: 50%;
}
.i_7-6 {
  top: 75%;
  left: 62.5%;
}
.i_7-7 {
  top: 75%;
  left: 75%;
}
.i_7-8 {
  top: 75%;
  left: 87.5%;
}
.i_8-1 {
  top: 87.5%;
  left: 0%;
}
.i_8-2 {
  top: 87.5%;
  left: 12.5%;
}
.i_8-3 {
  top: 87.5%;
  left: 25%;
}
.i_8-4 {
  top: 87.5%;
  left: 37.5%;
}
.i_8-5 {
  top: 87.5%;
  left: 50%;
}
.i_8-6 {
  top: 87.5%;
  left: 62.5%;
}
.i_8-7 {
  top: 87.5%;
  left: 75%;
}
.i_8-8 {
  top: 87.5%;
  left: 87.5%;
}
@keyframes path {
  0% {
    top: 37.5%;
    left: 37.5%;
  }
  20% {
    top: 37.5%;
    left: 50%;
  }
  40% {
    top: 50%;
    left: 50%;
  }
  60% {
    top: 50%;
    left: 62.5%;
  }
  80% {
    top: 62.5%;
    left: 62.5%;
  }
  100% {
    top: 62.5%;
    left: 75%;
  }
}
.robo.play {
  animation: path 3s linear infinite alternate;
}

.lesson-counter {
  background: #636e89;
  border-radius: 5px;
  display: none;
  min-width: 40px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  padding: 5px 10px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  margin: 5px;
}
#currentLesson {
  color: rgba(255, 255, 255, 1);
  font-weight: 500;
}
@media (max-height: 700px) {
  body {
    padding-top: 40px;
  }
  .color-bar,
  .footer,
  .lesson-counter {
    display: none;
  }
  .header {
    min-height: 40px;
  }
  .main .container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .stage-container {
    padding: 0;
    margin-top: -10px;
  }
  .stage-container .stage-actions {
    padding: 0 10px 10px;
  }

  .files-explorer {
    flex-shrink: 0;
  }
  .mindmakers-logo {
    width: 63px;
    height: 30px;
    margin: 4px 0 0 0;
  }
  .mmcode-logo-tag {
    display: none;
  }
  .header-nav {
    display: flex;
    min-height: 40px;
  }
  .header-tab {
    border-radius: 10px 10px 0 0;
    flex-direction: row-reverse;
    gap: 15px;
    min-height: 40px;
    padding: 0 10px 0 0;
    margin: 0 auto;
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
  }
  .lessons-list {
    white-space: nowrap;
    width: auto;
  }
  .lessons-list a:hover {
    padding-left: 50px;
  }
  .header-menus {
    padding: 0;
    margin-left: auto;
  }
  .header .bt-entrar {
    height: 36px;
  }
  .menu-dropdown-contaniner {
    padding: 0;
  }
  .user-logged {
    height: 40px;
  }
  .menu-dropdown-ico {
    width: 40px;
    height: 40px;
  }
  .menu-user-avatar {
    width: 40px;
    height: 40px;
  }
  .header-bt-action {
    width: 40px;
    height: 40px;
    margin: 0 5px;
  }
}

#compartilhaCodigo {
  display: none;
}

.compsci-logo,
.login-compsci {
  background: url(../../../mmcode/home/img/compsci++.svg) no-repeat;
  background-size: contain;
  display: block;
  float: left;
  width: 163px;
  height: 24px;
  margin: 34px 0 0;
  text-indent: -999px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.lesson-lab .header .compsci-logo {
  margin: 18px 0 0;
}
.footer .compsci-logo {
  float: none;
  filter: grayscale(1);
  margin: 0 auto 25px auto;
}
.login-compsci {
  margin: 0;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  filter: brightness(0) invert(1);
}

@media (max-width: 767px) {
  .compsci-logo {
    float: none;
    margin: 18px auto;
  }
  .login-compsci {
    float: none;
    margin: 0 auto;
    position: relative;
    bottom: auto;
    left: auto;
    transform: none;
  }
}

.mochila {
  position: relative;
  width: 100%;
  background-color: #f0f0f0;
  border-top: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.mochila-content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-top: 1px solid #ccc;
  display: none;
  overflow-y: auto;
}

.mochila-content img {
  width: 40px;
  height: 40px;
  margin: 5px;
}

.mochila.expanded .mochila-content {
  display: block;
}

.mochila-toggle {
  background-color: #ccc;
  border: none;
  padding: 5px;
  cursor: pointer;
}

.cartola-icon {
  position: absolute;
  bottom: -5px;
  right: -5px;
}

.compartimento-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  padding-top: 60px;
}

.compartimento-modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

.compartimento-close {
  color: #aaa;
  float: right;
  font-size: 16px;
  font-weight: bold;
}

.compartimento-close:hover,
.compartimento-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#compartimentosList {
  font-size: 20px;
  text-decoration: underline;
  color: rgb(32, 32, 112);
  cursor: pointer !important;
}

.ico-maiuscula {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 15L7 7L11 15M4 13H10M21 9V15M21 12C21 13.6569 19.6569 15 18 15C16.3431 15 15 13.6569 15 12C15 10.3431 16.3431 9 18 9C19.6569 9 21 10.3431 21 12Z' stroke='%23636E89' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 80%; /* Redimensiona para 80% do tamanho original */
  background-repeat: no-repeat;
  background-position: center; /* Centraliza horizontal e verticalmente */
}

.tw-uppercase {
    text-transform: uppercase;
}

body.tw-uppercase button, body.tw-uppercase .tooltip, body.tw-uppercase select {
  text-transform: uppercase;
}