#planos-de-aula-navegacao .mixin-boxed-highlighted-plans {
    border: 1px solid #d9d9d9;
    border-top: 8px solid #FF8C24;
  }
  #planos-de-aula-navegacao .mixin-boxed-highlighted-plans > h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px;
    border-bottom: 1px solid #d9d9d9;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-size: 14px;
    color: #A1A1A1;
    margin-top: 0;
    margin-bottom: 8px;
  }
  #planos-de-aula-navegacao .mixin-boxed-highlighted-plans > ul {
    padding: 10px;
  }
  #planos-de-aula-navegacao .mixin-boxed-highlighted-plans > ul > li {
    width: 100%;
  }
  #planos-de-aula-navegacao .mixin-unboxed-highlighted-plans {
    border-top: 1px solid #d9d9d9;
  }
  #planos-de-aula-navegacao .mixin-unboxed-highlighted-plans > h2 {
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-size: 21px;
    line-height: 36px;
    color: #001F31;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  #planos-de-aula-navegacao .mixin-unboxed-highlighted-plans > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
  }
  #planos-de-aula-navegacao .mixin-unboxed-highlighted-plans > ul > li {
    width: 180px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  #planos-de-aula-navegacao .mixin-unboxed-highlighted-plans > ul > li > a {
    height: 100%;
  }
  #planos-de-aula-navegacao [hidden] {
    display: none !important;
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .desktop-only {
      display: none !important;
    }
  }
  @media (min-width: 901px) {
    #planos-de-aula-navegacao .mobile-only {
      display: none !important;
    }
  }
  #planos-de-aula-navegacao .heading-area > a.planos-nav-about-anchor {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #001F31;
    padding-left: 24px;
  }
  #planos-de-aula-navegacao .heading-area > a.planos-nav-about-anchor::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../svg/ico-plus-more.png) no-repeat center center;
    background-size: 16px 16px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper {
    position: relative;
    /**
           * Search results
           */
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-search-results > a.planos-nav-search-results-back {
    font-size: 14px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    color: #001F31;
    margin-top: 35px;
    margin-bottom: 35px;
    display: block;
    padding-left: 24px;
    position: relative;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-search-results > a.planos-nav-search-results-back::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../svg/ico-arrow-prev_blue.svg) no-repeat center center;
    background-size: 16px 16px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-search-results > .planos-nav-search-results-unit-title {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    color: #6F6F6E;
    line-height: 22px;
    margin-bottom: 35px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-search-results > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-search-results > ul > li {
    width: 180px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-search-results > ul > li > a {
    height: 100%;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-search-results > .planos-nav-search-results-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 50px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-body {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-body > .planos-nav-directory {
    display: none;
    margin-right: 14px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-body > .planos-nav-directory {
      width: 100%;
    }
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-body > aside.planos-nav-highlighted-plans {
    border-top: 1px solid #d9d9d9;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-body > aside.planos-nav-highlighted-plans > h2 {
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-size: 21px;
    line-height: 36px;
    color: #001F31;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-body > aside.planos-nav-highlighted-plans > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-body > aside.planos-nav-highlighted-plans > ul > li {
    width: 180px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-body > aside.planos-nav-highlighted-plans > ul > li > a {
    height: 100%;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-loading-indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    overflow: hidden;
    opacity: 0;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-loading-indicator::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 0.5;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper .planos-nav-loading-indicator::after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    background: url(../svg/loading.svg) no-repeat center center;
    background-size: 100px 100px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper.is-loading > .planos-nav-loading-indicator {
    height: 100%;
    opacity: 1;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-results-meta-info {
    display: none;
    margin-bottom: 20px;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper > .planos-nav-results-meta-info > h2 {
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;
    color: #6F6F6E;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-results-meta-info {
    display: block;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > .planos-nav-directory {
    display: block;
  }
  #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans {
    display: none;
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans {
      border-top: 1px solid #d9d9d9;
      margin-top: 40px;
    }
    #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans > h2 {
      font-family: 'Merriweather', serif;
      font-weight: bold;
      font-size: 21px;
      line-height: 36px;
      color: #001F31;
      margin-top: 30px;
      margin-bottom: 20px;
    }
    #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans > ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -10px;
    }
    #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans > ul > li {
      width: 180px;
      margin-right: 10px;
      margin-bottom: 20px;
    }
    #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans > ul > li > a {
      height: 100%;
    }
  }
  @media (min-width: 901px) {
    #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans {
      border: 1px solid #d9d9d9;
      border-top: 8px solid #FF8C24;
    }
    #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans > h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 70px;
      border-bottom: 1px solid #d9d9d9;
      font-family: 'Merriweather', serif;
      font-weight: bold;
      font-size: 14px;
      color: #A1A1A1;
      margin-top: 0;
      margin-bottom: 8px;
    }
    #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans > ul {
      padding: 10px;
    }
    #planos-de-aula-navegacao .planos-nav-body-wrapper.filtering-active > .planos-nav-body > aside.planos-nav-highlighted-plans > ul > li {
      width: 100%;
    }
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.select-based-form {
    margin-bottom: 50px;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.select-based-form > form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.select-based-form > form > label {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid #d9d9d9;
    border-right: none;
    width: 30%;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.select-based-form > form > label > select {
    display: block;
    width: 100%;
    padding: 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Merriweather', serif;
    font-size: 14px;
    color: #6F6F6E;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.select-based-form > form > label > select[disabled] {
    opacity: 0.3;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.select-based-form > form > label::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #FF8C24;
    pointer-events: none;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.select-based-form form > button {
    border: 1px solid #d9d9d9;
    padding: 15px 30px;
    font-family: 'Merriweather', serif;
    font-size: 16px;
    font-weight: bold;
    color: #6F6F6E;
    background-color: #d9d9d9;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.select-based-form form > button:hover {
    cursor: pointer;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector {
    margin-bottom: 40px;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > label {
    color: #6F6F6E;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > label {
      text-align: center;
    }
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > .options-wrapper {
    position: relative;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > .options-wrapper > .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > .options-wrapper > .options {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  }
  @media (min-width: 901px) {
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > .options-wrapper > .options {
      overflow: auto;
    }
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > .options-wrapper > .options > label {
    margin-right: 5px;
    margin-bottom: 5px;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > .options-wrapper > .options > label > input {
    display: none;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > .options-wrapper > .options > label > input:checked + .radio-label,
  #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > .options-wrapper > .options > label > .radio-label.active {
    background-color: #FF8C24;
    color: white;
  }
  #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector > .options-wrapper > .options > label > .radio-label {
    background-color: #d9d9d9;
    color: #6F6F6E;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control {
      position: relative;
    }
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control > .options-wrapper {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 40px;
      padding-right: 40px;
    }
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control > .options-wrapper > .options {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      overflow: auto;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control > .options-wrapper > .options > label {
      margin-bottom: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
    }
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control > .options-wrapper > button {
      position: absolute;
      z-index: 2;
      height: 100%;
      display: block;
      width: 38px;
      border: 1px #d9d9d9 solid;
      background-color: white;
      padding: 0;
    }
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control > .options-wrapper > button::before {
      content: '';
      position: absolute;
      top: 21px;
      width: 0px;
      height: 0px;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top-width: 8px;
      border-top-style: solid;
      border-top-color: #6F6F6E;
    }
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control > .options-wrapper > button.previous {
      left: 0;
      top: 0;
    }
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control > .options-wrapper > button.previous::before {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      left: 10px;
    }
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control > .options-wrapper > button.next {
      right: 0;
      top: 0;
    }
    #planos-de-aula-navegacao .planos-nav-filter-form.radio-based-form form > .horizontal-radio-selector.mobile-scrolling-control > .options-wrapper > button.next::before {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      right: 10px;
    }
  }
  #planos-de-aula-navegacao .planos-nav-directory {
    /**
       * Tree structure
       */
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root {
    /**
           * All items that have sub items are considered branches
           */
    /**
           * Modify behaviour depending on the type of filter applied
           */
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch {
    /**
               * Special case for when plans have to be displayed
               * directly outside its original hierarchy.
               *
               * https://sgm.codebit.com.br/#manutencao=10505
               */
    /**
               * Grade and Subject branches
               */
    /**
               * Topic branches
               */
    /**
               * Unit branches have double behavior:
               * - in desktop environments they behave as thumbnails
               * - in mobile environments they behave as accordions
               */
    /**
               * Accordion behavior
               */
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch > h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d9d9d9;
    color: #6F6F6E;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch > h2.planos-nav-directory-branch-toggler::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: black;
    /* should be specified in each item */
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch > ul {
    margin-left: 20px;
    margin-right: 20px;
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch > ul {
      margin-right: 0;
    }
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch div.planos-nav-directory-plans-listing > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch div.planos-nav-directory-plans-listing > ul > li {
    width: 180px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch div.planos-nav-directory-plans-listing > ul > li > a {
    height: 100%;
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch div.planos-nav-directory-plans-listing > ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-right: 0;
    }
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch div.planos-nav-directory-plans-listing > ul > li {
      width: 100%;
      margin-right: 0;
    }
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch div.planos-nav-directory-plans-listing > .planos-nav-directory-plans-listing-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-grade > h2,
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-subject > h2 {
    height: 30px;
    padding-left: 10px;
    background-color: #d9d9d9;
    color: #6F6F6E;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-grade > h2::after,
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-subject > h2::after {
    border-top-color: #6F6F6E;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-topic {
    /**
                   * In desktop environments
                   * the topic branch's children should behave as a list of unit thumbnails,
                   * while in mobile they are accordions.
                   */
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-topic > h2 {
    height: 20px;
    padding-left: 6px;
    background-color: #6F6F6E;
    color: white;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-topic > h2::after {
    border-top-color: white;
  }
  @media (min-width: 901px) {
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-topic > ul {
      margin-left: 0;
      margin-right: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
    }
  }
  @media (min-width: 901px) {
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit {
      width: 176px;
      margin-right: 20px;
    }
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > h2 {
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #6F6F6E;
    background-color: #d9d9d9;
    text-transform: none;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > h2::after {
    border-top-color: #6F6F6E;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > h2:hover {
    background-color: #FF8C24;
    color: white;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > h2:hover::after {
    border-top-color: white;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > h2 > a {
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  @media (min-width: 901px) {
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > h2::after {
      content: none;
    }
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > h2 {
      padding-right: 40px;
    }
  }
  @media (min-width: 901px) {
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > ul {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      margin-left: 0;
      margin-right: -8px;
    }
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > ul > li {
      width: 15px;
      height: 15px;
      margin-right: 8px;
      margin-bottom: 8px;
      background-color: #d9d9d9;
    }
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > ul > li:hover {
      background-color: #FF8C24;
    }
  }
  @media (max-width: 900px) {
    #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.planos-nav-unit > ul > li {
      margin-bottom: 10px;
    }
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.is-accordion-closed > h2.planos-nav-directory-branch-toggler::after {
    -webkit-transform: translateY(-50%) rotate(0);
    transform: translateY(-50%) rotate(0);
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.is-accordion-closed > ul {
    display: none;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root li.planos-nav-directory-branch.is-accordion-closed > div.planos-nav-directory-plans-listing {
    display: none;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root.filter-by-grade {
    /**
               * Make grade branches transparent
               */
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root.filter-by-grade li.planos-nav-directory-branch.planos-nav-grade > h2 {
    display: none;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root.filter-by-grade li.planos-nav-directory-branch.planos-nav-grade > ul {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root.filter-by-subject {
    /**
               * Make subject branches transparent
               */
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root.filter-by-subject li.planos-nav-directory-branch.planos-nav-subject > h2 {
    display: none;
  }
  #planos-de-aula-navegacao .planos-nav-directory ul.planos-nav-directory-root.filter-by-subject li.planos-nav-directory-branch.planos-nav-subject > ul {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  #planos-de-aula-navegacao a.pagination-link > h5 {
    position: relative;
    font-family: 'Merriweather', serif;
    font-size: 14px;
    color: #001F31;
    line-height: 22px;
    font-weight: bold;
  }
  #planos-de-aula-navegacao a.pagination-link > h5::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: #001F31;
  }
  #planos-de-aula-navegacao a.pagination-link > h6 {
    font-family: "Nova Escola", sans-serif;
    font-size: 14px;
    color: #6F6F6E;
    line-height: 22px;
    font-weight: bold;
  }
  #planos-de-aula-navegacao a.pagination-link.previous {
    padding-left: 30px;
    text-align: left;
  }
  #planos-de-aula-navegacao a.pagination-link.previous > h5::before {
    left: -24px;
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
  #planos-de-aula-navegacao a.pagination-link.next {
    padding-right: 30px;
    text-align: right;
  }
  #planos-de-aula-navegacao a.pagination-link.next > h5::before {
    right: -24px;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }
  #planos-de-aula-navegacao a.planos-nav-plan-thumbnail {
    display: block;
    border: 1px solid #d9d9d9;
  }
  #planos-de-aula-navegacao a.planos-nav-plan-thumbnail > h3 {
    background-color: #d9d9d9;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #6F6F6E;
    min-height: 62px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #planos-de-aula-navegacao a.planos-nav-plan-thumbnail > div {
    padding: 10px;
    color: #6F6F6E;
  }
  #planos-de-aula-navegacao a.planos-nav-plan-thumbnail > div > h2 {
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    color: #6F6F6E;
    height: 84px;
    overflow: hidden;
  }
  #planos-de-aula-navegacao a.planos-nav-plan-thumbnail > div > .planos-nav-plan-thumbnail-habilities {
    font-family: "Nova Escola", sans-serif;
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
    margin-top: 20px;
  }
  #planos-de-aula-navegacao a.planos-nav-plan-thumbnail:hover > h3 {
    background-color: #FF8C24;
    color: white;
  }
  #planos-de-aula-navegacao .planos-nav-tooltip-container {
    position: relative;
  }
  #planos-de-aula-navegacao .planos-nav-tooltip-container > .planos-nav-tooltip {
    z-index: 99999;
    display: none;
    position: absolute;
    bottom: 100%;
    left: -5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    color: #ffffff;
    background-color: #7a7a7a;
    border-radius: 4px;
    text-align: left;
    font-family: "Nova Escola", sans-serif;
    min-width: 200px;
    max-width: 250px;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  #planos-de-aula-navegacao .planos-nav-tooltip-container > .planos-nav-tooltip::before {
    content: '';
    width: 0;
    height: 0;
    border: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #7a7a7a;
    display: block;
    position: absolute;
    top: 100%;
    left: 10px;
    margin-bottom: -4px;
  }
  #planos-de-aula-navegacao .planos-nav-tooltip-container > .planos-nav-tooltip > h5 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
  }
  #planos-de-aula-navegacao .planos-nav-tooltip-container > .planos-nav-tooltip > h6 {
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
  }
  #planos-de-aula-navegacao .planos-nav-tooltip-container:hover > .planos-nav-tooltip {
    display: block;
  }
  #planos-de-aula-sobre a.back-anchor {
    font-size: 14px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    color: #001F31;
    margin-top: 35px;
    margin-bottom: 35px;
    display: block;
    padding-left: 24px;
    position: relative;
  }
  #planos-de-aula-sobre a.back-anchor::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url(../svg/ico-arrow-prev_blue.svg) no-repeat center center;
    background-size: 16px 16px;
  }
  #planos-de-aula-sobre .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  @media (max-width: 900px) {
    #planos-de-aula-sobre .content-wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  #planos-de-aula-sobre .content-wrapper > article {
    width: 640px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 14px;
    float: left;
    width: 600px;
    font-family: 'Merriweather', serif;
    font-size: 15px;
    line-height: 25px;
    color: #6f6f6e;
    font-weight: 400;
  }
  @media (max-width: 900px) {
    #planos-de-aula-sobre .content-wrapper > article {
      width: 100%;
      margin-right: 0;
      margin-bottom: 50px;
    }
  }
  #planos-de-aula-sobre .content-wrapper > article header h3 {
    font-size: 26px;
    line-height: 30px;
    margin: 20px 0;
  }
  #planos-de-aula-sobre .content-wrapper > article h1,
  #planos-de-aula-sobre .content-wrapper > article h2,
  #planos-de-aula-sobre .content-wrapper > article h3,
  #planos-de-aula-sobre .content-wrapper > article h4,
  #planos-de-aula-sobre .content-wrapper > article h5,
  #planos-de-aula-sobre .content-wrapper > article h6 {
    margin-bottom: 25px;
    font-weight: 700;
    color: #001f31;
  }
  #planos-de-aula-sobre .content-wrapper > article h1 {
    font-size: 24px;
    line-height: 28px;
  }
  #planos-de-aula-sobre .content-wrapper > article h2 {
    font-size: 23px;
    line-height: 27px;
  }
  #planos-de-aula-sobre .content-wrapper > article h3 {
    font-size: 22px;
    line-height: 26px;
  }
  #planos-de-aula-sobre .content-wrapper > article h4 {
    font-size: 21px;
    line-height: 25px;
  }
  #planos-de-aula-sobre .content-wrapper > article h5 {
    font-size: 20px;
    line-height: 24px;
  }
  #planos-de-aula-sobre .content-wrapper > article h6 {
    font-size: 19px;
    line-height: 23px;
  }
  #planos-de-aula-sobre .content-wrapper > article a {
    text-decoration: underline;
  }
  #planos-de-aula-sobre .content-wrapper > article em,
  #planos-de-aula-sobre .content-wrapper > article i {
    font-style: italic;
  }
  #planos-de-aula-sobre .content-wrapper > article strong,
  #planos-de-aula-sobre .content-wrapper > article b {
    font-weight: 700;
    color: #001f31;
  }
  #planos-de-aula-sobre .content-wrapper > article p {
    margin-bottom: 25px;
  }
  #planos-de-aula-sobre .content-wrapper > article ul,
  #planos-de-aula-sobre .content-wrapper > article ol {
    margin-bottom: 25px;
    padding-left: 25px;
  }
  #planos-de-aula-sobre .content-wrapper > article ul li,
  #planos-de-aula-sobre .content-wrapper > article ol li {
    margin-bottom: 10px;
  }
  #planos-de-aula-sobre .content-wrapper > article ul {
    list-style-type: disc;
  }
  #planos-de-aula-sobre .content-wrapper > article ol {
    list-style-type: decimal;
  }
  #planos-de-aula-sobre .content-wrapper > article blockquote {
    position: relative;
    padding: 10px 40px;
    font-size: 24px;
    line-height: 33px;
    color: #001f31;
    font-weight: 700;
    margin: 25px;
    width: 230px;
    text-align: center;
  }
  #planos-de-aula-sobre .content-wrapper > article blockquote:before,
  #planos-de-aula-sobre .content-wrapper > article blockquote:after {
    content: "";
    display: block;
    width: 35px;
    height: 30px;
    background: url(../svg/ico-blockquote.svg) no-repeat center center;
    background-size: 35px 30px;
    position: absolute;
  }
  #planos-de-aula-sobre .content-wrapper > article blockquote:before {
    top: 0;
    left: 0;
  }
  #planos-de-aula-sobre .content-wrapper > article blockquote:after {
    bottom: 0;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  #planos-de-aula-sobre .content-wrapper > article blockquote.blockquote-right {
    float: right;
    margin-right: 0;
  }
  #planos-de-aula-sobre .content-wrapper > article blockquote.blockquote-left {
    float: left;
    margin-left: 0;
  }
  #planos-de-aula-sobre .content-wrapper > article blockquote.blockquote-full {
    float: none;
    width: auto;
  }
  #planos-de-aula-sobre .content-wrapper > article .video-content_single {
    margin-bottom: 25px;
    position: relative;
    /*
                  &:before{
                      content: "";
                      display: block;
                      position: absolute; z-index: 2;
                      top: 0; right: 0; bottom: 0; left: 0;
                      background: url(../img/shadow_content_video.png) no-repeat center center;
                      background-size: 100% 100%;
                  }
                  &:after{
                      content: "";
                      display: block;
                      width: 50px;
                      height: 50px;
                      background: url(../svg/ico-play.svg) no-repeat center center;
                      background-size: 50px 50px;
                      position: absolute; z-index: 3;
                      top: 50%; left: 50%;
                      margin-top: -25px;
                      margin-left: -25px;
                      .transition;
                  }
                  &:after, &:before{
                      cursor: pointer;
                  }
                  &:hover{
                      &:after{
                          .transform(scale(1.1));
  
                      }
                  }
                  &.playing{
                      &:after, &:before{
                          content: none;
                      }
                  }*/
  }
  #planos-de-aula-sobre .content-wrapper > article .video-content_single .player {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
  }
  #planos-de-aula-sobre .content-wrapper > article .video-content_single .player img,
  #planos-de-aula-sobre .content-wrapper > article .video-content_single .player iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #planos-de-aula-sobre .content-wrapper > article img {
    max-width: 100%;
    height: auto!important;
  }
  #planos-de-aula-sobre .content-wrapper > article .image,
  #planos-de-aula-sobre .content-wrapper > article .image-content_single {
    display: block;
    margin-bottom: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #planos-de-aula-sobre .content-wrapper > article .image img,
  #planos-de-aula-sobre .content-wrapper > article .image-content_single img {
    display: block;
    max-width: 100%;
    height: auto!important;
  }
  #planos-de-aula-sobre .content-wrapper > article .image.image-full,
  #planos-de-aula-sobre .content-wrapper > article .image-content_single.image-full {
    width: 940px;
  }
  #planos-de-aula-sobre .content-wrapper > article .image.image-left,
  #planos-de-aula-sobre .content-wrapper > article .image-content_single.image-left {
    float: left;
    padding-right: 25px;
    width: 50%;
  }
  #planos-de-aula-sobre .content-wrapper > article .image.image-right,
  #planos-de-aula-sobre .content-wrapper > article .image-content_single.image-right {
    float: right;
    padding-left: 25px;
    width: 50%;
  }
  #planos-de-aula-sobre .content-wrapper > article .image.image-center img,
  #planos-de-aula-sobre .content-wrapper > article .image-content_single.image-center img {
    margin: 0 auto;
  }
  #planos-de-aula-sobre .content-wrapper > article .image figcaption,
  #planos-de-aula-sobre .content-wrapper > article .image-content_single figcaption {
    font-size: 12px;
    line-height: 16px;
    padding: 5px;
    color: #646464;
    position: relative;
    padding-left: 10px;
  }
  #planos-de-aula-sobre .content-wrapper > article .image figcaption:before,
  #planos-de-aula-sobre .content-wrapper > article .image-content_single figcaption:before {
    content: '■';
    color: #c9252b;
    position: absolute;
    top: 5px;
    left: 0;
    vertical-align: middle;
    line-height: 12px;
  }
  #planos-de-aula-sobre .content-wrapper > article .gallery-content {
    margin-bottom: 25px;
  }
  #planos-de-aula-sobre .content-wrapper > article .gallery-content figure {
    position: relative;
  }
  #planos-de-aula-sobre .content-wrapper > article .gallery-content figure img {
    display: block;
    width: 100%;
    height: auto;
  }
  #planos-de-aula-sobre .content-wrapper > article .gallery-content figure figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #ffffff;
    line-height: 18px;
    background: transparent;
    background: -webkit-linear-gradient(left, transparent 20%, #939393 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(20%, transparent), to(#939393));
    background: linear-gradient(to right, transparent 20%, #939393 100%);
  }
  #planos-de-aula-sobre .content-wrapper > article.institucional {
    float: none;
    width: 100%;
    padding-top: 50px;
  }
  @media (max-width: 900px) {
    #planos-de-aula-sobre .content-wrapper > aside {
      border-top: 1px solid #d9d9d9;
    }
    #planos-de-aula-sobre .content-wrapper > aside > h2 {
      font-family: 'Merriweather', serif;
      font-weight: bold;
      font-size: 21px;
      line-height: 36px;
      color: #001F31;
      margin-top: 30px;
      margin-bottom: 20px;
    }
    #planos-de-aula-sobre .content-wrapper > aside > ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -10px;
    }
    #planos-de-aula-sobre .content-wrapper > aside > ul > li {
      width: 180px;
      margin-right: 10px;
      margin-bottom: 20px;
    }
    #planos-de-aula-sobre .content-wrapper > aside > ul > li > a {
      height: 100%;
    }
  }
  @media (min-width: 901px) {
    #planos-de-aula-sobre .content-wrapper > aside {
      border: 1px solid #d9d9d9;
      border-top: 8px solid #FF8C24;
    }
    #planos-de-aula-sobre .content-wrapper > aside > h2 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 70px;
      border-bottom: 1px solid #d9d9d9;
      font-family: 'Merriweather', serif;
      font-weight: bold;
      font-size: 14px;
      color: #A1A1A1;
      margin-top: 0;
      margin-bottom: 8px;
    }
    #planos-de-aula-sobre .content-wrapper > aside > ul {
      padding: 10px;
    }
    #planos-de-aula-sobre .content-wrapper > aside > ul > li {
      width: 100%;
      margin-bottom: 10px;
    }
  }
  #planos-de-aula-sobre a.plan-thumbnail {
    display: block;
    border: 1px solid #d9d9d9;
  }
  #planos-de-aula-sobre a.plan-thumbnail > h3 {
    padding: 10px;
    background-color: #d9d9d9;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #6F6F6E;
  }
  #planos-de-aula-sobre a.plan-thumbnail > div {
    padding: 10px;
    color: #6F6F6E;
  }
  #planos-de-aula-sobre a.plan-thumbnail > div > h2 {
    font-family: 'Merriweather', serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    color: #6F6F6E;
  }
  #planos-de-aula-sobre a.plan-thumbnail > div > .plan-thumbnail-habilities {
    font-family: "Nova Escola", sans-serif;
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
    margin-top: 20px;
  }
  #planos-de-aula-sobre a.plan-thumbnail:hover > h3 {
    background-color: #FF8C24;
    color: white;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado {
    height: auto;
    font-family: "Nova Escola", sans-serif;
    color: #ffffff;
    background-color: #44489c;
    position: relative;
    padding: 25px 0 0;
    -webkit-transform: translateY(-65px);
    transform: translateY(-65px);
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .close {
    padding: 20px 0 0;
    height: auto;
    top: 17px;
    font-family: "Nova Escola", sans-serif;
    color: #ffffff;
    background-color: #44489c;
    position: relative;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .login div {
    padding-left: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .form {
    padding-left: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado li {
    margin-bottom: 10px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .titulo {
    color: #fff;
    margin-bottom: 5px!important;
    font-size: 17px!important;
    font-weight: bold;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado p {
    padding: 0 20px 0;
    margin-bottom: 25px;
    text-align: center;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro {
    display: table;
    font-weight: bold;
    height: auto;
    width: 93%;
    margin: 0 auto;
    border-collapse: collapse;
    overflow: hidden;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .cadastro {
    height: 126px;
    color: #44489c;
    background-color: #ffffff;
    display: block;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .cadastro .option {
    padding-left: 0px;
    height: 50%;
    width: 100%;
    vertical-align: middle;
    line-height: 63px;
    text-align: center;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .cadastro a {
    text-decoration: none!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .cadastro a .btn {
    margin-top: 0;
    height: 48px;
    text-align: center;
    width: 165px;
    color: #ffffff;
    background-color: #01b49f;
    line-height: 48px;
    font-size: 15px;
    margin: 0 auto;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login {
    height: 150px;
    color: #44489c;
    background-color: #ffffff;
    display: block;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .desc {
    padding: 0px;
    height: 40%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    line-height: normal;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .desc p {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .desc-login {
    padding: 0px;
    height: 25%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .desc-login p {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .form li {
    width: 100%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .form li input {
    padding-left: 10px;
    font-size: 12px;
    width: 75%;
    height: 27px;
    border: 1px solid #acacac;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .form li ::-webkit-input-placeholder {
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .form li ::-moz-placeholder {
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .form li :-ms-input-placeholder {
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .form li :-moz-placeholder {
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .form li .btn-entrar {
    margin: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 165px;
    color: #ffffff;
    background-color: #01b49f;
    font-size: 12px;
    margin-left: 19%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login .form .btn {
    border: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login a {
    text-decoration: none!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login a .btn {
    margin-top: 0;
    height: 48px;
    text-align: center;
    width: 165px;
    color: #ffffff;
    background-color: #01b49f;
    line-height: 48px;
    font-size: 15px;
    margin: 0 auto;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul {
    padding: 0 40px!important;
    margin-bottom: 0!important;
    list-style-type: none!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul li {
    float: left;
    width: 100%;
    text-align: center;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul li a div.facebook {
    background-color: #486297;
    position: absolute;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 210px;
    font-size: 12px;
    margin-bottom: 0px;
    padding-right: 30px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul li a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 210px;
    font-size: 12px;
    margin-bottom: 0px;
    padding-right: 30px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul li a .ico {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul li a.facebook {
    background-color: #486297;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul li a.facebook .ico {
    background-image: url(../svg/share-facebook.svg);
    background-size: 10px 14px;
    /*margin-right: 5px;*/
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul li a.googleplus {
    margin-left: 25%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul li a.googleplus {
    background-color: #de5342;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul li a.googleplus .ico {
    background-image: url(../svg/share-googleplus.svg);
    background-size: 18px 14px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul .logged label {
    color: #6f6f6e;
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
    padding: 0 0 0 30px;
    position: relative;
    line-height: 18px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul .logged label input {
    font-size: 12px;
    position: absolute;
    visibility: hidden;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul .logged label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #dadada;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul .logged label:after {
    content: "";
    display: block;
    background: url(../img/ico-check.png) no-repeat center center;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul .logged label.checked:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login ul .forget-password a {
    text-decoration: underline!important;
    color: #1c6ea1;
    font-size: 10px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .forget {
    height: 100px;
    margin-bottom: 10px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .forget .form {
    padding-top: 0px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .forget li {
    padding-left: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .forget li input {
    height: 35px!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .forget .btn {
    padding-left: 0;
    height: 40px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter {
    padding: 15px 0;
    height: 280px;
    color: #44489c;
    background-color: #ffffff;
    display: block;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .desc {
    padding: 0px;
    height: 40%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .desc p {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .desc-login {
    padding: 0px;
    height: 13%;
    width: 99%;
    vertical-align: middle;
    text-align: center;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .desc-login p {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li {
    width: 100%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li input {
    padding-left: 10px;
    font-size: 12px;
    width: 90%;
    height: 40px;
    border: 1px solid #acacac;
  }
  .box-fechado .table-cadastro .login-enter .form li.terms.error:before,
  .box-fechado .table-cadastro .login-enter .form li.terms.success:before,
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.terms.error:before,
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.terms.success:before,
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.terms.error:before,
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.terms.success:before,
  body.smartphone .box-fechado .table-cadastro .login-enter .form li.terms.error:before,
  body.smartphone .box-fechado .table-cadastro .login-enter .form li.terms.success:before {
    display: none !important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.success label {
    color: #00AA13;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.success label,
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.success input {
    margin-top: 0;
    border: solid 1px #00AA13 !important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.success:before {
    content: "";
    display: block;
    width: 20px;
    height: 15px;
    background: url(../svg/ico-success.svg) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 2;
    top: auto;
    margin: 7px 55%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.error label {
    color: #ff2d30;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.error label,
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.error input {
    margin-top: 0;
    border: solid 1px #ff2d30 !important;
    padding: 2% 1% 2% 30px;
    left: 2%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.error:before {
    content: "";
    display: block;
    width: 20px;
    height: 15px;
    background: url(../svg/ico-error.svg) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 2;
    top: auto;
    margin: 3% 60%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li.terms.error:before {
    display: none;
  }
  body.smartphone .box-fechado .table-cadastro .login-enter .form li.terms.error:before {
    display: none;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li ::-webkit-input-placeholder {
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li ::-moz-placeholder {
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li :-ms-input-placeholder {
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li :-moz-placeholder {
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form li .btn-entrar {
    margin: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 165px;
    color: #ffffff;
    background-color: #01b49f;
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .btn {
    position: relative;
    top: 50px;
    border: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ulcadastro {
    /*width: 100% !important;*/
    margin-left: 0 !important;
    margin-top: 10px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ullogin {
    margin-bottom: 10px!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ullogin li {
    width: 100% !important;
    margin-top: 10px;
    margin-left: 0 !important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ullogin li p {
    margin-bottom: 0!important;
    padding: 0;
    position: absolute;
    font-weight: 400;
    font-size: 8px;
    line-height: 18px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ullogin li p.alert {
    color: #ff2d30;
    left: 18%;
    float: left;
    top: auto;
    margin: -15px 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ulcadastro {
    margin-bottom: 5px!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ulcadastro li {
    width: 100%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ulcadastro li p {
    margin-bottom: 0!important;
    padding: 0;
    position: absolute;
    font-weight: 400;
    font-size: 8px;
    line-height: 18px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ulcadastro li p.alert {
    color: #ff2d30;
    left: 18%;
    float: left;
    top: auto;
    margin: -15px 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter a {
    text-decoration: none!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter a .btn {
    margin-top: 0;
    height: 48px;
    text-align: center;
    width: 165px;
    color: #ffffff;
    background-color: #01b49f;
    line-height: 48px;
    font-size: 15px;
    margin: 0 auto;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul {
    padding: 0 40px!important;
    margin-bottom: 0!important;
    list-style-type: none!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul li {
    float: left;
    width: 100%;
    text-align: center;
  }body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul li a {
    display: inline-block;
    height: 29px;
    line-height: 29px;
    color: #ffffff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 177px;
    font-size: 10px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul li a .ico {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul li a.facebook {
    background-color: #486297;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul li a.facebook .ico {
    background-image: url(../svg/share-facebook.svg);
    background-size: 9px 18px;
    margin-right: 5px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul li a.googleplus {
    background-color: #de5342;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul li a.googleplus .ico {
    background-image: url(../svg/share-googleplus.svg);
    background-size: 22px 14px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .logged {
    position: relative;
    top: -58px;
    right: 2%;
    padding: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .logged a {
    color: #1c6ea1;
    font-size: 12px;
    width: 32%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .logged label {
    color: #6f6f6e;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    padding: 0 0 0 30px;
    position: relative;
    line-height: 18px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .logged label input {
    font-size: 12px;
    position: absolute;
    visibility: hidden;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .logged label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #dadada;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .logged label:after {
    content: "";
    display: block;
    background: url(../img/ico-check.png) no-repeat center center;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .logged label.checked:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .terms {
    width: 100% !important;
    margin-top: 10%;
    right: 0;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .forget-password {
    position: relative;
    top: -73px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter ul .forget-password a {
    text-decoration: underline!important;
    color: #1c6ea1;
    font-size: 12px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .footer {
    font-size: 13px;
    text-align: center;
    padding: 2% 5% 0%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .footer a {
    text-decoration: underline;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .none {
    display: none;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado:before {
    content: '';
    width: 100%;
    height: 70px;
    margin-top: -70px;
    position: absolute;
    z-index: 9999;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(90%, #fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 90%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 90%);
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado::after {
    content: "";
    background-color: #fff;
    top: 100%;
    width: 101%;
    height: 800%;
    margin-top: 0;
    position: absolute;
    z-index: 9999;
    left: 0px;
    opacity: 0.9;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social {
    width: 99%;
    font-size: 17px;
    display: table;
    color: #44489c;
    height: 296px;
    background-color: #fff;
    border: 2px solid #44489c;
    position: absolute;
    top: 99%;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social ul {
    padding-top: 15px;
    list-style-type: none!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social ul li {
    width: 100%;
    float: left;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social ul li .perfil {
    padding: 0!important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social ul li .perfil img {
    padding-top: 15px;
    width: 70px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social ul li .perfil .picture {
    width: 70px;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social ul li .perfil .descricao {
    padding-top: 10px;
    position: relative;
    top: -85px;
    left: 70px;
    margin-left: 2%;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social ul .pluginfb {
    top: -235px;
    position: relative;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social ul .depoimento {
    font-size: 14px;
    position: relative;
    top: 220px;
    margin-right: 0 !important;
  }
  body.smartphone #plano-de-aula-detalhes .box-fechado .social ul .divisao {
    display: none;
  }
  #plano-de-aula-detalhes {
    /**
   * Header
   *
   */
    /**
   * Abas
   * (Taken from modules.less > .heading-user > nav)
   */
    /**
   * Plano slider
   * Attention: depends on variables defined at the main file.
   */
    /**
   * Slides styles are separated from the slider styles,
   * so that they can be rendered adequately when js is disabled
   */
    /**
   * Components
   */
  }
  #plano-de-aula-detalhes .plano-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #plano-de-aula-detalhes .plano-actions > a.go-back-anchor {
    display: block;
    margin-right: 20px;
    font-size: 14px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    background: url(../svg/ico-arrow-prev_blue.svg) no-repeat center left;
    background-size: 20px 20px;
    padding-left: 25px;
  }
  #plano-de-aula-detalhes .plano-actions > .breadcrumb > a {
    font-size: 14px;
    font-family: "Nova Escola", sans-serif;
    color: #636363;
    font-weight: bold;
  }
  #plano-de-aula-detalhes .plano-actions > .breadcrumb > a:hover {
    text-decoration: underline;
  }
  #plano-de-aula-detalhes .plano-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /**
       * Estilo especial para social networks nesta seção
       */
  }
  #plano-de-aula-detalhes .plano-heading > h3.plano-title {
    font-family: 'Merriweather', serif;
    font-size: 26px;
    line-height: 30px;
    margin: 20px 100px 20px 0;
    max-width: 50%;
  }
  #plano-de-aula-detalhes .plano-heading > .print {
    margin-right: 0;
    font-family: 'Merriweather', serif;
    text-decoration: underline;
    color: #001F31;
  }
  #plano-de-aula-detalhes .plano-heading > .actions_social-networks {
    position: static;
  }
  #plano-de-aula-detalhes .plano-metadata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #A1A1A1;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #plano-de-aula-detalhes .plano-metadata > * {
    margin-right: 10px;
  }
  #plano-de-aula-detalhes .plano-metadata > *:last-child {
    margin-right: 0;
  }
  #plano-de-aula-detalhes .plano-metadata .plano-author {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    font-weight: bold;
    color: #001F31;
  }
  #plano-de-aula-detalhes .plano-metadata .plano-code {
    font-family: 'Merriweather', serif;
    font-weight: bold;
    color: #001F31;
  }
  #plano-de-aula-detalhes .plano-skills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
  }
  #plano-de-aula-detalhes .plano-skills a.plano-skill {
    position: relative;
    display: block;
    padding: 6px;
    margin-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    background-color: #FF8C24;
    color: white;
  }
  #plano-de-aula-detalhes .plano-skills a.plano-skill > .plano-skill-tooltip {
    z-index: 99999;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    color: #ffffff;
    background-color: #7a7a7a;
    border-radius: 4px;
    text-align: left;
    font-family: "Nova Escola", sans-serif;
    min-width: 200px;
    max-width: 250px;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  #plano-de-aula-detalhes .plano-skills a.plano-skill > .plano-skill-tooltip::before {
    content: '';
    width: 0;
    height: 0;
    border: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #7a7a7a;
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    margin-top: -4px;
  }
  #plano-de-aula-detalhes .plano-skills a.plano-skill > .plano-skill-tooltip > h5 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px;
  }
  #plano-de-aula-detalhes .plano-skills a.plano-skill > .plano-skill-tooltip > p {
    font-size: 10px;
    font-weight: normal;
  }
  #plano-de-aula-detalhes .plano-skills a.plano-skill:hover > .plano-skill-tooltip {
    display: block;
  }
  @media (max-width: 600px) {
    #plano-de-aula-detalhes .plano-actions {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      position: relative;
    }
    #plano-de-aula-detalhes .plano-actions > a.go-back-anchor {
      margin-bottom: 10px;
    }
    #plano-de-aula-detalhes .plano-actions > .breadcrumb {
      width: 70%;
    }
    #plano-de-aula-detalhes .plano-heading {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
    }
    #plano-de-aula-detalhes .plano-heading > * {
      margin-bottom: 15px;
    }
    #plano-de-aula-detalhes .plano-heading > h3.plano-title {
      max-width: 100%;
      margin-right: 0;
    }
    #plano-de-aula-detalhes .plano-heading .print {
      margin-right: 0;
      background: url(../svg/ico-download.svg) no-repeat center left;
    }
    #plano-de-aula-detalhes .plano-heading .actions_social-networks {
      position: absolute;
      top: 0;
      right: 0;
    }
  }
  #plano-de-aula-detalhes #plano-tabs-nav {
    color: #001f31;
    font-family: 'Merriweather', serif;
    font-size: 12px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #plano-de-aula-detalhes #plano-tabs-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 2px solid #e7e7e7;
  }
  #plano-de-aula-detalhes #plano-tabs-nav ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #plano-de-aula-detalhes #plano-tabs-nav ul li a {
    display: block;
    padding: 15px;
    border-bottom: 5px solid transparent;
    margin-bottom: -1px;
    white-space: nowrap;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  #plano-de-aula-detalhes #plano-tabs-nav ul li a:hover {
    color: #000000;
  }
  #plano-de-aula-detalhes #plano-tabs-nav ul li a:hover,
  #plano-de-aula-detalhes #plano-tabs-nav ul li a.active {
    border-bottom-color: #FF8C24;
  }
  #plano-de-aula-detalhes #plano-tabs-nav ul li:last-child {
    padding-right: 0;
  }
  #plano-de-aula-detalhes #plano-tabs > li[data-tab] > .plano-tab-title {
    display: none;
  }
  #plano-de-aula-detalhes #plano-tabs > li[data-tab] > .plano-tab-contents {
    display: none;
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #cccccc;
  }
  #plano-de-aula-detalhes #plano-tabs > li[data-tab].active > .plano-tab-contents {
    display: block;
  }
  @media (max-width: 600px) {
    #plano-de-aula-detalhes #plano-tabs-nav ul {
      display: none;
    }
    #plano-de-aula-detalhes #plano-tabs > li[data-tab] > .plano-tab-title {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 60px;
      font-size: 12px;
      font-weight: bold;
      text-transform: uppercase;
      color: #001F31;
      border-top: 1px solid #cccccc;
    }
    #plano-de-aula-detalhes #plano-tabs > li[data-tab] > .plano-tab-title::before {
      content: '';
      position: absolute;
      right: 15px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(-90deg);
      transform: translateY(-50%) rotate(-90deg);
      width: 0;
      height: 0;
      border: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid #001F31;
    }
    #plano-de-aula-detalhes #plano-tabs > li[data-tab].active > .plano-tab-title::before {
      -webkit-transform: translateY(-50%) rotate(0);
      transform: translateY(-50%) rotate(0);
    }
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 15px;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button {
    height: 40px;
    font-family: 'Merriweather', serif;
    font-size: 14px;
    cursor: pointer;
    color: #6F6F6E;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button > .arrow {
    width: 0;
    height: 0;
    border: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #6F6F6E;
    margin-bottom: 8px;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button.plano-slider-previous {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button.plano-slider-previous > .arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button.plano-slider-previous.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button.plano-slider-next {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button.plano-slider-next > .arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button.plano-slider-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button:hover {
    color: #001F31;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button:hover > .arrow {
    border-top: 5px solid #001F31;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination > .plano-slider-bullet {
    background: none;
    opacity: 1;
    width: 12px !important;
    height: auto !important;
    position: relative;
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6F6F6E;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination > .plano-slider-bullet > .plano-slider-bullet-tooltip {
    z-index: 99999;
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    color: #ffffff;
    background-color: #7a7a7a;
    border-radius: 4px;
    text-align: center;
    font-family: "Nova Escola", sans-serif;
    min-width: 200px;
    max-width: 250px;
    -webkit-transform: translate(-50%, -6px);
    transform: translate(-50%, -6px);
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination > .plano-slider-bullet > .plano-slider-bullet-tooltip::before {
    content: '';
    width: 0;
    height: 0;
    border: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #7a7a7a;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination > .plano-slider-bullet:hover > .plano-slider-bullet-tooltip {
    display: block;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination > .plano-slider-bullet > .plano-slider-bullet-indicator {
    position: relative;
    height: 10px;
    width: 10px;
    margin-bottom: 4px;
    border-radius: 10px;
    border: 1px solid #cccccc;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination > .plano-slider-bullet > .plano-slider-bullet-indicator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: orange;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination > .plano-slider-bullet.swiper-pagination-bullet-active {
    background: none;
    color: #001F31;
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination > .plano-slider-bullet.swiper-pagination-bullet-active > .plano-slider-bullet-indicator::before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
  #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-select {
    display: none;
  }
  #plano-de-aula-detalhes .plano-slider.fullscreen {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }
  #plano-de-aula-detalhes .plano-slider.fullscreen > .plano-slider-controls {
    display: none;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide {
    padding: 0 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
  }
  @media (min-width: 901px) {
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide {
      visibility: hidden;
    }
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide.swiper-slide-active {
      visibility: visible;
    }
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-left {
    width: 40%;
    margin-right: 2%;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-left > h5.plano-slide-subheading {
    font-size: 10px;
    font-weight: bold;
    color: #A1A1A1;
    font-family: "Nova Escola", sans-serif;
    margin-bottom: 6px;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-left > h4.plano-slide-title {
    font-size: 16px;
    color: #001F31;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    margin-bottom: 18px;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right {
    width: 58%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    cursor: pointer;
    font-size: 12px;
    font-family: 'Merriweather', serif;
    font-weight: bold;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > button.plano-slider-previous {
    background: url(../svg/ico-arrow-prev_blue.svg) no-repeat center left;
    background-size: 20px 20px;
    padding-left: 25px;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > button.plano-slider-previous.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > button.plano-slider-next {
    background: url(../svg/ico-arrow-next_blue.svg) no-repeat center right;
    background-size: 20px 20px;
    padding-right: 25px;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > button.plano-slider-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > button.print {
    background: url(../svg/ico-print.svg) no-repeat center left;
    background-size: 20px 20px;
    padding-left: 25px;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > button.download-plan {
    background: url(../svg/ico-download.svg) no-repeat center left;
    background-size: 20px 20px;
    padding-left: 25px;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > button.presentation-mode {
    background: url(../svg/ico-present.svg) no-repeat center left;
    background-size: 20px 20px;
    padding-left: 25px;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body {
    position: relative;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-speaker-notes {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    border-top: 8px solid #FF8C24;
    background-color: #ffffff;
    overflow: auto;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-image {
    position: relative;
    margin-left: 42%;
    width: 58%;
    border: 1px solid #cccccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-image > img {
    width: 100%;
    height: auto;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-image > .plano-slide-initial-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-image > .plano-slide-initial-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    opacity: 0.8;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-image > .plano-slide-initial-overlay > button {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    cursor: pointer;
    font-family: 'Merriweather', serif;
    font-weight: bold;
    padding: 10px;
    background-color: #FF8C24;
    color: white;
  }
  #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-image > .plano-slide-initial-overlay > button::before {
    content: '';
    background: url(../svg/ico-arrow-next.svg) no-repeat center;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
  #plano-de-aula-detalhes .fullscreen .plano-slider-slides > li.plano-slide {
    padding: 0;
  }
  #plano-de-aula-detalhes .fullscreen .plano-slider-slides > li.plano-slide > .plano-slide-header {
    display: none;
  }
  #plano-de-aula-detalhes .fullscreen .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-speaker-notes {
    display: none;
  }
  #plano-de-aula-detalhes .fullscreen .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-image {
    position: relative;
    width: 100vw;
    height: 100vh;
    margin-left: 0;
    border: none;
    background-color: black;
  }
  #plano-de-aula-detalhes .fullscreen .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-image > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 80%;
    height: auto;
  }
  @media (max-width: 600px) {
    #plano-de-aula-detalhes {
      /**
       * Slides styles are separated from the slider styles,
       * so that they can be rendered adequately when js is disabled
       */
    }
    #plano-de-aula-detalhes .plano-slider {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
    #plano-de-aula-detalhes .plano-slider > .plano-slider-controls {
      padding-top: 0;
    }
    #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: 1px solid #cccccc;
      width: 40px;
      padding-top: 6px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }
    #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button > .text {
      display: none;
    }
    #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button.plano-slider-previous {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > button.plano-slider-next {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
    #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-pagination {
      display: none;
    }
    #plano-de-aula-detalhes .plano-slider > .plano-slider-controls > .plano-slider-select {
      display: block;
      height: 40px;
      padding: 0 30px;
      border-top: 1px solid #cccccc;
      border-bottom: 1px solid #cccccc;
      border-radius: 0;
    }
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-left {
      width: 100%;
    }
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right {
      padding-top: 20px;
      padding-bottom: 20px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      width: 100%;
    }
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > .presentation-mode {
      margin-right: 40px;
    }
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right > .plano-slider-previous,
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-header > .plano-slide-header-right .plano-slider-next {
      display: none;
    }
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-speaker-notes {
      position: static;
      width: 100%;
    }
    #plano-de-aula-detalhes .plano-slider-slides > li.plano-slide > .plano-slide-body > .plano-slide-image {
      margin: 0;
      width: 100%;
    }
  }
  #plano-de-aula-detalhes .plano-wysiwyg-content {
    font-size: 14px;
    font-family: 'Merriweather', serif;
    color: #6F6F6E;
    font-weight: normal;
    line-height: 1.5em;
  }
  #plano-de-aula-detalhes .plano-wysiwyg-content strong {
    font-weight: bold;
    color: #001F31;
  }
  #plano-de-aula-detalhes .plano-wysiwyg-content p {
    margin-bottom: 10px;
    line-height: 1.5em;
  }
  #plano-de-aula-detalhes .plano-wysiwyg-content p:last-child {
    margin-bottom: 0;
  }
  #plano-de-aula-detalhes .plano-wysiwyg-content ul {
    padding-left: 20px;
    list-style-type: disc;
    list-style-type: '-';
    line-height: 1.5em;
  }
  #plano-de-aula-detalhes .plano-wysiwyg-content a {
    text-decoration: underline;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment {
    padding-top: 22px;
    padding-bottom: 22px;
    /**
           * Components
           */
    /**
           * Specific attachment types
           */
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment:first-child {
    padding-top: 0;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment .plano-attachment-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 66px;
    height: 42px;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment .plano-attachment-type {
    font-size: 12px;
    font-weight: bold;
    color: #A1A1A1;
    text-transform: uppercase;
    font-family: "Nova Escola", sans-serif;
    margin-bottom: 10px;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment .plano-attachment-title {
    font-size: 16px;
    font-weight: bold;
    color: #001F31;
    font-family: 'Merriweather', serif;
    margin-bottom: 10px;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment .plano-attachment-subheading {
    font-size: 14px;
    font-weight: normal;
    color: #6F6F6E;
    font-family: 'Merriweather', serif;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment.plano-attachment-heading {
    font-family: 'Merriweather', serif;
    font-size: 14px;
    color: #A1A1A1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment.plano-attachment-document .plano-attachment-icon {
    background: url(../svg/ico-mat-doc.svg) no-repeat center center;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment.plano-attachment-anchor .plano-attachment-icon {
    background: url(../svg/ico-mat-anchor.svg) no-repeat center center;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment.plano-attachment-audio .plano-attachment-icon {
    background: url(../svg/ico-mat-audio.svg) no-repeat center center;
  }
  #plano-de-aula-detalhes .plano-attachments .plano-attachment.plano-attachment-video .plano-attachment-icon {
    background: url(../svg/ico-mat-video.svg) no-repeat center center;
  }
  #plano-de-aula-detalhes .box-fechado {
    top: 50px;
    padding-top: 19px !important;
    -webkit-transform: translateY(-51px);
    transform: translateY(-51px);
    height: 387px;
  }
  #plano-de-aula-detalhes .box-fechado .close {
    padding: 10px 0;
    height: 100%;
    top: 17px;
    font-family: "Nova Escola", sans-serif;
    color: #ffffff;
    background-color: #44489c;
    position: relative;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  #plano-de-aula-detalhes .box-fechado .titulo {
    font-size: 20px!important;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .cadastro {
    height: 120px;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form ul li.forget-password {
    margin-top: 0px !important;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form ul li.success label {
    color: #00ff00;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form ul li.success label,
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form ul li.success input {
    margin-top: 0;
    border: solid 1px #00AA13 !important;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form ul li.success:before {
    content: "";
    display: block;
    width: 20px;
    height: 15px;
    background: url(../svg/ico-success.svg) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 2;
    top: 67%;
    margin: 2.5% 20%;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form ul li.error label {
    color: #ff2d30;
  }
  .box-fechado .table-cadastro .login-enter .form ul .terms.error label,
  .box-fechado .table-cadastro .login-enter .form ul .terms.success label {
    padding: 2% 0% 2% 30px;
    margin-left: 5px;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form ul li.error label,
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form ul li.error input {
    margin-top: 0;
    border: solid 1px #ff2d30 !important;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form ul li.error:before {
    content: "";
    display: block;
    width: 20px;
    height: 15px;
    background: url(../svg/ico-error.svg) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 2;
    top: 68%;
    margin: 2% 20%;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ullogin p {
    margin-bottom: 0!important;
    padding: 0;
    position: absolute;
    font-weight: 400;
    font-size: 8px;
    line-height: 18px;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ullogin p.alert {
    top: 64%;
    color: #ff2d30;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ulcadastro p {
    margin-bottom: 0!important;
    padding: 0;
    position: absolute;
    font-weight: 400;
    font-size: 8px;
    line-height: 18px;
  }
  #plano-de-aula-detalhes .box-fechado .table-cadastro .login-enter .form .ulcadastro p.alert {
    top: 64%;
    color: #ff2d30;
  }
  #plano-de-aula-detalhes .box-fechado .form {
    padding-left: 30px;
  }
  #plano-de-aula-detalhes .box-fechado::before {
    height: 552px;
    width: 935px;
    left: -394px;
    content: "";
    background-color: #fff;
    opacity: 0.7;
    z-index: -1;
  }
  #plano-de-aula-detalhes .box-fechado .login {
    height: 90px;
  }
  #plano-de-aula-detalhes .box-fechado .login .desc p {
    padding: 5px 0;
  }
  #plano-de-aula-detalhes .box-fechado .login div {
    /*padding-left: 30px;*/
  }
  #plano-de-aula-detalhes .box-fechado .login div a {
    width: 205px;
  }
  #plano-de-aula-detalhes .box-fechado .login div a span {
    margin-left: 5px;
  }
  #plano-de-aula-detalhes .box-fechado .login-enter {
    height: 130px;
  }
  #plano-de-aula-detalhes .box-fechado .forget form {
    padding-top: 10px;
  }
  .body.smartphone #plano-de-aula-detalhes .box-fechado .forget form {
    padding-top: 10px !important;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form ul li p {
    margin-bottom: 0!important;
    padding: 0;
    position: absolute;
    font-weight: 400;
    font-size: 8px;
    line-height: 18px;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form ul li p.alert {
    top: 26%;
    color: #ff2d30;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form ul li.success label {
    color: #00AA13;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form ul li.success label,
  #plano-de-aula-detalhes .box-fechado .forget .form ul li.success input {
    margin-top: 0;
    border: solid 1px #00AA13 !important;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form ul li.success:before {
    content: "";
    display: block;
    width: 20px;
    height: 15px;
    background: url(../svg/ico-success.svg) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 2;
    top: 44%;
    margin: 0 38%;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form ul li.error label {
    color: #ff2d30;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form ul li.error label,
  #plano-de-aula-detalhes .box-fechado .forget .form ul li.error input {
    margin-top: 0;
    border: solid 1px #ff2d30 !important;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form ul li.error:before {
    content: "";
    display: block;
    width: 20px;
    height: 15px;
    background: url(../svg/ico-error.svg) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    z-index: 2;
    top: 35%;
    margin: 0 38%;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form .ullogin p {
    margin-bottom: 0!important;
    padding: 0;
    position: absolute;
    font-weight: 400;
    font-size: 8px;
    line-height: 18px;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form .ullogin p.alert {
    top: 69%;
    color: #ff2d30;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form .ulcadastro p {
    margin-bottom: 0!important;
    padding: 0;
    position: absolute;
    font-weight: 400;
    font-size: 8px;
    line-height: 18px;
  }
  #plano-de-aula-detalhes .box-fechado .forget .form .ulcadastro p.alert {
    top: 69%;
    color: #ff2d30;
  }
  #plano-de-aula-detalhes .box-fechado .forget .btn-entrar {
    padding: 0;
  }
  #plano-de-aula-detalhes .box-fechado .login-enter form {
    /*padding: 15px 0;*/
  }
  #plano-de-aula-detalhes .box-fechado .login-enter form ul li {
    width: 32%;
    margin-top: 2%;
  }
  #plano-de-aula-detalhes .box-fechado .login-enter form ul li.forget-password {
    margin-top: 0;
  }
  #plano-de-aula-detalhes .box-fechado .login-enter .terms {
    width: 100%;
  }
  #plano-de-aula-detalhes .box-fechado .footer {
    line-height: 18px;
    padding-top: 1%;
  }
  #plano-de-aula-detalhes .box-fechado .social {
    z-index: 99999;
    position: absolute;
    width: 72.5%;
    top: 1px;
    height: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    font-size: 17px;
    display: table;
    color: #44489c;
    background-color: #fff;
    border: 2px solid #44489c;
  }
  #plano-de-aula-detalhes .box-fechado .social ul {
    padding: 30px;
    list-style-type: none!important;
  }
  #plano-de-aula-detalhes .box-fechado .social ul li {
    width: 100%;
    float: left;
  }
  #plano-de-aula-detalhes .box-fechado .social ul li .perfil {
    padding: 0!important;
  }
  #plano-de-aula-detalhes .box-fechado .social ul li .perfil img {
    padding-top: 15px;
    width: 70px;
  }
  #plano-de-aula-detalhes .box-fechado .social ul li .perfil .picture {
    width: 70px;
    margin-right: 3%;
  }
  #plano-de-aula-detalhes .box-fechado .social ul li .perfil .descricao {
    padding-top: 10px;
    position: relative;
    top: -54px;
    left: 70px;
    margin-left: 3%;
  }
  #plano-de-aula-detalhes .box-fechado .social ul .depoimento {
    line-height: 22px;
    font-size: 14px;
  }
  #plano-de-aula-detalhes .box-fechado .social ul .divisao {
    display: block;
    width: 120%;
    height: 2px;
    background-color: #44489c;
    transform: translate(-30px, -10px);
  }
  #plano-de-aula-detalhes .title-read {
    color: #001F31;
  }
  @media (min-width: 601px) {
    #plano-de-aula-detalhes .mobile-only {
      display: none !important;
    }
    /*#plano-de-aula-detalhes .desktop-only {
          display: block;
      }*/
  }
  @media (max-width: 600px) {
    #plano-de-aula-detalhes {
      /**
           * TODO:
           * Should this be done this way?
           */
    }
    #plano-de-aula-detalhes .container {
      width: auto;
    }
    #plano-de-aula-detalhes .mobile-only {
      display: block;
    }
    #plano-de-aula-detalhes .desktop-only {
      display: none !important;
    }
  }
  #plano-de-aula-modal {
    padding: 30px;
    /**
       * TODO maybe use this sitewide
       * Componentized:
       */
  }
  #plano-de-aula-modal h2 {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    margin-bottom: 30px;
  }
  #plano-de-aula-modal .plano-print-instructions {
    font-family: "Nova Escola", sans-serif;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 20px;
    color: #A1A1A1;
  }
  #plano-de-aula-modal .plano-print-materials-options {
    margin-bottom: 20px;
  }
  #plano-de-aula-modal .plano-print-materials-options li {
    margin-bottom: 5px;
  }
  #plano-de-aula-modal .plano-print-slides-options {
    margin-bottom: 20px;
  }
  @media (max-width: 600px) {
    #plano-de-aula-modal .plano-print-slides-options {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  }
  #plano-de-aula-modal .plano-print-slides-options label {
    position: relative;
    margin-right: 40px;
  }
  @media (max-width: 600px) {
    #plano-de-aula-modal .plano-print-slides-options label {
      margin-bottom: 10px;
    }
  }
  #plano-de-aula-modal .plano-print-slides-options label.select-input-label {
    border: 1px #A1A1A1 solid;
    margin-right: 0;
  }
  #plano-de-aula-modal .plano-print-slides-options label.select-input-label::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #A1A1A1;
    pointer-events: none;
  }
  #plano-de-aula-modal .plano-print-slides-options label.select-input-label > select {
    font-size: 14px;
    padding-right: 20px;
    padding-left: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  @media (max-width: 600px) {
    #plano-de-aula-modal .plano-print-slides-options label.select-input-label > select {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
    }
  }
  #plano-de-aula-modal .plano-print-layout-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 32px;
  }
  #plano-de-aula-modal .plano-print-layout-options label {
    cursor: pointer;
    border-top: solid 1px #B3B3B3;
    border-bottom: solid 1px #B3B3B3;
    border-right: solid 1px #B3B3B3;
    font-size: 12px;
  }
  #plano-de-aula-modal .plano-print-layout-options label:first-child {
    border-left: solid 1px #B3B3B3;
  }
  #plano-de-aula-modal .plano-print-layout-options label input {
    visibility: hidden;
    position: absolute;
  }
  #plano-de-aula-modal .plano-print-layout-options label input + .plano-print-icon {
    width: 110px;
    height: 110px;
    background-size: 54px 54px;
    background-repeat: no-repeat;
    background-position: center 20%;
    background-color: #CCCCCC;
    text-align: center;
    color: black;
    opacity: 0.4;
    -webkit-transition: opacity 0.3s ease, background-color 0.3s ease;
    transition: opacity 0.3s ease, background-color 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #plano-de-aula-modal .plano-print-layout-options label input + .plano-print-icon.one-per-page {
    background-image: url(../svg/ico-print1.svg);
  }
  #plano-de-aula-modal .plano-print-layout-options label input + .plano-print-icon.three-per-page {
    background-image: url(../svg/ico-print3.svg);
  }
  #plano-de-aula-modal .plano-print-layout-options label input + .plano-print-icon.six-per-page {
    background-image: url(../svg/ico-print6.svg);
  }
  #plano-de-aula-modal .plano-print-layout-options label input:checked + .plano-print-icon {
    opacity: 1;
    background-color: white;
  }
  #plano-de-aula-modal .plano-print-layout-options label input:disabled + .plano-print-icon {
    opacity: 0.15;
    cursor: not-allowed;
  }
  #plano-de-aula-modal button[type="submit"] {
    cursor: pointer;
    height: 50px;
    color: #6f6f6e;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Merriweather', serif;
    border: 1px solid #B3B3B3;
    padding-left: 30px;
    padding-right: 30px;
  }
  #plano-de-aula-modal label.checked-input {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
    padding: 0 0 0 30px;
    position: relative;
    line-height: 18px;
    color: #a9acad;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }
  #plano-de-aula-modal label.checked-input input[type="checkbox"],
  #plano-de-aula-modal label.checked-input input[type="radio"] {
    position: absolute;
    visibility: hidden;
  }
  
  #plano-de-aula-modal label.checked-input input[type="checkbox"]:checked ~ .checked-indicator,
  #plano-de-aula-modal label.checked-input input[type="radio"]:checked .checked-indicator {
    border: 1px solid #6e1d79 !important;
  }
  
  #plano-de-aula-modal label.checked-input .checked-indicator,
  #plano-de-aula-modal label.checked-input .checked-indicator {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #dadada;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  #plano-de-aula-modal label.checked-input .checked-indicator::before,
  #plano-de-aula-modal label.checked-input .checked-indicator::before {
    content: "";
    display: block;
    background-color: #6e1d79;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    left: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  #plano-de-aula-modal label.checked-input.radio .checked-indicator,
  #plano-de-aula-modal label.checked-input input[type="radio"] + .checked-indicator {
    border-radius: 9px;
  }
  #plano-de-aula-modal label.checked-input.radio .checked-indicator::before,
  #plano-de-aula-modal label.checked-input input[type="radio"] + .checked-indicator::before {
    border-radius: 5px;
  }
  #plano-de-aula-modal label.checked-input.checked .checked-indicator::before,
  #plano-de-aula-modal label.checked-input input[type="checkbox"]:checked + .checked-indicator::before,
  #plano-de-aula-modal label.checked-input input[type="radio"]:checked + .checked-indicator::before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  .slideAtivo {
    background-color: #6d1e77 !important;
  }
  
  .lblSlide.desabilitado {
    opacity: 0.5;
    cursor: no-drop !important;
  }
  .lblSlide {
    cursor: pointer !important;
  }
  
  .select-input:disabled {
    font-size: 12.3px !important;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .select-input:enabled {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 12.3px !important;
  }
  
  body.smartphone .lightbox .modal-slides {
    width: 400px !important;
  }
  
  .modal-slides {
    width: 600px !important;
  }
  
  .slideAtivo {
    color: #fff !important;
  }
  
  #btn-imprimir {
    border: 1px solid #848587;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #1c2c3a;
    margin-top: 20px;
  }
  
  @media (max-width: 992px) {
    #plano-de-aula-modal .plano-print-slides-options label {
      width: 100%;
    }
  
    #plano-de-aula-modal label.checked-input {
      margin-right: 0;
    }
  
    .lblSlide {
      font-size: 10px;
    }
  }