h1, h2, h3, h4,
ul, li,
p {
  padding: 0;
  margin: 0; }

ul, li {
  list-style: none; }

a {
  text-decoration: none; }

dd {
  margin-inline-start: 0; }

button {
  margin: 0;
  padding: 0;
  border: 0;
  background: unset;
  font-family: UOLTextRegular, verdana, sans-serif; }
  button:focus {
    outline: 0; }

input:focus, textarea:focus {
  outline-width: 0; }

@font-face {
  font-family: UOLTextLighter;
  src: local("?"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-lighter.woff2?v5) format("woff2"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-lighter.woff?v5) format("woff"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-lighter.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: UOLTextLight;
  src: local("?"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.woff2?v5) format("woff2"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.woff?v5) format("woff"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: UOLTextRegular;
  src: local("?"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.woff2?v5) format("woff2"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.woff?v5) format("woff"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: UOLTextBold;
  src: local("?"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.woff2?v5) format("woff2"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.woff?v5) format("woff"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: UOLTextItalic;
  src: local("?"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-italic.woff2?v5) format("woff2"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-italic.woff?v5) format("woff"), url(//stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-italic.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

.font-regular {
  font-family: UOLTextRegular, verdana, sans-serif; }

.font-light {
  font-family: UOLTextLight, verdana, sans-serif; }

.font-bold {
  font-family: UOLTextBold, verdana, sans-serif; }

* {
  box-sizing: border-box; }

body {
  margin: 0;
  background-color: #fff;
  color: #696a6a;
  font-family: UOLTextRegular, verdana, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  outline-style: none;
  text-rendering: auto; }
  body a {
    color: #4a769b; }

label {
  cursor: pointer; }

div:focus {
  -webkit-tap-highlight-color: transparent;
  outline-style: none; }

h1, h2, h3 {
  color: #223941; }

input, textarea {
  background-color: #fff; }

.bt-link {
  cursor: pointer; }

.separator-right:after {
  content: '';
  border-right: 1px solid;
  margin: 0 15px; }

.separator-left:before {
  content: '';
  border-left: 1px solid;
  margin: 0 15px; }

.__react_component_tooltip {
  border-radius: 8px;
  padding: 8px 10px; }
  .__react_component_tooltip.type-dark {
    font-family: UOLTextRegular, verdana, sans-serif;
    font-size: 14px;
    background-color: #2d363e; }
    .__react_component_tooltip.type-dark.place-top:after {
      border-top-color: #2d363e !important; }
    .__react_component_tooltip.type-dark.place-bottom:after {
      border-bottom-color: #2d363e !important; }
    .__react_component_tooltip.type-dark.place-left:after {
      border-left-color: #2d363e !important; }
    .__react_component_tooltip.type-dark.place-right:after {
      border-right-color: #2d363e !important; }

.button-styleless {
  outline: none;
  background: none;
  border: none;
  padding: 0;
  margin: 0; }

#wrapper {
  padding: 0 5%;
  margin-bottom: 60px; }

.input-error {
  display: block !important; }
  .input-error input {
    border: 1px solid #ef1c20; }
  .input-error .input-error__message {
    background: url(https://simg.uol.com.br/dolphin-5-para/images/ico-error.png) no-repeat transparent 0 center;
    padding: 1px 0 0 25px;
    font-size: 11px;
    color: #ef1c20;
    margin-top: 5px;
    display: block !important; }

.input-error__message {
  display: none; }

.centralize {
  margin: 0 auto;
  max-width: 960px; }

.mobile .body {
  margin-top: 15px; }

#barrauol .containerUOL {
  width: 100%; }

.normal-list li {
  list-style: circle;
  margin: 10px 0 10px 20px; }

.author--default {
  cursor: pointer;
  color: #4a769b;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600; }

.author--mini {
  cursor: pointer;
  color: #4a769b;
  font-size: 13px;
  line-height: 20px; }

.content-info__date--default {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: auto; }

.content-info__text--default {
  font-size: 20px;
  word-break: break-word;
  line-height: 30px;
  color: #1a1a1a; }

.content-info__title--mini {
  font-family: UOLTextRegular, verdana, sans-serif;
  color: #223941;
  font-size: 15px;
  line-height: 18px;
  font-weight: bold; }

.mobile .content-info__text--default {
  font-size: 17px;
  line-height: 24px; }

.mobile .content-info__title--mini {
  font-size: 17px;
  line-height: 20px; }

.mobile .author--mini {
  font-size: 14px;
  line-height: 20px; }

.Dropdown-control, .Dropdown-menu {
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  background-color: #fff; }

.Dropdown-root {
  position: relative;
  font-size: 15px; }

.Dropdown-control {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  color: #333;
  cursor: default;
  outline: none;
  padding: 7px 30px 7px 10px; }

.Dropdown-menu {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  margin-top: 2px;
  overflow-y: auto;
  position: absolute;
  top: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Dropdown-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0;
  content: ' ';
  display: block;
  height: 0;
  margin-top: -ceil(2.5);
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0; }

.Dropdown-option {
  box-sizing: border-box;
  color: rgba(51, 51, 51, 0.8);
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Dropdown-option.is-selected {
    background-color: #f2f9fc;
    color: #333; }

.Dropdown-stretched .Dropdown-root, .Dropdown-stretched .Dropdown-control, .Dropdown-stretched .Dropdown-menu {
  width: 100%; }

.notification {
  position: fixed;
  top: -90px;
  left: 15%;
  right: 15%;
  /* width: 100%; */
  height: 90px;
  background: #4a769b;
  z-index: 1100;
  color: white;
  font-size: 18px;
  border-radius: 0 0 6px 6px;
  margin: 0 20px;
  transition: top 0.3s; }
  .notification__content {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
  .notification--opened {
    top: 0px; }
  .notification--error {
    background-color: red; }

.config {
  position: absolute;
  background-color: #fff;
  border: 1px solid #efefef;
  width: 300px;
  top: 60px;
  right: 93px;
  box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08);
  border-radius: 8px;
  text-align: left; }
  .config__header {
    background-color: #efefef;
    padding: 20px;
    font-weight: bold;
    font-size: 16px;
    text-align: right; }
  .config__wrapper {
    padding: 20px; }
    .config__wrapper .cell {
      margin-bottom: 20px; }
  .config__container {
    padding: 15px 15px 0 15px;
    color: #696a6a; }
  .config__description {
    margin-bottom: 25px;
    font-size: 12px; }

.tooltip-icon {
  width: 26px;
  margin: 0 5px;
  cursor: pointer; }

.tooltip-icon--help {
  background-image: url(https://imguol.com/uolmais/novolayout/icon_help.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%; }

.button {
  font-size: 15px;
  text-align: center;
  display: inline-block;
  border-radius: 8px;
  padding: 6px 12px;
  margin: 3px;
  background-color: #4a769b;
  color: #fff;
  cursor: pointer; }

.button {
  cursor: pointer; }

.button--big {
  width: 152px;
  padding: 10px 0; }

.button--bold {
  font-family: UOLTextRegular, verdana, sans-serif;
  font-weight: bold; }

.button--selected {
  background-color: #ffb94c !important; }

.button--disabled {
  opacity: 0.3; }

.button--blue {
  background-color: #c7d3dd;
  color: #4a769b;
  font-family: UOLTextRegular, verdana, sans-serif;
  font-weight: bold;
  font-size: 16px; }

.button--white {
  background-color: #fff;
  color: #4a769b;
  border: solid 1px #c1c7cd;
  font-family: UOLTextRegular, verdana, sans-serif; }

.button--tag {
  background-color: #dde1e2;
  color: #223941; }

.button--tag-remove:after {
  content: 'x';
  font-family: UOLTextRegular, verdana, sans-serif;
  font-weight: bold;
  padding-left: 10px; }

.mobile .content .button {
  font-size: 13px;
  padding: 4px 8px; }

.modal {
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  z-index: 1100;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08);
  color: #223941; }

.ReactModalPortal {
  z-index: 1099;
  position: absolute; }

.modal__header {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 24px 0 24px;
  font-size: 16px;
  font-family: UOLTextRegular, verdana, sans-serif;
  font-weight: bold; }

.modal__body {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 24px 0 24px;
  margin-top: 24px;
  overflow-y: auto;
  font-size: 14px;
  line-height: 1.5em; }

.modal__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 64px;
  padding: 0 24px 0 24px;
  margin-top: 24px;
  background-color: #efefef;
  border-top: 1px solid #e6e8eb;
  border-radius: 0 0 4px 4px; }

.modal__wrapper {
  padding-top: 24px; }

.modal__close {
  display: flex;
  position: absolute;
  z-index: 20;
  right: 16px;
  top: 16px;
  width: 32px;
  height: 32px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer; }

.modal--regular {
  width: 560px; }

.toolbox {
  display: inline-flex; }

.toolbox__upload-button {
  margin-right: 40px;
  border-radius: 6px;
  padding: 0 13px;
  background-color: #efefef;
  font-weight: bold; }

#userinfo {
  display: inline-flex;
  font-size: 14px; }

.userinfo__tools {
  text-align: right;
  margin-right: 22px;
  order: 1; }
  .userinfo__tools p {
    padding-bottom: 16px; }
  .userinfo__tools p:last-child {
    padding-bottom: 0; }

.userinfo__name {
  font-size: 18px;
  color: #2d363e;
  margin-bottom: 10px;
  margin-bottom: 6px;
  padding-bottom: 6px;
  font-weight: bold;
  border-bottom: 1px solid #6a96bb; }

.userinfo__avatar {
  width: 60px;
  order: 2; }

.userinfo__image {
  width: 60px;
  height: 60px;
  background-color: #3a5c78;
  background-position: center;
  background-size: contain; }

.userinfo__exit {
  font-family: UOLTextRegular, verdana, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #000;
  text-align: center;
  display: block; }

.userinfo__link {
  margin-bottom: 10px; }

.link-button {
  display: inline-grid;
  color: #4a769b; }
  .link-button__icon {
    width: 32px;
    height: 32px; }
  .link-button__text {
    font-size: 12px;
    padding-top: 5px; }
  .link-button svg {
    width: 35px;
    height: 35px; }

.mobile .userinfo__avatar {
  width: 28px;
  position: absolute;
  right: 0; }

.mobile .userinfo__image {
  width: 28px;
  height: 28px;
  border: 1px solid #6a96bb; }

.mobile .userinfo__tools {
  margin-right: 39px; }

.mobile .userinfo__name {
  font-size: 16px;
  line-height: 28px;
  margin: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0; }

.mobile .userinfo__exit {
  display: none; }

.mobile .toolbox__upload-button {
  display: none; }

.mobile .link-button__icon {
  width: 22px;
  height: 22px;
  font-size: 12px; }

.mobile .link-button__text {
  font-size: 12px;
  text-transform: uppercase; }

.mobile .button-login {
  width: auto;
  padding: 6px 12px;
  font-size: 12px; }

.element-fixed {
  position: fixed !important;
  width: 100%;
  z-index: 100;
  top: 0;
  border-bottom: 1px solid #dde1e2; }

.search-bar {
  margin: 0 60px; }
  .search-bar .react-autosuggest__container {
    color: #000; }
  .search-bar--focused .react-autosuggest__container .react-autosuggest__input {
    background-color: #fff; }
  .search-bar--opened {
    display: flex;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
    border-radius: 20px; }
    .search-bar--opened .react-autosuggest__container .react-autosuggest__input {
      border-radius: 20px 20px 0 0;
      border-color: #fff; }
  .search-bar .react-autosuggest__input {
    font-family: UOLTextLight, verdana, sans-serif;
    letter-spacing: -0.5px;
    font-size: 18px;
    box-shadow: none;
    border-radius: 20px;
    padding: 13px 22px;
    border: 2px solid #f3f3f3;
    background-color: #f3f3f3; }
  .search-bar .react-autosuggest__suggestion-match {
    color: #000; }
  .search-bar .react-autosuggest__suggestion--highlighted {
    background-color: #f3f3f3; }
  .search-bar .react-autosuggest__suggestions-list {
    font-family: UOLTextLight, verdana, sans-serif;
    padding-bottom: 3px; }
  .search-bar .react-autosuggest__suggestions-container {
    height: auto;
    border: 2px solid #fff;
    border-radius: 0 0 20px 20px;
    border-top: 0; }
    .search-bar .react-autosuggest__suggestions-container:before {
      content: '';
      border-top: 1px solid #f3f3f3;
      display: block;
      margin: 0 20px; }

.search-bar--mobile {
  width: 100%;
  height: 100%;
  padding: 0;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0; }
  .search-bar--mobile .search-bar__overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, 0.8); }
  .search-bar--mobile .search-bar__clear {
    position: absolute;
    right: 0;
    z-index: 110;
    margin: 10px; }
  .search-bar--mobile .search-bar {
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 100; }
    .search-bar--mobile .search-bar .react-autosuggest__input {
      border-radius: 0;
      font-size: 18px;
      padding: 12px 46px 12px 16px;
      border: 0; }
    .search-bar--mobile .search-bar .react-autosuggest__suggestions-container {
      max-height: 300px;
      overflow: auto; }
    .search-bar--mobile .search-bar .react-autosuggest__suggestions-container--open {
      border: 0 !important; }

#header {
  border-bottom: 1px solid #dde1e2; }

.header__wrapper {
  height: 130px;
  position: relative;
  z-index: 150;
  background-color: #fff; }

.header__bar {
  height: 100%;
  display: flex;
  box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 0 40px; }

.header__logo {
  fill: #4a769b;
  cursor: pointer; }

.header__logo, .header__logo svg {
  width: 240px;
  height: 47px; }

.header__search {
  width: 100%;
  height: 48px; }

.header__logo, .header__search, .header__tools {
  margin: auto 0; }

.header__tabs .header__icon {
  width: 26px;
  height: 26px; }

.search__icon {
  height: 100%;
  float: right; }

.mobile #header {
  width: 100%;
  z-index: 60;
  top: 0; }

.mobile .header__logo {
  width: 100%;
  height: 37px;
  z-index: 20;
  left: 10px; }

.mobile .header__logo svg {
  width: 140px;
  height: 37px; }

.mobile .header__wrapper {
  height: auto;
  width: 100%;
  z-index: 50;
  top: 0; }

.mobile .header__bar {
  height: 55px;
  padding: 0 10px; }

.mobile .header__logo-mini {
  width: 24px;
  height: 34px;
  margin-right: 10px;
  display: flex; }
  .mobile .header__logo-mini svg {
    margin: auto; }

.mobile .header__search-query {
  display: flex;
  padding-right: 10px;
  width: 100%;
  font-size: 14px;
  margin: auto;
  color: #696a6a;
  font-family: UOLTextLight, verdana, sans-serif; }

.mobile .header__search-text {
  margin: auto 0; }

.mobile .header__search {
  width: auto; }

.mobile .header__logo-img {
  width: 100%; }

.mobile .header__tabs {
  display: flex; }

.mobile .header__tools .button {
  margin-left: 20px; }

.header__tabs {
  display: none;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  text-transform: uppercase; }
  .header__tabs .tab {
    display: flex;
    box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 8px; }
  .header__tabs .tab--selected {
    border-bottom: 2px solid #93bde0; }
    .header__tabs .tab--selected svg {
      fill: #93bde0; }

#header.blue .header__logo {
  fill: #fff; }

#header.blue .header__wrapper {
  background-color: #4a769b; }

#header.blue .toolbox__upload-button {
  background-color: #6a96bb; }

#header.blue .link-button {
  color: #fff; }
  #header.blue .link-button svg {
    fill: #fff; }

#header.blue #userinfo {
  color: #fff !important; }

#header.blue .userinfo__image {
  border: 2px solid #fff; }

#header.blue .userinfo__name {
  color: #fff; }

#header.blue .userinfo__exit a {
  color: #fff; }

.footer {
  padding-top: 60px;
  height: auto;
  background: #efefef;
  font-size: 12px; }

.about {
  display: table;
  margin: 0 auto;
  padding-bottom: 2rem; }

.copyrights {
  font-family: Arial;
  text-align: center;
  line-height: 22px;
  color: #444;
  border-top: 1px solid #cdcdcd;
  padding: 3rem 0; }

.header {
  padding-top: 1rem; }

.about:after {
  clear: both; }

.about:before, .about:after {
  content: ' ';
  display: table; }

.about-links {
  float: left;
  margin-right: 5rem; }
  .about-links h3 {
    color: #000;
    margin-bottom: 1rem; }
  .about-links li {
    margin-bottom: .5rem; }
  .about-links.logo {
    width: 180px; }
  .about-links.logo svg {
    fill: #4a769b;
    width: 100%;
    height: 100%; }

@media screen and (max-width: 768px) {
  .footer {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 30px; }
  .about {
    margin: 0;
    padding-left: 25px; }
    .about .about-links,
    .about .about-links:last-child {
      float: none; }
    .about > a {
      text-align: center; }
    .about .about-links {
      margin-bottom: 15px; }
    .about .about-links:first-child {
      text-align: center; } }

.back-to-top {
  background-color: #efefef;
  width: 50px;
  height: 50px;
  border-radius: 40px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  background-color: #4a769b; }
  .back-to-top .arrow--up {
    width: 50px;
    height: 52px; }

.post-shelf {
  position: relative;
  margin-top: 24px; }
  .post-shelf:first-child {
    margin-top: 30px; }
  .post-shelf__title {
    font-size: 26px;
    font-family: UOLTextRegular, verdana, sans-serif;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 8px; }
  .post-shelf__container {
    display: inline-flex; }
    .post-shelf__container a {
      color: #4a769b; }
  .post-shelf__wrapper {
    position: relative;
    padding-right: 6px; }
  .post-shelf__mask {
    overflow: hidden;
    margin-bottom: 12px; }
  .post-shelf__item {
    margin: 6px 0px 6px 6px;
    display: table-caption; }
  .post-shelf__thumbContainer {
    width: 254px;
    overflow: hidden;
    background-color: #bdbbbb;
    position: relative;
    margin-bottom: 5px; }
  .post-shelf__thumbImage {
    width: 100%;
    display: block; }
  .post-shelf__description {
    word-break: break-word; }

.loadMore {
  display: inline-flex;
  position: relative !important;
  left: 50% !important;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  .loadMore .arrow--down {
    width: 18px;
    height: 18px; }

.mobile .post-shelf__info {
  padding-left: 10px;
  display: table-cell; }

.mobile .post-shelf__item {
  display: inline-block;
  width: 100%;
  padding: 6px 0px 6px 6px;
  margin: 0; }

.mobile .post-shelf__title {
  font-size: 26px;
  margin-left: 6px; }

.mobile .post-shelf__container {
  display: block; }

.mobile .post-shelf__thumbContainer {
  width: 40%;
  height: calc((9 / 16) * 39vw);
  float: left; }

.counter {
  display: flex;
  vertical-align: middle;
  font-size: 16px; }
  .counter__text {
    display: flex;
    line-height: 22px;
    margin-left: 6px; }
  .counter__icon {
    display: flex;
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain; }
  .counter--view .counter__icon {
    background-image: url(//imguol.com/uolmais/novolayout/icon_eye.png); }
  .counter--comment .counter__icon {
    background-image: url(//imguol.com/uolmais/novolayout/icon_comment.png); }
  .counter--left {
    float: left; }
  .counter--right {
    float: right; }
  .counter--small {
    font-size: 15px; }

.mobile .counter__icon {
  background-size: contain;
  width: 20px;
  height: 20px; }

.mobile .counter__text {
  font-size: 12px; }


.age-check {
  width: 500px;
  position: relative !important;
  left: 50% !important;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative !important;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08); }
  .age-check__atention {
    flex-shrink: 0;
    line-height: 64px;
    padding: 0 24px 0 24px;
    font-size: 15px;
    font-family: UOLTextRegular, verdana, sans-serif;
    font-weight: bold; }
  .age-check__content {
    padding: 0 24px 24px 24px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 1.5em; }

.tags {
  font-size: 13px; }
  .tags__label {
    display: inline-block;
    font-family: UOLTextRegular, verdana, sans-serif;
    font-weight: bold;
    padding-right: 10px; }
  .tags__link {
    color: #4a769b;
    font-size: 14px;
    font-family: UOLTextRegular, verdana, sans-serif;
    font-weight: bold;
    cursor: pointer; }

.info {
  margin-bottom: 24px;
  font-size: 16px;
  position: relative; }
  .info .video-container__info {
    margin-bottom: 10px; }
    .info .video-container__info .userinfo__image {
      width: 28px;
      height: 28px;
      float: left;
      margin: 4px 8px 0 0; }
    .info .video-container__info .publishedAt {
      display: block; }

.video-container {
  color: #223941; }
  .video-container .uolplayer._closed._audio {
    height: 117px; }
  .video-container__title {
    font-size: 32px;
    margin-top: 30px;
    margin-bottom: 15px;
    line-height: 36px; }
  .video-container__player {
    z-index: 60;
    background-color: #000; }
  .video-container__player.audio {
    padding: 0 10%; }
  .video-container__tags {
    margin-bottom: 44px; }
  .video .video-container__wrapper, .video-container__player.video, .video-container .uolplayer._video._ondemand > .bt-play, .video-container .uolplayer._video .uolplayer-elements, .video-container .uolplayer._fallback .uolplayer-elements {
    height: calc((9 / 16) * 100vw) !important;
    max-height: calc(100vh - 169px) !important;
    padding-bottom: 0 !important;
    display: inline-block;
    width: 100%; }
  .video-container .uolplayer .ui .up-related {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .video-container .uolplayer .ui .up-related .up-ul {
      position: relative;
      width: calc((9 / 12) * 100vw);
      left: 0;
      bottom: initial;
      margin: 0;
      padding-bottom: 0 !important;
      position: absolute !important;
      top: 50% !important;
      left: 50% !important;
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .video-container .uolplayer .ui .up-related .up-li {
      width: 31%; }
  .video-container .uolplayer .up-poster {
    background-size: contain !important; }

.video-info, .video-container__description, .video-container__tags, #related {
  padding: 0 10%; }

.mobile .video-container__title {
  font-size: 25px;
  line-height: 30px; }

.mobile .video-container__player {
  padding: 0; }

.mobile .video-info, .mobile .video-container__description, .mobile .video-container__tags {
  padding: 0 10px; }

.mobile .video-container__tags .button {
  font-size: 13px; }

.mobile #related {
  padding: 0; }

.content__loading {
  width: 90%;
  height: 50px;
  background-color: #4a769b;
  color: #fff;
  font-family: UOLTextRegular, verdana, sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  border-radius: 15px;
  margin: 10px auto; }
  .content__loading--end {
    background-color: #fff;
    color: #bbbbbb; }

.async-image {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .async-image .async-image__image {
    width: 100%;
    position: absolute; }
  .async-image .async-image__message {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    color: white;
    padding: 10px; }

.post-item__status {
  font-family: UOLTextRegular, verdana, sans-serif;
  font-weight: bold;
  background-repeat: no-repeat;
  height: 29px;
  display: inline-block;
  padding-left: 45px;
  line-height: 29px; }
  .post-item__status--opened {
    color: #4aae4d;
    background-image: url(//imguol.com/uolmais/novolayout/icon_opened.png); }
    .post-item__status--opened:before {
      content: 'Aberto'; }
  .post-item__status--closed {
    color: #ff433d;
    background-image: url(//imguol.com/uolmais/novolayout/icon_closed.png); }
    .post-item__status--closed:before {
      content: 'Fechado'; }
  .post-item__status--pending {
    color: #f3990e;
    background-image: url(//imguol.com/uolmais/novolayout/icon_pending.png); }
    .post-item__status--pending:before {
      content: 'Pendente'; }
  .post-item__status--scheduled {
    color: #37484e;
    background-image: url(//imguol.com/uolmais/novolayout/icon_scheduled.png); }
    .post-item__status--scheduled:before {
      content: 'Agendado para:'; }
  .post-item__status--exclusive {
    color: #369cf2;
    background-image: url(//imguol.com/uolmais/novolayout/icon_exclusive.png); }
    .post-item__status--exclusive:before {
      content: 'Exclusivo para assinantes'; }
  .post-item__status--adult {
    color: #ff433d;
    background-image: url(//imguol.com/uolmais/novolayout/icon_adult.png); }
    .post-item__status--adult:before {
      content: 'Adulto'; }

.post-item {
  margin-bottom: 34px;
  position: relative; }
  .post-item__header {
    margin-bottom: 12px;
    font-size: 18px;
    display: inline-block; }
  .post-item__wrapper {
    display: inline-flex; }
  .post-item__loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5); }

.post-info .post-tools {
  display: none; }

.post-tools {
  color: #4a769b;
  cursor: pointer; }

.post-info__info {
  margin-bottom: 10px; }
  .post-info__info .userinfo__image {
    width: 30px;
    height: 30px;
    float: left;
    margin: 5px 5px 0 0; }

.post-info__title {
  font-family: UOLTextRegular, verdana, sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 6px;
  color: #223941;
  cursor: pointer; }

.post-info__counters {
  display: flex;
  font-size: 12px !important;
  color: #4a769b; }

.post-info__description {
  font-size: 16px;
  margin-top: 15px; }

.post-info__tags .button--tag {
  font-size: 13px;
  padding: 4px 8px; }

.post-list--minimal .post-thumb {
  width: 130px;
  min-width: 130px; }

.post-list--minimal .post-tools {
  font-size: 14px; }

.post-list--minimal .post-info .post-tools {
  display: block; }

.post-list--minimal .post-info__counters, .post-list--minimal .post-info__tags, .post-list--minimal .post-info__description, .post-list--minimal .post-tools {
  display: none; }

.mobile .posts {
  padding: 0; }

.mobile .post-item {
  margin-bottom: 0;
  border-bottom: 1px solid #1bd5ff; }

.mobile .post-item__header {
  font-size: 16px;
  margin: 10px; }
  .mobile .post-item__header .publishedAt {
    display: inline-flex; }

.mobile .post-item__wrapper {
  display: block; }

.mobile .post-item__status {
  background-size: contain;
  height: 25px;
  padding-left: 35px;
  line-height: 25px; }

.mobile .post-tools {
  margin: 10px; }

.mobile .post-info {
  margin: 10px; }
  .mobile .post-info__title {
    font-size: 16px; }
  .mobile .post-info__description {
    font-size: 13px; }

.mobile .post-thumb {
  width: auto !important;
  margin: 0; }

.post-thumb {
  margin-bottom: 10px;
  margin-right: 14px;
  cursor: pointer;
  position: relative;
  width: 300px;
  min-width: 300px;
  overflow: hidden;
  transition: min-width 0.3s, width 0.3s, height 0.3s; }

.filter__item {
  font-size: 16px;
  color: #223941;
  margin-bottom: 15px;
  display: flex; }

.userinfo__image {
  border-radius: 50%; }

.author {
  background-color: #dde1e2;
  padding: 20px;
  color: #223941;
  text-align: center; }
  .author__name {
    font-size: 22px;
    font-weight: bold;
    padding-top: 15px; }
  .author .userinfo__image {
    margin: auto;
    width: 100px;
    height: 100px;
    background-color: #3a5c78;
    border: 2px solid #fff; }

.mobile .author {
  display: flex;
  padding: 10px 5px; }
  .mobile .author__name {
    margin: auto 0;
    padding: 0;
    font-size: 18px; }
  .mobile .author .userinfo__image {
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    margin: 0 5px 0 0; }

.content {
  display: flex; }

.posts {
  width: 100%;
  padding: 20px;
  color: #223941; }

.posts-header {
  display: inline-flex;
  color: #223941;
  width: 100%;
  font-size: 30px;
  margin-bottom: 30px; }
  .posts-header__cell {
    position: relative;
    width: 33%; }

.posts-header__title {
  font-size: 30px;
  font-family: UOLTextRegular, verdana, sans-serif;
  font-weight: bold; }

.select-component {
  margin-left: 10px; }

.sidebar {
  width: 290px;
  background-color: #efefef; }
  .sidebar__slot {
    padding: 25px; }
  .sidebar__title {
    font-family: UOLTextLight, verdana, sans-serif;
    color: #223941;
    font-size: 18px;
    margin-bottom: 13px;
    display: flex; }
    .sidebar__title--big {
      font-size: 26px; }
  .sidebar__row {
    margin-bottom: 30px; }

.search__field {
  padding: 10px 15px;
  border: 0;
  border-radius: 10px;
  background-color: #fff; }
  .search__field input {
    font-style: italic;
    font-size: 14px;
    color: #4a769b;
    width: 100%;
    border: 0; }

.mobile .content {
  display: block; }

.mobile .sidebar {
  width: 100%; }
  .mobile .sidebar__slot {
    padding: 5px; }
  .mobile .sidebar__row {
    margin-bottom: 5px;
    margin-left: 5px; }
  .mobile .sidebar__group {
    display: flex; }
  .mobile .sidebar__title {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 31px; }
  .mobile .sidebar .tooltip-icon--help {
    height: 29px; }

.mobile .posts-header {
  margin-bottom: 20px; }

.mobile .posts-header__cell {
  width: 100%; }

.input {
  width: 100%;
  font-family: UOLTextRegular, verdana, sans-serif;
  font-size: 15px;
  color: #696a6a;
  padding: 7px 10px;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  -webkit-appearance: none; }

.body {
  color: #696a6a; }

[class*="col-"] {
  display: inline-flex; }

.col-1 {
  width: 8.33%; }

.col-2 {
  width: 16.66%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.33%; }

.col-5 {
  width: 41.66%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.33%; }

.col-8 {
  width: 66.66%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.33%; }

.col-11 {
  width: 91.66%; }

.col-12 {
  width: 100%; }

.intern-footer {
  display: block; }

.column-wrapper {
  width: 100%; }

.middle-column {
  padding: 0 30px; }

.mobile [class*="col-"] {
  width: 100%;
  padding-right: 0; }

.mobile .cell {
  margin-bottom: 35px; }

.mobile .modal {
  width: 80%; }

.mobile .modal__wrapper {
  width: auto; }

.mobile .notification {
  width: 100%;
  left: 0;
  right: 0;
  margin: 0;
  border-radius: 0; }
  .mobile .notification .notification__content {
    width: 80%; }

.mobile .__react_component_tooltip {
  max-width: 300px; }

.mobile .intern-footer {
  margin: 0; }

.mobile .footer-bar {
  padding: 10px 15px; }

.mobile .footer-buttons {
  margin-top: 10px; }
  .mobile .footer-buttons__wrapper {
    display: inline-grid; }
  .mobile .footer-buttons__wrapper, .mobile .footer-buttons .button {
    width: 100%; }

.mobile .middle-column {
  padding: 0; }

.mobile #wrapper {
  padding: 0; }
  .mobile #wrapper .body, .mobile #wrapper .footer-buttons {
    padding: 0 20px; }

.cell {
  margin-bottom: 45px; }
  .cell .cell-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start; }

.line {
  margin-bottom: 18px;
  display: flex; }
  .line--nomargin {
    margin: 0; }

.header {
  color: #223941;
  margin-bottom: 20px; }
  .header__title {
    font-size: 30px;
    font-family: UOLTextRegular, verdana, sans-serif;
    font-weight: bold; }

.title {
  color: #223941; }

.description {
  margin-left: 10px; }

.media__thumb {
  width: 100%;
  height: 100%; }

.button--stretched {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0; }

.footer-bar {
  padding: 5px 50px;
  background-color: #efefef; }

.footer-buttons {
  padding: 25px 0;
  position: relative; }
  .footer-buttons__wrapper {
    width: 255px;
    margin: auto; }

.react-autosuggest__input {
  width: 100%;
  font-family: UOLTextRegular, verdana, sans-serif;
  font-size: 15px;
  color: #696a6a;
  padding: 7px 10px;
  border: 1px solid #c7c7c7;
  border-radius: 10px;
  -webkit-appearance: none; }

.react-autosuggest__container {
  position: relative;
  width: 100%; }

.react-autosuggest__input--focused {
  outline: none; }

.react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.react-autosuggest__suggestions-container {
  display: none; }

.react-autosuggest__suggestions-container--open {
  float: left;
  display: block;
  width: 100%;
  height: 300px;
  border: 1px solid #aaa;
  background-color: #fff;
  font-family: Helvetica, sans-serif;
  font-weight: 300;
  font-size: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
  overflow-y: auto; }

.react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px; }

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd; }

.react-autosuggest__section-container {
  border-top: 1px dashed #ccc; }

.react-autosuggest__section-container--first {
  border-top: 0; }

.react-autosuggest__section-title {
  padding: 10px 0 0 10px;
  font-size: 12px;
  color: #9199a0; }

.react-autosuggest__suggestion--highlighted {
  background-color: #ddd; }

.react-autosuggest__suggestion-match {
  color: #4a769b;
  font-weight: bold; }

.button--tag-green, .button--tag-normalized {
  background-color: #6ff36f; }

.button--tag-orange, .button--tag-verified {
  background-color: #f8ab04; }

.button--tag-grey, .button--tag-nonexistent {
  background-color: #d0d0d0; }

.mobile .tagswrapper--selected {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: #fff;
  padding: 10px; }
  .mobile .tagswrapper--selected .title-wrapper {
    display: none; }
  .mobile .tagswrapper--selected .react-autosuggest__container:after {
    content: 'X';
    font-weight: bold;
    font-size: 12px;
    padding: 5px 8px;
    margin-left: 10px;
    background-color: #000;
    color: #fff;
    border-radius: 13px; }
  .mobile .tagswrapper--selected .react-autosuggest__input {
    width: 90%; }
  .mobile .tagswrapper--selected .react-autosuggest__suggestions-container {
    height: 100%;
    display: inline-block; }

.scheduler .Dropdown-control {
  padding: 3px 20px 3px 8px;
  border-radius: 6px;
  margin-right: 3px; }

.scheduler .Dropdown-menu {
  height: 200px; }

.scheduler .Dropdown-arrow {
  border-width: 5px 4px 0;
  right: 7px;
  top: 10px;
  margin: 0; }

.scheduler .button {
  padding: 4px 12px; }

.scheduler span {
  line-height: 26px;
  margin-right: 3px; }

.option {
  font-family: UOLTextRegular, verdana, sans-serif;
  font-size: 14px;
  margin-right: 5px;
  height: 24px; }

.option-separator {
  margin-right: 5px; }

.edit-published-date .publishedAt {
  font-size: 16px;
  line-height: 32px; }

.media__thumb, .media__extractor {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }

.media__thumb .image {
  width: 100%;
  display: block; }

.thumb-extractor .line {
  display: flex;
  flex-flow: wrap; }

.thumb__processing {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: white;
  padding: 10px; }

.thumb__duration {
  position: absolute;
  z-index: 10;
  right: 6px;
  bottom: 6px;
  background: rgba(0, 0, 0, 0.6);
  padding: 3px 7px;
  border-radius: 6px;
  color: #fff;
  font-size: 13px;
  font-family: UOLTextLight, verdana, sans-serif; }

#raw-video {
  width: 100%;
  height: 100%; }

video::-webkit-media-controls-overlay-play-button {
  opacity: 0; }

/* Filepicker CSS */
.filepicker {
    font-family: sans-serif;
}

div.filepicker {
    text-align: center;
    padding: 5px;
    background-color: #E1E1E1;
    border-radius: 5px;
    min-height: 60px;
    border: 2px dashed #C7C7C7;
}

/* Icon */
.filepicker-file-icon
{
    position: relative;

    display: inline-block;

    margin: 1.5em 0 2.5em 0;
    padding-left: 45px;

    color: black;
}
.filepicker-file-icon::before
{
    position: absolute;
    top: -7px;
    left: 0;

    width: 29px;
    height: 34px;

    content: '';

    border: solid 2px #7F7F7F;
    border-radius: 2px;
}
.filepicker-file-icon::after
{
    font-size: 11px;
    line-height: 1.3;

    position: absolute;
    top: 9px;
    left: -4px;

    padding: 0 2px;

    content: 'file';
    content: attr(data-filetype);
    text-align: right;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #fff;
    background-color: #000;
}
.filepicker-file-icon .fileCorner
{
    position: absolute;
    top: -7px;
    left: 22px;

    width: 0;
    height: 0;

    border-width: 11px 0 0 11px;
    border-style: solid;
    border-color: white transparent transparent #920035;
}

@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}

div.filepicker .dz-remove {
  font-size: 15px;
  text-align: center;
  display: inline-block;
  border-radius: 8px;
  padding: 6px 12px;
  margin: 3px;
  background-color: #4a769b;
  color: #fff;
  cursor: pointer; }

div.filepicker {
  font-family: UOLTextRegular, verdana, sans-serif !important;
  background-color: #f8f8f9;
  padding: 10px 20px;
  width: 100%;
  border-radius: 15px; }
  div.filepicker.dz-clickable {
    height: 160px; }
  div.filepicker .dz-message {
    margin: 0;
    position: relative;
    top: 78px; }
  div.filepicker .dz-size {
    margin-bottom: 2em !important; }
  div.filepicker .dz-image {
    background: #f8f8f9 !important;
    width: 100% !important;
    height: 100% !important; }
  div.filepicker .dz-preview {
    margin: 0 !important;
    width: 100%;
    height: 100%; }
  div.filepicker .dz-remove {
    background-color: #fff;
    color: #4a769b;
    border: solid 1px #4a769b !important;
    font-family: UOLTextBold, verdana, sans-serif; }
  div.filepicker .dz-progress {
    top: 53px !important;
    margin-top: 0 !important; }
  div.filepicker .dz-error-mark {
    top: 33px !important;
    margin-top: 0 !important; }
  div.filepicker .dz-error-message {
    top: 98px !important;
    position: relative !important;
    left: 50% !important;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

.dz-icon {
  position: absolute;
  top: 22px;
  left: 50%;
  margin-left: -23px; }

.filepicker-file-icon {
  margin: 1.5em 1em;
  padding-left: 29px; }

.filepicker-file-icon:before {
  background-color: #c7d3dd;
  border: 0; }

.filepicker-file-icon:after {
  background-color: #4a769b; }

.foldable {
  cursor: pointer; }
  .foldable::before {
    content: '';
    background-image: url(https://imguol.com/uolmais/novolayout/icon_fold.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 24px;
    display: inline-flex; }
  .foldable--opened::before {
    transform: rotateZ(90deg); }

.encoded-format {
  font-size: 12px; }
  .encoded-format--success {
    background-color: #76f37a; }

.encoded-format .encoded-format__title {
  display: block;
  font-weight: bold; }

.profile__image, .profile__info {
  float: left; }

.profile__info {
  margin-left: 20px; }
  .profile__info span {
    font-size: 12px;
    padding-right: 5px;
    font-family: UOLTextLight, verdana, sans-serif; }

.profile__logout {
  margin-top: 10px; }

.profile__user {
  font-size: 22px;
  color: #223941;
  font-weight: bold; }

.profile .profile__image {
  width: 80px;
  height: 80px;
  float: left; }