<<<<<<< HEAD
@import url("../controllers/login/login.scss");
@import url("../controllers/cadastro/cadastro.scss");
=======
html, body {
  width: 100%;
  height: 100%;
  overflow-x: hidden; }

.overlayLoading {
  background-color: #000;
  opacity: 0.9;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99998; }

.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 99999;
  width: 100px; }

.loginController {
  width: 100%;
  height: 100%;
  background: url("assets/cadastro.png") no-repeat scroll 0 0 transparent;
  background-size: cover; }
  .loginController .contentLogin {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 80px 40px;
    position: absolute;
    width: 20%;
    min-width: 315px;
    min-height: 595px;
    background: #3B4AFF;
    left: calc(50% - 20%/2);
    top: 15%;
    font-size: 1em; }
    .loginController .contentLogin.initialInfo {
      width: 32%;
      left: calc(50% - 32%/2);
      top: calc(50% - 595px/2);
      font-size: 1em;
      min-height: auto; }
    .loginController .contentLogin .headerLogin {
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: center;
      margin-bottom: 40px; }
      .loginController .contentLogin .headerLogin > div:last-child {
        border-left: 2px solid #fff;
        padding-left: 10px;
        margin-left: 10px; }
    .loginController .contentLogin form label {
      width: 100%;
      color: #FFF; }
      .loginController .contentLogin form label input[type="text"] {
        height: 40px;
        margin: 5px 0; }
      .loginController .contentLogin form label input {
        border-radius: 0; }
    .loginController .contentLogin form .btnEntrar {
      width: 200px;
      background: #FFED69;
      color: #3B4AFF;
      font-weight: bold;
      border: none;
      height: 45px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      cursor: pointer; }
    .loginController .contentLogin form .btnCadastrar {
      width: 200px;
      background: transparent;
      color: #FFF;
      font-weight: bold;
      border: 1px solid #fff;
      height: 45px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none; }
    .loginController .contentLogin form .esqueciSenha {
      margin: 10px 0 20px 0; }
      .loginController .contentLogin form .esqueciSenha a {
        color: #FFED69;
        font-weight: bold; }
    .loginController .contentLogin form p {
      color: #FFF;
      margin-bottom: 50px; }

@media only screen and (max-width: 900px) {
  .loginController .contentLogin {
    width: 100%;
    height: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    padding: 20px;
    border-radius: 0; }
    .loginController .contentLogin.initialInfo {
      width: 90%;
      left: 0;
      margin: 0 auto;
      right: 0;
      top: 8%;
      height: auto;
      min-height: auto; }
    .loginController .contentLogin form label {
      font-size: 0.8em; } }

@media only screen and (max-width: 320px) {
  .loginController .contentLogin form .esqueciSenha {
    margin: 10px 0 5px 0; } }

.cadastroController {
  width: 100%;
  height: 100%;
  background: url("assets/cadastro.png") no-repeat scroll 0 0 transparent;
  background-size: cover; }
  .cadastroController .contentCadastro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 80px 40px;
    position: absolute;
    width: 445px;
    min-height: 595px;
    background: #3B4AFF;
    left: calc(50% - 425px/2 - 0.3px);
    top: calc(50% - 720px/2); }
    .cadastroController .contentCadastro label {
      width: 100%;
      color: #FFF; }
      .cadastroController .contentCadastro label input, .cadastroController .contentCadastro label select {
        height: 40px;
        margin: 5px 0; }
      .cadastroController .contentCadastro label input {
        border-radius: 0; }
      .cadastroController .contentCadastro label .invalidField {
        color: red; }
    .cadastroController .contentCadastro .headerCadastro {
      color: #FFF;
      text-align: center;
      width: 100%; }
      .cadastroController .contentCadastro .headerCadastro .backLogin {
        position: absolute;
        right: 40px;
        top: 40px;
        color: #fff;
        font-size: 1.5em; }
      .cadastroController .contentCadastro .headerCadastro h3 span {
        font-size: 0.6em; }
    .cadastroController .contentCadastro .obrigatorio {
      color: #FFED69;
      margin: 15px 0; }
    .cadastroController .contentCadastro .btnContinuar {
      width: 200px;
      background: #FFED69;
      color: #3B4AFF;
      font-weight: bold;
      border: none;
      height: 45px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      margin-top: 50px; }
    .cadastroController .contentCadastro .backStep {
      position: absolute;
      bottom: 0px;
      background: #FFED69;
      color: #3B4AFF;
      padding: 10px;
      cursor: pointer;
      border-radius: 10px; }
    .cadastroController .contentCadastro .markOffers label {
      display: flex;
      align-items: center;
      margin-bottom: 0;
      height: 25px; }
      .cadastroController .contentCadastro .markOffers label input {
        margin-right: 10px; }

@media only screen and (max-width: 900px) {
  .cadastroController {
    background-size: initial; }
    .cadastroController .contentCadastro {
      width: 100%;
      left: 0;
      right: 0; } }

.recoveryController {
  width: 100%;
  height: 100%;
  background: url("assets/cadastro.png") no-repeat scroll 0 0 transparent;
  background-size: cover; }
  .recoveryController .contentRecovery {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px;
    position: absolute;
    width: 425px;
    min-height: 400px;
    background: #3B4AFF;
    left: calc(50% - 425px/2 - 0.3px);
    top: calc(50% - 595px/2); }
    .recoveryController .contentRecovery .line {
      display: flex;
      width: 100%; }
      .recoveryController .contentRecovery .line form {
        width: 100%; }
    .recoveryController .contentRecovery label {
      width: 100%;
      color: #FFF; }
      .recoveryController .contentRecovery label input, .recoveryController .contentRecovery label select {
        height: 40px;
        margin: 5px 0; }
    .recoveryController .contentRecovery .headerRecovery {
      color: #FFF;
      text-align: center;
      width: 100%; }
      .recoveryController .contentRecovery .headerRecovery h3 {
        margin-bottom: 30px; }
      .recoveryController .contentRecovery .headerRecovery .info {
        color: #FFED69;
        text-align: center;
        margin-bottom: 20px; }
      .recoveryController .contentRecovery .headerRecovery .backLogin {
        position: absolute;
        right: 40px;
        top: 10px;
        color: #fff;
        font-size: 1.5em; }
    .recoveryController .contentRecovery .btnContinuar {
      width: 200px;
      background: #FFED69;
      color: #3B4AFF;
      font-weight: bold;
      border: none;
      height: 45px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      margin-top: 50px; }

@media only screen and (max-width: 900px) {
  .recoveryController {
    background-size: initial; }
    .recoveryController .contentRecovery {
      width: 90%;
      left: 0;
      right: 0;
      margin: 0 auto; } }

.modulosController {
  height: 100%;
  position: relative;
  padding: 0;
  min-height: 100vh;
  width: 100%;
  display: inline-flex; }
  .modulosController .contentModulos {
    background: #E5E5E5;
    width: 73%;
    height: 100vh;
    position: relative;
    padding: 40px;
    left: -14px;
    top: 0;
    z-index: 1;
    color: #676767;
    float: left;
    min-width: 700px;
    max-width: 73%; }
    .modulosController .contentModulos h1 {
      color: #3B4AFF; }
    .modulosController .contentModulos .listModules {
      max-height: 90%;
      overflow-x: hidden;
      overflow-y: auto;
      min-height: 90%; }
      .modulosController .contentModulos .listModules .item {
        padding: 20px;
        border-radius: 0;
        background-size: 100% 100%;
        color: #FFF;
        height: 295px;
        margin-bottom: 50px;
        position: relative; }
        .modulosController .contentModulos .listModules .item img {
          width: 100%;
          height: 100%;
          position: absolute;
          opacity: 0.9;
          z-index: -1;
          margin: -20px; }
        .modulosController .contentModulos .listModules .item:hover .overlay {
          opacity: 0.3; }
        .modulosController .contentModulos .listModules .item .overlay {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: #000;
          border-radius: 20px;
          opacity: 0.555;
          z-index: 2; }
        .modulosController .contentModulos .listModules .item .content {
          position: relative;
          z-index: 3;
          font-size: 0.8em; }
          .modulosController .contentModulos .listModules .item .content md-progress-linear {
            width: 40%;
            border-radius: 20px;
            overflow: hidden; }
            .modulosController .contentModulos .listModules .item .content md-progress-linear .md-bar2 {
              background: #3B4AFF; }
          .modulosController .contentModulos .listModules .item .content .progress-text {
            font-weight: bold; }
        .modulosController .contentModulos .listModules .item .title {
          color: #3B4AFF;
          font-size: 1.8em;
          display: flex;
          align-items: center;
          line-height: 1;
          height: 60px; }
        .modulosController .contentModulos .listModules .item a {
          text-decoration: none;
          color: #FFF; }
        .modulosController .contentModulos .listModules .item p {
          color: #3B4AFF;
          min-height: 150px; }
          .modulosController .contentModulos .listModules .item p:last-child {
            min-height: auto; }
        .modulosController .contentModulos .listModules .item.color0 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
          background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color0 a .md-bar.md-bar2 {
          background-color: #F12711; }
        .modulosController .contentModulos .listModules .item.color0 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color1 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #E0EF35 1.36%, #FFB800 98.93%);
          background: linear-gradient(136.47deg, #E0EF35 1.36%, #FFB800 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color1 a .md-bar.md-bar2 {
          background-color: #E0EF35; }
        .modulosController .contentModulos .listModules .item.color1 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color2 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #356BEF 1.36%, #ED00F2 98.93%);
          background: linear-gradient(136.47deg, #356BEF 1.36%, #ED00F2 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color2 a .md-bar.md-bar2 {
          background-color: #356BEF; }
        .modulosController .contentModulos .listModules .item.color2 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color3 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #6E96F9 1.36%, #10D4FF 98.93%);
          background: linear-gradient(136.47deg, #6E96F9 1.36%, #10D4FF 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color3 a .md-bar.md-bar2 {
          background-color: #6E96F9; }
        .modulosController .contentModulos .listModules .item.color3 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color4 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #A4E912 1.36%, #4FECF6 98.93%);
          background: linear-gradient(136.47deg, #A4E912 1.36%, #4FECF6 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color4 a .md-bar.md-bar2 {
          background-color: #A4E912; }
        .modulosController .contentModulos .listModules .item.color4 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color5 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #E60505 1.36%, #F200E8 98.93%);
          background: linear-gradient(136.47deg, #E60505 1.36%, #F200E8 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color5 a .md-bar.md-bar2 {
          background-color: #E60505; }
        .modulosController .contentModulos .listModules .item.color5 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color6 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
          background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color6 a .md-bar.md-bar2 {
          background-color: #F12711; }
        .modulosController .contentModulos .listModules .item.color6 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color7 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #E0EF35 1.36%, #FFB800 98.93%);
          background: linear-gradient(136.47deg, #E0EF35 1.36%, #FFB800 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color7 a .md-bar.md-bar2 {
          background-color: #E0EF35; }
        .modulosController .contentModulos .listModules .item.color7 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color8 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #356BEF 1.36%, #ED00F2 98.93%);
          background: linear-gradient(136.47deg, #356BEF 1.36%, #ED00F2 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color8 a .md-bar.md-bar2 {
          background-color: #356BEF; }
        .modulosController .contentModulos .listModules .item.color8 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color9 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #6E96F9 1.36%, #10D4FF 98.93%);
          background: linear-gradient(136.47deg, #6E96F9 1.36%, #10D4FF 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color9 a .md-bar.md-bar2 {
          background-color: #6E96F9; }
        .modulosController .contentModulos .listModules .item.color9 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color10 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #A4E912 1.36%, #4FECF6 98.93%);
          background: linear-gradient(136.47deg, #A4E912 1.36%, #4FECF6 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color10 a .md-bar.md-bar2 {
          background-color: #A4E912; }
        .modulosController .contentModulos .listModules .item.color10 a p:last-child {
          color: #FFF;
          font-weight: bold; }
        .modulosController .contentModulos .listModules .item.color11 a .content h3 {
          background: -webkit-linear-gradient(136.47deg, #E60505 1.36%, #F200E8 98.93%);
          background: linear-gradient(136.47deg, #E60505 1.36%, #F200E8 98.93%);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent; }
        .modulosController .contentModulos .listModules .item.color11 a .md-bar.md-bar2 {
          background-color: #E60505; }
        .modulosController .contentModulos .listModules .item.color11 a p:last-child {
          color: #FFF;
          font-weight: bold; }
      .modulosController .contentModulos .listModules::-webkit-scrollbar {
        width: 8px; }
      .modulosController .contentModulos .listModules::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 5px; }
      .modulosController .contentModulos .listModules::-webkit-scrollbar-thumb {
        background: rgba(166, 166, 166, 0.8);
        border-radius: 20px; }
      .modulosController .contentModulos .listModules::-webkit-scrollbar-thumb:hover {
        background: transparent;
        border-radius: 5px; }

@media only screen and (max-width: 900px) {
  .modulosController .contentModulos {
    padding: 10px;
    width: 100%;
    min-width: 100%;
    left: 0;
    border-radius: 0;
    background-color: #FFF; }
    .modulosController .contentModulos .header .tabs {
      padding: 0; }
      .modulosController .contentModulos .header .tabs li {
        width: 49%;
        list-style: none;
        display: inline-flex;
        height: 60px;
        align-items: center;
        justify-content: center; }
        .modulosController .contentModulos .header .tabs li a {
          text-decoration: none;
          color: #929292; }
        .modulosController .contentModulos .header .tabs li.active {
          border-bottom: 4px solid #356BEF; }
          .modulosController .contentModulos .header .tabs li.active a {
            color: #356BEF; }
    .modulosController .contentModulos .listModules {
      max-height: 340px;
      overflow-x: auto;
      overflow-y: hidden;
      min-height: auto;
      margin-top: 10px;
      width: 100%; }
      .modulosController .contentModulos .listModules .row > div {
        width: 335px;
        padding-right: 0; }
      .modulosController .contentModulos .listModules .item {
        width: 325px;
        display: block;
        float: left;
        min-height: 310px; }
    .modulosController .contentModulos .playerInfoDash .contentInfoDash {
      padding: 10px;
      color: #676767;
      min-width: auto;
      width: 100%; }
      .modulosController .contentModulos .playerInfoDash .contentInfoDash .namePlayer {
        display: flex;
        height: 90px;
        align-items: center; }
        .modulosController .contentModulos .playerInfoDash .contentInfoDash .namePlayer p {
          width: 90%;
          font-weight: bold; }
          .modulosController .contentModulos .playerInfoDash .contentInfoDash .namePlayer p .bar {
            width: 100%; }
      .modulosController .contentModulos .playerInfoDash .contentInfoDash .infoContent ul {
        padding-bottom: 90px; } }

@media only screen and (max-width: 320px) {
  .modulosController .contentModulos h1 {
    font-size: 1.2em; }
  .modulosController .contentModulos > p {
    margin-bottom: 0; }
  .modulosController .contentModulos .listModules .row > div {
    width: 290px; }
  .modulosController .contentModulos .listModules .item {
    width: 280px; }
    .modulosController .contentModulos .listModules .item p {
      font-size: 0.8em; } }

.detalheModulosController {
  height: 100%;
  position: relative;
  padding: 0;
  min-height: 100vh;
  width: 100%;
  display: inline-flex; }
  .detalheModulosController .containerListContent {
    height: 95vh; }
  .detalheModulosController .listDetail {
    background: #FFF;
    width: 20%;
    height: 100vh;
    position: relative;
    padding: 40px 0;
    left: -15px;
    top: 0;
    z-index: 0;
    color: #676767;
    min-width: 20%;
    float: left; }
    .detalheModulosController .listDetail .moduleTitle {
      padding: 0 0 0 20px;
      max-width: 55%;
      margin-bottom: 20px;
      background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent; }
    .detalheModulosController .listDetail .listModules {
      padding: 0;
      max-height: 85%;
      overflow-x: hidden;
      overflow-y: auto;
      min-height: 85%; }
      .detalheModulosController .listDetail .listModules li {
        list-style-type: none;
        min-height: 150px;
        padding: 10px 20px; }
        .detalheModulosController .listDetail .listModules li a {
          text-decoration: none;
          color: #676767;
          display: block;
          cursor: pointer;
          height: 100%; }
          .detalheModulosController .listDetail .listModules li a .title {
            font-size: 20px;
            font-weight: bold;
            display: flex; }
            .detalheModulosController .listDetail .listModules li a .title i.fa.fa-check {
              color: #FFF;
              position: relative;
              right: 0;
              font-size: 0.8em;
              top: 8px;
              border: 2px solid #4BD650;
              border-radius: 30px;
              padding: 3px;
              float: left;
              width: 25px;
              height: 25px;
              margin-right: 8px;
              background: #4BD650; }
        .detalheModulosController .listDetail .listModules li ul {
          padding: 0; }
          .detalheModulosController .listDetail .listModules li ul li {
            display: inline-block;
            padding: 0;
            height: auto;
            min-height: auto;
            position: relative; }
            .detalheModulosController .listDetail .listModules li ul li img {
              width: 26px;
              height: 26px;
              border-radius: 100%;
              border: 0.855693px solid #A4A4A4;
              margin-left: -4px;
              background: #fff; }
            .detalheModulosController .listDetail .listModules li ul li.likes {
              width: 200px;
              text-align: center;
              background: -webkit-linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
              background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
        .detalheModulosController .listDetail .listModules li.active {
          background: rgba(232, 232, 232, 0.1);
          border-left: 8px solid linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
          position: relative; }
          .detalheModulosController .listDetail .listModules li.active:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 100%;
            z-index: -1;
            margin: 0;
            border-radius: inherit;
            background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%); }
        .detalheModulosController .listDetail .listModules li .more {
          border: 1px solid #ccc;
          border-radius: 40px;
          display: flex;
          position: relative;
          top: 2px;
          padding: 0 2px;
          align-items: center;
          justify-content: center; }
      .detalheModulosController .listDetail .listModules::-webkit-scrollbar {
        width: 8px; }
      .detalheModulosController .listDetail .listModules::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 5px; }
      .detalheModulosController .listDetail .listModules::-webkit-scrollbar-thumb {
        background: rgba(166, 166, 166, 0.8);
        border-radius: 20px; }
      .detalheModulosController .listDetail .listModules::-webkit-scrollbar-thumb:hover {
        background: transparent;
        border-radius: 5px; }
  .detalheModulosController .contentModulos {
    background: #F6F7FB;
    width: 53%;
    height: 100vh;
    border-radius: 0 20px 20px 0;
    position: relative;
    padding: 20px 40px;
    left: 0px;
    top: 0;
    z-index: 2;
    color: #676767;
    min-width: 700px;
    float: left;
    border-radius: 0px 25px 25px 0px; }
    .detalheModulosController .contentModulos .caminho {
      padding: 0;
      margin-bottom: 50px; }
      .detalheModulosController .contentModulos .caminho li {
        list-style: none;
        display: inline-block; }
        .detalheModulosController .contentModulos .caminho li a {
          text-decoration: none;
          color: #356BEF; }
    .detalheModulosController .contentModulos .title {
      margin: 20px 0 30px 0;
      color: #3B4AFF; }
    .detalheModulosController .contentModulos .listModules {
      padding: 0;
      max-height: 80%;
      overflow-x: hidden;
      overflow-y: auto;
      min-height: 80%; }
      .detalheModulosController .contentModulos .listModules > li {
        list-style-type: none;
        padding: 10px 20px;
        margin-bottom: 30px;
        border-radius: 20px; }
        .detalheModulosController .contentModulos .listModules > li .likeButton a {
          font-size: 1.5em; }
          .detalheModulosController .contentModulos .listModules > li .likeButton a i {
            background: -webkit-linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
            background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent; }
        .detalheModulosController .contentModulos .listModules > li a {
          text-decoration: none;
          color: #676767; }
          .detalheModulosController .contentModulos .listModules > li a .title {
            font-size: 20px;
            font-weight: bold; }
        .detalheModulosController .contentModulos .listModules > li a.linkDocument {
          color: #F5AF19; }
        .detalheModulosController .contentModulos .listModules > li ul {
          padding: 0; }
          .detalheModulosController .contentModulos .listModules > li ul li {
            display: inline-block;
            padding: 0; }
            .detalheModulosController .contentModulos .listModules > li ul li img {
              width: 20px;
              height: 20px;
              border-radius: 100%;
              border: 0.855693px solid #A4A4A4; }
            .detalheModulosController .contentModulos .listModules > li ul li.quiz {
              width: 100%; }
              .detalheModulosController .contentModulos .listModules > li ul li.quiz label {
                cursor: pointer;
                width: 100%;
                min-height: 40px;
                display: flex;
                align-items: center;
                background-color: #FFF;
                border-radius: 10px;
                margin-bottom: 10px;
                padding: 10px; }
                .detalheModulosController .contentModulos .listModules > li ul li.quiz label input {
                  margin-right: 10px; }
        .detalheModulosController .contentModulos .listModules > li iframe {
          width: 100%;
          height: 500px; }
        .detalheModulosController .contentModulos .listModules > li .finalizarConteudo {
          width: 200px;
          height: 40px;
          background-color: #FFED69;
          color: #3B4AFF;
          margin-top: 30px;
          border: none;
          font-weight: bold; }
      .detalheModulosController .contentModulos .listModules::-webkit-scrollbar {
        width: 8px; }
      .detalheModulosController .contentModulos .listModules::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 5px; }
      .detalheModulosController .contentModulos .listModules::-webkit-scrollbar-thumb {
        background: #A6A6A6;
        border-radius: 5px; }
      .detalheModulosController .contentModulos .listModules::-webkit-scrollbar-thumb:hover {
        background: transparent;
        border-radius: 5px; }
  .detalheModulosController .rewardsModule {
    background: #FFF;
    width: 22%;
    height: 100vh;
    position: relative;
    padding: 40px;
    right: 0;
    top: 0;
    z-index: 1;
    color: #676767;
    min-width: 418px;
    float: left; }
    .detalheModulosController .rewardsModule .tabs {
      padding: 0; }
      .detalheModulosController .rewardsModule .tabs li {
        width: 49%;
        list-style: none;
        display: inline-flex;
        height: 60px;
        align-items: center;
        justify-content: center;
        position: relative; }
        .detalheModulosController .rewardsModule .tabs li a {
          text-decoration: none;
          color: #929292;
          position: relative; }
        .detalheModulosController .rewardsModule .tabs li.active a {
          background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text;
          text-fill-color: transparent;
          font-weight: bold; }
        .detalheModulosController .rewardsModule .tabs li.active:before {
          content: '';
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 4px;
          z-index: -1;
          margin: 0;
          border-radius: inherit;
          background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%); }
    .detalheModulosController .rewardsModule .content {
      height: 75%;
      max-height: 75%;
      overflow-x: hidden;
      overflow-y: auto;
      background: #F6F7FB;
      border-radius: 10px;
      padding: 15px; }
      .detalheModulosController .rewardsModule .content h3 {
        margin-top: 20px;
        font-size: 1em;
        padding-left: 10px; }
      .detalheModulosController .rewardsModule .content .totalCoins img {
        width: 30px; }
      .detalheModulosController .rewardsModule .content ul {
        padding: 0;
        list-style-type: none; }
        .detalheModulosController .rewardsModule .content ul li {
          background-color: #FFF;
          border-radius: 20px;
          padding: 15px;
          margin-bottom: 20px; }
          .detalheModulosController .rewardsModule .content ul li .alignCenter {
            padding: 0;
            display: flex;
            align-items: center; }
            .detalheModulosController .rewardsModule .content ul li .alignCenter img {
              max-width: 80%;
              margin: 0 auto; }
          .detalheModulosController .rewardsModule .content ul li .title {
            font-weight: bold; }
      .detalheModulosController .rewardsModule .content .conclusao, .detalheModulosController .rewardsModule .content .acertos, .detalheModulosController .rewardsModule .content .ganhos {
        overflow: hidden;
        margin-top: 5px;
        color: #B9B9B9; }
      .detalheModulosController .rewardsModule .content .info {
        width: 60%;
        background-color: #FFF;
        border-radius: 20px;
        float: right;
        padding: 10px; }
        .detalheModulosController .rewardsModule .content .info .me {
          background-color: #6E96F9;
          width: 15px;
          height: 15px;
          border-radius: 20px;
          margin-right: 10px; }
        .detalheModulosController .rewardsModule .content .info .others {
          background-color: #FC7713;
          width: 15px;
          height: 15px;
          border-radius: 20px;
          margin-right: 10px; }
        .detalheModulosController .rewardsModule .content .info > div {
          display: flex; }
          .detalheModulosController .rewardsModule .content .info > div > div {
            display: flex;
            align-items: center; }
    .detalheModulosController .rewardsModule .help {
      height: 60px;
      background: #F6F7FB;
      border-radius: 20px;
      margin-top: 45px;
      position: fixed;
      right: 30px;
      bottom: 80px; }
      .detalheModulosController .rewardsModule .help p {
        padding: 13px;
        width: 150px;
        margin-left: 60px;
        float: left; }
      .detalheModulosController .rewardsModule .help img {
        position: relative;
        top: -18px;
        width: 130px; }
    .detalheModulosController .rewardsModule .contentProgressMe {
      border-radius: 20px;
      width: 100%;
      height: 10px;
      border-radius: 10px;
      margin-bottom: 40px; }
      .detalheModulosController .rewardsModule .contentProgressMe .progress {
        height: 100%;
        background-color: #6E96F9;
        border-radius: 10px;
        max-width: 100%;
        min-width: 4px; }
    .detalheModulosController .rewardsModule .contentProgressOthers {
      border-radius: 20px;
      width: 100%;
      height: 10px;
      border-radius: 10px;
      margin-bottom: 40px; }
      .detalheModulosController .rewardsModule .contentProgressOthers .progress {
        height: 100%;
        background-color: #FC7713;
        border-radius: 10px;
        max-width: 100%;
        min-width: 4px; }

@media only screen and (max-width: 1400px) {
  .detalheModulosController .rewardsModule {
    padding: 5px;
    width: 100%;
    min-width: auto; }
    .detalheModulosController .rewardsModule ul li .alignCenter img {
      max-width: 100px;
      margin: 0 auto; }
    .detalheModulosController .rewardsModule ul li .title {
      font-weight: bold; }
    .detalheModulosController .rewardsModule ul li p {
      padding: 10px; } }

@media only screen and (max-width: 900px) {
  .detalheModulosController .listDetail {
    padding-top: 10px;
    width: 100%;
    min-width: auto;
    left: 0; }
    .detalheModulosController .listDetail .listModules li a .title {
      font-size: 1em; }
  .detalheModulosController .header {
    padding-bottom: 90px; }
    .detalheModulosController .header .tabs {
      padding: 0; }
      .detalheModulosController .header .tabs li {
        width: 49%;
        list-style: none;
        display: inline-flex;
        height: 60px;
        align-items: center;
        justify-content: center; }
        .detalheModulosController .header .tabs li a {
          text-decoration: none;
          color: #929292; }
        .detalheModulosController .header .tabs li.active {
          border-bottom: 4px solid #F5AF19; }
          .detalheModulosController .header .tabs li.active a {
            color: #F5AF19; }
  .detalheModulosController .contentModulos {
    width: 100%;
    min-width: auto;
    float: none;
    border-radius: 0;
    max-height: 88vh;
    overflow-y: auto;
    padding: 25px; }
    .detalheModulosController .contentModulos .listModules > li iframe {
      width: 100%;
      height: auto; }
  .detalheModulosController .rewardsModule.mobile {
    padding: 0;
    width: 100%;
    min-width: auto;
    padding-bottom: 90px; }
    .detalheModulosController .rewardsModule.mobile ul li .alignCenter img {
      max-width: 100px;
      margin: 0 auto; }
    .detalheModulosController .rewardsModule.mobile ul li .title {
      font-weight: bold; }
    .detalheModulosController .rewardsModule.mobile ul li p {
      padding: 10px; } }

.prefilController {
  height: 100%;
  position: relative;
  padding: 0;
  min-height: 100vh;
  width: 100%;
  display: inline-flex; }
  .prefilController .contentPerfil {
    background: #FFF;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 40px;
    left: 95px;
    top: 0;
    z-index: 1;
    color: #676767; }
    .prefilController .contentPerfil .header img {
      width: 80px;
      height: 80px;
      margin-right: 10px;
      border-radius: 100%;
      float: left; }
    .prefilController .contentPerfil .header p {
      font-size: 1.5em;
      margin-bottom: 5px;
      font-weight: bold; }
      .prefilController .contentPerfil .header p:last-child {
        font-weight: normal;
        font-size: 1.2em; }
      .prefilController .contentPerfil .header p img {
        width: 30px;
        height: 30px;
        margin-right: 10px; }
    .prefilController .contentPerfil .infos {
      margin-top: 50px; }
      .prefilController .contentPerfil .infos ul {
        padding: 0;
        display: flex;
        max-width: 70%; }
        .prefilController .contentPerfil .infos ul li {
          display: inline-flex;
          list-style: none;
          align-items: center;
          justify-content: center;
          width: 32%;
          height: 60px;
          text-align: center;
          padding-bottom: 10px;
          border-bottom: 1px solid #C9C9C9; }
          .prefilController .contentPerfil .infos ul li.active {
            border-bottom: 4px solid #356BEF; }
            .prefilController .contentPerfil .infos ul li.active a {
              color: #356BEF;
              font-weight: bold; }
          .prefilController .contentPerfil .infos ul li a {
            cursor: pointer;
            line-height: 1;
            color: #929292;
            width: 100%; }
      .prefilController .contentPerfil .infos .tabs {
        max-width: 70%;
        margin-top: 50px; }
        .prefilController .contentPerfil .infos .tabs > div::-webkit-scrollbar {
          width: 8px; }
        .prefilController .contentPerfil .infos .tabs > div::-webkit-scrollbar-track {
          background: transparent;
          border-radius: 5px; }
        .prefilController .contentPerfil .infos .tabs > div::-webkit-scrollbar-thumb {
          background: rgba(166, 166, 166, 0.8);
          border-radius: 20px; }
        .prefilController .contentPerfil .infos .tabs > div::-webkit-scrollbar-thumb:hover {
          background: transparent;
          border-radius: 5px; }
        .prefilController .contentPerfil .infos .tabs .progresso {
          max-height: 65vh;
          overflow-x: hidden;
          overflow-y: auto; }
          .prefilController .contentPerfil .infos .tabs .progresso md-progress-linear .md-container {
            display: block;
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 9px;
            border-radius: 5px;
            transform: translate(0, 0) scale(1, 1); }
            .prefilController .contentPerfil .infos .tabs .progresso md-progress-linear .md-container .md-bar {
              position: absolute;
              left: 0;
              top: 0;
              bottom: 0;
              width: 100%;
              height: 9px; }
          .prefilController .contentPerfil .infos .tabs .progresso .item {
            width: 97%; }
            .prefilController .contentPerfil .infos .tabs .progresso .item h3 {
              font-size: 1.3em; }
            .prefilController .contentPerfil .infos .tabs .progresso .item a {
              text-decoration: none; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color0 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color0 .content .description {
              background: -webkit-linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
              background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color0 .md-bar.md-bar2 {
              background-color: #F12711; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color0 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color1 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color1 .content .description {
              background: -webkit-linear-gradient(136.47deg, #E0EF35 1.36%, #FFB800 98.93%);
              background: linear-gradient(136.47deg, #E0EF35 1.36%, #FFB800 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color1 .md-bar.md-bar2 {
              background-color: #E0EF35; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color1 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color2 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color2 .content .description {
              background: -webkit-linear-gradient(136.47deg, #356BEF 1.36%, #ED00F2 98.93%);
              background: linear-gradient(136.47deg, #356BEF 1.36%, #ED00F2 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color2 .md-bar.md-bar2 {
              background-color: #356BEF; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color2 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color3 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color3 .content .description {
              background: -webkit-linear-gradient(136.47deg, #6E96F9 1.36%, #10D4FF 98.93%);
              background: linear-gradient(136.47deg, #6E96F9 1.36%, #10D4FF 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color3 .md-bar.md-bar2 {
              background-color: #6E96F9; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color3 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color4 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color4 .content .description {
              background: -webkit-linear-gradient(136.47deg, #A4E912 1.36%, #4FECF6 98.93%);
              background: linear-gradient(136.47deg, #A4E912 1.36%, #4FECF6 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color4 .md-bar.md-bar2 {
              background-color: #A4E912; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color4 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color5 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color5 .content .description {
              background: -webkit-linear-gradient(136.47deg, #E60505 1.36%, #F200E8 98.93%);
              background: linear-gradient(136.47deg, #E60505 1.36%, #F200E8 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color5 .md-bar.md-bar2 {
              background-color: #E60505; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color5 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color6 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color6 .content .description {
              background: -webkit-linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
              background: linear-gradient(136.47deg, #F12711 1.36%, #F5AF19 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color6 .md-bar.md-bar2 {
              background-color: #F12711; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color6 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color7 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color7 .content .description {
              background: -webkit-linear-gradient(136.47deg, #E0EF35 1.36%, #FFB800 98.93%);
              background: linear-gradient(136.47deg, #E0EF35 1.36%, #FFB800 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color7 .md-bar.md-bar2 {
              background-color: #E0EF35; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color7 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color8 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color8 .content .description {
              background: -webkit-linear-gradient(136.47deg, #356BEF 1.36%, #ED00F2 98.93%);
              background: linear-gradient(136.47deg, #356BEF 1.36%, #ED00F2 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color8 .md-bar.md-bar2 {
              background-color: #356BEF; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color8 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color9 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color9 .content .description {
              background: -webkit-linear-gradient(136.47deg, #6E96F9 1.36%, #10D4FF 98.93%);
              background: linear-gradient(136.47deg, #6E96F9 1.36%, #10D4FF 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color9 .md-bar.md-bar2 {
              background-color: #6E96F9; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color9 p:last-child {
              color: #676767;
              font-weight: bold; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color10 .content h3, .prefilController .contentPerfil .infos .tabs .progresso .item.color10 .content .description {
              background: -webkit-linear-gradient(136.47deg, #A4E912 1.36%, #4FECF6 98.93%);
              background: linear-gradient(136.47deg, #A4E912 1.36%, #4FECF6 98.93%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color10 .md-bar.md-bar2 {
              background-color: #A4E912; }
            .prefilController .contentPerfil .infos .tabs .progresso .item.color10 p:last-child {
              color: #676767;
              font-weight: bold; }
        .prefilController .contentPerfil .infos .tabs .conquistas {
          max-height: 65vh;
          overflow-x: hidden;
          overflow-y: auto; }
          .prefilController .contentPerfil .infos .tabs .conquistas .item {
            background: #F2F4FE;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 15px;
            padding: 10px;
            width: 95%;
            color: #3B4AFF; }
            .prefilController .contentPerfil .infos .tabs .conquistas .item:hover {
              background: #D4DDFF; }
            .prefilController .contentPerfil .infos .tabs .conquistas .item a {
              display: flex;
              align-items: center;
              cursor: pointer; }
            .prefilController .contentPerfil .infos .tabs .conquistas .item img {
              width: 80px;
              height: 80px;
              margin-right: 15px; }
            .prefilController .contentPerfil .infos .tabs .conquistas .item p {
              margin: 0; }
              .prefilController .contentPerfil .infos .tabs .conquistas .item p span {
                display: block; }
                .prefilController .contentPerfil .infos .tabs .conquistas .item p span:last-child {
                  font-weight: bold; }
          .prefilController .contentPerfil .infos .tabs .conquistas .checkChallenge {
            position: absolute;
            right: 60px;
            top: 10px;
            font-size: 1.4em;
            color: green; }
        .prefilController .contentPerfil .infos .tabs .privacidade label {
          width: 100%;
          margin-bottom: 10px;
          font-weight: bold; }
          .prefilController .contentPerfil .infos .tabs .privacidade label p {
            font-weight: normal; }
        .prefilController .contentPerfil .infos .tabs .privacidade .btnEditarDados {
          width: 200px;
          height: 45px;
          background: #3B4AFF;
          margin-bottom: 20px;
          color: #FFF;
          border: none;
          margin-top: 40px;
          font-weight: bold; }
        .prefilController .contentPerfil .infos .tabs .privacidade .btnEditarSenha {
          width: 200px;
          height: 45px;
          background: #FFED69;
          color: #3B4AFF;
          border: none;
          font-weight: bold; }
        .prefilController .contentPerfil .infos .tabs .privacidade .btnCancel {
          width: 200px;
          height: 45px;
          background: #fc1f1f;
          color: #FFF;
          border: none; }
        .prefilController .contentPerfil .infos .tabs .privacidade .line {
          border-left: 1px solid #E6E6E6;
          padding-left: 40px; }
  .prefilController #modalInfoChallenge img {
    max-width: 80%; }
  .prefilController .overlayInfoChallenge {
    display: none;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; }
  .prefilController .modalInfoChallenge {
    display: none;
    width: 400px;
    min-height: 300px;
    background-color: #fff;
    padding: 50px;
    position: fixed;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 101;
    color: #929292; }
    .prefilController .modalInfoChallenge .header {
      height: 40px;
      margin-bottom: 10px; }
      .prefilController .modalInfoChallenge .header .close {
        border: none;
        background-color: none; }
        .prefilController .modalInfoChallenge .header .close button {
          color: #356BEF;
          opacity: 1;
          border: none;
          background-color: transparent;
          font-size: 1em; }
          .prefilController .modalInfoChallenge .header .close button:focus {
            outline: none; }
    .prefilController .modalInfoChallenge .content {
      text-align: center; }
      .prefilController .modalInfoChallenge .content .top {
        display: flex;
        align-items: center;
        margin-bottom: 20px; }
        .prefilController .modalInfoChallenge .content .top img {
          width: 50px; }
        .prefilController .modalInfoChallenge .content .top h3 {
          color: #356BEF;
          margin: 0; }
      .prefilController .modalInfoChallenge .content .buttons .seguir {
        width: 50%;
        height: 45px;
        background: #356BEF;
        color: #fff;
        margin-bottom: 10px;
        font-size: 1em;
        border: none;
        font-weight: bold; }
      .prefilController .modalInfoChallenge .content .buttons .finalizar {
        width: 50%;
        height: 45px;
        background: transparent;
        border: 1px solid #FA8D3C;
        color: #FA8D3C;
        border-radius: 10px;
        font-size: 1em; }
      .prefilController .modalInfoChallenge .content img {
        width: 30%;
        display: block;
        margin: 0px auto; }
    .prefilController .modalInfoChallenge .almah {
      position: absolute;
      right: -110px;
      bottom: -130px;
      width: 230px;
      height: 190px; }
      .prefilController .modalInfoChallenge .almah img {
        width: 100%; }

@media only screen and (max-width: 900px) {
  .prefilController .contentPerfil {
    left: 0;
    padding: 15px; }
    .prefilController .contentPerfil .infos .tabs {
      max-width: 100%;
      margin-top: 35px; }
      .prefilController .contentPerfil .infos .tabs .conquistas {
        padding-bottom: 70px; }
      .prefilController .contentPerfil .infos .tabs .privacidade .buttons {
        margin-bottom: 20px; }
        .prefilController .contentPerfil .infos .tabs .privacidade .buttons .btnEditarDados {
          margin-top: 0; }
      .prefilController .contentPerfil .infos .tabs .privacidade .line {
        border-left: none;
        padding-left: 15px;
        padding-bottom: 90px; }
    .prefilController .contentPerfil .infos ul {
      padding: 0;
      display: flex;
      max-width: 100%; }
    .prefilController .contentPerfil input[type=file] {
      font-size: 0.8em; } }

.lojaController {
  height: 100%;
  position: relative;
  padding: 0;
  min-height: 100vh;
  width: 100%;
  display: inline-flex; }
  .lojaController .contentLoja {
    background: #FFF;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    position: absolute;
    padding: 40px;
    left: 95px;
    top: 0;
    z-index: 1;
    color: #676767; }

.menuLateral {
  background: #3B4AFF;
  height: 100%;
  position: relative;
  padding: 0;
  min-height: 100vh;
  width: 110px;
  min-width: 110px;
  float: left; }
  .menuLateral .menuLateralContent {
    padding: 0 15px 0 0;
    height: 100vh; }
    .menuLateral .menuLateralContent .logo {
      padding-top: 30px;
      margin-bottom: 60px; }
      .menuLateral .menuLateralContent .logo img {
        max-width: 80%;
        margin: 0 auto;
        display: block; }
      .menuLateral .menuLateralContent .logo :first-child {
        width: 48px; }
    .menuLateral .menuLateralContent .menu ul {
      padding: 0;
      text-align: center; }
      .menuLateral .menuLateralContent .menu ul li {
        list-style-type: none;
        margin: 0 auto 15px;
        width: 60%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .menuLateral .menuLateralContent .menu ul li a {
          color: #FFF;
          font-size: 1.5em;
          display: flex;
          align-items: center; }
          .menuLateral .menuLateralContent .menu ul li a:hover {
            text-decoration: none; }
        .menuLateral .menuLateralContent .menu ul li.active {
          background: #FAEC82;
          color: #3B4AFF; }
  .menuLateral .logout {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center; }
    .menuLateral .logout button {
      background-color: transparent;
      border: none;
      color: #FFF;
      font-size: 1.6em; }
    .menuLateral .logout .version {
      width: 90%;
      font-size: 0.8em;
      color: #FFF;
      text-align: center;
      position: relative;
      top: 30px; }

@media only screen and (max-width: 900px) {
  .menuLateral {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    z-index: 100;
    float: none;
    min-width: 50px;
    min-height: auto; }
    .menuLateral .menuLateralContent {
      position: fixed;
      bottom: 0;
      height: 70px;
      padding: 0;
      width: 100%; }
      .menuLateral .menuLateralContent .logo {
        display: none; }
      .menuLateral .menuLateralContent .menu ul {
        text-align: inherit; }
        .menuLateral .menuLateralContent .menu ul li {
          list-style-type: none;
          width: 50px;
          height: 50px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          margin-top: 10px;
          margin: 3% 3.2%; }
    .menuLateral .logout {
      position: absolute;
      bottom: 30px;
      width: 50px;
      height: 50px;
      right: 13px;
      text-align: center;
      top: 17px; }
      .menuLateral .logout .version {
        display: none; } }

@media only screen and (max-width: 320px) {
  .menuLateral .menuLateralContent .menu ul li {
    width: 40px;
    height: 40px;
    margin: 5% 3.2%; }
  .menuLateral .menuLateralContent #logOut {
    width: 40px;
    height: 40px;
    margin-right: 0;
    position: relative;
    right: -8px; } }

.playerInfoDash {
  background: #FFF;
  width: 22%;
  height: 100%;
  position: relative;
  right: 0;
  top: 0;
  min-width: 22%;
  max-width: 418px; }
  .playerInfoDash .contentInfoDash {
    padding: 40px 20px;
    color: #676767;
    min-width: 100%;
    position: relative; }
    .playerInfoDash .contentInfoDash .namePlayer {
      display: flex;
      height: 90px; }
      .playerInfoDash .contentInfoDash .namePlayer img {
        width: 70px;
        height: 70px;
        margin-right: 10px;
        border-radius: 100%;
        float: left; }
      .playerInfoDash .contentInfoDash .namePlayer p {
        font-size: 1.2em;
        float: left;
        width: 72%;
        font-weight: bold; }
        .playerInfoDash .contentInfoDash .namePlayer p .bar {
          display: block;
          width: 100%;
          height: 5px;
          background-color: #356BEF;
          margin-top: 10px;
          border-radius: 20px; }
        .playerInfoDash .contentInfoDash .namePlayer p .totalPoints {
          font-weight: bold;
          font-size: 0.8em;
          display: flex;
          align-items: center;
          margin-top: 5px; }
    .playerInfoDash .contentInfoDash .infosTabs ul {
      padding: 0;
      display: flex; }
      .playerInfoDash .contentInfoDash .infosTabs ul li {
        display: inline-flex;
        list-style: none;
        align-items: center;
        justify-content: center;
        width: 32%;
        height: 60px;
        text-align: center;
        padding-bottom: 10px; }
        .playerInfoDash .contentInfoDash .infosTabs ul li.active {
          border-bottom: 4px solid #356BEF; }
          .playerInfoDash .contentInfoDash .infosTabs ul li.active a {
            color: #356BEF;
            font-weight: bold; }
        .playerInfoDash .contentInfoDash .infosTabs ul li a {
          cursor: pointer;
          line-height: 1; }
    .playerInfoDash .contentInfoDash .infoContent {
      height: 52vh;
      background: #F6F7FB;
      margin-top: 50px; }
      .playerInfoDash .contentInfoDash .infoContent ul {
        padding: 15px;
        max-height: 50vh;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
        top: 10px;
        width: 98%; }
        .playerInfoDash .contentInfoDash .infoContent ul li {
          list-style: none;
          display: block;
          border-bottom: 1px solid #E0E0E0;
          min-height: 70px;
          margin-bottom: 10px;
          padding: 13px 0; }
          .playerInfoDash .contentInfoDash .infoContent ul li img {
            width: 60px;
            margin-right: 10px;
            float: left; }
          .playerInfoDash .contentInfoDash .infoContent ul li p span {
            display: block; }
            .playerInfoDash .contentInfoDash .infoContent ul li p span:last-child {
              font-weight: bold; }
          .playerInfoDash .contentInfoDash .infoContent ul li p.friend {
            min-height: 35px;
            margin: 0; }
            .playerInfoDash .contentInfoDash .infoContent ul li p.friend img {
              width: 30px;
              border-radius: 100%; }
            .playerInfoDash .contentInfoDash .infoContent ul li p.friend span {
              font-weight: normal; }
        .playerInfoDash .contentInfoDash .infoContent ul::-webkit-scrollbar {
          width: 8px; }
        .playerInfoDash .contentInfoDash .infoContent ul::-webkit-scrollbar-track {
          background: transparent;
          border-radius: 5px; }
        .playerInfoDash .contentInfoDash .infoContent ul::-webkit-scrollbar-thumb {
          background: rgba(166, 166, 166, 0.8);
          border-radius: 20px; }
        .playerInfoDash .contentInfoDash .infoContent ul::-webkit-scrollbar-thumb:hover {
          background: transparent;
          border-radius: 5px; }
      .playerInfoDash .contentInfoDash .infoContent .notificacoes ul li img {
        width: 30px;
        border-radius: 100%; }
      .playerInfoDash .contentInfoDash .infoContent .notificacoes ul li span {
        font-weight: bold; }
      .playerInfoDash .contentInfoDash .infoContent .notificacoes ul li p {
        clear: both; }
        .playerInfoDash .contentInfoDash .infoContent .notificacoes ul li p span {
          font-weight: normal; }
    .playerInfoDash .contentInfoDash .conquistasAmigos, .playerInfoDash .contentInfoDash .ultimasConquistas {
      position: relative; }
      .playerInfoDash .contentInfoDash .conquistasAmigos ul, .playerInfoDash .contentInfoDash .ultimasConquistas ul {
        max-height: 48vh; }
      .playerInfoDash .contentInfoDash .conquistasAmigos .btnInvite, .playerInfoDash .contentInfoDash .ultimasConquistas .btnInvite {
        margin-top: 10px;
        display: block;
        margin-bottom: -20px; }

@media only screen and (max-width: 1400px) {
  .playerInfoDash .contentInfoDash .infosTabs ul li a {
    font-size: 0.8em; } }

.modalNewPass {
  width: 320px;
  padding: 10px 10px; }
  .modalNewPass .md-toolbar-tools {
    background-color: white;
    color: #3B4AFF; }
  .modalNewPass .obrigatorio {
    color: #3B4AFF;
    margin: 15px 0;
    font-weight: bold; }
  .modalNewPass h2 {
    color: #3B4AFF;
    text-align: center;
    font-size: 20px;
    font-weight: bold; }
  .modalNewPass label {
    width: 100%;
    padding-left: 4px;
    margin-bottom: -1px;
    margin-top: 5px; }
  .modalNewPass input {
    border: 1px solid #676767;
    border-radius: 0; }
  .modalNewPass .btnEditarSenha {
    width: 200px;
    height: 45px;
    background: #FFED69;
    color: #3B4AFF;
    border: none;
    margin: 30px auto;
    font-weight: bold; }
    .modalNewPass .btnEditarSenha:focus {
      outline: none; }

#store .overlayStore {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }

#store .modalStore {
  display: none;
  width: 400px;
  min-height: 300px;
  background-color: #fff;
  padding: 20px;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 101; }
  #store .modalStore .header {
    height: 40px;
    margin-bottom: 10px; }
    #store .modalStore .header .close {
      border: none;
      background-color: none; }
      #store .modalStore .header .close button {
        color: #356BEF;
        opacity: 1;
        border: none;
        background-color: transparent;
        font-size: 1em; }
        #store .modalStore .header .close button:focus {
          outline: none; }
  #store .modalStore .content {
    text-align: center; }
    #store .modalStore .content h3 {
      color: #356BEF;
      margin-bottom: 20px;
      font-size: 1.3em; }
    #store .modalStore .content .buttons .seguir {
      width: 50%;
      height: 45px;
      background: #FFED69;
      color: #356BEF;
      margin-bottom: 10px;
      font-size: 1em;
      border: none;
      font-weight: bold; }
    #store .modalStore .content .buttons .finalizar {
      width: 50%;
      height: 45px;
      background: transparent;
      color: #356BEF;
      font-size: 1em;
      border: none;
      font-weight: bold; }
  #store .modalStore .almah {
    position: absolute;
    right: -110px;
    bottom: -110px;
    width: 230px;
    height: 190px; }
    #store .modalStore .almah img {
      width: 100%; }

@media only screen and (max-width: 900px) {
  #store .modalStore {
    width: 90%; }
    #store .modalStore .almah {
      position: absolute;
      right: -30px;
      bottom: -120px;
      width: 160px;
      height: 160px; } }

.tutorial .help {
  height: 60px;
  background: rgba(233, 237, 253, 0.6);
  margin-top: 45px;
  position: fixed;
  right: 30px;
  bottom: 80px;
  width: 375px;
  position: fixed;
  bottom: 50px;
  z-index: 99;
  right: 20px;
  display: flex;
  align-items: center;
  /* ----------------------------------------------
        * Generated by Animista
        * Licensed under FreeBSD License.
        * See http://animista.net/license for more info. 
        * w: http://animista.net, t: @cssanimista
        * ---------------------------------------------- */
  /**
        * ----------------------------------------
        * animation vibrate-1
        * ----------------------------------------
        */ }
  .tutorial .help p {
    margin-top: 17px;
    padding: 13px;
    width: 152px;
    margin-left: 60px;
    float: left;
    color: rgba(59, 74, 255, 0.5); }
  .tutorial .help img {
    position: relative;
    top: -18px;
    width: 130px; }
  .tutorial .help:hover {
    background: #D5DDFF; }
  .tutorial .help .vibrate-1 {
    -webkit-animation: vibrate-1 0.3s linear infinite both;
    animation: vibrate-1 0.3s linear infinite both; }

@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px); }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px); }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0); } }

@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0); }
  20% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px); }
  40% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px); }
  60% {
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px); }
  80% {
    -webkit-transform: translate(2px, -2px);
    transform: translate(2px, -2px); }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0); } }

.overlayTutorial {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .7;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000; }

.modalTutorial {
  display: none;
  width: 400px;
  min-height: 300px;
  background-color: #fff;
  padding: 20px;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1001; }
  .modalTutorial .header {
    height: 40px;
    margin-bottom: 10px; }
    .modalTutorial .header .close {
      border: none;
      background-color: none; }
      .modalTutorial .header .close button {
        color: #356BEF;
        opacity: 1;
        border: none;
        background-color: transparent;
        font-size: 1em; }
        .modalTutorial .header .close button:focus {
          outline: none; }
  .modalTutorial .content {
    text-align: center; }
    .modalTutorial .content p {
      color: #3B4AFF; }
    .modalTutorial .content .buttons .seguir {
      width: 50%;
      height: 45px;
      background-color: #356BEF;
      color: #FFF;
      border: none;
      font-weight: bold; }
    .modalTutorial .content .buttons .finalizar {
      width: 50%;
      height: 45px;
      background: #FFED69;
      color: #356BEF;
      border: none; }
  .modalTutorial .almah {
    position: absolute;
    right: -110px;
    bottom: -110px;
    width: 230px;
    height: 190px; }
    .modalTutorial .almah img {
      width: 100%; }

@media only screen and (max-width: 1400px) {
  .tutorial .help {
    width: 19%;
    height: 35px;
    bottom: 5px; }
    .tutorial .help p {
      width: auto;
      margin-left: 5px;
      padding: 3px; }
    .tutorial .help a {
      margin-left: auto; }
      .tutorial .help a img {
        width: 100px; } }

@media only screen and (max-width: 900px) {
  .tutorial .help {
    background: transparent; }
    .tutorial .help p {
      display: none; }
    .tutorial .help img {
      position: fixed;
      bottom: 82px;
      width: 90px;
      right: 0;
      top: inherit; }
  .modalTutorial {
    width: 90%;
    top: 5%; }
    .modalTutorial p {
      font-size: 0.9em; }
    .modalTutorial .almah {
      position: absolute;
      right: -30px;
      bottom: -120px;
      width: 160px;
      height: 160px; } }

#logOut .overlayLogOut {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }

#logOut .modalLogOut {
  display: none;
  width: 300px;
  min-height: 300px;
  background-color: #fff;
  border-radius: 0;
  padding: 20px;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 101; }
  #logOut .modalLogOut .header {
    height: 40px;
    margin-bottom: 10px; }
    #logOut .modalLogOut .header .close {
      border: none;
      background-color: none; }
      #logOut .modalLogOut .header .close button {
        color: #356BEF;
        opacity: 1;
        border: none;
        background-color: transparent;
        font-size: 1em; }
        #logOut .modalLogOut .header .close button:focus {
          outline: none; }
  #logOut .modalLogOut .content {
    text-align: center; }
    #logOut .modalLogOut .content h3 {
      color: #356BEF;
      margin-bottom: 20px; }
    #logOut .modalLogOut .content .buttons .seguir {
      width: 80%;
      height: 45px;
      background: #FFED69;
      color: #356BEF;
      margin-bottom: 10px;
      font-size: 1em;
      border: none;
      font-weight: bold; }
    #logOut .modalLogOut .content .buttons .finalizar {
      width: 80%;
      height: 45px;
      background: transparent;
      border: 1px solid #ccc;
      color: #356BEF;
      border-radius: 10px;
      font-size: 1em;
      font-weight: bold; }
  #logOut .modalLogOut .almah {
    position: absolute;
    right: -110px;
    bottom: -110px;
    width: 230px;
    height: 190px; }
    #logOut .modalLogOut .almah img {
      width: 100%; }

.scale-in-center {
  -webkit-animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

/* ----------------------------------------------
 * Generated by Animista on 2021-7-6 12:0:35
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@media only screen and (max-width: 900px) {
  #logOut .modalLogOut {
    width: 90%; }
    #logOut .modalLogOut .almah {
      position: absolute;
      right: -30px;
      bottom: -120px;
      width: 160px;
      height: 160px; }
    #logOut .modalLogOut .header {
      height: 20px;
      margin-bottom: 10px;
      min-height: auto;
      padding: 0px; } }

#invite .overlayInvite {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }

#invite .modalInvite {
  display: none;
  width: 400px;
  min-height: 300px;
  background-color: #fff;
  padding: 20px;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 101; }
  #invite .modalInvite .header {
    height: 40px;
    margin-bottom: 10px; }
    #invite .modalInvite .header .close {
      border: none;
      background-color: none; }
      #invite .modalInvite .header .close button {
        color: #356BEF;
        opacity: 1;
        border: none;
        background-color: transparent;
        font-size: 1em; }
        #invite .modalInvite .header .close button:focus {
          outline: none; }
  #invite .modalInvite .content h3 {
    color: #356BEF;
    margin-bottom: 20px;
    font-size: 1.3em; }
  #invite .modalInvite .content .buttons .btnEditarDados {
    width: 200px;
    height: 45px;
    background: #356BEF;
    margin-bottom: 20px;
    color: #FFF;
    border: none;
    margin-top: 40px; }
  #invite .modalInvite .content .info {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  #invite .modalInvite .almah {
    position: absolute;
    right: -110px;
    bottom: -110px;
    width: 230px;
    height: 190px; }
    #invite .modalInvite .almah img {
      width: 100%; }

@media only screen and (max-width: 900px) {
  #invite .modalInvite {
    width: 90%;
    top: 20px; }
    #invite .modalInvite .almah {
      position: absolute;
      right: -30px;
      bottom: -120px;
      width: 160px;
      height: 160px; } }

#notifications .overlayNotifications {
  display: none;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100; }

#notifications .modalNotifications {
  display: none;
  width: 400px;
  min-height: 300px;
  background-color: #fff;
  border-radius: 20px;
  padding: 20px;
  position: fixed;
  top: 20%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 101; }
  #notifications .modalNotifications .close {
    border: none;
    background-color: none; }
    #notifications .modalNotifications .close button {
      color: #356BEF;
      opacity: 1;
      border: none;
      background-color: transparent;
      font-size: 1em; }
      #notifications .modalNotifications .close button:focus {
        outline: none; }
  #notifications .modalNotifications .content {
    text-align: center; }
    #notifications .modalNotifications .content .contentItem {
      display: flex;
      align-items: center;
      margin-bottom: 10px; }
      #notifications .modalNotifications .content .contentItem img {
        width: 100%;
        height: auto; }
      #notifications .modalNotifications .content .contentItem #contentNotification {
        color: #356BEF;
        margin: 0; }
    #notifications .modalNotifications .content h3 {
      color: #356BEF;
      margin-bottom: 20px; }
    #notifications .modalNotifications .content .buttons .seguir {
      width: 50%;
      height: 45px;
      background: #356BEF;
      color: #fff;
      margin-bottom: 10px;
      font-size: 1em;
      border: none;
      font-weight: bold; }
    #notifications .modalNotifications .content .buttons .finalizar {
      width: 50%;
      height: 45px;
      background: transparent;
      border: 1px solid #FA8D3C;
      color: #FA8D3C;
      border-radius: 10px;
      font-size: 1em; }
  #notifications .modalNotifications .almah {
    position: absolute;
    right: -110px;
    bottom: -110px;
    width: 230px;
    height: 190px; }
    #notifications .modalNotifications .almah img {
      width: 100%; }

.scale-in-center {
  -webkit-animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: scale-in-center 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

/* ----------------------------------------------
 * Generated by Animista on 2021-7-6 12:0:35
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-in-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@media only screen and (max-width: 900px) {
  #logOut .modalLogOut {
    width: 90%; }
    #logOut .modalLogOut .almah {
      position: absolute;
      right: -30px;
      bottom: -120px;
      width: 160px;
      height: 160px; } }
>>>>>>> develop