/* Fonte Boompe V3 */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");

/*Boompe Versão 3.0*/

:root {
  --primary-color: #ff883e;
  --theme-color: #f3f3f3;
  --text-color: #030706;
  --button-text-color: #ffffff;
  --tabs-itens-color: var(--primary-color);
  --card-background: #ffffff;
  --hover-card: #f8f8f8;
  --border-color: #dadada;
  --destaques: #818181;
  --orange: #ff883e;
  --dark-orange: #d77c3a;
  --orange-opacity: #f4d3bb;
  --white: #fff;
  --black: #000;
  --blue: #30a3dc;
  --light-blue: #d2f4f9;
  --yellow: #f49517;
  --green: #4aae4e;
  --light-green: #a1d8a3;
  --red: #e94539;
  --dark: #030706;
  --light-grey: #e6e6e6;
  --grey: #dadada;
  --mid-grey: #464646;
  --dark-grey: #818181;
  --mute-grey: #aaaaaa;
  --error: #de0e0e;
  --warning: #e4aa21;
  --lighter-error: rgba(222, 14, 14, 0.1);
  --lighter-success: #eef9ef;
  --icon-color: var(--primary-color);
}

html {
  font-size: 13px;
  scroll-behavior: smooth;
  position: static !important;
  min-height: unset !important;
}

@media (max-width: 1440px) {
  html {
    font-size: 70%;
  }
}

body {
  margin: 0 !important;
  min-height: 100%;
}

.tt-menu .item i,
.tt-menu .item svg,
.tt-menu .item svg path,
.tt-menu .item svg use {
  color: var(--icon-color);
  fill: var(--icon-color);
  stroke: var(--icon-color);
}

@media print {
  .template_v3 a,
  .template_v3 .input-search,
  .open-filter.active,
  .view-info,
  .count-result {
    display: none !important;
  }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  display: none !important;
  content: none !important;
}

.form-control:focus {
  box-shadow: none;
  border-color: #66afe9;
  outline: 0;
}

.template_v3 {
  font-family: "Roboto", sans-serif !important;
}

.template_v3 h1,
.template_v3 h2,
.template_v3 h3,
.template_v3 h4,
.template_v3 h5,
.template_v3 h6 {
  font-family: "Roboto", sans-serif !important;
}

.template_v3 a,
.template_v3 a:visited,
.template_v3 a:active,
.template_v3 a:hover,
.template_v3 a:focus {
  text-decoration: none;
}

.container-v3 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-v3 #content {
  padding: 30px 20px 20px 0;
}

@media (min-width: 1200px) {
  .container-v3 {
    width: 95% !important;
  }
  .container-v3 #content {
    margin: 0;
    height: 100%;
  }
  .container-v3 #sidebar-left {
    width: 14.422%;
  }
  .container-v3 .breadcrumb {
    margin: -30px -30px 30px -30px;
    padding: 10px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container-v3 {
    width: 100% !important;
  }
  .container-v3 #content {
    padding: 30px;
    margin: 0;
    height: 100%;
    width: 85.578%;
  }
  .container-v3 .breadcrumb {
    margin: -30px -30px 30px -30px;
    padding: 10px 30px;
  }
  .container-v3 #sidebar-left {
    width: 14.422%;
  }
}

@media only screen and (max-width: 767px) {
  #content {
    overflow: visible;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container-v3 {
    width: 100% !important;
  }

  .container-v3 #content {
    padding: 30px;
  }

  .container-v3 #sidebar-left {
    margin-left: 0px !important;
    width: 100% !important;
  }

  .container-v3 .breadcrumb {
    margin: -30px -30px 30px -30px;
    padding: 10px 30px;
  }
}

@media (max-width: 991px) {
  .container-v3 #content {
    padding: 30px 0 0 0;
  }
}

@media (min-width: 2920px) {
  html {
    font-size: 24px;
  }
}

@media (min-width: 3800px) {
  html {
    font-size: 34px;
  }
}

textarea:focus,
input:focus {
  outline: none;
}

*:focus {
  outline: none;
}

.top-bar-v3 {
  background: var(--primary-color);
  display: flex;
  align-items: center;
  padding: 1rem 0;
}

.top-bar-v3 .line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.link-icon {
  font-size: 1.5rem;
  color: var(--button-text-color);
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 400;
}

.link-icon:hover,
.link-icon:focus {
  color: var(--button-text-color);
  text-decoration: none;
}

.link-icon i {
  font-size: 1.5rem;
  display: inline-block;
}

#user-arrow-menu {
  font-size: 1.2rem;
  margin-left: 0.5rem;
  transition: transform 0.2s ease;
}

.rotate {
  transform: rotate(180deg);
}

.separator {
  margin: 0 1rem;
  border-left: 1px solid var(--button-text-color);
  height: 20px;
}

.separator-destaques {
  margin: 0 1.3rem;
  border-left: 1px solid var(--destaques);
  height: 20px;
}

.icons-access-v3 {
  display: flex;
  gap: 1rem;
}

.top-bar-v3-nome-usuario {
  margin-left: 0.5rem;
  text-transform: capitalize;
}

.title-top {
  font-size: 1.6rem;
  color: var(--button-text-color);
  font-weight: 400;
  margin: 0;
}

.breadcrumb-v3 {
  display: flex;
  align-items: center;
}

.top-bar-div-central,
.top-bar-div-final {
  display: flex;
  align-items: center;
}

.top-bar-div-central .input-search {
  margin-right: 4rem;
}

.input-search {
  position: relative;
  display: flex;
}

.input-search input {
  width: 100%;
  border: 0.1rem solid var(--border-color);
  background: var(--card-background);
  font-size: 1.3rem;
  color: var(--text-color);
  border-radius: 0.4rem 0 0 0.4rem;
  padding: 0.7rem 1rem;
}

.input-search input::placeholder {
  padding-left: 0rem;
}

.input-search .icon-search {
  position: absolute;
  top: 20%;
  left: 1%;
  color: var(--dark-grey);
  font-size: 1.5rem;
  cursor: pointer;
}

.btn-search-v3 {
  background-color: var(--primary-color);
  border: 0;
  color: var(--button-text-color);
  border-radius: 0 0.4rem 0.4rem 0rem;
  min-width: 4rem;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s all;
}

.btn-search-v3 i {
  line-height: 0;
}

.btn-search-v3:hover {
  opacity: 0.8;
}

.search-mobile {
  display: none;
}

.clear-search-btn {
  background: transparent;
  border: none;
  position: absolute;
  right: 5rem;
  top: 50%;
  margin: 0;
  padding: 0;
  transform: translate(0, -50%);
  color: var(--text-color);
  opacity: 0.5;
  display: none;
}

.d-none {
  display: none !important;
}

.grid-menu {
  display: flex;
  flex-wrap: wrap;
}

.grid-menu .tt-menu {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 25%;
  flex: 0 0 25%;
  gap: 0.2rem;
  flex-wrap: wrap;
  aspect-ratio: 1.6;
}

.grid-menu .item {
  border: 0.1rem solid var(--border-color);
  background-color: var(--card-background);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  transition: background-color 0.5s ease;
}

.grid-menu-4 .item {
  aspect-ratio: 1.6;
}

.grid-menu-5 .item {
  aspect-ratio: 1.6;
}

.grid-menu-6 .item {
  aspect-ratio: 1.2;
}

.grid-menu .item:hover {
  background-color: #f8f8f8;
}

.grid-menu .item:focus {
  text-decoration: none;
}

.grid-menu .item i {
  color: var(--icon-color);
}

.grid-menu-4 .item i {
  font-size: 6rem;
}

.grid-menu-5 .item i {
  font-size: 6rem;
}

.grid-menu-6 .item i {
  font-size: 5rem;
}

.grid-menu-4 .item svg {
  width: 7rem;
  height: auto;
}

.grid-menu-5 .item svg {
  width: 7rem;
  height: auto;
}

.grid-menu-6 .item svg {
  width: 5.5rem;
  height: auto;
}

.grid-menu .item svg path {
  fill: var(--icon-color);
}

.grid-menu .item span {
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  font-size: 2rem;
  line-height: 2.2rem;
  color: var(--text-color);
  text-align: center;
  font-weight: 500;
  padding: 0 2rem;
}

.inline-links-menu-v3 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.link-menu-v3 {
  padding: 1rem;
  border: 0.1rem solid var(--border-color);
  background-color: var(--card-background);
  font-size: 1.6rem;
  line-height: 2rem;
  color: var(--text-color);
  box-sizing: border-box;
  display: flex;
  min-height: 9rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-basis: calc((100% - 6 * 1rem) / 7);
  transition: background-color 0.5s ease;
}

.link-menu-v3:hover {
  background-color: #f0f0f0;
}

@media (max-width: 768px) {
  .link-menu-v3 {
    flex-basis: calc((100% - 4 * 1rem) / 5);
  }

  #top-bar-user .line {
    gap: 1rem;
  }

  .top-bar-v3 .container-v3 {
    width: 100% !important;
  }
}

@media (max-width: 769px) and (min-width: 481px) {
  .link-menu-v3 {
    flex-basis: calc((100% - 4 * 1rem) / 4);
  }
}

@media (max-width: 480px) {
  .link-menu-v3 {
    flex-basis: calc((100% - 1 * 1rem) / 2);
  }
}

@media (max-width: 768px) {
  .link-icon span {
    display: none;
  }
  .link-icon i {
    font-size: 1.8rem;
    margin-right: 0;
  }
  .grid-menu .tt-menu {
    width: 50%;
    flex: 0 0 50%;
    gap: 0.2rem;
  }
  .top-bar-div-central form {
    display: none;
  }
  .search-mobile {
    display: block;
    margin: 1rem 0;
  }

  .search-mobile .input-search input {
    width: 100%;
  }

  .input-search .icon-search {
    left: 2%;
    top: 20%;
  }

  .grid-menu .item i {
    font-size: 4rem;
  }

  .grid-menu-5 .item i {
    font-size: 4rem;
  }

  .grid-menu .item svg {
    width: 5rem;
    height: auto;
  }

  .content-page #content {
    padding: 5px 0 !important;
  }

  .grid-menu .item span {
    padding: 0 1rem;
  }

  .g-m-categories .item span {
    font-size: 1.5rem !important;
    line-height: 1.6rem !important;
  }
}

@media (max-width: 500px) {
  .title-top {
    font-size: 1.4rem;
    width: 18rem;
    white-space: inherit;
    overflow: hidden;
    line-height: normal;
    text-overflow: ellipsis;
    text-align: start;
  }
}

@media (max-width: 425px) {
  .grid-menu-4 .item {
    aspect-ratio: 1.2;
  }

  .grid-menu-5 .item {
    aspect-ratio: 1.2;
  }

  .grid-menu-6 .item {
    aspect-ratio: 1;
  }

  .input-search .icon-search {
    left: 5%;
    top: 20%;
  }

  .separator {
    margin: 0 1rem;
  }

  .link-icon i {
    font-size: 1.4rem;
    margin-right: 0;
  }

  .title-top {
    width: 15rem;
  }
}

@media (max-width: 320px) {
  .title-top {
    width: 12rem;
  }
}

@media (max-width: 320px) {
  .title-top {
    font-size: 1.2rem;
  }
}

.toltip-info {
  display: none;
}

.toltip-active .toltip-info {
  display: block;
  position: absolute;
  left: 100%;
  z-index: 2;
  width: 30rem;
  padding-left: 1rem;
}

.toltip-info h5 {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: bold;
  color: #ff883e;
  margin: 0;
}

.toltip-info h5 i {
  margin-right: 0.5rem;
}

.toltip-info p {
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: var(--white);
  padding-left: 2.2rem;
}

.toltip-info .button-toltip {
  padding-left: 2.2rem;
}

@media (min-width: 769px) {
  .grid-menu-4 .tt-menu:nth-child(4n - 1).toltip-active .toltip-info,
  .grid-menu-4 .tt-menu:nth-child(4n).toltip-active .toltip-info {
    left: auto;
    right: 100%;
    text-align: right;
    padding-right: 2rem;
    padding-left: 0;
  }

  .grid-menu-4 .tt-menu:nth-child(4n - 1).toltip-active .toltip-info h5,
  .grid-menu-4 .tt-menu:nth-child(4n).toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
  }

  .grid-menu-4 .tt-menu:nth-child(4n - 1).toltip-active .toltip-info h5 i,
  .grid-menu-4 .tt-menu:nth-child(4n).toltip-active .toltip-info h5 i {
    transform: rotate(180deg);
    margin-left: 0.5rem;
  }

  .grid-menu-4 .tt-menu:nth-child(4n - 1).toltip-active .toltip-info p,
  .grid-menu-4 .tt-menu:nth-child(4n).toltip-active .toltip-info p {
    padding-left: 0;
    padding-right: 2.6rem;
  }

  .grid-menu-4 .tt-menu:nth-child(4n - 1).toltip-active .toltip-info .button-toltip,
  .grid-menu-4 .tt-menu:nth-child(4n).toltip-active .toltip-info .button-toltip {
    padding-left: 0;
    padding-right: 2.6rem;
  }
}

.toltip-active .item {
  pointer-events: none;
  position: relative;
  z-index: 2;
}

.toltip-fixed {
  width: 100%;
  aspect-ratio: 1.6;
  display: block !important;
  opacity: 1 !important;
}

.toltip-active .toltip-fixed {
  position: absolute;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 25%;
  flex: 0 0 25%;
  gap: 0.2rem;
  flex-wrap: wrap;
}

.toltip-active:before {
  content: "";
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
}

.button-toltip .btn-close {
  border: 0.1rem solid var(--yellow);
  border-radius: 0.4rem;
  background: transparent;
  font-size: 1.4rem;
  color: var(--yellow);
  display: inline-block;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
  margin-right: 1rem;
}

.button-toltip .btn-next {
  border: 0.1rem solid var(--green);
  border-radius: 0.4rem;
  background: var(--green);
  font-size: 1.4rem;
  color: var(--white);
  display: inline-block;
  padding: 0.3rem 1.5rem;
  text-decoration: none;
}

.remove-scrool {
  overflow: hidden;
}

.tt-help {
  display: block !important;
  opacity: 1 !important;
}

.tt-help-active:before {
  content: "";
  position: fixed;
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 3;
}

.tt-help-active .toltip-info {
  display: block;
  position: absolute;
  z-index: 4;
  width: 40vw;
  padding-left: 0;
  right: 10vw;
  text-align: right;
  top: 7rem;
  right: 7rem;
}

.tt-help-active .link-icon {
  position: relative;
  z-index: 4;
  pointer-events: none;
}

.tt-help.tt-help-active .link-icon:before {
  content: "";
  position: absolute;
  background: #ff883e;
  width: 100%;
  height: 100%;
  z-index: -1;
  padding: 2rem 2.3rem;
  left: -1.5rem;
}

.tt-help-active .toltip-info h5 i {
  margin-right: 0;
  margin-left: 0.5rem;
  position: relative;
  top: -0.5rem;
}

.tt-help-active .toltip-info p {
  font-size: 1.5rem;
  line-height: normal;
  color: var(--white);
  padding-right: 1.6rem;
  padding-left: 0;
}

.tt-menu .toltip-info h5 i.fa-arrow-turn-up {
  display: none;
}

@media (max-width: 768px) {
  .toltip-active .toltip-fixed {
    width: 50%;
    flex: 0 0 50%;
  }

  .toltip-active .toltip-info {
    width: 80vw;
    padding-left: 0;
    left: 3rem;
    top: 100%;
    margin-top: 1rem;
  }

  .toltip-info h5 i.fa-arrow-left-long {
    display: none;
  }

  .tt-menu .toltip-info h5 i.fa-arrow-turn-up {
    display: inline-block;
    position: relative;
    top: -0.5rem;
  }

  .grid-menu-4 .tt-menu:nth-child(odd) .toltip-info h5 i.fa-arrow-turn-up {
    transform: scaleX(-1);
  }

  .grid-menu-4 .tt-menu:nth-child(even).toltip-active .toltip-info {
    left: auto;
    top: 100%;
    margin-top: 3rem;
    right: 3rem;
    text-align: right;
  }
  .grid-menu-4 .tt-menu:nth-child(even).toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  .grid-menu-4 .tt-menu:nth-child(even).toltip-active .toltip-info h5 i {
    margin-right: 0;
    margin-left: 0.5rem;
  }
  .grid-menu-4 .tt-menu:nth-child(even).toltip-active .toltip-info p {
    padding-left: 0;
    padding-right: 1.6rem;
  }
  .grid-menu-4 .tt-menu:nth-child(even).toltip-active .toltip-info .button-toltip {
    padding-left: 0;
    padding-right: 1.6rem;
  }
  .grid-menu-4 .tt-menu:nth-child(n + 5).toltip-active .toltip-info {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 3rem;
  }

  .grid-menu-4 .tt-menu:nth-child(2n + 5) .toltip-info h5 i.fa-arrow-turn-up {
    transform: rotate(180deg);
    top: 0.5rem;
  }
  .grid-menu-4 .tt-menu:nth-child(2n + 6) .toltip-info h5 i.fa-arrow-turn-up {
    transform: scaleX(-1) rotate(180deg);
    top: 0.5rem;
  }

  .tt-help-active .toltip-info {
    width: 80vw;
    right: 10vw;
  }
  .tt-help.tt-help-active .link-icon:before {
    padding: 2.3rem;
  }
}

/*Page conteudo com 5 colunas*/

.grid-menu.grid-menu-5 .tt-menu {
  max-width: calc(100% / 5);
  flex: 0 0 calc(100% / 5);
}

.grid-menu-5 .toltip-active .toltip-fixed {
  max-width: calc(100% / 5);
  flex: 0 0 calc(100% / 5);
}

@media (max-width: 1440px) {
  .grid-menu-5 .item i {
    font-size: 5rem;
  }
}

@media (max-width: 1024px) {
  .grid-menu.grid-menu-5 .tt-menu {
    max-width: calc(100% / 4);
    flex: 0 0 calc(100% / 4);
  }

  .grid-menu-5 .toltip-active .toltip-fixed {
    max-width: calc(100% / 4);
    flex: 0 0 calc(100% / 4);
  }

  .toltip-info p {
    font-size: 1.3rem;
    line-height: normal;
  }

  .grid-menu-5 .item svg {
    width: 6rem;
    height: auto;
  }
}

@media (max-width: 850px) {
  .grid-menu.grid-menu-5 .tt-menu {
    max-width: calc(100% / 3);
    flex: 0 0 calc(100% / 3);
  }

  .grid-menu-5 .toltip-active .toltip-fixed {
    max-width: calc(100% / 3);
    flex: 0 0 calc(100% / 3);
  }
}

@media (max-width: 500px) {
  .grid-menu.grid-menu-5 .tt-menu {
    max-width: calc(100% / 2);
    flex: 0 0 calc(100% / 2);
  }

  .grid-menu-5 .toltip-active .toltip-fixed {
    max-width: calc(100% / 2);
    flex: 0 0 calc(100% / 2);
  }
}

@media (min-width: 1025px) {
  .grid-menu-5 .tt-menu:nth-child(5n).toltip-active .toltip-info {
    left: auto;
    right: 100%;
    padding: 0;
    padding-right: 1rem;
  }

  .grid-menu-5 .tt-menu:nth-child(5n).toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.5rem;
  }

  .grid-menu-5 .tt-menu:nth-child(5n).toltip-active .toltip-info p {
    text-align: end;
  }
}

@media (max-width: 1440px) and (min-width: 1025px) {
  .grid-menu-5 .tt-menu:nth-child(9n).toltip-active .toltip-info {
    left: auto;
    right: 100%;
    padding: 0;
    padding-right: 1rem;
  }

  .grid-menu-5 .tt-menu:nth-child(9n).toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.5rem;
  }

  .grid-menu-5 .tt-menu:nth-child(9n).toltip-active .toltip-info p {
    text-align: end;
  }
}

@media (max-width: 1025px) and (min-width: 851px) {
  .grid-menu-5 .tt-menu:nth-child(4n-1).toltip-active .toltip-info,
  .grid-menu-5 .tt-menu:nth-child(4n).toltip-active .toltip-info {
    left: auto;
    right: 100%;
    padding: 0;
    padding-right: 1rem;
  }

  .grid-menu-5 .tt-menu:nth-child(4n-1).toltip-active .toltip-info h5,
  .grid-menu-5 .tt-menu:nth-child(4n).toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.5rem;
  }

  .grid-menu-5 .tt-menu:nth-child(4n-1).toltip-active .toltip-info p,
  .grid-menu-5 .tt-menu:nth-child(4n).toltip-active .toltip-info p {
    text-align: end;
  }
}

@media (max-width: 850px) and (min-width: 501px) {
  .grid-menu-5 .toltip-active .toltip-info {
    width: 42vw;
  }
  .grid-menu-5 .tt-menu:nth-child(3n).toltip-active .toltip-info {
    left: auto;
    right: 20%;
    padding: 0;
    padding-right: 1rem;
  }

  .grid-menu-5 .tt-menu:nth-child(3n).toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.5rem;
  }

  .grid-menu-5 .tt-menu:nth-child(3n).toltip-active .toltip-info p {
    text-align: end;
  }
}

@media (max-width: 500px) and (min-width: 200px) {
  .grid-menu-5 .toltip-active .toltip-info {
    margin-top: 1rem;
  }
  .grid-menu-5 .tt-menu:nth-child(2n).toltip-active .toltip-info {
    left: auto;
    right: 20%;
    padding: 0;
    padding-right: 1rem;
  }

  .grid-menu-5 .tt-menu:nth-child(2n).toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 0.5rem;
  }

  .grid-menu-5 .tt-menu:nth-child(2n).toltip-active .toltip-info p {
    text-align: end;
  }

  .grid-menu-5 .tt-menu:nth-child(2n).toltip-info .button-toltip {
    padding-left: 1rem;
    text-align: end;
  }
}

/*Page conteudo com 6 colunas*/

.grid-menu.grid-menu-6 .tt-menu {
  max-width: calc(100% / 6);
  flex: 0 0 calc(100% / 6);
}

.grid-menu-6 .toltip-active .toltip-fixed {
  max-width: calc(100% / 6);
  flex: 0 0 calc(100% / 6);
}

@media (max-width: 1440px) and (min-width: 1344px) {
  .grid-menu.grid-menu-6 .tt-menu {
    max-width: calc(100% / 6);
    flex: 0 0 calc(100% / 6);
  }
}

@media (max-width: 1343px) and (min-width: 1025px) {
  .grid-menu.grid-menu-6 .tt-menu {
    max-width: calc(100% / 5);
    flex: 0 0 calc(100% / 5);
  }
  .grid-menu-6 .item span {
    font-size: 1.7rem !important;
    line-height: 2.2rem !important;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .grid-menu.grid-menu-6 .tt-menu {
    max-width: calc(100% / 4);
    flex: 0 0 calc(100% / 4);
  }

  .grid-menu-6 .toltip-active .toltip-fixed {
    max-width: calc(100% / 4);
    flex: 0 0 calc(100% / 4);
  }

  .grid-menu-6 .item span {
    font-size: 1.5rem !important;
    line-height: 2.2rem !important;
  }

  .grid-menu-6 .item svg {
    width: 6rem !important;
    height: 5rem !important;
  }
}

@media (max-width: 768px) {
  .grid-menu.grid-menu-6 .tt-menu {
    max-width: calc(100% / 3);
    flex: 0 0 calc(100% / 3);
  }
  .grid-menu-6 .toltip-active .toltip-fixed {
    max-width: calc(100% / 3);
    flex: 0 0 calc(100% / 3);
  }
  .grid-menu-6 .tt-menu:nth-child(n + 7).toltip-active .toltip-info {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 3rem;
  }
  .grid-menu-6 .tt-menu:nth-child(n + 8).toltip-active .toltip-info {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 3rem;
    right: -3rem;
    width: 70vw;
  }
  .grid-menu-6 .tt-menu-one .toltip-info h5 i.fa-arrow-turn-up {
    transform: scaleX(-1);
  }
  .grid-menu-6 .tt-menu-two .toltip-info h5 i.fa-arrow-turn-up {
    margin-right: 0;
    margin-left: 0.5rem;
  }
  .grid-menu-6 .tt-menu-two .toltip-info h5 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .grid-menu-6 .tt-menu-two .toltip-info p {
    padding-left: 0;
  }
  .grid-menu-6 .tt-menu-two .toltip-info .button-toltip {
    padding-left: 0;
  }
  .grid-menu-6 .tt-menu-two .toltip-info {
    left: -3rem;
    width: 70vw;
  }

  .grid-menu-6 .tt-menu-three.toltip-active .toltip-info {
    left: auto;
    top: 100%;
    margin-top: 3rem;
    right: 3rem;
    text-align: right;
  }
  .grid-menu-6 .tt-menu-three.toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
  .grid-menu-6 .tt-menu-three.toltip-active .toltip-info h5 i {
    margin-right: 0;
    margin-left: 0.5rem;
  }
  .grid-menu-6 .tt-menu-three.toltip-active .toltip-info p {
    padding-left: 0;
    padding-right: 1.6rem;
  }
  .grid-menu-6 .tt-menu-three.toltip-active .toltip-info .button-toltip {
    padding-left: 0;
    padding-right: 1.6rem;
  }

  .grid-menu-6 .tt-menu:nth-child(n + 7).tt-menu-one .toltip-info h5 i.fa-arrow-turn-up {
    transform: rotate(180deg);
    top: 0.5rem;
  }
  .grid-menu-6 .tt-menu:nth-child(n + 7).tt-menu-two .toltip-info h5 i.fa-arrow-turn-up {
    transform: scaleX(-1) rotate(180deg);
    top: 0.5rem;
  }
  .grid-menu-6 .tt-menu:nth-child(n + 7).tt-menu-three .toltip-info h5 i.fa-arrow-turn-up {
    transform: scaleX(-1) rotate(180deg);
    top: 0.5rem;
  }
}

@media (min-width: 769px) {
  .grid-menu-6 .tt-menu:nth-child(6n).toltip-active .toltip-info,
  .grid-menu-6 .tt-menu:nth-child(6n -1).toltip-active .toltip-info,
  .grid-menu-6 .tt-menu:nth-child(6n -2).toltip-active .toltip-info {
    left: auto;
    right: 100%;
    text-align: right;
    padding-right: 1rem;
    padding-left: 0;
  }

  .grid-menu-6 .tt-menu:nth-child(6n).toltip-active .toltip-info h5,
  .grid-menu-6 .tt-menu:nth-child(6n -1).toltip-active .toltip-info h5,
  .grid-menu-6 .tt-menu:nth-child(6n -2).toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
  }

  .grid-menu-6 .tt-menu:nth-child(6n).toltip-active .toltip-info h5 i,
  .grid-menu-6 .tt-menu:nth-child(6n -1).toltip-active .toltip-info h5 i,
  .grid-menu-6 .tt-menu:nth-child(6n -2).toltip-active .toltip-info h5 i {
    transform: rotate(180deg);
    margin-left: 0.5rem;
  }

  .grid-menu-6 .tt-menu:nth-child(6n).toltip-active .toltip-info p,
  .grid-menu-6 .tt-menu:nth-child(6n -1).toltip-active .toltip-info p,
  .grid-menu-6 .tt-menu:nth-child(6n -2).toltip-active .toltip-info p {
    padding-left: 0;
    padding-right: 2.6rem;
  }

  .grid-menu-6 .tt-menu:nth-child(6n).toltip-active .toltip-info .button-toltip,
  .grid-menu-6 .tt-menu:nth-child(6n -1).toltip-active .toltip-info .button-toltip,
  .grid-menu-6 .tt-menu:nth-child(6n - 2).toltip-active .toltip-info .button-toltip {
    padding-left: 0;
    padding-right: 2.6rem;
  }
}

@media (max-width: 500px) {
  .grid-menu.grid-menu-6 .tt-menu {
    max-width: calc(100% / 2);
    flex: 0 0 calc(100% / 2);
  }

  .grid-menu-6 .toltip-active .toltip-fixed {
    max-width: calc(100% / 2);
    flex: 0 0 calc(100% / 2);
  }

  .grid-menu-6 .tt-menu:nth-child(2n).toltip-active .toltip-info {
    left: auto;
    width: 65vw;
    right: 10%;
    margin-top: 1rem;
    top: 100%;
    bottom: auto;
  }

  .grid-menu-6 .tt-menu:nth-child(2n).toltip-active .toltip-info h5 {
    justify-content: end;
    display: flex;
    align-items: center;
  }

  .grid-menu-6 .tt-menu:nth-child(2n).toltip-active .toltip-info p {
    text-align: end;
  }

  .grid-menu-6 .tt-menu:nth-child(2n-1).toltip-active .toltip-info {
    left: 10%;
    top: 100%;
    margin-top: 1rem;
    right: 3rem;
    text-align: left;
  }

  .grid-menu-6 .tt-menu:nth-child(2n-1).toltip-active .toltip-info i {
    transform: scaleX(-1);
  }

  .grid-menu-6 .tt-menu:nth-child(2n-1).toltip-active .toltip-info h5 {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: normal;
    gap: 0.5rem;
  }

  .grid-menu-6 .tt-menu:nth-child(n + 7).tt-menu-one .toltip-info h5 i.fa-arrow-turn-up {
    transform: scaleX(-1);
    top: auto;
  }

  .grid-menu-6 .tt-menu:nth-child(n + 7).tt-menu-three .toltip-info h5 i.fa-arrow-turn-up {
    transform: inherit;
    top: auto;
  }
}

@media (min-width: 320px) {
  .toltip-info .button-toltip {
    padding-left: 1rem;
  }
}

@media (max-width: 1700px) and (min-width: 1599px) {
  .grid-menu .item svg {
    width: 5rem;
    height: auto;
  }
}

@media (max-width: 1600px) and (min-width: 1441px) {
  .grid-menu .item svg {
    width: 5rem;
    height: auto;
  }

  .grid-menu-5 .item i {
    font-size: 4rem;
  }

  .grid-menu-6 .item i {
    font-size: 4rem;
  }

  .grid-menu .item span {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

@media (max-width: 1110px) and (min-width: 1025px) {
  .grid-menu .item svg {
    width: 5rem;
    height: auto;
  }

  .grid-menu .item span {
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
}

/*Partials v3*/

.mb {
  margin-bottom: 3rem;
}

.bg-primary-v3 {
  background-color: var(--primary-color);
}

.color-primary-v3 {
  color: var(--primary-color);
}

.bg-orange {
  background-color: var(--primary-color);
  border-color: var(--primary-color) !important;
}

.bg-orange-opacity {
  background-color: var(--orange-opacity);
  border-color: var(--orange-opacity) !important;
}

.bg-green {
  background-color: var(--green);
  border-color: var(--green) !important;
}

.bg-red {
  background-color: var(--red);
  border-color: var(--red) !important;
}

.bg-gray {
  background-color: var(--grey);
  border-color: var(--grey) !important;
}

.bg-yellow {
  background-color: var(--yellow);
  border-color: var(--yellow) !important;
}

.bg-warning {
  background-color: var(--warning);
  border-color: var(--warning) !important;
}

.bg-warning:hover {
  background-color: var(--warning) !important;
}

.bg-blue {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
}

.bg-transparent {
  background: transparent !important;
  border: 0.2rem solid;
  box-sizing: border-box;
}

.bg-transparent-no-border {
  background: transparent !important;
}

.bg-white {
  background-color: var(--white);
}

.bg-rainbow {
  background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}

.cl-orange,
.cl-orange:hover {
  color: var(--primary-color) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-dark-orange,
.cl-dark-orange:hover {
  color: var(--dark-orange) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-red,
.cl-red:hover {
  color: var(--red) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-green,
.cl-green:hover {
  color: var(--green) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-yellow {
  color: var(--yellow);
}

.cl-gray,
.cl-gray:hover {
  color: var(--grey) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-light-gray,
.cl-light-gray:hover {
  color: var(--light-grey) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-mute-gray,
.cl-mute-gray:hover {
  color: var(--mute-grey) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-dark-gray,
.cl-dark-gray:hover {
  color: var(--dark-grey) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-white,
.cl-white:hover {
  color: var(--white) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-blue,
.cl-blue:hover {
  color: var(--blue) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-warning,
.cl-warning:hover {
  color: var(--warning) !important;
  text-decoration: none !important;
  outline: none !important;
}

.cl-icon,
.cl-icon:hover {
  color: var(--icon-color) !important;
  text-decoration: none !important;
  outline: none !important;
}

.btn-v3,
.btn-v3-to-circle {
  min-width: 14rem;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  font-weight: 400;
  padding: 0.7rem 1.5rem;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  border: 0.2rem solid;
  cursor: pointer;
  transition: opacity 0.5s all;
}

.btn-v3:hover,
.btn-v3-to-circle:hover {
  opacity: 0.9;
}

.btn-v3 i,
.btn-v3-to-circle i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
  line-height: 0;
}

.btn-v3 .icon-saving-v3,
.btn-v3-to-circle .icon-saving-v3 {
  margin: 0rem !important;
  line-height: normal;
}

.btn-v3.full {
  width: 100%;
}

.btn-v3.small {
  min-width: 10rem;
  max-width: 100%;
  font-size: 1.2rem;
  padding: 0.5rem 0.5rem;
  line-height: normal;
}

.btn-v3.small i {
  font-size: 1.4rem;
}

.btn-v3.extra-small {
  min-width: 10rem;
  max-width: 100%;
  font-size: 1.1rem;
  padding: 0.2rem 0.2rem;
}

.btn-v3.extra-small i {
  font-size: 1.2rem;
}

button[disabled],
html input[disabled] {
  cursor: default;
  opacity: 0.6;
}

.btn-v3:disabled {
  color: var(--dark-grey) !important;
  background-color: var(--grey) !important;
  border-color: var(--grey) !important;
}

#submit:disabled {
  color: var(--white) !important;
  background-color: var(--light-green) !important;
  border-color: var(--light-green) !important;
  opacity: 1;
}

#btnViewForm:disabled {
  color: var(--dark-grey) !important;
  background-color: var(--grey) !important;
  border-color: var(--grey) !important;
  opacity: 1;
}

#submit-modal-1:disabled {
  color: var(--white) !important;
  background-color: var(--light-green) !important;
  border-color: var(--light-green) !important;
  opacity: 1;
}

.disabled-green:disabled {
  color: var(--white) !important;
  background-color: var(--light-green) !important;
  border-color: var(--light-green) !important;
  opacity: 1;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  pointer-events: none;
}

.btn-circle-v3 {
  min-width: 5rem;
  min-height: 5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
  font-size: 0.7rem;
  line-height: 1.2rem;
  text-transform: uppercase;
}

.btn-circle-v3.menu-fixed {
  position: fixed;
  right: 4.5rem;
  bottom: 8rem;
  z-index: 20;
}

.btn-circle-v3.menu-fixed-small-top {
  position: fixed;
  bottom: 7rem;
  min-width: 4rem;
  min-height: 4rem;
  right: 1.5rem;
}

.btn-primary,
.btn-warning,
.btn-danger,
.btn-success,
.btn-info,
.btn-inverse {
  border: none !important;
}

.btn-circle-v3 i {
  font-size: 1.8rem;
}

.btn-back-topo-v3 {
  transition: opacity 0.3s;
  display: none;
}

.hiperlink-v3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  line-height: normal;
  color: var(--text-color);
  font-weight: 500;
  transition: 0.5ms ease-in-out;
}

.hiperlink-v3:hover,
.hiperlink-v3:focus {
  color: var(--icon-color) !important;
}

.hiperlink-v3 i {
  margin-right: 0.5rem;
  font-size: 1.4rem;
  color: var(--icon-color);
}

.btn-square-v3 {
  min-width: 4rem;
  min-height: 3.3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 0.5rem;
  border: 2px solid;
  box-sizing: border-box;
  flex-direction: row;
  width: 100%;
  margin-bottom: 1rem;
  cursor: pointer;
}

.btn-square-v3 span {
  font-size: 1.3rem;
  color: var(--text-color);
  display: inline-block;
  margin-left: 1rem;
  font-weight: 500;
  text-transform: capitalize;
}

@media (max-width: 1500px) and (min-width: 1198px) {
  .btn-square-v3 span {
    font-size: 1.1rem;
    margin-left: 0.5rem;
  }
}

@media (max-width: 1199px) and (min-width: 1023px) {
  .btn-square-v3 span {
    font-size: 0.9rem;
    margin-left: 0.3rem;
  }
  .btn-square-v3 i {
    font-size: 1.5rem;
  }
}

@media (max-width: 1024px) {
  .btn-square-v3 span {
    display: none;
  }

  .btn-v3-to-circle {
    min-width: 5rem;
    min-height: 5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50%;
    font-size: 0.7rem;
    line-height: 1.2rem;
    text-transform: uppercase;
    padding: 0;
  }

  .btn-v3-to-circle i {
    font-size: 1.8rem;
    margin-right: 0;
  }

  .btn-v3-to-circle span {
    display: none;
  }

  .btn-circle-v3.menu-fixed {
    right: 1.4rem;
    bottom: 14rem;
  }
}

.btn-square-v3 i {
  font-size: 2rem;
}

.alert_v3 {
  min-width: 35rem;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
}

.alert_v3 i {
  margin-right: 0.5rem;
}

.alert_success {
  background: #d2f9d4;
  color: #1c8420;
}

.alert_danger {
  background: #f9d2d2;
  color: #c6180b;
}

.alert_info {
  background: #f9f4d2;
  color: #e68b12;
}

.alert_push {
  background: #d2f4f9;
  color: #007bb8;
}

@media (max-width: 500px) {
  .alert_v3 {
    min-width: 28rem;
  }
}

.form-3 {
  margin-bottom: 2rem;
}

.form-v3 label,
.label-radio-v3 {
  display: block;
  color: var(--text-color);
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.form-v3 p {
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--text-color);
}

.text-v3 input::placeholder,
.number-v3 input::placeholder,
.textarea-v3 textarea::placeholder,
.datetime-v3 textarea::placeholder {
  font-weight: 300;
  font-size: 1.2rem;
}

.text-v3 input {
  width: 100%;
  border: 0.1rem solid var(--border-color);
  background: var(--card-background);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  color: var(--text-color);
  font-size: 1.3rem;
  min-height: 3.4rem;
  font-weight: 400;
}

.datetime-v3 input {
  width: 100%;
  border: 0.1rem solid var(--border-color);
  background: var(--card-background);
  border-radius: 0.5rem 0rem 0 0.5rem;
  padding: 0.5rem 1rem;
  color: var(--text-color);
  font-size: 1.3rem;
  min-height: 3.4rem;
  font-weight: 400;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  background: var(--theme-color);
  border-color: var(--border-color);
}

.bootstrap-datetimepicker-widget table th {
  color: var(--text-color);
}

.bootstrap-datetimepicker-widget table td.day {
  color: var(--text-color);
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: var(--destaques);
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  color: var(--text-color);
}

.number-v3 input {
  width: 100%;
  border: 0.1rem solid var(--border-color);
  background: var(--card-background);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  color: var(--text-color);
  font-size: 1.3rem;
  min-height: 3.4rem;
  font-weight: 400;
  margin-top: 0.5rem;
}

.input-v3-pre-addon,
.input-v3-pre-addon-right {
  display: flex;
  flex-direction: row;
}

.input-v3-pre-addon .input-group-addon {
  width: fit-content;
  display: flex;
  min-height: 3.4rem;
  padding: 0.5rem 1rem;
  font-size: 1.3rem;
  border-radius: 0.5rem 0 0 0.5rem;
  align-items: center;
  background-color: var(--theme-color);
  border-color: var(--border-color);
  color: var(--text-color);
}

.input-v3-pre-addon-right .input-group-addon {
  width: fit-content;
  display: flex;
  min-height: 3.4rem;
  padding: 0.5rem 1rem;
  font-size: 1.3rem;
  border-radius: 0 0.5rem 0.5rem 0;
  align-items: center;
  background-color: var(--theme-color);
  border-color: var(--border-color);
  color: var(--text-color);
}

.input-v3-pre-addon .input-group-addon + .text-v3 input {
  border-radius: 0 0.5rem 0.5rem 0rem;
}

.textarea-v3 textarea {
  width: 100%;
  border: 0.1rem solid var(--border-color);
  background: var(--card-background);
  border-radius: 0.5rem !important;
  padding: 0.5rem 1rem;
  color: var(--text-color);
  font-size: 1.35rem;
  line-height: 1.8rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
  resize: none;
  min-height: 9rem;

  scrollbar-width: thin;
  scrollbar-color: grey #f0f0f0;

  &::-webkit-scrollbar {
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: grey;
  }

  &::-webkit-scrollbar-track {
    background-color: #f0f0f0;
  }
}

.textarea-v3 textarea:disabled {
  background-color: var(--border-color);
  cursor: not-allowed;
}

.textarea-v3-count_message {
  margin-top: -20px !important;
  margin-right: 5px !important;
  position: relative;
  bottom: 1.5rem;
  right: 0.5rem;
}

.select-v3 select {
  width: 100%;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  color: var(--text-color);
  font-size: 1.34rem;
  line-height: 1.8rem;
  min-height: 3.5rem;
  font-weight: 400;
  margin-top: 0.5rem;
  appearance: none;
  background: var(--card-background) url(arrow-down.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 1.5rem) center;
  box-shadow: none;
}

.select-v3 .chosen-container .chosen-drop {
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  text-align: left;
  list-style: none;
  background-color: var(--card-background);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.select-v3 .chosen-container .chosen-results li.active-result {
  width: 100%;
  padding: 0.5rem 1.5rem;
  font-weight: 400;
  background-color: transparent;
  border: 0;
  color: var(--text-color);
  line-height: normal;
}

.select-v3 .chosen-container .chosen-results li.highlighted {
  background-color: var(--border-color) !important;
  color: var(--white);
}

.select-v3 .chosen-container-multi .chosen-drop .result-selected {
  font-weight: 700;
  color: var(--destaques) !important;
}

.select-v3 .chosen-container-single .chosen-single {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  background-color: var(--card-background);
  background-size: 16px 12px;
  border: 0.1rem solid var(--border-color);
  border-radius: 0.5rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  min-height: 3.4rem;
  box-shadow: none;
  background-image: none;
}

.select-v3 .chosen-container-single .chosen-single span {
  display: flex;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  min-height: 2.6rem;
  font-size: 1.2rem;
  font-weight: 500;
}

.select-v3 .chosen-container-active.chosen-with-drop .chosen-single {
  background-image: none;
}

.select-v3 .chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -16px 13px;
}

.select-v3 .chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(chosen-sprite.png) no-repeat 0 13px;
}

@media (max-width: 425px) {
  .select-v3 .chosen-container-single .chosen-single div b {
    background: url(chosen-sprite.png) no-repeat 0 10px;
  }
}

.select-v3 .chosen-container-single .chosen-search input[type="text"] {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  outline: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  padding: 0.25rem 1rem 0.25rem 0.5rem;
  width: 100%;
}

.select-v3 .chosen-container-single .chosen-search input[disabled] {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.file-v3 {
  position: relative;
}

.file-v3 input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.file-v3 label {
  background: var(--light-grey);
  min-height: 6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--dark-grey);
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  flex-direction: row;
  gap: 0.5rem;
  line-height: normal;
}

.file-v3 i {
  font-size: 1.7rem;
  line-height: normal;
}

.file-v3 label span {
  width: 100%;
  color: var(--black);
  font-size: 1.4rem;
  line-height: normal;
  word-break: unset;
  text-align: center;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}

.file-v3 label span i {
  font-size: 1.6rem;
  margin-right: 0.5rem;
}

.form-v3 .chosen-container-multi .chosen-choices {
  border: none !important;
  overflow: inherit !important;
}

.fom-v3 .chosen-container-active .chosen-choices {
  border: none !important;
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: var(--text-color) !important;
}

.form-v3 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  width: 100%;
  border: 0.1rem solid var(--border-color) !important;
  background: var(--card-background);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  color: var(--text-color) !important;
  font-size: 1.3rem;
  min-height: 3.4rem;
  font-weight: 500;
  background-position: right 45% !important;
}

.form-v3 .chosen-container-multi .chosen-choices li.search-field input[disabled] {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

.form-v3 .chosen-container-multi .chosen-choices li.search-choice {
  background-image: none !important;
  box-shadow: none !important;
  border-color: var(--border-color) !important;
  background-color: var(--border-color) !important;
  padding: 0.4rem 2.5rem;
  color: var(--text-color);
  font-size: 1rem;
}

.form-v3 .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  background: url(chosen-sprite.png) -42px 3px no-repeat !important;
  right: 5px !important;
}

input[type="checkbox"]#on-off {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

input[type="checkbox"].on-off {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

#on-off + label {
  position: relative;
  display: block;
  width: 5.5rem !important;
  background-color: var(--grey);
  color: var(--white);
  border-radius: 1.25rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

.on-off + label {
  position: relative;
  display: block;
  width: 5.5rem !important;
  background-color: var(--grey);
  color: var(--white);
  border-radius: 1.25rem;
  margin-bottom: 0;
  text-transform: uppercase;
}

#on-off + label:hover {
  cursor: pointer;
}

.on-off + label:hover {
  cursor: pointer;
}

#on-off + label:before {
  position: absolute;
  top: 0.3rem;
  left: 0.4rem;
  display: block;
  height: calc(2.5rem - 0.8rem);
  width: calc(2.5rem - 0.8rem);
  background-color: var(--white);
  content: "";
  transition: all 0.15s ease-in;
  border-radius: 1.25rem;
}

.on-off + label:before {
  position: absolute;
  top: 0.3rem;
  left: 0.4rem;
  display: block;
  height: calc(2.5rem - 0.8rem);
  width: calc(2.5rem - 0.8rem);
  background-color: var(--white);
  content: "";
  transition: all 0.15s ease-in;
  border-radius: 1.25rem;
}

#on-off:checked + label {
  background-color: var(--green);
}

.on-off:checked + label {
  background-color: var(--green);
}

#on-off:checked + label:before {
  left: 50%;
  margin-left: 8px;
}

.on-off:checked + label:before {
  left: 50%;
  margin-left: 8px;
}

#on-off + label:after {
  /*   content: "NÃO"; */
  position: absolute;
  font-size: 1rem;
  right: 1rem;
  left: auto;
  top: 0.5rem; /* Correcao: usar 0.5 em conflito */
}

.on-off + label:after {
  /*   content: "NÃO"; */
  position: absolute;
  font-size: 1rem;
  right: 1rem;
  left: auto;
  top: 0.5rem; /* Correcao: usar 0.5 em conflito */
}

#on-off:checked + label:after {
  /* content: "SIM"; */
  position: absolute;
  font-size: 1rem;
  left: 0.5rem;
  top: 0.5rem; /* Correcao: usar 0.5 em conflito */
}

.on-off:checked + label:after {
  /* content: "SIM"; */
  position: absolute;
  font-size: 1rem;
  left: 0.7rem;
  top: 0.5rem; /* Correcao: usar 0.5 em conflito */
}

#on-off + label,
#on-off + label > .text {
  height: 2.3rem;
  width: 2.5rem;
}

.on-off + label,
.on-off + label > .text {
  height: 2.3rem;
  width: 2.5rem;
}

.switch-v3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.switch-v3 span {
  display: block;
  color: var(--text-color);
  font-size: 1.4rem;
  font-weight: bold;
  margin-right: 2rem;
}

.password-v3 {
  position: relative;
  display: flex;
}

.password-v3 input {
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  border-right: none;
  margin-top: 0;
}

.view-password-v3 {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--card-background);
  border: 0.1rem solid var(--border-color);
  border-left: none;
  padding: 0 1rem;
  border-radius: 0rem 0.5rem 0.5rem 0rem;
  color: var(--text-color);
}

.input-success .view-password-v3 {
  color: var(--text-color);
}

.view-password-v3:focus,
.view-password-v3:focus-within {
  border: none;
}

.password-v3:focus-within {
  border: 1px solid #66afe9;
  border-radius: 0.5rem;
}

.password-v3:focus-within input {
  border: none;
}

.password-v3:focus-within .view-password-v3 {
  border: none;
}

.password-v3 .form-control:focus {
  outline: none;
  border: none;
}

.password-v3 .form-control:focus-visible {
  outline: none;
  border: none;
}

.input-success .password-v3::before {
  content: "\f00c";
  font-family: FontAwesome;
  text-align: center;
  color: #fff;
  z-index: 9;
  width: 21px;
  height: 21px;
  background-color: var(--green);
  border-radius: 21px;
  position: absolute;
  right: 12%;
  top: 50%;
  transform: translate(0, -50%);
}

.input-error .view-password-v3 {
  border-color: var(--error);
  background: var(--lighter-error);
}

.input-success .view-password-v3 {
  border-color: var(--green);
}

input[type="password"]::-ms-reveal {
  display: none;
}

@media (max-width: 1440px) {
  .input-success .password-v3::before {
    right: 12%;
  }
}

@media (max-width: 1024px) {
  .input-success .password-v3::before {
    right: 10%;
    width: 19px;
    height: 19px;
  }
}

@media (max-width: 768px) {
  .view-password-v3 {
    min-height: 3.4rem;
  }
  .input-success .password-v3::before {
    right: 15%;
  }
}

@media (max-width: 500px) {
  .switch-v3 span {
    max-width: 60%;
  }

  .on-off:checked + label:after {
    top: 0.4rem;
  }

  .on-off + label:after {
    top: 0.4rem;
  }
}

.switch-v3-information {
  margin-bottom: 2rem;
  margin-top: -1.2rem;
}

.info-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

.info-text i {
  font-size: 1.8rem;
  line-height: 1.6rem;
  color: var(--destaques);
  margin-right: 0.5rem;
}

.info-text p {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: var(--destaques);
  margin-bottom: 0;
  font-weight: normal;

  a {
    color: var(--destaques);
    text-decoration: underline;
  }

  a:hover {
    color: var(--primary-color);
    text-decoration: underline;
  }
}

.view-info .info-text {
  margin-bottom: 0;
  margin-top: 0.2rem;
}

label .info-text {
  margin-bottom: 0;
  margin-top: 0.5rem;
}

label .info-text i,
.form-group .info-text i {
  font-size: 1.5rem;
  line-height: 1.6rem;
  color: var(--destaques);
  margin-right: 0.5rem;
}

.info-text-link {
  color: var(--primary-color);
  text-transform: lowercase;
}

.form-v3 .tagsinput {
  width: 100%;
  border: 0.1rem solid var(--border-color);
  background: var(--card-background);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  color: var(--text-color);
  font-size: 1.3rem;
  min-height: 3.4rem;
  font-weight: 500;
}

.form-v3 .tagsinput input {
  background-color: #e8e8e8;
  background-image: none;
  border-color: var(--border-color);
  box-shadow: none;
  font-size: 1rem;
  margin: 5px;
}

.form-v3 .tagsinput span.tag a {
  font-size: 1rem;
}

.form-v3 .tagsinput span.tag {
  background-color: #e8e8e8;
  background-image: none;
  border-color: var(--border-color);
  box-shadow: none;
  font-size: 1rem;
  margin: 5px;
}

.input-error input,
.input-error textarea,
.input-error select,
.input-error .chosen-container-single .chosen-single {
  border-color: var(--error);
  background-color: var(--lighter-error);
}

.input-success input,
.input-success textarea,
.input-success select,
.input-success .chosen-container-single .chosen-single {
  border-color: var(--green);
  color: var(--text-color);
}

.mensage-success {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: var(--green);
}

.mensage-error {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: var(--error);
  margin-top: 0.5rem;
}

.mensage-pass-error {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: var(--error);
  margin-top: 0.5rem;
}

.url-v3 .mensage-error {
  margin-top: 0.5rem;
}

.progress-bar-v3 {
  width: 100%;
  height: 0.9rem;
  background: var(--grey);
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  transition: width 0.6s ease;
}

.progress-bar-v3 .line-progress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  transition: width 0.6s ease;
}

.progress-bar-preview-v3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  background: var(--border-color);
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
  transition: width 0.6s ease;
}

.progress-bar-v3-thin {
  height: 0.6rem;
}

.progress-bar-preview-v3 span {
  z-index: 1;
  color: var(--black);
}

.progress-bar-preview-v3 .line-progress {
  position: absolute;
  opacity: 0.5;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  transition: width 0.6s ease;
}

.editor-v3 .note-editor.panel {
  max-width: 100% !important;
  border: 0.1rem solid var(--light-grey);
}

.editor-v3 .input-group {
  width: 100%;
}

.editor-v3 .note-editor.note-frame .note-statusbar,
.note-editor.note-airframe .note-statusbar {
  border: none;
}

.editor-v3 .panel-default > .panel-heading {
  border-color: var(--light-grey);
}

.editor-v3 .btn-group > .btn,
.btn-group-vertical > .btn {
  background-color: #f5f5f5;
  padding: 0.5rem 0.9rem;
}

.editor-v3 .note-editor.note-frame.fullscreen,
.note-editor.note-airframe.fullscreen {
  top: 10%;
  left: 10%;
  width: 80% !important;
  height: 80vh;
  box-sizing: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
}

.editor-v3 .note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable {
  word-break: break-all;
}

.editor-v3 .note-editable p {
  font-weight: normal;
}

.card-image-v3 a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 1rem;
  background-color: var(--light-grey);
  border: 0.1rem solid var(--light-grey);
  /* aspect-ratio: 12 / 8; */
  height: 30rem;
}

.file-card-v3 {
  position: relative;
}

.file-card-v3 a {
  border-radius: 1rem;
  /* border: .1rem solid var(--light-grey);
  height: 30rem; */
}

.file-card-v3 .placeholder-link {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card-image-v3 .no-bg-color {
  background-color: initial;
  border: none;
}

.card-image-v3 a:hover {
  color: inherit;
  opacity: 0.9;
}

.card-image-v3 .info-text {
  margin-top: 1rem;
}

.placeholder-link span {
  text-align: center;
  font-size: 1.7rem; /* manter 1.7 em conflito */
  line-height: 1.8rem;
  display: block;
  margin-top: 2rem;
  color: var(--mute-grey);
}

.placeholder-icon {
  text-align: center;
  font-size: 3.2rem;
  line-height: auto;
  color: var(--mute-grey);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.placeholder-icon i {
  font-size: 5rem;
  margin-right: 1rem;
}

.placeholder-icon svg {
  margin-right: 1rem;
  fill: var(--mute-grey);
  height: 5rem;
  width: 6rem;
}

@media (max-width: 450px) {
  .placeholder-icon {
    font-size: 2.8rem;
  }

  .placeholder-icon svg {
    height: auto;
    width: 5rem;
  }
}

.upload-image-v3 {
  position: relative;
}

.upload-image-v3 input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.upload-image-v3 label {
  background: var(--grey);
  border-radius: 1rem;
  width: 100%;
  height: 5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.upload-image-v3 img {
  border-radius: 1rem;
  width: 8rem;
  max-width: 100%;
  height: 5rem;
  cursor: pointer;
}

.upload-image-v3 label i {
  font-size: 2.2rem;
  color: var(--dark-grey);
}

.accordion-v3 {
  margin-bottom: 1rem;
}

.accordion-v3 .user-view {
  border-radius: 0.5rem;
}

.accordion-v3.panel-group .panel .panel-heading {
  background: var(--card-background);
  padding: 1.5rem;
  border-color: var(--border-color);
}

.accordion-v3 h4.panel-title a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--text-color);
  font-weight: bold;
  text-decoration: none !important;
}

.accordion-v3 h4.panel-title a i {
  font-size: 1.6rem;
  color: var(--icon-color);
}

.accordion-v3 .panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: transparent;
}

.accordion-v3 .panel-default > .panel-heading + .panel-collapse .panel-body p {
  margin-bottom: 0;
  text-align: left;
  color: var(--text-color);
  font-weight: 400;
}

.accordion-v3 .panel-default > .panel-heading + .panel-collapse .panel-body a {
  color: var(--primary-color);
  text-decoration: underline !important;
}

.accordion-v3 .panel-default > .panel-heading + .panel-collapse .panel-body a:hover {
  text-decoration: none !important;
}

.accordion-v3 .panel-body {
  padding: 0 1.5rem 1.5rem;
  font-size: 1.2rem;
  color: var(--text-color);
  line-height: 1.8rem;
  font-weight: 500;
}

/*Card*/
.card-v3 {
  width: 100%;
  background: var(--card-background);
  padding-right: 1rem;
  margin-bottom: 0.5rem;
}

.card-v3 h3 {
  font-size: 1.5rem;
  line-height: 2rem;
  color: var(--text-color);
  margin-bottom: 0.5rem;
  margin-top: 0;
  font-weight: 500;
}

.card-v3 p {
  font-size: 1.3rem;
}

.bd-success {
  border-left: 0.7rem solid #4aae4e !important;
}

.bd-alert {
  border-left: 0.7rem solid #e94539 !important;
}

.bd-danger {
  border-left: 0.7rem solid #e94539 !important;
}

.bd-warning {
  border-left: 0.7rem solid #e4aa21 !important;
}

.bd-info {
  border-left: 0.7rem solid #30a3dc !important;
}

.bd-disable {
  border-left: 0.7rem solid #dadada !important;
}

.bd-default {
  border: 0.1rem solid var(--border-color);
}

.bd-bottom-success {
  border-bottom: 0.7rem solid #4aae4e !important;
}

.bd-bottom-alert {
  border-bottom: 0.7rem solid #e94539 !important;
}

.bd-bottom-warning {
  border-bottom: 0.7rem solid #e4aa21 !important;
}

.bd-bottom-info {
  border-bottom: 0.7rem solid #30a3dc !important;
}

.bd-bottom-disable {
  border-bottom: 0.7rem solid #dadada !important;
}

.bd-bottom-default {
  border: 0.1rem solid var(--border-color);
}

.text-success {
  color: #4aae4e !important;
}

.text-alert {
  color: #e94539 !important;
}

.text-danger {
  color: #e94539 !important;
}

.text-warning {
  color: #e4aa21 !important;
}

.text-info {
  color: #30a3dc !important;
}

.text-disable {
  color: #dadada !important;
}

.alert-warning {
  color: #e4aa21;
}

.card-v3-links {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-left: 0.1rem solid var(--grey);
  flex-direction: column;
  gap: 0.8rem;
}

.card-v3-links .hiperlink-v3 {
  margin-left: 2rem;
  margin-right: 1rem;
}

.card-v3-links .btn-default.disabled {
  margin-left: 2rem;
  color: var(--destaques);
  background: transparent !important;
  font-size: 1.1rem;
}

.user-view-linkable .hiperlink-v3 {
  margin-right: 2rem;
}

.card-v3-links .hiperlink-v3:has(.fa-solid.fa-users) {
  margin-left: 1.7rem;
}

.card-v3-links .hiperlink-v3:has(.fa-regular.fa-users) {
  margin-left: 1.7rem;
}

.card-v3-links .hiperlink-v3:has(.fa-regular.fa-eye.cl-orange) {
  margin-left: 1.85rem;
}

.disabled .hiperlink-v3 {
  opacity: 0;
}

.itens-card {
  padding: 0;
  margin: 0;
}
.itens-card li {
  font-size: 1.2rem;
  color: var(--text-color);
  list-style: none;
  margin-bottom: 0.2rem;
  font-weight: 400;
}

.itens-card li span {
  font-weight: 600;
}

.template_v3 #content {
  padding: 0;
}

.view-info {
  padding: 1rem 0;
}

.view-filter {
  margin-bottom: 1rem;
}

@media (max-width: 992px) {
  .view-filter {
    margin-top: 2rem;
  }
}

.view-filter .input-search input {
  width: 100%;
  min-height: 3rem;
}

@media (max-width: 768px) {
  .info-text {
    align-items: flex-start;
  }
}

.count-result {
  margin-bottom: 1rem;
}
.count-result p {
  font-size: 1.2rem;
  color: var(--text-color);
  margin: 0;
}

.loadmore {
  padding: 2rem 0;
  text-align: center;
}
.loadmore p {
  margin: 0;
  font-size: 1.4rem;
  color: #2e3039;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loadmore p i {
  color: var(--primary-color);
  margin-left: 1rem;
  font-size: 1.8rem;
}

.item-log {
  border: 0.1rem solid var(--border-color);
  padding: 1rem;
  background: var(--card-background);
  margin-bottom: 1rem;
}

pre {
  background-color: var(--theme-color);
  border: 1px solid var(--border-color);
  color: var(--text-color);
}

.item-log pre {
  margin-bottom: 0;
}

.itens-card-log li {
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--text-color);
  list-style: none;
  margin-bottom: 0.3rem;
  font-weight: 400;
}

.itens-card-log p {
  font-size: 1.3rem;
  line-height: 2rem;
  color: var(--text-color);
  list-style: none;
  margin-bottom: 0.1rem;
  font-weight: 600;
  word-break: break-all;
}

.itens-card-log span {
  font-weight: 400;
}

.item-log-conteudo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
}

.itens-card-log {
  flex: 35%;
}

.atividade-card-log {
  flex: 65%;
}

@media (max-width: 768px) {
  .item-log-conteudo {
    flex-direction: column;
  }
}

@media (max-width: 768px) {
  .item-log {
    margin-bottom: 0;
  }
  .itens-card-log {
    margin-bottom: 1rem;
  }
  .itens-card-log li {
    font-size: 1.2rem;
    line-height: 1.4rem;
  }
  .view-list .container {
    padding: 0 !important;
  }
  .view-list .container-v3 {
    padding: 0 !important;
  }
}

@media (max-width: 425px) {
  .itens-card-log p {
    font-size: 1.2rem;
  }
}

.tabs-v3 .nav-tabs {
  border: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-x: auto;
}

.tabs-v3 .nav-tabs > li {
  float: none;
  margin-bottom: 0;
  height: auto;
  flex: 1;
}

.tabs-v3 .nav-tabs li a {
  background: transparent !important;
  margin: 0;
  border: none !important;
  padding: 1rem;
  color: var(--tabs-itens-color) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border-bottom: 0.2rem solid var(--grey) !important;
  opacity: 0.6;
}

.tabs-v3 .nav-tabs li.active > a {
  line-height: 1;
  margin: 0;
  background: transparent;
  border: none;
  opacity: 1;
  border-bottom: 0.2rem solid var(--tabs-itens-color) !important;
}

.tabs-v3 .nav-tabs li a i {
  font-size: 2rem;
  line-height: 3rem;
  margin-right: 0.5rem;
}

.tabs-v3 .nav-tabs li a span {
  font-size: 1.2rem;
  line-height: normal;
}

.tabs-v3 .tab-content > .tab-pane {
  font-size: 1.2rem;
  color: var(--text-color);
  line-height: 1.8rem;
  font-weight: 500;
}

.tabs-v3 .tab-content {
  background: transparent;
  border: none;
  border-top: 0;
  padding: 2rem 0;
}

.form-group {
  margin-bottom: 1.5rem;
}

.select-and-button {
  display: flex;
  gap: 1rem;
  align-items: center;
}

@media (max-width: 750px) and (min-width: 426px) {
  .input-check-filter-v3 {
    margin-bottom: 1.2rem;
    margin-top: 0.5rem;
  }
}

@media (max-width: 768px) and (min-width: 424px) {
  .input-check-filter-v3 {
    margin-left: 1rem;
  }
}

@media (max-width: 425px) {
  .input-check-filter-v3 legend {
    font-size: 1.3rem;
  }

  .filter-checkbox-v3 label {
    font-size: 1.2rem;
  }

  .una {
    border-right: none;
  }

  .select-and-button {
    width: 100% !important;
    margin-bottom: 1rem;
  }
}

.flex-end {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
}

.flex-center {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .adaptive-mobile-row {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: normal;
  }

  .adaptive-mobile-row .select-and-button,
  .adaptive-mobile-row .input-check-filter-v3 {
    margin-bottom: 1rem;
  }

  .adaptive-mobile-row .select-filter-v3 select {
    width: 100%;
  }

  .adaptive-mobile-row .col-md-4 .select-filter-v3 label {
    width: 15%;
  }

  .adaptive-mobile-row #limpar_filtros {
    min-width: 100% !important;
  }
}

@media (max-width: 1540px) and (min-width: 1441px) {
  .adaptive-mobile-row .filter-checkbox-v3 label {
    font-size: 1.2rem;
  }
}

@media (max-width: 1353px) and (min-width: 992px) {
  .adaptive-mobile-row .input-check-filter-v3 {
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    justify-content: normal;
    position: relative;
  }
}

#col-not-variable {
  padding: 0;
}

@media (max-width: 991px) and (min-width: 769px) {
  .adaptive-mobile-row .form-v3 legend {
    border-left: none;
  }
}

@media (max-width: 500px) {
  .adaptive-mobile-row .input-check-filter-v3 {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .adaptive-mobile-row .filter-checkbox-adicional {
    margin-left: 0;
    margin-top: 1rem;
  }
}

@media (max-width: 420px) {
  #col-not-variable {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 330px) {
  .adaptive-mobile-row .input-check-filter-v3 .filter-checkbox-v3 label {
    font-size: 1rem !important;
  }
}

.open-filter {
  display: none;
}

.open-filter.active {
  display: block;
  margin: 1rem 0 2rem;
}

.view {
  min-height: 100vh;
}

.view-list,
.view-list-user {
  margin-bottom: 1rem;
  min-height: 100vh;
}

/* .item-menu-v3 a, */
.item-menu-v3 .item-user {
  border: 0.1rem solid var(--border-color);
  padding-right: 1rem; /* manter assim agora */
  background: var(--card-background);
  display: block;
  margin-bottom: 0.5rem;
}

.item-menu-v3 .user-view,
.item-menu-v3 .user-view-linkable {
  padding-right: 0;
  border-radius: 0.5rem;
}

.bd-success .user-view,
.bd-success .user-view,
.bd-info .user-view,
.bd-warning .user-view,
.bd-disable .user-view {
  border-radius: 0rem 0.5rem 0.5rem 0rem;
}

.bd-success .user-view-linkable,
.bd-alert .user-view-linkable,
.bd-info .user-view-linkable,
.bd-warning .user-view-linkable,
.bd-disable .user-view-linkable {
  border-radius: 0rem 0.5rem 0.5rem 0rem;
}

.bd-success:has(.user-view),
.bd-alert:has(.user-view),
.bd-info:has(.user-view),
.bd-warning:has(.user-view),
.bd-disable:has(.user-view) {
  border-radius: 0.5rem;
}

.bd-success:has(.user-view-linkable),
.bd-alert:has(.user-view-linkable),
.bd-info:has(.user-view-linkable),
.bd-warning:has(.user-view-linkable),
.bd-disable:has(.user-view-linkable) {
  border-radius: 0.5rem;
}

.item-menu-v3 a.disabled,
.item-menu-v3 .item-user.disabled {
  pointer-events: none;
  background: transparent;
}

.item-menu-v3 a.disabled,
.item-menu-v3 .item-user.user-view {
  pointer-events: none;
}

.content-item-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content-item-menu p {
  color: var(--text-color);
  margin: 0;
  font-weight: 500;
}

.content-item-menu span {
  font-weight: 400;
}

.content-list-inline span {
  font-weight: 400;
}

.card-v3-content-title {
  font-size: 1.5rem;
  font-weight: 500;
}

.card-v3-content-list {
  font-size: 1.2rem;
}

.content-item-menu p:not(:first-child) b {
  font-weight: 500;
}

.card-list-link {
  position: relative;
  overflow: hidden;
  padding: 1rem;
  width: 100%;
  transition: background-color 0.5s;
}

.user-view-linkable .card-list-link:hover {
  background-color: var(--hover-card);
  border-radius: 0.5rem;
}

.card-list-link:hover {
  background-color: var(--hover-card);
}

.item-blocos .card-list-link {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.item-blocos .card-list-link .card-v3-content-col {
  flex: 1;
}

#turmas .card-list-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 9rem;
}

#turmas-usuarios .card-list-link {
  min-height: 9rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#permission_group span {
  text-transform: lowercase;
}

.card-v3-content-title,
.card-v3-content-list {
  z-index: 1;
  position: relative;
}

@media (max-width: 768px) {
  .content-item-menu {
    display: block;
    margin-bottom: 1rem;
  }

  .user-view-linkable .content-item-menu {
    display: block;
    margin-bottom: 0;
  }

  .item-blocos .card-list-link {
    flex-direction: column;
    align-items: normal;
    gap: 0;
  }

  .col-checkbox-filter-v3 {
    padding-left: 0;
    padding-right: 0;
  }

  .user-view-linkable .card-v3-links {
    display: none;
  }
}

.content-item-menu .icon {
  display: flex;
  align-items: center;
}
.content-item-menu .icon i {
  font-size: 2rem;
  color: var(--primary-color);
}
.content-item-menu .icon span {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: var(--mid-grey);
  margin-left: 0.5rem;
}
a.disabled .content-item-menu .icon i,
a.disabled .content-item-menu .icon span {
  color: var(--mute-grey);
}
.item-user.disabled .content-item-menu .icon i,
.item-user.disabled .content-item-menu .icon span {
  color: var(--mute-grey);
}
@media (max-width: 768px) {
  .content-item-menu .icon span {
    display: none;
  }

  .content-item-menu p {
    font-size: 1.3rem;
    line-height: 2rem;
  }

  .card-v3-content-title {
    font-size: 1.5rem;
  }

  .item-menu-v3 .item-user {
    padding: 0;
  }
  .content-item-menu .icon i {
    font-size: 1.6rem;
  }
  .item-menu-v3 .item-user {
    margin-bottom: 1rem;
    border-top: 0.1rem solid var(--grey);
  }
}

@media (min-width: 769px) {
  .tab-content .view-info {
    padding: 1rem 0 !important;
  }
  .tab-content .view-info .container {
    padding: 0;
  }
  .tab-content .view-info .container-v3 {
    padding: 0;
  }
}

.create-public {
  margin-top: 1rem;
}

.create-public-tabs .tabs-v3 .tab-content {
  padding-top: 0;
}

.create-public-tabs .tabs-v3 .tab-content .btn-v3 {
  border-radius: 0;
}

.tab-content .view-info {
  margin-bottom: 0rem;
  border-bottom: none;
  padding: 1rem 1.5rem;
}

@media (max-width: 768px) {
  .tab-content .--filter-action {
    padding: 0 1.5rem;
  }

  .create-public-tabs .container {
    padding: 0;
  }
  .create-public-tabs .container-v3 {
    padding: 0;
  }
}

.view-form {
  padding: 1rem 0;
}

.view-conference {
  padding: 1rem 0;
}

.flex-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-v3-content {
  display: flex;
}

.card-v3-content-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.card-v3-content-col-check {
  flex-direction: row;
}

#usuarios .card-v3-content-col {
  flex: 1;
}

.card-v3-content-col .col-progress-v3 {
  display: flex;
  align-items: center;
  width: 80%;
}

.col-progress-v3 .p-progress-v3 {
  font-size: 1.3rem !important;
  width: 50%;
}

.card-v3-content-col h3 i {
  color: var(--primary-color);
  margin-right: 0.5rem;
}

.card-v3-content-title i {
  color: var(--icon-color);
  margin-right: 0.5rem;
}

.card-content-with-image,
.card-content-with-image .card-list-link {
  display: flex;
}

.card-v3-thumbnail {
  margin-right: 1rem;
  width: 10rem;
  display: flex;
  align-items: center;
}

.card-v3-icone {
  width: 60px;
  min-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 34px;
  margin-right: 1rem;
}

.card-v3-icone i {
  color: var(--primary-color);
}

.thumbnail-background {
  height: 6rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.card-v3-thumbnail-conteudo-interno {
  margin-right: 1rem;
  width: 100%;
  max-width: 11rem;
  height: 7.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.card-v3-thumbnail img {
  width: 100%;
  height: 6rem;
  display: block;
  object-fit: fill;
}

.user-view-linkable .card-v3-thumbnail img {
  border-radius: 0.5rem;
}

.card-v3-img {
  width: 14rem;
  margin-right: 1rem;
}
.card-v3-text {
  flex: 1;
}

.thumbnail-list-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  padding: 1rem;
  overflow: hidden;
  line-height: normal;
}

.thumbnail-list-content div {
  line-height: 0;
}

.thumbnail-list-content p,
.thumbnail-list-content span {
  font-size: 60% !important;
  line-height: normal;
}

.span-v3-content-list {
  font-size: 1.2rem;
  display: flex;
}

.content-list-inline {
  font-size: 1.15rem;
  font-weight: 400;
}

.span-v3-content-list span:not(:last-child)::after {
  content: " | ";
  margin-right: 1rem;
  margin-left: 1rem;
  color: var(--grey);
}

.content-col-with-image {
  justify-content: space-evenly;
}

.content-col-with-image p,
.content-col-with-image span {
  color: var(--text-color);
}

.content-col-with-image p:hover,
.content-col-with-image span:hover {
  color: var(--text-color);
}

.flex-line .form-v3 {
  width: 100%;
}

@media (max-width: 768px) {
  .disabled .card-v3-links {
    display: none;
  }

  .flex-line {
    display: block;
  }

  .card-v3 {
    padding-bottom: 1rem;
  }

  .card-v3-links {
    display: flex;
    align-items: flex-start;
    justify-content: end;
    border-top: 0.1rem solid var(--grey);
    border-left: none;
    flex-direction: row;
    padding-top: 1rem;
  }

  .card-v3-links .hiperlink-v3 {
    font-size: 1.3rem;
  }

  .hiperlink-v3 i {
    font-size: 1.3rem;
  }

  .span-v3-content-list {
    flex-direction: column;
  }

  .content-col-with-image {
    width: 50%;
  }

  .span-v3-content-list span:not(:last-child)::after {
    content: "";
    margin-right: 0;
    margin-left: 0;
  }

  .bd-alert {
    border-left: 0.6rem solid #e94539;
  }

  .bd-danger {
    border-left: 0.6rem solid #e94539;
  }

  .bd-success {
    border-left: 0.6rem solid #4aae4e;
  }

  .bd-warning {
    border-left: 0.6rem solid #e4aa21;
  }

  .bd-info {
    border-left: 0.6rem solid #30a3dc !important;
  }

  .bd-disable {
    border-left: 0.6rem solid #dadada !important;
  }

  .card-v3-thumbnail {
    width: 10rem;
  }
}

@media (max-width: 767px) {
  .card-v3 {
    padding-bottom: 0.7rem;
    margin-bottom: 1.5rem;
  }
  .list-conference .container {
    padding: 0 !important;
  }
  .list-conference .container-v3 {
    padding: 0 !important;
  }
  .card-v3-img {
    width: 12rem;
  }
  .card-v3 h3 {
    line-height: 1.8rem;
    font-size: 1.4rem;
  }
}

@media (max-width: 425px) {
  /* Se houver conflitos, manter 425 mesmo */
  .card-v3-links .hiperlink-v3 {
    font-size: 1.2rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .hiperlink-v3 i {
    font-size: 1.2rem;
  }

  .col-progress-v3 .p-progress-v3 {
    width: 70%;
  }
  .content-col-with-image {
    width: 100%;
  }
}

@media (max-width: 320px) {
  /* Links para dispositivos menores */
  .card-v3-links {
    justify-content: space-evenly;
    padding-top: 0.5rem;
  }
  .card-v3-links .hiperlink-v3 {
    font-size: 0.9rem;
  }
  .hiperlink-v3 i {
    font-size: 1.3rem;
  }
}

img {
  max-width: 100%;
}

/*Bootstrap grid mobile*/

@media (max-width: 767px) {
  .col-12 {
    width: 100%;
  }

  .col-11 {
    width: 91.66666667%;
  }

  .col-10 {
    width: 83.33333333%;
  }

  .col-9 {
    width: 75%;
  }

  .col-8 {
    width: 66.66666667%;
  }

  .col-7 {
    width: 58.33333333%;
  }

  .col-6 {
    width: 50%;
  }

  .col-5 {
    width: 41.66666667%;
  }

  .col-4 {
    width: 33.33333333%;
  }

  .col-3 {
    width: 25%;
  }

  .col-2 {
    width: 16.66666667%;
  }

  .col-1 {
    width: 8.33333333%;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
  }
}

.line-separator {
  border-bottom: 0.1rem solid var(--grey);
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.item-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.selected-items,
.selected-items-two {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.selected-item {
  background: var(--light-grey);
  border: 0.1rem solid var(--grey);
  padding: 0.3rem 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  color: var(--text-color);
  margin: 0 1rem 1rem 0;
  border-radius: 0.4rem;
}
.remove-btn {
  margin-left: 0.5rem;
  cursor: pointer;
  color: var(--text-color);
  font-size: 1.4rem;
  line-height: 2rem;
}
.form-hidden,
.subform-hidden,
.form-hidden-two {
  display: none;
}

.tab-data {
  padding: 1rem 0;
}

.label-v3 {
  margin-bottom: 1rem;
}

.title_page_v3 {
  border-bottom: 1px solid var(--grey);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.title_page_v3 h2 {
  color: var(--text-color);
  font-size: 1.6rem;
  margin-bottom: 0;
  font-weight: bold;
  line-height: normal;
}

.title_page_v3 h2 span {
  font-weight: 400;
  line-height: normal;
}

.title_page_v3 h3 {
  color: var(--text-color);
  font-size: 1.3rem;
  display: flex;
  margin-top: 1rem;
  align-items: center;
  font-weight: 400;
}

.title_page_v3 h3 span {
  margin-left: 0.5rem;
  font-weight: 600;
}

.title-page-no-line .title_page_v3 {
  border-bottom: none;
}

.title_page_v3 .view-info {
  padding-bottom: 0;
}

.label-v3 p {
  display: block;
  color: var(--text-color);
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0;
  font-weight: bold;
}

.fieldset-v3 p {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1.2rem;
}

.label-form {
  display: flex;
  flex-direction: column;
}

.label-form label {
  line-height: normal;
  margin: 0;
  margin-right: 1rem;
}

.label-form .controls {
  line-height: normal;
  margin: 0;
}

.label-form .form-control-static {
  padding: 0;
  margin: 0.5rem 0;
  font-size: 1.4rem;
  font-weight: 400;
}

.checkbox-v3 {
  display: inline-flex;
  margin-right: 2rem !important;
}

.display-checkbox-vertical {
  display: flex;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.radio-v3 {
  display: inline-flex;
  margin-right: 2.5rem !important;
}

.radio-v3-legenda {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  color: var(--text-color);
}

.check-v3-legenda {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  color: var(--text-color);
}

.radio-v3 input[type="radio"] {
  margin: 0 0.7rem 0 0 !important;
  min-width: 1.4rem;
  height: 1.4rem;
}

.check-v3-legenda input[type="checkbox"] {
  margin: 0 0.5rem 0 !important;
  min-width: 1.3rem;
  height: 1.3rem;
}

.radio-v3-legenda i {
  margin-right: 0.5rem;
}

.check-v3-legenda i {
  margin-right: 0.5rem;
}

@media screen and (max-width: 768px) {
  .checkbox-v3 {
    display: block;
    margin-right: 0;
  }

  .text-v3 input,
  .number-v3 input,
  .select-v3 .chosen-container-single .chosen-single {
    min-height: 3.8rem;
  }
  .form-v3 .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    min-height: 3.4rem;
  }
  .select-v3 .chosen-container-single .chosen-single span {
    min-height: 3rem;
  }
  .select-v3 .chosen-container-single .chosen-search input[type="text"] {
    min-height: 2.4rem;
  }
  .select-v3 .chosen-container .chosen-results li.active-result {
    font-size: 1.3rem;
  }
}

@media (max-width: 425px) {
  .text-v3 input,
  .number-v3 input,
  .select-v3 .chosen-container-single .chosen-single {
    min-height: 3.4rem;
  }

  .form-v3 label,
  .label-radio-v3 {
    font-size: 1.3rem;
  }

  .switch-v3 span {
    font-size: 1.3rem;
  }

  .label-v3 p {
    font-size: 1.3rem;
  }

  .select-v3 .chosen-container-single .chosen-single span {
    min-height: 2.4rem;
  }
}

/* Checkbox Filter Input v3 */

.input-check-filter-v3 {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  justify-content: center;
  overflow-x: auto;
}

.input-check-filter-v3 label {
  margin-bottom: 0;
  font-weight: normal;
  margin-right: 1rem;
  line-height: normal;
}

.input-check-filter-v3 input[type="radio"],
input[type="checkbox"] {
  margin: 0 1rem 0 0;
}

.form-v3 legend {
  border-bottom: 0;
  border-left: 1px var(--grey) solid;
  padding-left: 1rem;
  margin: 0;
  width: auto;
  margin-right: 1rem;
  font-weight: bold;
  font-size: 1.4rem;
}

.form-v3-display-side {
  display: flex;
  justify-content: space-around;
  gap: 2rem;
}

.search-row-v3 {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.search-col-v3 {
  flex: 80%;
}

.search-col-expand {
  flex: 90%;
}

.btn-filter-col {
  flex: 10%;
}

@media screen and (max-width: 768px) {
  .form-v3-display-side {
    flex-direction: column;
  }

  #limpar_filtros {
    min-width: 100% !important;
  }
}

@media (max-width: 600px) {
  .input-check-filter-v3 {
    padding-bottom: 10px;
  }
}

@media (max-width: 425px) {
  .input-check-filter-v3 {
    margin-bottom: 1.2rem;
    margin-top: 0.5rem;
    justify-content: flex-start;
  }

  .una {
    border-right: none !important;
  }

  .select-filter-v3 label {
    width: 30% !important;
  }

  #limpar_filtros {
    min-width: 100% !important;
  }
}

@media (max-width: 375px) {
  .search-row-v3 {
    gap: 0;
  }

  .search-row-expand {
    gap: 1rem;
  }
}

.form-v3-display-side .card-image-v3 {
  flex: 1;
}

.filter-checkbox-v3 input[type="checkbox"] {
  display: none;
}

.filter-checkbox-v3 label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 1.3rem;
}

.filter-checkbox-v3 label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--text-color);
  border-radius: 3px;
}

.ava label::before {
  background-color: var(--green);
}

.una label::before {
  background-color: var(--red);
}

.ocu label::before {
  background-color: var(--blue);
}

.lib label::before {
  background-color: #e4aa21;
}

.ina label::before {
  background-color: #aaaaaa;
}

.una {
  border-right: 1px var(--grey) solid;
  padding-right: 0.5rem;
}

.filter-default label::before {
  background-color: transparent;
  color: var(--green) !important;
}

.filter-checkbox-v3 input[type="checkbox"]:checked + label::before {
  content: "\2713";
  color: var(--white);
  line-height: 1.5rem;
  font-size: 1.1rem;
  text-align: center;
  font-weight: 600;
}

.filter-checkbox-adicional input[type="checkbox"]:checked + label::before {
  color: var(--green);
}

.select-filter-v3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.select-filter-v3 label {
  margin-bottom: 0px;
  display: flex;
  align-self: center;
  margin-right: 1rem;
  width: 20%;
}

.col-md-4 .select-filter-v3 label {
  width: 25%;
}

.select-filter-v3 select {
  width: 90%;
  margin: 0;
}

.select-action-v3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
}

.select-action-v3 label {
  margin-bottom: 0px;
  display: flex;
  align-self: center;
  margin-right: 1rem;
  width: 20%;
}

.select-action-v3 select {
  width: 90%;
  margin: 0;
}

.action-select-filter {
  margin-top: 1rem;
}

@media screen and (max-width: 1760px) {
  .select-filter-v3 select {
    width: 80%;
  }
}

@media screen and (max-width: 1620px) {
  .select-filter-v3 select {
    width: 70%;
  }
}

@media screen and (max-width: 1580px) {
  .select-filter-v3 label {
    width: 36%;
  }
}

@media screen and (max-width: 768px) {
  .form-v3 legend {
    border-left: none;
    padding-left: 0;
  }
  .select-filter-v3 label {
    width: 50%;
  }
}

.form-v3.checkbox-v3 label {
  margin-bottom: 0;
  font-weight: bold;
}

.checkbox-v3-legenda {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  color: var(--text-color);
}

.checkbox-v3 input[type="radio"],
.checkbox-v3 input[type="checkbox"] {
  margin: 0 0.5rem 0 !important;
  min-width: 1.3rem;
  height: 1.3rem;
  cursor: pointer;
}

.space {
  padding-bottom: 3rem;
}

.space-1rem {
  padding-bottom: 1rem;
}

.space-1rem-top {
  padding-top: 1rem;
}

@media (max-width: 767px) {
  .space {
    padding-bottom: 1rem;
  }
  .container-space {
    padding: 0 1.5rem;
  }
}

.grid-menu.grid-menu-links .item i {
  font-size: 4.2rem;
}

.grid-menu .item span {
  font-size: 1.6rem;
  line-height: 2.2rem;
}

.grid-menu .item:hover span {
  color: var(--icon-color);
}

.grid-menu.grid-menu-links .tt-menu {
  width: 12%;
  flex: 0 0 12%;
}

.grid-menu.grid-menu-links {
  gap: 2rem;
}

@media (max-width: 767px) {
  .mobile-remove-space {
    padding: 0 !important;
  }
  .wrap-container-v3 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .grid-menu.grid-menu-links .tt-menu {
    width: 50%;
    flex: 0 0 50%;
    gap: 0;
  }
  .grid-menu.grid-menu-links {
    gap: 0;
  }
}
.fixed-topbar {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
}
.topisfixed-margem-superior {
  margin-top: 7rem;
}

.top-bar-saving {
  position: relative;
  width: 100px;
  height: 5px;
  overflow: hidden;
}

.top-bar-saving-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: green;
  transition: width 0.5s ease-in-out;
}

.top_bar_user_menu {
  position: absolute;
  top: 52px;
  right: -165%;
  border-radius: 0 0 0 8px;
  overflow: hidden;
  border: 1px solid var(--border-color);
  display: none;

  @media (max-width: 1428px) {
    top: 45px;
    right: -150%;
  }

  @media (max-width: 1200px) {
    right: -45%;
  }

  @media (max-width: 992px) {
    top: 45px;
  }
}

.top_bar_user_menu li {
  background-color: var(--theme-color);
  padding: 0.7rem 1rem;
  display: flex;
  margin-bottom: -1px;
  font-size: 1.4rem;
  transition: background-color 0.2s ease-in-out;
  justify-content: space-between;
  align-items: center;
}

.top_bar_user_menu li:hover {
  background-color: var(--hover-card);
}

.top_bar_user_menu li a {
  color: var(--text-color);
}

.top_bar_user_menu li #messages {
  margin-left: -0.2rem;
}

.top_bar_user_menu li #messages i {
  margin-right: 0.4rem;
  font-size: 90%;
}

.top_bar_user_menu li a i {
  color: var(--icon-color);
  margin-right: 0.7rem;
}

.user-menu-item-name {
  flex-direction: column;
  align-items: normal !important;
  pointer-events: none;
  padding-bottom: 0 !important;
}

.user-menu-item-name span {
  margin-bottom: 0.8rem;
  color: var(--text-color);
}

.user-name-divider {
  width: 100%;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 0.5rem;
}

.top_bar_user_menu ul {
  margin: 0;
  padding: 0;
  min-width: 22rem;
}

@media (max-width: 479px) {
  .top_bar_user_menu li {
    font-size: 1.3rem;
  }
}

@media (max-width: 425px) {
  .top_bar_user_menu ul {
    min-width: 200px;
  }
}

.input-error .chosen-choices li.search-field input[type="text"] {
  border-color: var(--error) !important;
  background-color: var(--lighter-error) !important;
}

.user-v3-notification {
  background-color: #ff0000;
  color: var(--white);
  border-radius: 50px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  line-height: normal;
}

/* Modal Botão V3 */

.bg-modal-btn.active-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 9;
}

.menu-modal {
  width: 22rem;
  position: fixed;
  right: 2rem;
  bottom: 14rem;
  z-index: 10;
  border-radius: 0.8rem;
  background: var(--card-background);
  display: none;
}

@media (max-width: 1024px) {
  .menu-modal {
    bottom: 20rem;
  }
}

.menu-modal-partial {
  width: 20rem;
  position: absolute;
  z-index: 10;
  border-radius: 0.8rem;
  background: var(--card-background);
  bottom: 4rem;
  display: none;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.menu-modal-open-donw {
  margin-top: 1rem;
  top: 100%;
  right: 0;
  height: fit-content;
  width: 22rem;
}

.bg-modal-btn.active-menu .menu-modal {
  display: block;
}

.bg-modal-btn.active-menu .menu-modal-partial {
  display: block;
}

.bg-modal-btn.active-menu .btn-circle-v3 {
  pointer-events: none;
  background: #a1d8a3;
}

.menu-modal h2,
.menu-modal-partial h2 {
  border-radius: 0.8rem 0.8rem 0 0;
  background: var(--green);
  text-align: center;
  font-size: 1.4rem;
  color: var(--card-background);
  line-height: 2rem;
  padding: 0.6rem 1rem;
  margin: 0;
  font-weight: 400;
}

.menu-modal ul,
.menu-modal-partial ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.menu-modal li a,
.menu-modal-partial li a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0.5rem 1rem;
  color: var(--mid-grey);
  font-size: 1.3rem;
  line-height: 2rem;
  border-top: 0.1rem solid #e6e6e6;
}

.menu-modal li a span,
.menu-modal-partial li a span {
  font-weight: 400;
}

.menu-modal li .disabled {
  color: var(--light-grey) !important;
  opacity: 0.5;
}

.menu-modal li a:hover,
.menu-modal-partial li a:hover {
  background-color: var(--hover-card);
}

.menu-modal li:last-child a:hover,
.menu-modal-partial li:last-child a:hover {
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}

.menu-modal li a i,
.menu-modal-partial li a i {
  margin-left: 0.8rem;
  color: var(--green);
  font-size: 1.5rem;
}

.bg-bg-blue h2,
.bg-bg-blue h2 {
  background: var(--blue);
}

.bg-bg-blue li a i,
.bg-bg-blue li a i {
  color: var(--blue);
}

.menu-modal li .disabled i {
  color: var(--light-grey) !important;
}

.pl-0 {
  padding-left: 0;
}

/* modal square v3 */

.bg-modal-btn-square.active-menu:before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  z-index: 10;
}
.menu-modal-square {
  width: 16rem;
  position: absolute;
  right: 0;
  top: 85%;
  bottom: auto;
  z-index: 11;
  border-radius: 0.8rem;
  background: var(--card-background);
  display: none;
  overflow: hidden;
}
.bg-modal-btn-square.active-menu .menu-modal-square {
  display: block;
}
.bg-modal-btn-square.active-menu .btn-square-v3 {
  pointer-events: none;
  color: #ffab77 !important;
  z-index: 11;
  position: relative;
}
.bg-modal-btn-square.active-menu .btn-square-v3 span {
  color: var(--primary-color) !important;
}
.menu-modal-square ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.menu-modal-square li a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 1rem 1.5rem;
  color: var(--mid-grey);
  font-size: 1.4rem;
  line-height: 2rem;
  border-top: 0.1rem solid #e6e6e6;
}
.menu-modal-square li a i {
  margin-left: 0.7rem;
  color: var(--primary-color);
  font-size: 1.6rem;
}

/* Alert Deleve v3 */

.alert-delete-v3,
.alert-delete-v3-presencial,
.alert-share-v3,
.alert-modal-v3 {
  display: none;
}

.alert-delete-v3.active,
.alert-share-v3.active,
.alert-modal-v3.active,
.alert-delete-v3-presencial.active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 99;
}

.box-alert {
  background: var(--card-background);
  padding: 3rem 2rem;
  border-radius: 0.8rem;
  width: 35rem;
  max-width: 100%;
  animation: fadeInBox 0.5s ease-out forwards;
  opacity: 0;
  transform: translateY(-20px);
}

.box-alert .close-btn-alert {
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: var(--text-color);
  background-color: var(--theme-color);
  filter: alpha(opacity=20);
  opacity: 0.4;
  border: none;
  position: absolute;
  top: 3%;
  right: 2%;
}

@keyframes fadeInBox {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.box-alert .btn-v3 {
  border-radius: 0.6rem !important;
  margin-bottom: 0 !important;
}

.box-alert h3 {
  font-size: 2rem;
  color: var(--primary-color);
  font-weight: bold;
  margin-bottom: 2rem;
  margin-top: 0;
  text-align: center;
}

.box-alert p {
  font-size: 1.4rem;
  color: var(--text-color);
  font-weight: 500;
  margin-bottom: 1.5rem;
  text-align: center;
}

.box-alert .box-alert-info-text {
  color: var(--destaques);
  text-align: center;
  font-size: 1.2rem;
  display: block;
  margin-bottom: 1.2rem;
}

.box-alert .info-text p {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: var(--destaques);
  margin-bottom: 0;
  font-weight: normal;
}

@media (max-width: 425px) {
  .box-alert {
    width: 29rem;
    padding: 2rem 2rem;
  }

  .box-alert .btn-v3 {
    min-width: 10rem;
  }

  .buttons-alert {
    gap: 1rem;
  }
}

@media (max-width: 320px) {
  .box-alert {
    width: 25rem;
    padding: 2rem 2rem;
  }
}

.buttons-alert {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.empty_query_box_v3 {
  background-color: var(--light-grey);
  padding: 3rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--mute-grey);
  transition: 0.8s ease-in-out;
}

.empty_query_box_v3 h3 {
  font-size: 1.5rem;
  margin: 0;
  font-weight: normal;
}

.template_v3 .alert {
  margin: 0 auto;
  width: 30rem;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  animation: slide-down 0.5s ease forwards;
  margin-bottom: 1.2rem;
  position: absolute;
  left: 50%;
  top: 0;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  z-index: 9;
}

.template_v3 .alert-only-page {
  margin: 0 auto;
  width: 30rem;
  font-size: 1.3rem;
  font-weight: 500;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  animation: slide-down 0.5s ease forwards;
  margin-bottom: 1.2rem;
  position: absolute;
  left: 50%;
  top: 0;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  z-index: 9;
}

@keyframes slide-down {
  from {
    transform: translateX(-50%) translateY(-100%);
  }
  to {
    transform: translateX(-50%) translateY(0);
  }
}

@keyframes slide-up {
  from {
    transform: translateX(-50%) translateY(0);
  }
  to {
    transform: translateX(-50%) translateY(-100%);
  }
}

.template_v3 .alert .close {
  font-size: 1.8rem;
}

.template_v3 .alert i {
  font-size: 1.4rem;
  margin-right: 0.5rem;
  margin-top: 0;
}

.template_v3 .alert-success {
  background-color: #d2f9d4 !important;
  color: #1c8420 !important;
  text-align: center;
}

.template_v3 .alert-danger {
  color: #a94442 !important;
  background-color: #f2dede !important;
  text-align: center;
}

.template_v3 .alert-info {
  color: #007bb8 !important;
  background-color: #d2f4f9 !important;
  text-align: center;
}

.template_v3 .alert-attention {
  color: #e68b12 !important;
  background-color: #f9f4d2 !important;
  text-align: center;
}

.message-error-upload {
  color: #a94442 !important;
  background-color: #f2dede !important;
  text-align: center;
  width: 32rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 30%;
  left: 50%;
  z-index: 999999;
  transform: translate(-50%, -30%);
  padding: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
    rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  display: none;
}

/* nestable-v3 */

.dd {
  float: none;
  width: 100%;
}

.nestable-v3 .dd {
  float: none;
  width: 100%;
}

.dd3-content {
  margin: 0;
  height: 5.5rem;
  background-color: var(--card-background);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-color: var(--border-color);
  padding-right: 2rem;
  border-left: none;
}

.nestable-v3 .dd3-content {
  margin: 0;
  height: 5.5rem;
  background-color: var(--card-background);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-color: var(--border-color);
  padding-right: 2rem;
  border-left: none;
}

.dd3-content:hover {
  color: var(--primary-color);
}

.nestable-v3 .dd3-content:hover {
  color: var(--primary-color);
}

.dd3-handle {
  height: 5.5rem;
  display: flex;
  align-items: center;
  background-color: var(--card-background);
  color: var(--mute-grey);
  border-right: none;
}

.nestable-v3 .dd3-handle {
  height: 5.5rem;
  display: flex;
  align-items: center;
  background-color: var(--card-background);
  color: var(--mute-grey);
  border-right: none;
  width: auto;
}

.dd3-handle i {
  font-size: 1.7rem;
}

.nestable-v3 .dd3-handle i {
  font-size: 1.7rem;
}

.dd-item > button {
  background-color: var(--card-background);
  height: 5.5rem;
  margin: 0px 0px 0 30px;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.nestable-v3 .dd-item > button {
  background-color: var(--card-background);
  height: 5.5rem;
  margin: 0px 0px 0 30px;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.dd-collapsed .dd3-content {
  padding-left: 10px;
}

.nestable-v3 .dd-collapsed .dd3-content {
  padding-left: 10px;
}

.dd-item > button:before {
  color: var(--icon-color);
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
}

.nestable-v3 .dd-item > button:before {
  color: var(--icon-color);
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
}

.dd-item > button[data-action="collapse"]:before {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
}

.nestable-v3 .dd-item > button[data-action="collapse"]:before {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
}

.nestable-v3-list-actions a {
  display: inline-flex;
  align-items: center;
  font-weight: normal;
  font-size: 1.2rem;
}

.nestable-v3-list-actions a:hover {
  color: var(--primary-color);
}

.nestable-v3-list-actions i {
  margin-right: 0.5rem;
  font-size: 1.8rem;
}

.nestable-v3-list-actions a:not(:last-child)::after {
  content: "";
  border-left: 1px solid var(--grey);
  height: 2rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.nestable-v3-list-name {
  font-weight: normal;
  font-size: 1.3rem;
  color: var(--text-color);
  z-index: 1;
}

.nestable-v3-list-icon {
  color: var(--destaques);
  font-size: 1.5rem;
  line-height: normal;
}

.nestable-v3-list-name.with-icon {
  display: flex;
  align-items: center;
  gap: 1rem;
  overflow-wrap: anywhere;
  padding-right: 12px;

  span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.nestable-v3-list-name p {
  margin: 0;
  line-height: normal;
  align-items: center;
  gap: 1rem;
  display: -webkit-box;
  overflow: hidden;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow-wrap: anywhere;
  padding-right: 12px;
}

.nestable-v3-list-name .nestable-v3-label {
  font-size: 80%;
  color: var(--destaques);
}

.nestable-v3 ol li ol li .nestable-v3-label {
  display: block;
}

.dd-item:has(> button[data-action="collapse"]) > .dd3-content {
  padding-left: 0.5rem;
}

@media (max-width: 425px) {
  .nestable-v3-list-name {
    max-width: 20rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .nestable-v3-list-name p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 375px) {
  .nestable-v3-list-name {
    max-width: 16rem;
  }
}

@media (max-width: 360px) {
  .nestable-v3-list-name {
    max-width: 14rem;
  }

  .nestable-v3-list-actions a:not(:last-child)::after {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}

.list-categ-edit i {
  color: var(--primary-color);
}
.list-categ-add i {
  color: var(--green);
}
.list-categ-del i {
  color: var(--red);
}

.nestable-v3 ol li ol li span {
  display: none;
}

.nestable-v3 .btnEditarPermissao {
  background-color: transparent;
  border: 0;
  font-size: 1.4rem;
  font-weight: 500;
  border-left: 0.1rem solid var(--border-color);
  padding-left: 1rem;
}

.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
  height: 5.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dd-dragel > .dd3-item > .dd3-content {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5.5rem;
}

.dd-item > button:before {
  color: var(--icon-color);
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
}

.dd-item > button[data-action="collapse"]:before {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
}

@media (max-width: 798px) {
  .nestable-v3-list-actions span,
  .nestable-v3 .pull-right span {
    display: none;
  }
}

.line-horizontal-v3 {
  margin: 2rem 0;
}

.line-horizontal-v3 hr {
  border: 0;
  border-top: 0.1rem solid var(--grey);
  margin: 0;
}

.below-fieldset-v3 {
  margin: 0 !important;
}

.below-fieldset-v3 hr {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.slide-in-itens {
  display: block;
  animation: slide-in-itens 1.5s;
}

@keyframes slide-in-itens {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

.box-file-v3 {
  width: 90%;
}

/* Card image zoom file-v3 */

.control-hubble {
  display: flex;
  align-items: center;
  background: #fff;
  border: 0.1rem solid var(--grey);
  border-top: 0 solid transparent;
  border-radius: 0 0 0.6rem 0.6rem;
  padding: 1.2rem;
}
.icon-controls-hubble {
  flex: 1;
  display: flex;
  align-items: center;
}
.icon-controls-hubble a {
  font-size: 1.6rem;
  color: #818181;
}
.control-hubble span {
  font-size: 1.2rem;
  color: #818181;
  margin-right: 1rem;
  font-weight: 500;
}
#hubble-container {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
  border: 0.1rem solid var(--grey);
}

#hubble-container-visualizador {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.hubble-container-visualizador {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hubble-container-visualizador img {
  width: 100%;
}

#hubblepic {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

#zoomer {
  display: block;
  width: 100%;
  margin: 0 1rem;
  cursor: pointer;
}

#zoomer,
#zoomer::-webkit-slider-runnable-track,
#zoomer::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
}
#zoomer::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.2rem;
  background: #818181;
}
#zoomer::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.4rem;
  background-color: #818181;
  border-radius: 50%;
}

/* Carrossel File-v3 Select Image */

.carousel {
  display: flex;
  width: max-content; /* Ajuste para 7 itens visíveis (6 visíveis + 1 clonado) */
}

.slide {
  flex: 0 0 calc(100% / 6); /* Ajuste para 7 itens visíveis (6 visíveis + 1 clonado) */
  text-align: center;
  margin: 0;
  touch-action: pan-x;
}

.carrossel-v3 {
  position: relative;
  overflow: hidden;
}

.carrossel-v3 #prevBtn,
.carrossel-v3 #nextBtn {
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  position: absolute;
  top: 1.5rem;
  font-size: 1.8rem;
  color: #000;
  cursor: pointer;
}

.carrossel-v3 #prevBtn {
  left: 0;
}

.carrossel-v3 #nextBtn {
  right: 0;
}

.circle-icon i {
  min-width: 3rem;
  min-height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 50%;
}

.content-v3-info-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 798px) {
  .content-v3-info-button {
    padding-right: 15px;
    padding-left: 15px;
    flex-direction: column-reverse;
  }
  .content-v3-info-button div {
    width: 100%;
  }
}

@media (max-width: 375px) {
  .slide {
    flex: 0 0 calc(100% / 7);
  }
}

/* Bootstrap news references */

.display-flex {
  display: flex;
}

.align-flex-end {
  align-items: flex-end;
}

.align-flex-start {
  align-items: flex-start;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

.justify-content-end {
  justify-content: end;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-direction-row {
  flex-direction: row;
}

.gap-1 {
  gap: 1rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-3 {
  gap: 3rem;
}

.relative {
  position: relative;
}

.uppercase_text,
.uppercase_text p,
.uppercase_text span {
  text-transform: uppercase;
}

.lowercase_text,
.lowercase_text p,
.lowercase_text span {
  text-transform: lowercase;
}

.capitalize_text,
.capitalize_text p,
.capitalize_text span {
  text-transform: capitalize;
}

.border-bottom {
  border-bottom: 1px solid var(--border-color);
}

.gap-1 {
  gap: 1rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-3 {
  gap: 3rem;
}

.no-button {
  background: transparent;
  border: 0;
  font-weight: 400;
  color: var(--text-color);
  pointer-events: none;
  margin: 0;
  padding: 0;
}

.card-display-top-curso-modelo {
  background-color: var(--card-background);
  padding: 1rem;
  border: 1px solid var(--border-color);
}

.card-display-top-curso-modelo-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-display-top-curso-modelo-content-left {
  display: flex;
  gap: 1rem;
}

.card-display-top-curso-modelo-thumbnail {
  width: 10rem;
  display: flex;
  align-items: center;
}

.card-display-top-curso-modelo-thumbnail img {
  width: 100%;
  height: 6rem;
  display: block;
  object-fit: fill;
}

.card-display-top-curso-modelo-texts p {
  margin: 0 0 0.3rem;
  color: var(--text-color);
}

.card-display-top-curso-modelo-spans {
  display: flex;
  flex-direction: column;
  color: var(--text-color);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
}

.card-display-spans-separator span:not(:last-child)::after {
  content: " | ";
  margin: 0 4px;
}

/* new sizes */

.size-box-1-2 {
  width: 50%;
}

.size-box-1-3 {
  width: 30%;
}

.size-box-1-4 {
  width: 25%;
}

.size-box-1-5 {
  width: 20%;
}

.size-box-1-10 {
  width: 10%;
}

.no-margin {
  margin: 0 !important;
}

.no-border {
  border: none !important;
}

.margin-t-0 {
  margin-top: 0rem !important;
}

.margin-t-1 {
  margin-top: 1rem !important;
}

.margin-t-2 {
  margin-top: 2rem !important;
}

.margin-t-3 {
  margin-top: 3rem;
}

.margin-t--1 {
  margin-top: -1rem !important;
}

.margin-b-0 {
  margin-bottom: 0rem !important;
}

.margin-b-1 {
  margin-bottom: 1rem !important;
}

.margin-b-2 {
  margin-bottom: 2rem !important;
}

.margin-b-3 {
  margin-bottom: 3rem !important;
}

.margin-r-1 {
  margin-right: 1rem !important;
}

.margin-l-1 {
  margin-left: 1rem !important;
}

.width-auto {
  width: auto !important;
}

.width-fit-content {
  width: fit-content !important;
}

.col-100w {
  width: 100%;
}

.no-padding {
  padding: 0 !important;
}

.padding-t-0 {
  padding-top: 0 !important;
}

.padding-b-0 {
  padding-bottom: 0 !important;
}

.padding-t-1 {
  padding-top: 1rem !important;
}

.padding-b-1 {
  padding-bottom: 1rem !important;
}

.padding-t-2 {
  padding-top: 2rem !important;
}

.padding-b-2 {
  padding-bottom: 2rem !important;
}

@media (max-width: 798px) {
  .size-box-1-2,
  .size-box-1-4,
  .size-box-1-5,
  .size-box-1-10 {
    width: 100%;
  }
}

/* Modal Boostrap V3 Remodelado */

.modal-content-v3 .modal {
  top: 10%;
  overflow: hidden !important;
}

.modal-content-v3 .modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  background: var(--card-background);
  color: var(--text-color);
}

.modal-content-v3 .close {
  color: var(--destaques);
}

.modal-content-v3 .modal-title {
  font-size: 1.5rem;
  color: var(--primary-color);
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.02rem;
}

.modal-content-v3 .modal-header {
  border-bottom: none;
  padding: 1.6rem 1rem 0;
}

.modal-content-v3 .modal-footer {
  padding: 0 1rem 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: none;
  margin-top: 0;
}

.modal-content-v3 .modal-footer button {
  margin-bottom: 0;
}

.modal-content-v3 .btn-v3-group {
  display: flex;
  gap: 3rem;
}

@media (max-width: 800px) {
  .modal-content-v3 .btn-v3-group {
    flex-direction: column;
  }
}

.header_form_information_v3 {
  border-bottom: 0.2rem solid var(--grey);
  margin-bottom: 2rem;
}

.header_form_information_v3 h3 {
  font-size: 1.6rem;
  margin: 0px 0 1.5rem;
  font-weight: 600;
}

.header_form_information_v3 span {
  font-weight: normal;
  margin-right: 0.4rem;
}

.header_form_information_v3 p {
  font-size: 1.3rem;
  margin: 0;
  font-weight: 600;
  display: flex;
  margin-right: 1rem;
}

.header_form_information_v3 p:last-child {
  margin-bottom: 1.5rem;
}

.where_is_it_being_used {
  display: block !important;
  width: 100%;
}

.header_form_information_v3 sub {
  bottom: 0 !important;
}

.header_form_progress_bar_v3 {
  display: flex;
  align-items: center;
}

.info-padrao-plataforma .info-text {
  margin-bottom: 0;
}

.info-padrao-plataforma-v3 .info-text p {
  color: var(--destaques) !important;
  font-size: 1.2rem;
}

.info-padrao-plataforma-v3 .info-text i {
  color: var(--destaques) !important;
  margin-right: 0.5rem;
  font-size: 1.6rem;
}

.hide-icon i {
  display: none;
}

.template_v3 .alert-warning {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  background: var(--card-background);
  padding: 3rem 2rem;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: none;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
  width: 35rem;
  z-index: 99999;
  text-align: center;
}

.alert-warning-background {
  overflow: hidden;
}

.alert-warning-background::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}

@media (max-width: 768px) {
  .alert-warning .btn-v3 {
    min-width: 10rem;
  }
}

@media (max-width: 425px) {
  .template_v3 .alert-warning {
    width: 26rem;
  }
}

@media (max-width: 320px) {
  .template_v3 .alert-warning {
    width: 23rem;
    padding-bottom: 1rem;
  }
}

.template_v3 .alert-warning .close {
  position: absolute;
  top: 9%;
  right: 4%;
  color: var(--text-color);
  opacity: 1;
}

.template_v3 .alert-warning p {
  font-size: 1.4rem;
  color: var(--text-color);
  font-weight: 500;
  margin-bottom: 1.5rem;
  text-align: center;
}

.template_v3 .alert-warning p .btn-v3 {
  margin-bottom: 0;
  line-height: normal;
}

.template_v3 .alert-warning p:nth-of-type(2) {
  display: flex;
  gap: 1rem;
  flex-direction: row;
}

@media (max-width: 500px) {
  .alert-warning p:nth-of-type(2) {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}

.template_v3 .alert-warning p .btn-xs-default {
  background: transparent;
  font-size: 1.4rem;
  text-decoration: underline !important;
}

.template_v3 .alert-warning p:last-child {
  margin-bottom: 0;
}

@media (max-width: 425px) {
  .margin-right-ajuste-mobile {
    margin-right: 0.5rem !important;
  }
}

/* Certificados V3 */

.display_certificados_v3 {
  display: flex;
  gap: 2rem;
  justify-content: space-around;
  margin-bottom: 1rem;
}
.display_certificados_v3 h3 {
  font-size: 1.6rem;
  margin: 0 0 1.5rem;
  font-weight: 600;
}

.certificando_background_v3 {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30rem;
  /* aspect-ratio: 12 / 8; */
}

.certificado_frente_v3,
.certificado_verso_v3 {
  flex: 1;
}

.certificado_conteudo_v3 {
  width: 100%;
  height: 30rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.certificado-vazio-v3 {
  background-color: transparent;
  color: var(--mute-grey);
  opacity: 0.4;
  font-size: 1.2rem;
  font-weight: 300;
}

.certificado_sem_background {
  color: var(--mute-grey);
  display: flex;
  justify-content: center;
  opacity: 0.5;
  margin-top: 0.5rem;
  text-align: center;
}

.click-to-edit-v3:hover {
  color: var(--primary-color);
  opacity: 1;
}

.click-to-edit-v3 span:hover {
  color: var(--primary-color);
  opacity: 1;
}

.click-to-edit-v3 p:hover {
  color: var(--primary-color);
  opacity: 1;
}

.certificate-preview-information {
  text-align: center;
  color: var(--grey);
  font-size: 1.2rem;
}

.form-modal-1-v3,
.form-modal-2-v3 {
  display: none;
}
.form-modal-1-v3.active,
.form-modal-2-v3.active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
}
.box-alert-form-v3 {
  background: var(--white);
  border-radius: 0.8rem;
  width: 100%;
  height: 90vh;
  margin: 5rem 0rem 0;
}

body.modal-open {
  overflow: hidden;
}

.modal-open {
  overflow: hidden;
}
.box-modal-form {
  display: flex;
}
.box-modal-campos-v3 {
  flex: 1;
  background-color: #f4f4f4;
  overflow-y: scroll;
  max-height: 90vh;
  scrollbar-width: thin;
  scrollbar-color: #818181 #f1f1f1;

  &::-webkit-scrollbar {
    width: 10px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #818181;
    border-radius: 10px;
  }

  &::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
}
.modal-box-campos-content {
  padding: 2rem 3rem;
}
.box-modal-visualizacao-v3 {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}
.modal-box-visualizacao-header {
  background-color: var(--theme-color);
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 1.2rem 3rem;
}
.modal-box-campos-header {
  background-color: var(--theme-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 3rem;
}
.modal-box-campos-header h3 {
  color: var(--primary-color);
  font-size: 1.4rem;
  margin: 0.8rem 0rem;
}
.close-modal-form {
  font-size: 1.45rem;
  color: var(--primary-color);
  cursor: pointer;
  transition: 0.2s all;
}
.close-modal-form:hover {
  color: var(--primary-color);
  transform: scale(1.2);
}
.modal-box-campos-line-header {
  background-color: var(--primary-color);
  padding: 0.2rem;
}
.modal-box-visualizacao-content {
  background-color: var(--grey);
  padding: 0 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.label-dinamico-v3 span {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--text-color);
}
.label-dinamico-v3 .ui-widget-content {
  background-color: var(--white);
  border: 1px solid var(--mute-grey);
  background-image: none;
  padding: 0.5rem;
  width: 10rem;
  margin-right: 0.5rem;
  text-align: center;
  border-radius: 0.5rem;
  box-shadow: none;
  font-weight: 600;
  font-family: "Roboto";
  font-size: 1rem;
}
.form-modal-v3-ultimo-item {
  margin-top: 1rem;
}
@media (max-width: 500px) {
  .form-modal-v3-ultimo-item {
    margin-top: 2rem;
  }
}
.visualizador-modal-imagem-v3 {
  /* width: 70%; */
  width: 100%;
  border: none;
}
.certificado-conteudo-v3-visual {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  width: 80%;
  height: 70%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-size: 20pt;
  line-height: normal;
}
.visualizador-certificado-sem-conteudo {
  text-align: center;
  color: var(--mute-grey);
  font-size: 1rem;
}
.visualizador-certificado-sem-conteudo p {
  margin: 0;
  font-weight: 500;
}
.visualizador-certificado-sem-conteudo span {
  font-weight: 300;
}

.mini-btn-v3 {
  background-color: var(--white);
  border: 1px solid var(--grey);
  padding: 0.4rem 1rem;
  border-radius: 0.4rem;
  color: var(--dark-grey);
  font-size: 1.1rem;
  transition: 0.5s all;
  margin-bottom: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.mini-btn-v3 i {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}

.mini-btn-v3:hover,
.mini-btn-v3.active {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

#certificados .card-list-link {
  min-height: 9rem;
  display: flex;
  align-items: center;
}

#certificadosByUsuarios .card-v3-thumbnail,
#certificados .card-v3-thumbnail {
  width: 9rem;
}

@media screen and (max-width: 1024px) {
  .visualizador-modal-imagem-v3 {
    width: 100%;
  }

  .modal-box-visualizacao-content {
    padding: 0 2rem;
  }
}

@media screen and (max-width: 900px) {
  .box-modal-form {
    flex-direction: column-reverse;
  }
  .box-modal-visualizacao-v3 {
    max-height: 50vh;
  }
  .modal-box-visualizacao-content {
    padding: 0;
  }
  .modal-box-visualizacao-header {
    display: none;
  }
  .box-modal-campos-v3 {
    max-height: 60vh;
  }
  .control-hubble-visualizador {
    display: none;
  }
  .visualizador-modal-imagem-v3 {
    width: 70%;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 768px) {
  .visualizador-modal-imagem-v3 {
    width: 65%;
  }
}

@media screen and (max-width: 580px) {
  .modal-box-campos-header {
    padding: 1.2rem 1rem;
  }
}

@media screen and (max-width: 425px) {
  .visualizador-modal-imagem-v3 {
    width: 100%;
    margin: 0;
    padding: 1rem;
  }

  .modal-box-campos-content {
    padding: 1.5rem 1rem;
  }

  .label-dinamico-v3 span {
    font-size: 0.9rem;
  }

  .label-dinamico-v3 kbd {
    min-width: 10rem;
  }

  .box-alert-form-v3 {
    height: auto;
  }
}

@media (max-width: 798px) {
  .display_certificados_v3 {
    flex-direction: column;
  }
}

.linha-horizontal-v3 {
  border-bottom: 0.2rem solid var(--grey);
  margin-bottom: 1.5rem;
}

.container-modelos-pre-definidos {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.container-modelos-pre-definidos button {
  background-color: transparent;
  border: none;
}
.card-modelo-texto-predefinido {
  background: white;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid #e8e8e8;
  max-height: 300px;
  overflow: hidden;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 300px;
}

.card-modelo-texto-predefinido p:first-child {
  font-size: 150%;
}
.carousel-modelos #prevBtn,
.carousel-modelos #nextBtn {
  display: none;
}

.display-only-mobile {
  display: none;
}

@media (max-width: 1024px) {
  .carousel-modelos {
    padding: 0 2rem;
  }

  .carousel-modelos #prevBtn,
  .carousel-modelos #nextBtn {
    top: 40% !important;
    display: block;
  }

  .card-modelo-texto-predefinido {
    width: 330px;
  }
}

@media (max-width: 768px) {
  .card-modelo-texto-predefinido {
    width: 310px;
  }
  .display-only-mobile {
    display: block !important;
  }
}

@media (max-width: 375px) {
  .container-modelos-pre-definidos {
    gap: 0rem;
  }
  .carousel-modelos {
    padding-left: 0.5rem;
  }
}

.box-file-v3 {
  width: 90%;
}

.captcha-v3 {
  display: flex;
  margin-top: 2rem;
  margin-bottom: 0rem;
  flex-direction: column;
  align-items: center;
}

/* Card image zoom file-v3 */

.control-hubble {
  display: flex;
  align-items: center;
  background: #fff;
  border: 0.1rem solid #dadada;
  border-top: 0 solid transparent;
  border-radius: 0 0 0.6rem 0.6rem;
  padding: 1.2rem;
}
.icon-controls-hubble {
  flex: 1;
  display: flex;
  align-items: center;
}
.icon-controls-hubble a {
  font-size: 1.6rem;
  color: #818181;
}
.control-hubble span {
  font-size: 1.2rem;
  color: #818181;
  margin-right: 1rem;
  font-weight: 500;
}
#hubble-container {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  position: relative;
  border: 0.1rem solid #dadada;
}

#hubblepic {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

#zoomer {
  display: block;
  width: 100%;
  margin: 0 1rem;
  cursor: pointer;
}

#zoomer,
#zoomer::-webkit-slider-runnable-track,
#zoomer::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
}
#zoomer::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.2rem;
  background: #818181;
}
#zoomer::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.4rem;
  background-color: #818181;
  border-radius: 50%;
}

/* Carrossel File-v3 Select Image */

.carousel {
  display: flex;
  width: max-content; /* Ajuste para 7 itens visíveis (6 visíveis + 1 clonado) */
}

.slide {
  flex: 0 0 calc(100% / 6); /* Ajuste para 7 itens visíveis (6 visíveis + 1 clonado) */
  text-align: center;
  margin: 0;
  touch-action: pan-x;
}

.carrossel-v3 {
  position: relative;
  overflow: hidden;
}

.carrossel-v3 #prevBtn,
.carrossel-v3 #nextBtn {
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
  position: absolute;
  top: 1.5rem;
  font-size: 1.8rem;
  color: #000;
  cursor: pointer;
}

.carrossel-v3 #prevBtn {
  left: 0;
}

.carrossel-v3 #nextBtn {
  right: 0;
}

.circle-icon i {
  min-width: 3rem;
  min-height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 100%;
  line-height: normal;
}

.circle-icon-small i {
  min-width: 2rem;
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 100%;
  font-size: 90%;
  line-height: normal;
}

.content-v3-info-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 798px) {
  .content-v3-info-button {
    padding-right: 15px;
    padding-left: 15px;
    flex-direction: column-reverse;
  }
  .content-v3-info-button div {
    width: 100%;
  }
}

/* Bootstrap news references */

.align-flex-end {
  align-items: flex-end;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-evenly {
  justify-content: space-evenly;
}

/* new sizes */

.size-box-1-2 {
  width: 50%;
}

.size-box-1-3 {
  width: 30%;
}

.size-box-1-4 {
  width: 25%;
}

.size-box-1-5 {
  width: 20%;
}

.size-box-1-10 {
  width: 10%;
}

/* referencias */

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

@media (max-width: 798px) {
  .size-box-1-2,
  .size-box-1-4,
  .size-box-1-5,
  .size-box-1-10 {
    width: 100%;
  }
}

/* Modal Boostrap V3 Remodelado */

.modal-content-v3 .modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.modal-content-v3 .modal-header {
  border-bottom: none;
  padding: 1.6rem 1rem 0;
}

.modal-content-v3 .modal-footer {
  padding: 0 1rem 1.6rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-top: none;
  margin-top: 0;
}

.modal-content-v3 .modal-footer button {
  margin-bottom: 0;
}

.header_form_information_v3 {
  border-bottom: 0.2rem solid var(--grey);
  margin-bottom: 2rem;
}

.header_form_information_v3 h3 {
  font-size: 1.6rem;
  margin: 0px 0 1.5rem;
  font-weight: 600;
}

.header_form_information_v3 span {
  font-weight: normal;
}

.header_form_information_v3 p {
  font-size: 1.3rem;
  margin: 0;
  font-weight: 600;
  display: flex;
  margin-right: 1rem;
}

.header_form_information_v3 p:last-child {
  margin-bottom: 1.5rem;
}

.header_form_progress_bar_v3 {
  display: flex;
  align-items: center;
}

.info-padrao-plataforma .info-text {
  margin-bottom: 0;
}

.info-padrao-plataforma-v3 .info-text p {
  color: var(--destaques) !important;
  font-size: 1.2rem;
}

.info-padrao-plataforma .info-text i {
  color: var(--destaques) !important;
  margin-right: 0.5rem;
  font-size: 1.6rem;
}

.hide-icon i {
  display: none;
}

.info-padrao-plataforma-v3 {
  margin-top: 0.5rem;
}

.info-usuario-bloqueado-plataforma-v3 {
  width: 50%;
}

@media (max-width: 1024px) {
  .info-usuario-bloqueado-plataforma-v3 {
    width: auto;
  }
}

.visualizador-certificado-trilhas {
  margin: auto;
  width: 50%;
}

.visualizador-certificado-trilhas .info-text {
  margin-top: 1rem;
}

.certificate-container-visualizador:hover {
  opacity: 0.9;
}

@media (max-width: 991px) and (min-width: 768px) {
  .search-col-v3 {
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 768px) {
  .visualizador-certificado-trilhas {
    width: 75%;
  }

  .modal-content-v3 .btn-v3 {
    font-size: 1.1rem;
    padding: 0.7rem 1.3rem;
  }

  .modal-content-v3 .btn-v3 i {
    font-size: 1.2rem;
  }
}

@media (max-width: 425px) {
  .visualizador-certificado-trilhas {
    width: 100%;
  }

  .search-row-v3 {
    display: flex;
    justify-content: space-evenly;
  }

  .info-text p {
    font-size: 1.1rem;
  }

  .info-text i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
}

#resultados_v3 {
  font-weight: bold;
}

@media (max-width: 1700px) and (min-width: 1441px) {
  #col-variable {
    width: 30% !important;
  }
}

@media (max-width: 789px) and (min-width: 426px) {
  .clear-filter-button-col {
    margin-top: 1rem;
  }
}

@media (max-width: 375px) {
  .btn-filter-col {
    padding: 0 5px !important;
  }
  .btn-filter-col:last-child {
    padding: 0 !important;
  }
}

/* Trilhas */

.widget-slide-v3 {
  margin: 0.3rem;
  cursor: pointer;
  border-radius: 0.8rem;
}

.widget-slide-v3 img {
  border-radius: 0.8rem;
}

.modal-file-v3,
.modal-upload-v3,
.modal-crop-v3 {
  display: none;
}

.modal-file-v3.active,
.modal-upload-v3.active,
.modal-crop-v3.active {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
}

.box-alert-file-v3 {
  background: var(--card-background);
  padding: 3rem 2rem;
  border-radius: 0.8rem;
  width: 50%;
  max-width: 100%;
}

.info-icone-path {
  margin-left: 0.3rem !important;
  margin-right: 0.3rem !important;
}

.group-hyperlink-modal {
  display: flex;
  gap: 2rem;
}

.hyperlink-modal-content {
  position: relative;
  text-align: end;
  width: 25%;
}

.group-hyperlink-modal .hyperlink-modal-content {
  width: auto;
}

.box-alert-upload-v3 {
  background: var(--card-background);
  padding: 1rem;
  border-radius: 0.8rem;
  max-width: 100%;
}

.box-alert-crop-v3 {
  background: var(--card-background);
  padding: 0.5rem;
  border-radius: 0.3rem;
  width: calc(100vw / 3);
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

.close-modal-crop-v3 {
  margin-left: auto;
  margin-bottom: 0;
  color: var(--text-color);
  font-size: 1.4rem;
}

.crop-container-btn button {
  margin-bottom: 0;
}

@media (max-width: 800px) {
  .box-alert-crop-v3 {
    width: 65%;
  }
}

@media (max-width: 500px) {
  .box-alert-crop-v3 {
    width: 90%;
  }
}

.crop-container-btn {
  margin-top: 1rem;
  text-align: center;
}

.alert-file-grid-imagem {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.5rem;
}

#certificado-trilha .certificado_sem_background {
  font-size: 1.2rem;
}

.imagem-grid-file {
  cursor: pointer;
  transition: all 0.5s;
}

.imagem-grid-file:hover {
  transform: scale(1.2);
}

.alert-file-grid-imagem img {
  border-radius: 0.8rem;
}

.widget-slide-v3 button {
  border: none;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
  min-height: 5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
}

.widget-slide-v3 button i {
  font-size: 2.2rem;
}

.widget-slide-v3 .botao-novas-imagens {
  background-color: var(--light-blue);
}

.widget-slide-v3 .botao-upload-imagem {
  background-color: var(--grey);
}

.widget-slide-v3 .botao-novas-imagens i {
  color: var(--blue);
}

.widget-slide-v3 .botao-upload-imagem i {
  color: var(--dark-grey);
}

.input-file-v3-box-dashed {
  outline: 2px dashed #ccc;
  padding: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.input-file-v3-box-dashed i {
  font-size: 5rem;
  color: var(--dark-grey);
  margin-bottom: 1rem;
  transition: color 0.5s;
}

@keyframes fill {
  0% {
    transform: scaleY(0);
    transform-origin: bottom;
  }

  100% {
    transform: scaleY(1);
    transform-origin: bottom;
  }
}

.icon-animation-upload {
  animation: fill 0.5s ease;
  color: var(--light-blue) !important;
  transform-origin: bottom;
}

.modal-input-upload-file-label {
  background-color: var(--blue);
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  margin: 10px;
  padding: 1rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-input-upload-file-label i {
  color: var(--white) !important;
  font-size: 1.5rem;
  margin: 0 0.5rem 0 0;
}

.box-alert-upload-v3 #uploadImage {
  display: none;
}

.box-alert-upload-v3 input[type="file"] {
  display: none;
}

#trilhas-save .form-group-cpen_arquivo_capa {
  display: flex;
  align-items: center;
  justify-content: center;
}

#trilhas-save #hubble-container {
  width: 85%;
}

.conteudo-trilhas-left-page .nestable-v3-list-name {
  max-width: 90%;
}

.conteudo-trilhas-header-page {
  background-color: var(--card-background);
  padding: 1rem 2rem;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}

.conteudo-trilhas-header-page button {
  margin-bottom: 0;
}

.conteudo-trilhas-container-page {
  display: flex;
  height: 100vh;
}

.conteudo-trilhas-left-page,
.conteudo-trilhas-right-page {
  flex: 1;
  padding: 1.4rem 2rem;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.conteudo-trilhas-left-page {
  background-color: var(--theme-color);
}

.conteudo-trilhas-left-page .label-v3 {
  margin-bottom: 0;
}

.conteudo-trilhas-right-page {
  background-color: var(--border-color);
}

.nestable-locked-v3 .dd3-handle,
.nestable-locked-v3 .dd3-content,
.nestable-locked-v3 button {
  background-color: var(--border-color) !important;
}

.conteudo-trilhas-itens-conteudo {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.conteudo-trilhas-itens-conteudo .tabs-v3 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.conteudo-trilhas-title-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.conteudo-trilhas-title-search .label-v3 {
  margin-bottom: 0;
}

.conteudo-trilhas-itens-conteudo .tab-content {
  flex: 1;
  overflow-y: auto;

  scrollbar-width: thin;
  scrollbar-color: #818181 #f1f1f1;

  &::-webkit-scrollbar {
    width: 10px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #818181;
    border-radius: 10px;
  }

  &::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
}

.dd-empty-v3 {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--border-color) !important;
  color: var(--destaques);
  border-color: var(--destaques) !important;
}

.dd-empty-v3 span {
  font-size: 1.2rem;
}

.nestable-round-v3 .nestable-v3 .dd3-content {
  border-radius: 0.5rem;
}

.nestable-round-v3 .nestable-v3 .dd3-handle {
  border-radius: 0.5rem 0 0 0.5rem;
}

.nestable-round-v3 .dd-list .dd-list .dd3-content {
  border-radius: 0.5rem;
}

.nestable-round-v3 .dd-item:has(> button[data-action="collapse"]) > .dd3-content {
  border-radius: 0 0.5rem 0.5rem 0 !important;
}

.nestable-margin-b-v3 .nestable-v3 .dd3-content {
  margin-bottom: 0.6rem;
}

#permissoes-content {
  height: 100%;
  overflow-y: auto;

  scrollbar-width: thin;
  scrollbar-color: #818181 #f1f1f1;

  &::-webkit-scrollbar {
    width: 10px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: #818181;
    border-radius: 10px;
  }

  &::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
}

@media (max-width: 800px) {
  .conteudo-trilhas-container-page {
    flex-direction: column;
  }

  .conteudo-trilhas-header-page {
    flex-direction: column;
    gap: 0;
  }
}

#trilhas-usuarios .card-list-link .card-v3-content-col:nth-of-type(2) {
  flex-direction: column-reverse;
  max-width: 30rem;
}

.header-conteudos-preview {
  display: flex;
  gap: 3rem;
  align-items: center;
  margin-bottom: 1.5rem;
}

.progress-conteudos-preview {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 40%;
}

.progress-conteudos-preview p {
  margin: 0;
}

.group-itens-conteudos-preview {
  display: flex;
  gap: 3rem;
  justify-content: flex-end;
  flex: 1;
}

.search-conteudos-preview {
  width: 100%;
}

.btn-conteudos-preview a .btn-v3,
.btn-conteudos-preview button {
  margin-bottom: 0;
}

.card-conteudo-v3 {
  display: flex;
  flex-direction: column;
  background-color: var(--card-background);
  border: 0.1rem solid var(--border-color);
  padding: 1.5rem;
  gap: 0.5rem;
}

a.card-conteudo-v3:hover {
  background-color: var(--hover-card);
}

.card-content-itens {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-conteudo-main {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  max-width: 90%;
}

.card-conteudo-finish {
  width: 1rem;
}

.card-conteudo-icon {
  font-size: 1.4rem;
  color: var(--icon-color);
}

.card-conteudo-v3 h3 {
  margin: 0;
  font-size: 1.4rem;
  color: var(--text-color);
  font-weight: 400;
  line-height: normal;
}

.card-conteudo-v3 p {
  margin: 0;
  color: var(--text-color);
  font-weight: 400;
}

.card-conteudo-actions {
  display: flex;
  gap: 1rem;
}

.card-content-progress {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.2rem;
  margin-left: 1.7rem;
}

.card-content-progress-info {
  flex-shrink: 0;
  white-space: nowrap;
}

.card-content-progress .progress-bar-v3 {
  height: 0.7rem;
  opacity: 0.6;
}

.card-content-progress p:nth-of-type(2) {
  display: none;
}

.card-conteudo-disabled {
  background-color: var(--theme-color) !important;
  pointer-events: none;
}

.card-conteudo-disabled i,
.card-conteudo-disabled h3,
.card-conteudo-disabled p {
  color: var(--destaques) !important;
}

.dados-conteudos-preview .label-v3 {
  margin-bottom: 0.2rem;
}

.dados-conteudos-preview .dados-conteudo {
  font-weight: 400;
}

.dados-conteudos-content {
  margin-bottom: 2.5rem;
}

.dados-conteudos-preview .dados-conteudo .span-text {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.badge-v3 {
  background-color: var(--border-color);
  border: 0.1rem solid var(--border-color);
  border-radius: 0.4rem;
  padding: 0.3rem 0.8rem;
  font-size: 95%;
  display: inline-flex;
  margin-right: 0.8rem;
  margin-top: 0.5rem;
  color: var(--text-color);
}

.visualizador-certificado-trilhas img {
  border-radius: 0.8rem;
}

.view-trilhas-preview {
  display: flex;
  justify-content: center;
}

.view-trilhas-preview #hubblepic {
  width: 60%;
}

.view-trilhas-preview #hubblepic img,
#trilhas-save #hubble-container,
#trilhas-save #hubble-container img {
  border-radius: 0.8rem;
}

.view-trilhas-preview #hubblepic img {
  width: 100%;
}

.modal-information-recalculation-content hr {
  margin-top: 0;
}

.modal-information-recalculation-content .modal-footer {
  display: none;
}

.information-recalculation-modal {
  text-align: center;
}

.information-recalculation-modal p {
  color: var(--text-color);
}

.information-recalculation-modal span {
  color: var(--red);
  font-size: 1.2rem;
}

.information-recalculation-buttons {
  display: flex;
  gap: 1rem;
  justify-content: space-around;
  margin-top: 1rem;
}

.trilha-certificate-locked {
  display: flex;
  justify-content: center;
  align-items: center;
}

.trilha-certificate-locked span {
  position: relative;
  z-index: 1;
  color: #fff;
}

.trilha-certificate-locked img {
  filter: brightness(0.5);
}

.trilha-certificate-locked::after {
  content: "\f023";
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  font-size: 10rem;
  color: white;
  position: absolute;
  opacity: 0.3;
  filter: contrast(0.5);
  z-index: 0;
}

#trilhas-save .textarea-v3 textarea {
  resize: auto;
}

@media (min-width: 800px) {
  #trilhas-usuarios .card-list-link .card-v3-content-col:nth-of-type(3) {
    align-items: center;
  }

  #trilhas-usuarios .card-list-link .card-v3-content-col:nth-of-type(2) {
    width: 100%;
  }
}

@media (max-width: 1440px) {
  .upload-image-v3 label i,
  .widget-slide-v3 button i {
    font-size: 1.8rem;
  }
  .box-alert-file-v3 {
    width: 70%;
  }
}

@media (max-width: 1024px) {
  .box-alert-file-v3 {
    width: 90%;
  }
}

@media (max-width: 800px) {
  .header-conteudos-preview {
    flex-direction: column;
    gap: 1.3rem;
  }

  .progress-conteudos-preview {
    width: 100%;
  }

  .search-conteudos-preview #search {
    margin-left: 0 !important;
  }

  .search-conteudos-preview {
    width: 100%;
  }

  .group-itens-conteudos-preview {
    width: 100%;
    gap: 1rem;
    justify-content: space-between;
  }

  .btn-conteudos-preview a .btn-v3,
  .btn-conteudos-preview button {
    min-width: 5rem;
    height: 100%;
  }

  .btn-conteudos-preview .btn-v3 span {
    display: none;
  }

  .btn-conteudos-preview .btn-v3 i {
    margin: 0;
  }

  .form-v3-container-wrap .title_page_v3 h2 {
    margin-top: 0;
  }
}

@media (max-width: 500px) {
  .box-alert-file-v3 {
    padding: 1.5rem;
  }
  .alert-file-grid-imagem {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* Dicionarios */

#dicionarios .card-v3-content-col:nth-child(2) {
  border-left: 1px solid var(--grey);
  min-height: 5rem;
  padding-left: 1.3rem;
}

@media (max-width: 768px) {
  #dicionarios .card-v3-content-col:nth-child(2) {
    border-left: none;
    min-height: auto;
    padding-left: 0;
  }
}

/* footer V3 */

.footer-v3 {
  margin-top: 3rem;
}

footer {
  background: var(--primary-color);
  color: var(--white);
  min-height: 40px;
  line-height: normal;
  padding: 0 20px;
  margin: 0 !important;
  position: unset;
  z-index: 2 !important;
  font-size: 12px;
  padding: 2rem 0;
}

#trilhas .card-list-link {
  min-height: 9rem;
}

#file-tags .card-list-link {
  min-height: 6rem;
  display: flex;
  align-items: center;
}

#trilhas .card-list-link .card-v3-content-title {
  margin-bottom: 0.5rem;
}

#trilhas .card-v3-links {
  min-width: fit-content;
}

.card-display-progress {
  display: flex;
  align-items: center;
  max-width: 80%;
}

#mensagem_abas {
  display: flex;
  justify-content: center;
  font-weight: 400;
  color: var(--error);
}

.title-link-aba-required {
  text-decoration: underline !important;
  margin-left: 0.4rem;
  color: var(--error);
}

.title-link-aba-required:hover {
  opacity: 0.9;
}

@media (max-width: 500px) {
  .card-display-progress {
    max-width: 100%;
  }
}

/* Tooltip v3 */

#exportar_pdf_v3 {
  position: relative;
}

#exportar_csv {
  position: relative;
}

#print_v3 {
  position: relative;
}

.tooltip_v3 {
  position: absolute;
  background-color: #333;
  color: var(--white);
  padding: 5px;
  border-radius: 5px;
  display: none;
  font-size: 12px;
  line-height: 1.4;
  top: 100%;
  left: 20%;
  text-align: center;
  max-width: 12rem;
  z-index: 9999;
}

.tooltip_v3::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
}

#print_v3 .tooltip_v3 {
  top: 0%;
}

#print_v3 .tooltip_v3::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.content-info-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.icon-preview-info {
  margin: 0 0.5rem;
}

.icon-preview-info i {
  margin-right: 0;
}

/* Chegckbox em cards v3 */

.checkbox-card-v3-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.checkbox-card-v3-content .label-check-card {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 1rem;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.2s ease;
  display: inline-block;
  margin-bottom: 0;
}
.checkbox-card-v3-content .label-check-card span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.checkbox-card-v3-content .label-check-card span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  transform: scale(1);
  border: 1px solid var(--grey);
  transition: all 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}
.checkbox-card-v3-content .label-check-card span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: var(--green);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.label-check-card .legend {
  font-size: 1.4rem;
  margin-left: 1rem;
  line-height: 1.6rem;
  border-right: 1px var(--grey) solid;
  color: var(--text-color);
  padding-right: 1rem;
}
.checkbox-card-v3-content .label-check-card:hover span:first-child {
  border-color: var(--text-color);
}
.checkbox-card-v3-content .checkbox-card-v3 {
  position: absolute;
  visibility: hidden;
}
.checkbox-card-v3-content .checkbox-card-v3:checked + .label-check-card span:first-child {
  background: var(--white);
  border-color: var(--text-color);
  animation: wave-4 0.4s ease;
}
.checkbox-card-v3-content .checkbox-card-v3:checked + .label-check-card span:first-child svg {
  stroke-dashoffset: 0;
}
.checkbox-card-v3-content .inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}
@media screen and (max-width: 640px) {
  .checkbox-card-v3-content .label-check-card {
    width: 100%;
    display: inline-block;
  }
}
@-moz-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
@-o-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
@keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}

.get-line-btn-v3 {
  display: flex;
  margin-top: 5rem;
  justify-content: center;
  gap: 5rem;
}

/* Suporte */

.view-suporte {
  padding-top: 1rem;
  min-height: 100vh;
}

.suporte-display {
  margin-top: -2rem;
}

.perguntas-suporte-display {
  margin-top: 2rem;
}

.suporte-display .grid-menu .tt-menu {
  aspect-ratio: inherit !important;
}

.suporte-display .tt-menu .toltip-fixed {
  aspect-ratio: inherit !important;
}

.suporte-display .grid-menu .item {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.suporte-display .grid-menu .item span {
  padding: 0;
}

.suporte-display .grid-menu.grid-menu-links .tt-menu {
  flex: calc((100% - 10rem) / 6);
  max-width: calc((100% - 10rem) / 6);
}

.search-suporte {
  margin-bottom: 2rem;
}

.search-suporte input {
  border-radius: 0.4rem;
}

@media (max-width: 768px) {
  .suporte-display .grid-menu.grid-menu-links {
    gap: 0;
  }
  .suporte-display .grid-menu.grid-menu-links .tt-menu {
    flex: calc(100% / 3);
    max-width: calc(100% / 3);
  }
}

/* Notification -> Mensageria */

.body-form-information-v3 h3 {
  font-size: 1.6rem;
  margin: 0 0 1.5rem;
  font-weight: 600;
}

.body-form-information-v3 p {
  font-size: 1.3rem;
}

.header-information-col {
  display: flex;
  justify-content: space-between;
}

.header-information-flex {
  display: flex;
  flex-direction: column;
}

@media (max-width: 768px) {
  .header-information-col {
    flex-direction: column;
  }
}

.info_padrao_nestable_v3 {
  font-size: 1rem;
}

.info_padrao_nestable_v3 .info-text {
  margin-bottom: 0;
}

.info_padrao_nestable_v3 .info-text p {
  font-size: 1.1rem;
}

.info_padrao_nestable_v3 .info-text i {
  font-size: 1.3rem;
  line-height: 1.5rem;
}

.card-style {
  margin-bottom: 0.4rem;
}

.card-style .dd-list .card-style {
  margin-bottom: 0;
}

.card-style .dd3-content {
  padding: 1rem 1.4rem;
  border-radius: 0;
  height: 5.5rem;
}

.card-style button {
  margin: 0 0 0 1rem !important;
  height: 5.5rem !important;
}

.card-style .nestable-v3-list-name p {
  margin: 0 0 0.2rem;
}

.card-style .nestable-v3-list-name .nestable-v3-title {
  font-weight: 500;
}

.card-style .nestable-v3-list-name .nestable-v3-title i {
  color: var(--primary-color);
  margin-left: 0.5rem;
}

.card-style .nestable-v3-list-name .small {
  font-size: 75%;
  font-weight: 500;
}

.card-style .dd-list .card-style .nestable-v3-list-name .small {
  display: block;
}

.dd3-item-status {
  height: 5.5rem;
  border-right: 0;
  width: auto;
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: hidden;
  background-color: var(--card-background);
  padding-left: 0.5rem;
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

.card-style .bd-success {
  border-left: 0.6rem solid #4aae4e;
}

.card-style .bd-alert {
  border-left: 0.6rem solid #e94539;
}

.card-style .bd-danger {
  border-left: 0.6rem solid #e94539;
}

.card-style .bd-warning {
  border-left: 0.6rem solid #e4aa21;
}

.card-style .bd-info {
  border-left: 0.6rem solid #30a3dc;
}

.card-style .bd-disable {
  border-left: 0.6rem solid #dadada;
}

.card-style .nestable-v3-list-actions i {
  font-size: 1.3rem;
}

.card-style .nestable-v3-list-actions span {
  line-height: normal;
  font-size: 1.3rem;
  font-weight: 500;
}

.card-style .nestable-v3-list-actions a:not(:last-child)::after {
  height: 1.5rem;
}

.btn-alternancia-page {
  display: flex;
}

@media (max-width: 375px) {
  .btn-alternancia-page {
    margin-left: 0.5rem;
  }
}

.btn-alternancia-page a {
  margin: 0;
}

.btn-alternancia-left {
  color: var(--destaques) !important;
  border: 0.1rem solid var(--border-color) !important;
  background-color: var(--card-background) !important;
  border-radius: 0.5rem 0rem 0rem 0.5rem;
}

.btn-alternancia-right {
  color: var(--destaques) !important;
  border: 0.1rem solid var(--border-color) !important;
  background-color: var(--card-background) !important;
  border-radius: 0rem 0.5rem 0.5rem 0rem;
}

.btn-alternancia-left i,
.btn-alternancia-right i {
  font-size: 1.5rem;
}

.btn-alternancia-left:hover,
.btn-alternancia-right:hover,
.btn-alt-active {
  background-color: var(--primary-color) !important;
  color: var(--button-text-color) !important;
}

.filter-checkbox-adicional {
  margin-left: 1rem;
  white-space: nowrap;
  height: 26px;
  display: flex;
  align-items: center;
}

.check-separator {
  border-left: 1px var(--grey) solid;
  padding-left: 1rem;
}

#nestable2 .dd-item > button:before {
  color: var(--icon-color);
}

#mensageria_usuarios .item-blocos .card-list-link {
  align-items: end;
}

/* FAQ */

@media (max-width: 768px) {
  .itens-list-user-view {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Timeline - Quadro de Aviso */
.container-wrap-v3 {
  width: 80%;
  margin: 0 auto;
}

.container-wrap-v3 .btn-square-v3 span {
  margin-left: 0.5rem;
}

.container-wrap-v3 .select-filter-v3 label {
  width: 30%;
}

@media (max-width: 768px) {
  .container-wrap-v3 {
    width: 100%;
  }
}

@media (max-width: 425px) {
  .filter-mostrar-oculto {
    justify-content: center !important;
  }
}

.card-timeline-v3 {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  padding-top: 2rem;
}

.card-timeline-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: 0 2rem;
}

.card-timeline-autor {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.card-timeline-autor h5 {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 1rem;
}

.card-timeline-autor h6 {
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--destaques);
}

.timeline-autor-picture {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  border: 2px solid var(--border-color);
}

.card-timeline-thumb img {
  width: 100%;
}

.card-timeline-conteudo {
  padding: 0 2rem 2rem;
  font-size: 1.4rem;
  margin-top: 1.5rem;
}

.card-timeline-conteudo h1,
.card-timeline-conteudo h2 {
  margin-bottom: 1.5rem;
}

.card-timeline-conteudo p {
  margin-bottom: 0;
  font-size: 1.4rem;
  color: var(--text-color);
}

.card-timeline-conteudo p a {
  color: var(--primary-color);
}

.card-timeline-conteudo p a:hover {
  text-decoration: underline !important;
}

.card-timeline-nocomentarios-v3 {
  background-color: var(--card-background);
  margin-bottom: 3rem;
}

.card-timeline-nocomentarios-v3 .timeline-comentarios-container {
  display: none !important;
}

.card-timeline-comentarios-v3 {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  padding: 2rem;
  margin-bottom: 3rem;
}

.card-timeline-comentarios-v3 h5 {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 0.8rem;
}

.card-timeline-comentarios-v3 h6 {
  font-size: 1rem;
  margin-top: 0;
  font-weight: 400;
  color: var(--destaques);
}

.card-timeline-comentarios-v3 p {
  margin-bottom: 0;
  font-size: 1.2rem;
  word-break: break-word;
  color: var(--text-color);
}

.card-timeline-comentarios-v3 textarea {
  font-size: 1.2rem;
  font-weight: 400;
  background: var(--theme-color);
}

.modal-content-timeline textarea {
  font-size: 1.2rem;
  font-weight: 400;
}

.timeline-comentario-autor {
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
}

.timeline-button-more {
  color: var(--primary-color);
}

.card-timeline-menu {
  position: relative;
}

.card-timeline-menu a {
  font-size: 3rem;
  color: var(--primary-color);
}

.button-more-content {
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}

.comentarios-button-more {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
}

.comentarios-button-more:hover {
  color: var(--primary-color);
  text-decoration: underline !important;
}

.timeline-form-v3 {
  overflow: auto;
}

.timeline-comentario-ocultos .card-timeline-v3 {
  border-top: 0.6rem solid var(--blue);
  margin-bottom: 3rem;
}

#timeline-mensagem-carregando {
  background-image: none !important;
  padding: 0 !important;
  font-size: 1.4rem;
  text-align: center;
  color: var(--text-color);
}

#timeline-mensagem-carregando i {
  color: var(--primary-color);
  margin-right: 0.5rem;
}

.modal-content-timeline .modal {
  overflow-y: hidden;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file-carrossel-image-remove {
  color: var(--white);
  font-size: 1.4rem;
  position: absolute;
  top: 2%;
  right: 2%;
  z-index: 9;
}

.file-carrossel-image-remove i {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 50%;
}

@media (max-width: 1024px) {
  .modal-content-timeline .modal .modal-dialog {
    width: auto !important;
  }
}

@media (max-width: 1024px) {
  .modal-content-timeline .modal {
    width: 70%;
  }
}

@media (max-width: 500px) {
  .modal-content-timeline .modal {
    width: 95%;
  }
}

/* Placeholder File Carrossel */

.placeholder-file-carrossel {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Menu Modal tres pontos - Timeline */

.menu-three-points {
  position: relative;
}

.three-points-modal {
  width: 17rem;
  position: absolute;
  z-index: 10;
  border-radius: 0.8rem;
  background: var(--card-background);
  top: 3rem;
  right: 0;
  display: none;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.three-points-modal ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.three-points-modal li a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0.6rem 1rem;
  color: var(--text-color);
  font-size: 1.3rem;
  line-height: 2rem;
  border-top: 0.1rem solid var(--border-color);
}

.three-points-modal li a:hover {
  background-color: var(--hover-card);
}

.three-points-modal li:first-of-type a:hover {
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
}

.three-points-modal li:last-of-type a:hover {
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.three-points-modal li a i {
  color: var(--icon-color);
  margin-left: 0.8rem;
  font-size: 1.4rem;
}

.three-points-modal li:first-child a {
  border-top: none;
}

.bg-modal-btn.active-menu .three-points-modal {
  display: block;
}

/* Ajuste de largura no form */

.form-v3-container-wrap {
  margin: 0 auto;
  width: 60%;
}

.form-v3-container-wrap .select-v3 {
  margin-bottom: 2rem;
}

@media (max-width: 1024px) {
  .form-v3-container-wrap {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .form-v3-container-wrap {
    width: 100%;
  }
}

/* Forum */

@media (max-width: 768px) {
  #forum {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.card-forum-v3 {
  background-color: var(--card-background);
  padding: 1.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
  margin-bottom: 1rem;
}

.card-forum-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-forum-menu {
  position: relative;
}

.card-forum-menu .three-points-modal {
  top: 2rem;
  width: 17rem;
}

.card-forum-menu a {
  font-size: 2rem;
  color: var(--primary-color);
}

.card-forum-v3 h3 {
  font-size: 1.4rem;
  color: var(--text-color);
  font-weight: 600;
  line-height: normal;
  margin: 0 0 0.5rem;
}

.forum-reply-header {
  display: flex;
  justify-content: space-between;
}

.card-forum-mid .forum-itens {
  color: var(--text-color);
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.card-forum-mid .forum-itens span {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--text-color);
  font-style: normal;
}

.card-forum-mid span,
.forum-reply-footer span {
  color: var(--destaques);
  font-size: 1.15rem;
  font-style: italic;
}

.card-forum-line {
  border-bottom: 1px solid var(--light-grey);
  width: 98%;
  display: flex;
  margin: 1rem auto;
}

.card-forum-textarea {
  margin-top: 1.5rem;
}

.card-forum-btn-reply {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

.card-forum-btn-reply a {
  color: var(--primary-color);
  font-weight: 500;
}

.card-forum-btn-reply a:hover {
  text-decoration: underline !important;
}

.card-forum-btn-reply span {
  margin-right: 0.3rem;
}

.card-forum-v3 .textarea-v3 textarea {
  min-height: 4rem;
  font-size: 1.2rem;
  background-color: var(--theme-color);
}

.card-forum-reply {
  background-color: var(--theme-color);
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
}

.card-forum-reply p {
  color: var(--text-color);
  font-size: 1.2rem;
  font-weight: 400;
}

.forum-reply-footer {
  display: flex;
  justify-content: space-between;
}

.forum-reply-voting {
  display: flex;
  gap: 1rem;
}

.forum-reply-voting span {
  color: var(--text-color);
  font-style: normal;
}

.reply-voting-up a {
  color: var(--green);
}

.reply-voting-down a {
  color: var(--red);
}

.card-forum-info .view-info {
  padding: 0;
}

.card-forum-info .info-text p {
  font-size: 1.1rem;
}

.card-forum-info .info-text i {
  font-size: 1.5rem;
}

/* Recompensas */

#recompensa .card-list-link {
  min-height: 10rem;
  display: flex;
}

#recompensa .card-v3-links {
  height: 9rem;
  min-width: 120px;
}

#recompensa .thumbnail-background {
  height: 8.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  border-radius: 0.3rem;
}

#recompensa .card-v3-thumbnail img {
  height: 60%;
  object-fit: contain;
}

.rotate-90 {
  transform: rotate(90deg);
}

.item-mais-menu {
  font-size: 1.2rem;
  color: var(--text-color);
  font-weight: 500;
  line-height: normal;
  position: relative;
}

.item-mais-menu .menu-three-points {
  margin-left: 2rem;
  margin-right: 1rem;
  color: var(--text-color);
}

.item-mais-menu .three-points-modal {
  top: 2.5rem;
  right: -3rem;
}

.item-mais-menu .three-points-modal li a {
  justify-content: flex-start;
}

.item-mais-menu i {
  margin-right: 0.5rem;
  font-size: 1.4rem;
}

.form-getdisplay-flex {
  display: flex;
}

.form-getdisplay-flex .textarea-v3 textarea {
  min-height: 7rem;
}

.form-getdisplay-esquerdo {
  width: 45%;
  padding-right: 2rem;
}

.form-getdisplay-esquerdo .form-group {
  margin-bottom: 1rem;
}

.form-getdisplay-direito {
  width: 55%;
  background-color: #e8e8e8;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1024px) {
  .form-getdisplay-flex {
    display: flex;
    flex-direction: column-reverse;
    height: 100vh;
    overflow: hidden;
  }

  .form-getdisplay-esquerdo {
    width: 100%;
    padding: 3rem 0 0;
    overflow-y: auto;

    scrollbar-width: thin;
    scrollbar-color: grey #f0f0f0;

    &::-webkit-scrollbar {
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: grey;
    }

    &::-webkit-scrollbar-track {
      background-color: #f0f0f0;
    }
  }

  .form-getdisplay-direito {
    width: 100%;
    height: 80vh;
  }
}

@media (max-width: 768px) {
  .form-getdisplay-direito {
    width: 100%;
    height: 60vh;
  }

  .item-mais-menu .three-points-modal {
    right: 0;
  }

  #recompensa .card-v3-links {
    height: auto;
  }

  #recompensa .card-v3-links .hiperlink-v3 {
    margin-left: 0;
    margin-right: 1rem;
  }

  .card-v3-links .item-mais-menu {
    line-height: normal;
    font-size: 1.3rem;
  }

  .card-v3-links .item-mais-menu i {
    font-size: 1.3rem;
  }

  .item-mais-menu .menu-three-points {
    margin-left: 0;
  }
}

.color-v3 input {
  border: 0.1rem solid var(--border-color);
  background: var(--white);
  border-radius: 0.5rem !important;
  min-height: 3.4rem;
  width: 10%;
}

.container-color-v3 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.hexcolor-v3 {
  background-color: var(--card-background);
  padding: 0.8rem;
  border-radius: 0.5rem;
  border: 0.1rem solid var(--border-color);
  line-height: normal;
  color: var(--text-color);
}

.container-color-v3 .select-v3 {
  width: 65%;
}

.container-color-v3 select {
  margin: 0;
}

.clear-color-form .btn-v3 {
  margin-bottom: 0;
}

.slide-content-upload-button,
.slide-content-more-images-button {
  position: relative;
  display: inline-block;
  border-radius: 0.5rem;
}

.slide-content-upload-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background-color: var(--grey);
}

.slide-content-more-images-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  background-color: var(--light-blue);
}

.slide-content-upload-button img,
.slide-content-more-images-button img {
  display: block;
  width: 100%;
  height: auto;
  z-index: 1;
}

.upload-button,
.more-image-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  background: none;
  border: none;

  font-size: 24px;
  cursor: pointer;
}

.upload-button {
  color: var(--dark-grey);
  flex-direction: column;
}

.more-image-button {
  color: var(--blue);
  flex-direction: column;
}

.upload-button small,
.more-image-button small {
  font-size: 40%;
  line-height: normal;
}

.reward-preview {
  width: 100%;
}

.reward-preview-info {
  font-size: 1.2rem;
  color: var(--text-color);
  font-weight: 400;
  text-align: center;
}

#crec_background_preview {
  width: 37rem;
  height: 34rem;
  background-color: white;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
}

#crec_titulo_preview {
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center;
  font-weight: 600;
  word-break: break-word;
}

.recompensa-style h2 {
  font-size: 2.5rem !important;
  line-height: 3rem !important;
  text-align: center !important;
  font-weight: 600 !important;
  margin: 1rem 0 !important;
}

#crec_descricao_preview {
  font-weight: 400;
  font-size: 1.5rem;
  text-align: center;
}

.recompensa-style p {
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  text-align: center !important;
}

#crec_icone_preview {
  width: 16rem;
  height: auto;
}

@media (max-width: 1024px) {
  #crec_background_preview {
    width: 30rem;
    height: 28rem;
  }

  #crec_icone_preview {
    width: 12rem;
  }

  #crec_titulo_preview {
    font-size: 1.8rem;
  }

  #crec_descricao_preview {
    font-size: 1.1rem;
  }
}

@media (max-width: 768px) {
  #crec_background_preview {
    width: 28rem;
    height: 26rem;
  }

  #crec_icone_preview {
    width: 10rem;
  }

  #crec_titulo_preview {
    font-size: 1.6rem;
  }

  #crec_descricao_preview {
    font-size: 1rem;
  }
}

/* Aparencia - Theme */

.appearance-container-v3 {
  display: flex;
}

.appearance-container-v3 .tabs-v3 .nav-tabs li a {
  background-color: var(--card-background) !important;
  opacity: 1 !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.appearance-container-v3 .tabs-v3 .nav-tabs li.active > a {
  border-bottom: 0.3rem solid var(--tabs-itens-color) !important;
}

.appearance-container-v3 .tabs-v3 .nav-tabs li a span {
  font-size: 1rem;
  line-height: normal;
}

.appearance-widgets-v3 {
  width: 30%;
  border-right: 1px solid var(--border-color);
  background-color: var(--theme-color);
}

.appearance-widgets-content {
  background-color: var(--theme-color);
  padding: 0 1.5rem;
  /* height: 100vh;
  overflow: hidden;

  overflow-y: auto;

  scrollbar-width: thin;
  scrollbar-color: grey #f0f0f0;

  &::-webkit-scrollbar {
      width: 8px;
  }

  &::-webkit-scrollbar-thumb {
      background-color: grey;
  }

  &::-webkit-scrollbar-track {
      background-color: #f0f0f0;
  } */
}

.appearance-widgets-content .line-horizontal-v3 {
  margin: 0;
}

.appearance-display-v3 {
  width: 70%;
  /* height: 100vh; */
  background-color: var(--border-color);
}

.appearance-display-v3 .separator {
  border-color: var(--border-color) !important;
}

.appearance-display-header {
  background-color: var(--card-background);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.1rem 2rem;
  border-bottom: 1px solid var(--border-color);
}

.appearance-display-view-save {
  display: flex;
  gap: 1rem;
}

.appearance-display-view-save button {
  margin-bottom: 0;
}

.appearance-display-view-save #restore_default {
  border: 0.1rem solid;
}

.appearance-display-view-devices {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.div-disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-style-line {
  background-color: transparent;
  border: 1px solid var(--destaques);
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2.5rem;
  line-height: normal;
  color: var(--destaques);
}

.btn-style-line-with-icon {
  background-color: transparent;
  border: none;
  color: var(--destaques);
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.btn-style-line-with-icon .icon {
  border: 1px solid var(--destaques);
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 2.5rem;
}

.btn-style-line:hover,
.btn-style-line.active {
  border-color: var(--tabs-itens-color);
  color: var(--tabs-itens-color);
}

.btn-style-line-with-icon:hover,
.btn-style-line-with-icon:hover .icon,
.btn-style-line-with-icon.active,
.btn-style-line-with-icon.active .icon {
  border-color: var(--tabs-itens-color);
  color: var(--tabs-itens-color);
}

.appearance-display-view-devices h3 {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--text-color);
}

.container-theme-inputs {
  display: flex;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
  flex-wrap: wrap;
}

.theme-card-radio {
  border: 1px solid #dadada;
  flex-basis: calc(50% - 1.5rem);
  cursor: pointer;
}

.theme-card-radio:hover {
  filter: brightness(0.9);
}

.theme-card-radio figcaption {
  display: none;
}

.theme-card-radio label {
  margin-top: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: var(--text-color);
}

.theme-card-radio input[type="radio"] {
  margin: 0;
}
.preview-aparencia-main {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 80%;
  margin: 0 auto;
  align-items: center;
  padding-top: 5%;
  padding-bottom: 5%;
}
.preview-aparencia-main h3 {
  color: var(--text-color);
  margin: 0 0 1rem 0;
  font-size: 1.3rem;
  font-weight: 500;
}
.preview-aparencia-container {
  width: 100%;
}

.preview-aparencia-container.mobile {
  width: 30%;
}
.preview-aparencia-header {
  background-color: var(--primary-color);
  height: 4rem;
}
.preview-aparencia-body {
  display: flex;
  height: 60vh;
}
.preview-aparencia-footer {
  background-color: var(--primary-color);
  height: 4.5rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

#preview-login-form {
  background-color: var(--theme-color);
  padding: 2rem;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-login-form-warp {
  width: 50%;
}
.preview-login-form-warp.mobile {
  width: 90%;
}
.linha1 {
  display: flex;
  gap: 2rem;
  justify-content: center;
  margin-bottom: 2rem;
}
.traco1,
.traco2 {
  border-bottom: 2px dashed var(--primary-color);
  width: 5rem;
}
.traco2 {
  opacity: 0.5;
}
.linha2 {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.divisor1,
.divisor2 {
  height: 0.6rem;
  width: 50%;
}
.divisor1 {
  background-color: var(--primary-color);
}
.divisor2 {
  background-color: var(--border-color);
}
.linha3 {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}
.cardzinho {
  background-color: var(--destaques);
  border-radius: 0.3rem;
  padding: 1rem 2rem;
}
.linha4 {
  margin-bottom: 2rem;
}
.separador {
  border-bottom: 1px solid var(--border-color);
}
.linha5 {
  margin-bottom: 2rem;
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
.input {
  background-color: var(--border-color);
  height: 2.4rem;
  border-radius: 0.3rem;
  width: 100%;
}
.linha6 {
  margin-bottom: 2rem;
}
.pontilhado {
  border-bottom: 2px dashed var(--primary-color);
  width: 15%;
}
.linha7 {
  margin-bottom: 2rem;
}
.botao {
  background-color: var(--primary-color);
  height: 2.4rem;
  border-radius: 0.3rem;
  width: 100%;
}
#preview-inicial-aside {
  background-color: var(--theme-color);
  flex: 1;
}
#preview-login-aside {
  background-color: #dadada;
  flex: 1;
}
#preview-inicial-aside {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.header-contents {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 2rem;
}
.header-esquerdo {
  display: flex;
  flex: 1;
  justify-content: center;
}
.header-esquerdo.mobile {
  justify-content: end;
}
.header-direito {
  display: flex;
  flex: 1;
  justify-content: end;
}
.input-pesquisa {
  background-color: var(--white);
  opacity: 0.5;
  height: 2.4rem;
  border-radius: 0.3rem 0rem 0rem 0.3rem;
  width: 40%;
}
.header-esquerdo.mobile .input-pesquisa {
  width: 60%;
}
.input-pesquisa-btn {
  background-color: var(--white);
  width: 5%;
  opacity: 0.8;
  height: 2.4rem;
  border-radius: 0 0.3rem 0.3rem 0;
}
.menuDesk {
  display: inline-flex;
  list-style: none;
  gap: 2rem;
  margin: 0;
  padding: 0;
}
.menuDesk li:first-child {
  opacity: 1;
}
.menuDesk li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  opacity: 0.7;
}
.menuDesk i {
  color: var(--button-text-color);
  font-size: 1.5rem;
  font-weight: 300;
}
.menuDesk div {
  width: 2.5rem;
  height: 0.5rem;
  background-color: var(--button-text-color);
  border-radius: 0.5rem;
}
.menuDesk li:nth-child(3) div {
  width: 3.2rem;
}
.nav-menu-mobile {
  background-color: var(--card-background);
  display: flex;
  justify-content: center;
  padding: 1rem;
}
.menuMobi {
  list-style: none;
  display: inline-flex;
  gap: 3rem;
  margin: 0;
  padding: 0;
}
.menuMobi li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.menuMobi i {
  color: var(--primary-color);
  font-size: 1.5rem;
  font-weight: 300;
}
.menuMobi div {
  background-color: var(--primary-color);
  width: 2.5rem;
  height: 0.4rem;
  border-radius: 0.5rem;
}

.aparencia-old-footer {
  display: flex;
  justify-content: center;
}

.aparencia-old-footer p {
  margin: 0;
}

.aparencia-novo-footer {
  display: flex;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  gap: 0.5rem;
}

.footer-logo-esquerda {
  width: 25%;
  display: flex;
  justify-content: center;
}

.footer-logo-direita {
  width: 25%;
  display: flex;
  justify-content: center;
}

.footer-texto {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.footer-texto p {
  margin: 0;
}

.footer-texto small {
  font-size: 80%;
  text-align: center;
}

.politica-add-empresa,
.politica-add-empresa a {
  color: var(--text-color);
}

@media (max-width: 1555px) {
  .appearance-display-view-save .btn-v3.small {
    min-width: 8rem;
  }
}

@media (max-width: 1400px) {
  .appearance-display-view-devices h3 {
    display: none;
  }
}

@media (max-width: 1000px) {
  .appearance-container-v3 {
    flex-direction: column-reverse;
  }

  .appearance-widgets-v3 {
    width: 100%;
    border-right: none;
  }

  .appearance-display-v3 {
    width: 100%;
  }

  .preview-aparencia-container.mobile {
    width: 50%;
  }
}

@media (max-width: 600px) {
  .appearance-display-view-save {
    position: absolute;
    background-color: var(--card-background);
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    justify-content: space-evenly;
    padding: 1rem;
    border-top: 1px solid var(--border-color);
  }

  .appearance-display-v3 {
    height: 50vh;
  }

  .appearance-display-header {
    justify-content: start;
  }

  .appearance-display-view-devices {
    justify-content: space-evenly;
    width: 100%;
  }

  .preview-aparencia-body {
    height: 30vh;
  }

  .preview-aparencia-footer {
    height: 3rem;
  }

  .preview-aparencia-main {
    padding-top: 1%;
  }

  .preview-aparencia-main h3 {
    margin: 0 0 0.5rem 0;
    font-size: 1.2rem;
  }

  #preview-login-form {
    padding: 0.5rem;
  }

  .linha1,
  .linha2,
  .linha3,
  .linha4,
  .linha5,
  .linha6,
  .linha7 {
    margin-bottom: 1rem;
  }

  .linha3 {
    gap: 0.5rem;
  }

  .input {
    height: 2rem;
  }

  .cardzinho {
    padding: 1rem 1.2rem;
  }

  .botao {
    height: 2rem;
  }

  .menuMobi {
    display: inline-flex;
    gap: 0.5rem;
  }

  .theme-card-radio {
    flex-basis: calc(50% - 1rem);
  }

  .aparencia-novo-footer {
    opacity: 0;
  }
}

@media (max-width: 500px) {
  .appearance-widgets-content {
    margin-bottom: 4rem;
    height: auto;
  }

  .appearance-preview-v3 {
    height: auto;
  }
}

@media (max-width: 425px) {
  .preview-aparencia-main {
    padding-top: 2%;
  }

  .btn-style-line-with-icon span {
    display: none;
  }

  .preview-aparencia-header {
    height: 2rem;
  }

  .header-esquerdo.mobile .input-pesquisa {
    width: 60%;
    height: 1rem;
  }

  .input-pesquisa-btn {
    height: 1.4rem;
  }

  .preview-login-form-warp {
    width: 80%;
  }

  .input {
    height: 1.2rem;
  }

  .botao {
    height: 1.2rem;
  }

  .cardzinho {
    padding: 0.5rem 1.2rem;
  }

  .divisor1,
  .divisor2 {
    height: 0.3rem;
  }

  .linha5 {
    gap: 1.5rem;
  }

  .aparencia-old-footer {
    opacity: 0;
  }

  .nav-menu-mobile {
    padding: 0.5rem;
  }

  .menuMobi li {
    gap: 0.3rem;
  }

  .menuDesk {
    gap: 1rem;
  }

  .menuDesk i {
    font-size: 1.2rem;
  }

  .menuDesk div {
    width: 2rem;
  }

  .input-pesquisa {
    height: 1rem;
  }

  .input-pesquisa-btn {
    height: 1rem;
  }

  .header-contents {
    padding: 0 1rem;
  }
}

@media (max-width: 320px) {
  .preview-aparencia-container.mobile {
    width: 65%;
  }

  .preview-aparencia-main {
    max-width: 90%;
  }
}

/* Modulo de Usuarios */

#usuarios .card-v3-links {
  min-width: 12%;
}

#grupos-do-usuario .card-v3-links {
  min-width: 12%;
}

#trilhas-do-usuario .card-v3-links {
  min-width: 16%;
}

.user-card-view .content-item-menu {
  padding: 1rem;
  justify-content: flex-start;
  gap: 2rem;
}

.card-v3-content-col-content {
  display: flex;
  flex: 70;
  gap: 2rem;
}

.card-v3-content-col-content .card-v3-content-col:nth-child(1) {
  flex: 20;
  border-right: 1px solid var(--border-color);
}

.card-v3-content-col-content .card-v3-content-col:nth-child(2) {
  flex: 30;
}

.user-card-view img {
  border-radius: 0.5rem;
  height: 8rem;
  object-fit: cover;
}

.user-monitoring {
  padding: 1rem;
  background-color: var(--theme-color);
  border: 0.1rem solid var(--border-color);
  margin-bottom: 0.5rem;
  color: var(--text-color);
  display: flex;
  flex-direction: column;
}

.user-monitoring p {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 0.2rem;
}

.user-monitoring span {
  font-size: 1.3rem;
}

.user-monitoring-expire {
  display: flex;
  align-items: center;
}

.user-monitoring-expire a {
  color: var(--primary-color);
}

.user-monitoring-expire a:hover {
  text-decoration: underline !important;
}

.user-monitoring-expire a span {
  margin-right: 0.3rem;
}

.item-card-user-perfil {
  padding: 1rem;
  background-color: var(--card-background);
  border: 0.1rem solid var(--border-color);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  transition: background-color 0.5s;
}

.item-card-user-perfil.with-btn {
  position: relative;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}

.item-card-user-perfil:hover {
  background-color: var(--hover-card);
}

.item-card-user-perfil.with-btn:hover {
  border-radius: 0.5rem;
}

.item-card-user-title {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0;
  color: var(--text-color);
}

.item-card-user-lista {
  display: flex;
  flex-direction: column;
  color: var(--text-color);
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  font-size: 1.15rem;
  gap: 0.3rem;
}

.item-card-user-lista em {
  color: var(--destaques);
  font-style: normal;
}

.item-card-user-itens-content {
  display: flex;
  gap: 2rem;
}

.item-card-user-itens {
  display: flex;
  flex: 20;
  border-right: 0.1rem solid var(--border-color);
}

.item-card-user-itens p,
.item-card-user-progress p {
  margin: 0;
  color: var(--text-color);
  font-size: 1.3rem;
}

.item-card-user-progress p {
  flex: 30%;
}

.item-card-user-progress {
  display: flex;
  flex: 30;
  align-items: center;
}

.item-card-user-progress .progress-bar-v3 {
  height: 1.2rem;
}

.item-card-user-end {
  flex: 20;
  display: flex;
  justify-content: end;
  align-items: center;
}

.item-card-user-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background-color: transparent;
  border: none;
  color: var(--primary-color);
  font-size: 1.2rem;
  position: absolute;
  top: 13%;
}

.item-card-user-btn span {
  color: var(--text-color);
}

.item-card-user-btn:hover,
.item-card-user-btn:hover span {
  color: var(--primary-color);
}

.logo-empresa-v3 img {
  height: 2rem;
}

#profile-view-page .title_page_v3 {
  border: none;
  margin-bottom: 0;
}

#profile-view-page .box-alert-crop-v3 {
  width: 40%;
}

.nav-menu-usuario {
  display: flex;
  gap: 2.3rem;
}

.item-menu-usuario {
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  line-height: normal;
  color: var(--button-text-color);
  opacity: 0.7;
  position: relative;
}

.item-menu-usuario:hover,
.item-menu-usuario:focus {
  opacity: 1;
  color: var(--button-text-color);
}

.item-menu-usuario.active {
  opacity: 1;
}

.item-menu-usuario span {
  font-size: 1.3rem;
  font-weight: 400;
}

.item-menu-usuario .user-v3-notification {
  position: absolute;
  right: -20px;
  top: -10px;
}

.item-menu-usuario .user-v3-notification span {
  opacity: 0;
}

.top-bar-user-search input {
  border: none;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.8rem;
  width: 100%;
  min-width: 25rem;
  border-radius: 0.5rem 0 0 0.5rem;
  line-height: normal;
  min-height: 3rem;
  font-size: 1.15rem;
  color: var(--white);
  font-weight: 500;
}

.top-bar-user-search input::placeholder {
  color: white;
  opacity: 1;
  font-size: 1.15rem;
  font-weight: 400;
}

.top-bar-user-search span {
  background-color: var(--white);
  opacity: 0.9;
  border: none;
  line-height: normal;
  font-size: 1.2rem;
  border-radius: 0 0.5rem 0.5rem 0;
  cursor: pointer;
}

.top-bar-user-search form {
  margin: 0;
}

.top-bar-user-search span:hover {
  opacity: 1;
}

.top-bar-user-search span i {
  color: var(--primary-color);
  opacity: 1;
}

.user-profile {
  position: relative;
}

.user-avatar-profile {
  background-color: var(--blue);
  border: none;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.8rem;
  color: var(--white);
}

.user-itens-profile {
  left: 18%;
  top: 18%;
  width: 18rem;
  bottom: auto !important;
}

.user-profile .menu-modal li a {
  justify-content: flex-start;
}

.user-profile .menu-modal li:first-child a {
  border-top: none;
}

.user-profile .menu-modal li a:hover:nth-child(1) {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

.user-profile .menu-modal li a i {
  margin-left: 0;
  color: var(--primary-color);
  margin-right: 0.5rem;
}

.user-profile-photo-box-preview {
  padding: 0;
  background-color: transparent !important;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.user-profile-photo-box-preview img {
  border-radius: 0.8rem;
}

.photo-user-profile:hover {
  cursor: pointer;
}

.user-profile-photo-box-preview button {
  background-color: transparent;
  border: none;
  color: var(--white);
}

.grupo-slider-select {
  display: flex;
  background-color: var(--theme-color);
  color: var(--text-color);
  border: 1px solid var(--border-color);
  padding: 0.8rem 1rem;
  align-items: center;
  border-radius: 0.5rem;
  width: 100%;
}

.grupo-slider-select.selected {
  background-color: var(--card-background);
  pointer-events: none;
}

.grupo-slider a {
  outline: none;
}

.grupo-slider a:active,
.grupo-slider a:focus {
  color: var(--primary-color);
}

.grupo-slider-select.selected i {
  color: var(--green);
}

.grupo-slider-select:hover {
  color: var(--icon-color);
}

.grupo-slick {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.slick-group-info p {
  margin: 0;
}

.grupos-carrossel-usuarios .slick-track {
  margin-left: 0;
  display: flex;
}

.grupos-carrossel-usuarios .slick-track .slick-slide {
  display: flex;
  height: auto;
  width: 100%;
  margin-right: 2rem;
}

.user-skill-indicators {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.card-indicadores-v3 {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  border-radius: 0.8rem;
  padding: 1.5rem;
}

.card-indicador-info {
  font-size: 1.4rem;
  color: var(--text-color);
  margin: 0 0 0.5rem 0;
  line-height: normal;
}

.card-indicador-info span {
  color: var(--destaques);
  font-weight: 300;
  font-size: 95%;
}

.card-indicador-progress {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.card-indicador-progress p {
  text-wrap: nowrap;
  margin: 0;
  line-height: normal;
  font-size: 1.3rem;
  color: var(--text-color);
}

.card-indicador-progress .progress-bar-v3 {
  height: 0.7rem;
}

.card-indicador-progress .line-progress {
  background-color: var(--primary-color) !important;
}

.content-card-info-recompensa {
  display: flex;
  gap: 5rem;
  margin-bottom: 1.5rem;
  justify-content: space-between;
}

.card-info-recompensa {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
  justify-content: center;
}

.card-info-recompensa i {
  color: var(--icon-color);
  font-size: 2.5rem;
}

.card-info-recompensa p {
  margin: 0;
  color: var(--text-color);
}

.card-info-recompensa span {
  font-size: 3rem;
  color: var(--text-color);
  font-weight: 500;
}

@media (max-width: 800px) {
  .content-card-info-recompensa {
    gap: 2rem;
  }

  .card-info-recompensa {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 500px) {
  .content-card-info-recompensa {
    gap: 1rem;
  }

  .card-info-recompensa {
    padding: 1rem;
  }
}

.menu-list-module {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  padding: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.7rem;
  transition: background-color 0.5s ease;
}

.menu-list-module:hover {
  background-color: var(--hover-card);
}

.menu-list-module-content {
  display: flex;
  gap: 0.8em;
  align-items: center;
}

.menu-list-module-icon {
  flex: 1;
  min-width: 2.5rem;
}

.menu-list-module-content p {
  margin: 0;
  line-height: normal;
  color: var(--text-color);
  font-size: 1.4rem;
  font-weight: 600;
}

.menu-list-module-content i {
  color: var(--icon-color);
  font-size: 1.8rem;
  line-height: normal;
}

#getPerfilV3 .label-v3 {
  margin-bottom: 2rem;
}

.termos_btn_v3 {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0.7rem;
  border-radius: 0.5rem;
  justify-content: space-between;
}

.termos_btn_v3 p {
  color: var(--text-color);
  line-height: normal;
  font-size: 1.3rem;
  margin: 0;
}

.termos_btn_v3 i {
  font-size: 1.4rem;
}

.filter-checkbox-content {
  display: flex;
  align-items: center;
}

.filter-checkbox-width-max {
  width: 100% !important;
}

.filter-checkbox-scroll {
  width: 50%;
  overflow-y: hidden;
  overflow-x: scroll;
  position: relative;
  white-space: nowrap;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  padding: 0.3rem 0;
}

.filter-checkbox-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.filter-checkbox-scroll::-webkit-scrollbar-track {
  background: rgba(255, 2555, 2555, 0.2);
  border-radius: 10px;
}

.filter-checkbox-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 2555, 2555, 0.1);
  border-radius: 10px;
}

.filter-checkbox-scroll::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

.filter-checkbox-scroll .una {
  border-right: none;
}

.scroll-check-btn {
  background-color: transparent;
  border: none;
  color: var(--text-color);
}

.cards-disabled-admin .item-menu-v3 .disabled {
  margin-bottom: 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}

#provas-do-usuario .card-v3-links {
  min-width: 15%;
}

#provas-do-usuario .content-item-menu p:first-child {
  font-size: 1.4rem;
}

.cards-disabled-admin .progress-bar-v3 {
  width: 50%;
}

#study-view-page {
  height: 100vh;
}

#study-view-page .title_page_v3 {
  border: none;
}

.page-title-with-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.icon-link {
  display: flex;
  align-items: center;
  line-height: normal;
  gap: 0.5rem;
  font-size: 1.2rem;
  color: var(--text-color);
  font-weight: 500;
}

.icon-link i {
  color: var(--primary-color);
  font-size: 1.4rem;
}

.icon-link:hover {
  color: var(--primary-color);
}

.card-container-triple {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.card-estudo {
  display: flex;
  align-items: center;
  background-color: var(--card-background);
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--border-color);
}

.card-estudo:hover {
  background-color: var(--hover-card);
}

.card-estudo.disabled {
  background-color: var(--theme-color) !important;
  pointer-events: none;
}

.card-estudo.disabled .card-estudo-text-title,
.card-estudo.disabled .span-v3-content-list {
  color: var(--destaques) !important;
}

.card-estudo-image {
  margin-right: 1rem;
  width: 10rem;
}

.card-estudo-image img {
  width: 100%;
  height: 6rem;
  display: block;
  object-fit: fill;
  border-radius: 0.5rem;
}

.card-estudo-text-title {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--text-color);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.card-estudo-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
}

.card-estudo-text .content-list-inline {
  font-size: 1.1rem;
  color: var(--text-color);
}

.card-estudo-progress {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.card-estudo-progress p {
  font-size: 1.1rem;
  min-width: fit-content;
  margin: 0;
  color: var(--destaques);
}

.card-estudo-progress .progress-bar-v3 {
  height: 0.7rem;
}

.card-estudo-progress .line-progress {
  background-color: var(--primary-color) !important;
}

.card-estudo .card-estudo-locked {
  font-size: 1.4rem;
  color: var(--destaques);
  padding-right: 1rem;
}

.partial-img-v3 {
  width: 60% !important;
  aspect-ratio: 10 / 10 !important;
  margin: 0 auto;
}

.partial-img-v3 img {
  object-fit: contain;
  height: 100%;
}

.termo-v3-personalizado {
  display: flex;
}

.termo-v3-personalizado .termo-v3-label {
  margin: 0;
  line-height: normal;
}

.termo-v3-personalizado .input-group {
  line-height: normal;
}

.termo-v3-personalizado .input-group .checkbox {
  margin: 0;
  padding: 0 3rem;
  display: flex;
}

.termo-v3-personalizado .input-group .checkbox .btn-inverse {
  display: flex;
  align-items: center;
}

.form-group-link-v3 {
  display: flex;
}

.form-group-link-v3 label {
  line-height: normal;
  padding: 0;
  margin: 0;
  margin-right: 1rem;
}

.form-group-link-content {
  line-height: normal;
  margin: 0;
  padding: 0;
}

.copy-btn-card-item {
  background-color: transparent;
  border: none;
  line-height: normal;
  font-size: 85%;
}

.copy-btn-card-item:hover {
  color: var(--primary-color);
  background-color: var(--light-grey);
  border-radius: 0.3em;
}

.chart24h,
.chart24hquestao {
  background-color: transparent !important;
  color: inherit;
}

@media (max-width: 1600px) {
  #usuarios .card-v3-links {
    min-width: 14%;
  }
  #grupos-do-usuario .card-v3-links {
    min-width: 12%;
  }
}

@media (max-width: 800px) {
  .card-container-triple {
    grid-template-columns: 1fr;
  }
}

/* Minhas Trilhas */

#minhas-trilhas .card-estudo {
  margin-bottom: 1rem;
}

#minhas-trilhas .card-estudo-progress {
  width: 70%;
}

.time-expire {
  color: var(--red);
}

.time-expired {
  color: var(--mute-grey);
}

@media (max-width: 1024px) and (min-width: 801px) {
  .top-bar-user-search input {
    min-width: 10rem;
  }

  #provas-do-usuario .item-blocos .card-list-link .card-v3-content-col:last-child {
    display: none;
  }

  #trilhas-do-usuario .item-blocos .card-list-link .card-v3-content-col:last-child {
    display: none;
  }
}

@media (max-width: 900px) {
  #usuarios .card-v3-links,
  #grupos-do-usuario .card-v3-links {
    min-width: 20%;
  }

  .nav-menu-usuario {
    display: flex;
    gap: 1.5rem;
  }
}

@media (max-width: 800px) {
  .nav-menu-usuario {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    padding: 1.5rem 2rem;
    width: 100%;
    justify-content: space-around;
    gap: 0;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }

  #study-view-page {
    height: auto;
  }

  .item-menu-usuario {
    color: var(--primary-color);
    flex-direction: column;
  }

  .item-menu-usuario:hover,
  .item-menu-usuario:focus {
    color: var(--primary-color);
  }

  .user-card-view .card-v3-links {
    flex-direction: column;
  }

  #progresso-usuario {
    padding-left: 15px;
    padding-right: 15px;
  }

  .item-menu-usuario .user-v3-notification {
    right: -10px;
    top: -8px;
    width: 15px;
    height: 15px;
  }

  #provas-do-usuario .item-blocos .card-list-link,
  #trilhas-do-usuario .item-blocos .card-list-link,
  #cursos-do-usuario .item-blocos .card-list-link,
  #certificados-do-usuario .item-blocos .card-list-link {
    align-items: start;
  }

  #minhas-trilhas .card-estudo-progress {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .user-card-view .content-item-menu {
    display: flex;
  }

  .user-card-view .card-v3-links {
    border: none;
  }

  .item-card-user-itens-content {
    flex-direction: column;
    gap: 0;
  }

  .item-card-user-itens {
    border: none;
  }

  .item-card-user-progress {
    width: 100%;
    gap: 1rem;
  }

  .item-card-user-progress p {
    min-width: fit-content;
  }

  #getPerfilV3 .tab-pane {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 600px) {
  .user-card-view .content-item-menu {
    gap: 1rem;
    position: relative;
    margin-bottom: 0;
  }

  .card-v3-content-col-content {
    flex-direction: column;
    gap: 0;
    max-width: 50%;
  }

  .card-v3-content-col-content .card-v3-content-col:nth-child(1) {
    border: none;
  }

  .user-card-view .card-v3-links {
    position: absolute;
    top: 0;
    right: 0;
    flex-direction: column;
    align-items: baseline;
  }

  #profile-view-page #my_profile h2 {
    margin-top: 0;
  }
}

@media (max-width: 500px) {
  .top-bar-user-search input {
    min-width: 15rem;
  }

  .nav-menu-usuario {
    justify-content: space-between;
  }

  .user-card-view .card-v3-links {
    gap: 0.5rem;
  }

  .user-card-view .card-v3-links .hiperlink-v3 {
    font-size: 1.2rem;
  }

  .user-card-view .card-v3-links .hiperlink-v3 i {
    font: 1.2rem;
  }

  .grupos-carrossel-usuarios .slick-track .slick-slide {
    margin-right: 1rem;
  }

  .grupos-carrossel-usuarios .slick-list {
    padding-left: 1rem;
  }

  .grupo-slider-select {
    padding: 0 1rem;
  }

  .menu-list-module {
    margin-bottom: 0.5rem;
  }

  .item-menu-usuario span {
    font-size: 1.1rem;
  }

  .card-v3-links .item-mais-menu {
    font-size: 1.2rem;
  }

  .card-v3-links .item-mais-menu i {
    font-size: 1.2rem;
  }

  #getPerfilV3 .tabs-v3 .nav-tabs li a span {
    display: none;
  }

  .card-estudo-text-title {
    font-size: 1.4rem;
  }
}

@media (max-width: 400px) {
  .user-card-view .content-item-menu p:first-child {
    font-size: 1.3rem;
  }

  .user-card-view .content-item-menu p:not(:first-child) {
    font-size: 1.1rem;
  }

  .user-card-view .content-item-menu {
    gap: 0.5rem;
  }

  .top-bar-user-search input {
    width: 12rem;
    min-width: 12rem;
  }

  /*  .user-card-view .content-item-menu .card-v3-content-col:nth-child(1) {
    width: 30%;
  } */

  .user-card-view .card-v3-content-col .email {
    width: 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .card-v3-content-col-content {
    width: 70%;
  }

  .item-card-user-title {
    font-size: 1.5rem;
  }

  .user-monitoring p {
    font-size: 1.6rem;
  }

  .item-card-user-progress .progress-bar-v3 {
    height: 1rem;
  }
}

@media (max-width: 375px) {
  .logo-empresa-v3 img {
    height: 2rem;
  }

  .item-menu-usuario span {
    font-size: 1rem;
  }
}

@media (max-width: 320px) {
  .card-v3-content-col-content .card-v3-content-col:nth-child(1) {
    width: 70%;
  }

  .top-bar-user-search input {
    width: 10rem;
    min-width: 10rem;
  }

  .item-menu-usuario {
    font-size: 1.7rem;
  }
}

/* Provas */

#usuarios-prova .card-v3-links {
  min-width: 16rem;
}

#usuarios-prova .card-list-link .card-v3-content-col:nth-of-type(2) {
  flex-direction: column-reverse;
  max-width: 30rem;
}

#usuarios-prova .item-blocos .card-list-link {
  align-items: end;
}

.content-item-menu .item-handle-drag {
  color: var(--destaques);
  font-size: 1.7rem;
  cursor: pointer;
  display: flex;
  align-self: center;
  padding-left: 1rem;
}

.perguntas-provas-save {
  margin-top: 3rem;
  text-align: center;
}

.title-without-col {
  flex-direction: column;
  align-items: normal !important;
  gap: 0.7rem !important;
  padding: 1.5rem 1rem;
}

.card-list-cols {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.content-item-menu .card-list-cols {
  align-items: end;
}

/* .title-without-col p:first-child {
  font-size: 1.3rem !important;
  font-weight: 400;
} */

.title-without-col .card-v3-content-title {
  font-size: 1.5rem !important;
  font-weight: 500 !important;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.title-without-col h5 {
  margin: 0;
  line-height: normal;
  color: var(--text-color);
}

.card-list-link .title-without-col {
  padding: 0;
}

.images-grid-quiz-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 2rem;
}

.images-grid-quiz-content .file-v3-with-view {
  width: 100%;
}
.images-grid-quiz-content .file-v3-with-view .file-v3 label {
  flex-direction: column;
  height: 12rem;
}

.images-grid-quiz-content .placeholder-legend-content p {
  font-size: 2rem;
}

.images-grid-quiz-content .file-v3-with-view .file-v3 label svg {
  height: auto;
  width: 4rem;
}

.images-grid-quiz-content .placeholder-legend-content small {
  font-size: 30%;
}

.file-v3-with-view .placeholder-legend-content {
  display: flex;
  flex-direction: column;
  line-height: normal;
  text-align: center;
  font-size: 3.2rem;
  color: var(--mute-grey);
  font-weight: 500;
}

.placeholder-legend-content p {
  margin: 0;
  text-align: center;
  font-size: 3.2rem;
  color: var(--mute-grey);
  font-weight: 500;
}

.placeholder-legend-content small {
  font-size: 40%;
  font-weight: 400;
}

.file-v3-with-view .file-v3 label svg {
  margin-right: 1rem;
  fill: var(--mute-grey);
  height: 5rem;
  width: 6rem;
}

.file-v3-with-view .file-v3 label {
  height: 43rem;
  border-radius: 0.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.quiz-theme-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.quiz-theme-content button {
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  color: var(--text-color);

  &:hover {
    color: var(--tabs-itens-color);
  }
}

.quiz-theme-content img {
  &:hover {
    filter: brightness(0.8);
  }
}

.quiz-theme-content span {
  font-size: 1.3rem;
  display: block;
  margin-top: 0.5rem;
}

.uploaded-image-label-file-v3 {
  background-size: contain !important;
  background-color: transparent !important;
  border: 1px solid var(--border-color);
  border-radius: 0.8rem;
}

.label-form-horizontal {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}

.label-form-horizontal label {
  font-weight: 600;
}

.label-form-horizontal p {
  margin: 0;
  line-height: normal;
  padding: 0 !important;
  font-weight: 400;
  font-size: 1.4rem;
}

.intro-prova-content {
  display: flex;
  gap: 4rem;
  margin-top: 10rem;
}

.intro-prova-text,
.intro-prova-image {
  flex: 1;
}

.intro-prova-text h2 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 1rem;
  line-height: normal;
}

.intro-prova-text p {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--text-color);

  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.intro-prova-image img {
  height: 100%;
  border-radius: 0.8rem;
  object-fit: cover;
  width: 100%;
  display: block;
}

.info-box-test {
  background-color: var(--border-color);
  border-radius: 0.8rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

.info-box-loop {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 1rem;
}

.info-box-loop p {
  margin: 0;
  line-height: normal;
  width: 50%;
  font-size: 1.4rem;
}

.info-box-loop p i {
  margin-left: 0.5rem;
}

.info-box-bottom {
  border-top: 1px solid var(--destaques);
  padding: 1rem 0 0;
  margin-top: 1rem;
}

.info-box-top p,
.info-box-bottom p {
  margin: 0;
  font-size: 1.4rem;
}

.info-box-certificado {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
}

.info-box-certificado p {
  margin: 0;
}

.info-box-certificado-image {
  width: 10rem;
}

.info-box-certificado-image img {
  height: auto;
  object-fit: cover;
  width: 100%;
  border-radius: 0.8rem;
}

.info-box-test-certificate {
  padding: 1rem 2rem;
  cursor: pointer;
  &:hover {
    opacity: 0.8;
  }
}

@media (max-width: 800px) {
  .intro-prova-content {
    flex-direction: column-reverse;
    gap: 2rem;
    margin-top: 0;
  }

  .intro-prova-image img {
    height: 100%;
    border-radius: 0.8rem;
    object-fit: cover;
    width: 100%;
    display: block;
  }
}

.card-v3-links .switch-v3 {
  margin: 0;
}

@media (max-width: 800px) {
  #usuarios-prova .item-blocos .card-list-link {
    align-items: normal;
  }

  .title-without-col {
    gap: 0.5rem;
  }

  .content-item-menu .card-list-cols {
    flex-direction: column;
    align-items: normal;
    gap: 0;
  }

  .card-v3-links .switch-v3 {
    margin: 0 1rem 0 0;
  }
}

/* Provas Usuario */

.questions-v3 .droppable {
  display: inline-flex;
  min-width: 9rem;
  min-height: 2.5rem;
  border: 0.2rem dashed var(--destaques);
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  border-radius: 2rem;
  line-height: normal;
  padding: 0.5rem 1.5rem;
  align-items: center;
  margin: 0 0.5rem;
  gap: 1rem;
}

.questions-v3 .dropped {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
}

.draggable-questions-v3-container {
  margin-top: 20px;
  display: flex;
  gap: 10px;
}

.questions-v3 .draggable {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  padding: 0.5rem 1.5rem;
  font-size: 1.3rem;
  color: var(--text-color);
  border-radius: 2rem;
  cursor: grab;

  &:hover {
    background-color: var(--hover-card);
  }
}

.questions-v3 .disabled {
  background-color: var(--theme-color);
  cursor: not-allowed;
}

.remove-question i {
  cursor: pointer;

  &:hover {
    color: var(--primary-color);
  }
}

.questions-v3 .remove-question i {
  font-size: 1.1rem;
}

.circle-progress-info {
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.center-content-info {
  background-color: var(--theme-color);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.center-content-info-progress-text {
  font-weight: 700;
  line-height: normal;
}

.center-content-info span {
  text-wrap: wrap;
  font-weight: 500;
  color: var(--mute-grey);
  text-align: center;
  line-height: normal;
}

.test-final-result-content {
  display: flex;
  gap: 4rem;
}

.test-final-result-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.test-final-result-text h1 {
  color: var(--text-color);
  font-size: 3.5rem;
  font-weight: 600;
  line-height: normal;
}

.test-final-result-text p {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--text-color);
}

.link-normal-v3 {
  color: var(--text-color);
  text-decoration: underline !important;

  &:hover {
    color: var(--primary-color);
  }
}

.test-itens-content {
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
  color: var(--text-color);
}

.test-itens-index {
  font-weight: 500;
}

.test-itens-timers-content {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.test-itens-timers-content .separator {
  border-color: var(--text-color);
}

.questions-v3 .question-title {
  font-size: 1.6rem;
  margin-bottom: 2rem;
  line-height: normal;
  color: var(--text-color);
}

.questions-v3 .question-title p {
  font-size: 1.6rem;
  line-height: normal;
  color: var(--text-color);
}

.itens-question-box .radio-v3,
.itens-question-box .checkbox-v3 {
  background-color: var(--card-background);
  padding: 0.5rem;
  border-radius: 0.8rem;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0;
  border: 1px solid var(--border-color);
  cursor: pointer;

  &:hover {
    background-color: var(--hover-card);
  }
}

.itens-question-box {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.itens-question-box label {
  font-size: 1.3rem;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: normal;
  display: flex;
  padding: 0.5rem;
  cursor: pointer;
  width: 100%;
}

.questions-image-v3 {
  margin: 0 auto;
  width: 70%;
  margin-bottom: 3rem;
}

.questions-image-v3 img {
  border-radius: 0.8rem;
}

.question-item-image {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.question-item-image img {
  border-radius: 0.8rem;
}

.questions-v3 .question-subtitle {
  font-size: 1.3rem;
  color: var(--text-color);
}

.input-reactions-v3 {
  display: flex;
  gap: 2rem;
  margin-bottom: 3rem;
}

.input-reactions-v3 .radio-v3 {
  display: flex;
  align-items: center;
}

.input-reactions-v3 .radio-v3 input[type="radio"] {
  margin-left: 0;
}

.input-reactions-v3 .radio-v3 i {
  font-size: 2.5rem;
}

#minhas-provas-realizadas {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.paginacao-v3 .pagination {
  display: flex;
  justify-content: center;
}

.paginacao-v3 .pagination > .active > a,
.paginacao-v3 .pagination > .active > span,
.paginacao-v3 .pagination > .active > a:hover,
.paginacao-v3 .pagination > .active > span:hover,
.paginacao-v3 .pagination > .active > a:focus,
.paginacao-v3 .pagination > .active > span:focus {
  background-color: var(--primary-color);
  border-color: var(--border-color);
  color: var(--button-text-color);
}

.paginacao-v3 .pagination > li > a,
.paginacao-v3 .pagination > li > span {
  color: var(--destaques);
  background-color: var(--card-background);
  border-color: var(--border-color);
  color: var(--text-color);
}

.paginacao-v3 .pagination > .disabled > span,
.paginacao-v3 .pagination > .disabled > span:hover,
.paginacao-v3 .pagination > .disabled > span:focus,
.paginacao-v3 .pagination > .disabled > a,
.paginacao-v3 .pagination > .disabled > a:hover,
.paginacao-v3 .pagination > .disabled > a:focus {
  background-color: var(--theme-color);
  cursor: not-allowed;
  border-color: var(--border-color);
  color: #999;
}

.paginacao-v3 .pagination > li > a:hover,
.paginacao-v3 .pagination > li > span:hover,
.paginacao-v3 .pagination > li > a:focus,
.paginacao-v3 .pagination > li > span:focus {
  background-color: var(--primary-color);
  border-color: var(--border-color);
  color: var(--button-text-color);
}

@media (min-width: 900px) {
  .test-final-result-content {
    margin-top: 10rem;
  }
}

@media (max-width: 800px) {
  .test-final-result-content {
    flex-direction: column;
    align-items: center;
  }

  .input-reactions-v3 {
    gap: 0;
  }

  .input-reactions-v3 .radio-v3 {
    margin-right: 1.5rem !important;
  }

  .input-reactions-v3 .radio-v3 i {
    font-size: 2rem;
  }
}

/* Cursos */

#usuarios-curso .card-v3-links {
  min-width: 18rem;
}

#usuarios-curso .card-list-link .card-v3-content-col:nth-of-type(2) {
  flex-direction: column-reverse;
}

#usuarios-curso .card-v3-progress-content {
  max-width: 30rem;
}

.filter-container-courses-view .filter-checkbox-scroll {
  width: 80%;
}

#sumario-save .form-group-ccmo_img {
  display: flex;
  align-items: center;
  justify-content: center;
}

#sumario-save #hubble-container {
  width: 85%;
}

#sumario-save #hubble-container,
#sumario-save #hubble-container img {
  border-radius: 0.8rem;
}

#sumario-save-provas .view-info .info-text {
  margin-top: 0;
}

.content-list-tests-save {
  display: flex;
  flex-direction: column;
}

.test-item-list-save {
  border: 1px solid var(--border-color);
  background-color: var(--theme-color);
  padding: 1rem 2rem;
  flex: 1;
}

.test-item-list-save-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.test-item-list-save-text {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.test-item-list-save-text i {
  color: var(--destaques);
  font-size: 1.4rem;
}

.test-item-text-content {
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
  font-weight: normal;
}

.test-item-text-content p {
  color: var(--text-color);
  margin: 0;
}

.test-item-text-content span {
  font-size: 80%;
  color: var(--destaques);
}

.test-item-list-save-action {
  display: flex;
  gap: 1rem;
}

.test-item-list-save-action button {
  background: none;
  border: none;
  color: var(--destaques);
  font-size: 1.4rem;
  line-height: normal;
  &:hover {
    color: var(--primary-color);
  }
}

.test-item-list-save-action a {
  color: var(--destaques);
  font-size: 1.4rem;
  line-height: normal;

  &:hover {
    color: var(--primary-color);
  }
}

.modal-test-save {
  width: 60rem;
  padding: 2rem;
}

.content-list-materials-save {
  display: flex;
  flex-direction: column;
}

.material-item-list-save {
  border: 1px solid var(--border-color);
  background-color: var(--theme-color);
  padding: 1rem 2rem;
  flex: 1;
}

.material-item-list-save-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.material-item-list-save-text {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.material-item-list-save-text i {
  color: var(--destaques);
  font-size: 1.4rem;
}

.material-item-text-content {
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
  font-weight: normal;
}

.material-item-text-content p {
  color: var(--text-color);
  margin: 0;
  overflow-wrap: anywhere;
  padding-right: 8px;
}

.material-item-text-content span {
  font-size: 80%;
  color: var(--destaques);
}

.material-item-list-save-action {
  display: flex;
  gap: 1rem;
}

.material-item-list-save-action button {
  background: none;
  border: none;
  color: var(--destaques);
  font-size: 1.4rem;
  line-height: normal;
  &:hover {
    color: var(--primary-color);
  }
}

.material-item-list-save-action a {
  color: var(--destaques);
  font-size: 1.4rem;
  line-height: normal;

  &:hover {
    color: var(--primary-color);
  }
}

.modal-material-save {
  width: 60rem;
  padding: 2rem;
}

.actions-group {
  display: flex;
  gap: 1rem;
}

.menu-itens-course-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1rem 0 0.5rem;
  padding: 0;
}

.spans-menu-course-content {
  display: flex;
  align-items: center;
}

.spans-menu-course-content span {
  color: var(--text-color);
  font-size: 1.3rem;
}

.spans-menu-course-content span:not(:last-child)::after {
  content: " | ";
  margin: 0 4px;
}

.menu-itens-course-content .ordenando {
  font-size: 1.5rem;
  line-height: normal;
}

.spans-menu-course-btns {
  display: flex;
  gap: 1rem;
}

.course-content-section {
  margin-bottom: 2rem;
}

#sumario-save-provas .view-info,
.course-content-section .view-info {
  padding-top: 0.5rem !important;
}

#alert-file-aluno .box-alert,
#alert-file-professor .box-alert {
  width: 50rem;
  position: relative;
}

.count-itens-v3-with-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.count-itens-v3-with-filter .count-result {
  margin: 0;
}

.count-itens-v3-with-filter .form-v3 legend {
  border-left: none;
}

.filters-type .filter-checkbox-v3 label {
  font-size: 1.15rem;
  white-space: nowrap;
}

.filters-type .filter-checkbox-v3 label::before {
  width: 18px;
  height: 18px;
}

.filter-checkbox-v3 label.fake-radio::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  border: 1px solid var(--text-color);
  border-radius: 50%;
}
.filter-checkbox-v3 input[type="checkbox"]:checked + label.fake-radio::before {
  content: "";
}
.filter-checkbox-v3 input[type="checkbox"]:checked + label.fake-radio::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  background-color: var(--primary-color);
  border-radius: 50%;
}

.lista-presenca-progress-content {
  display: flex;
  margin: 2rem 0;
  gap: 3rem;
}

.lista-presenca-progress-item {
  flex: 1;
  text-align: center;
}

.lista-presenca-progress-item span {
  color: var(--text-color);
}

.lista-presenca-progress-content .progress-bar-v3 {
  height: 0.8rem;
}

.lista-presenca-progress-content .progress-bar-v3 .line-progress {
  background: var(--primary-color) !important;
}

#lista-aulas .card-v3-links {
  min-width: fit-content;
}

#lista-presenca {
  min-width: 25rem;
}

#lista-presenca .card-v3-links {
  min-width: 14rem;
}

.card-conteudo-actions-link i {
  color: var(--icon-color);
  font-size: 1.2rem;
  line-height: normal;
  transition: transform 0.2s ease;
}

.informations-courses-itens {
  display: flex;
  gap: 2rem;
  color: var(--text-color);
  font-weight: 400;
}

#meus-cursos-catalogo .card-estudo {
  margin-bottom: 1rem;
}

.links-group-v3 {
  display: flex;
  align-items: center;
}

.links-group-v3 a:nth-last-child(2)::after {
  content: "|";
  margin-left: 1rem;
  margin-right: 1rem;
  color: var(--destaques);
}

small,
.small {
  font-size: 85%;
  line-height: normal;
}

@media (min-width: 992px) {
  .filter-container-courses-view #col-variable {
    width: 40%;
  }
}

@media (max-width: 800px) {
  .modal-test-save {
    width: 90%;
  }

  .menu-itens-course-content .circle-icon-small span {
    display: none;
  }

  .count-itens-v3-with-filter {
    flex-direction: column;
    align-items: normal;
  }

  .count-itens-v3-with-filter .input-check-filter-v3 {
    justify-content: normal;
    margin: 1rem 0;
  }

  .count-itens-v3-with-filter .form-v3 legend {
    font-size: 1.3rem;
  }

  .count-itens-v3-with-filter .filter-checkbox-v3 label::before {
    width: 18px;
    height: 18px;
  }

  .count-itens-v3-with-filter .filter-checkbox-v3 label.fake-radio::before {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 500px) {
  .menu-itens-course-content {
    flex-direction: column;
    align-items: normal;
    gap: 0.5rem;
  }
  .menu-itens-course-content .circle-icon-small span {
    display: block;
  }

  .nestable-v3 .circle-icon-small span {
    display: none;
  }

  #course-content .nestable-v3 .dd3-content {
    padding-right: 1rem;
  }

  .card-display-top-curso-modelo-content {
    flex-direction: column;
    align-items: normal;
  }

  .card-display-top-curso-modelo-content .btn-v3 {
    width: 100%;
  }

  .card-display-top-curso-modelo-thumbnail {
    width: 20rem;
  }

  .card-display-top-curso-modelo-thumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }

  .card-display-top-curso-modelo-content-left {
    margin-bottom: 1rem;
  }

  .spans-menu-course-btns {
    justify-content: space-between;
  }

  .spans-menu-course-content {
    justify-content: space-between;
  }
}

@media (max-width: 375px) {
  .spans-menu-course-content span {
    font-size: 1.2rem;
  }
}

/* Nova top bar v3 */

.top-bar-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.top-bar-session-start {
  display: flex;
  gap: 1.8rem;
  align-items: center;
}

.top-bar-session-end {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

.top-bar-logo img {
  height: 2.5rem;
}

.top-nav-menu {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
}

.top-item-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  line-height: normal;
  color: var(--button-text-color);
  opacity: 0.8;
  position: relative;
}

.top-item-menu:hover,
.top-item-menu:focus {
  opacity: 1;
  color: var(--button-text-color);
}

.top-item-menu.active {
  opacity: 1;
}

.top-item-menu span {
  font-size: 1.3rem;
  font-weight: 400;
}

.top-item-menu i {
  font-size: 1.4rem;
}

.top-item-menu .user-v3-notification {
  position: absolute;
  right: -20px;
  top: -10px;
}

.top-item-menu .user-v3-notification span {
  opacity: 0;
}

.top-menu-user-profile {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  background-position: center;
  background-size: contain;
}

.top-bar-user-session {
  position: relative;
}

.input-search-global {
  display: flex;
  justify-content: center;
}

.top-bar-search-global form {
  margin: 0;
}

.top-bar-search-global .search-box {
  width: fit-content;
  height: fit-content;
  position: relative;
  display: flex;
  align-items: center;
}

.top-bar-search-global .input-search {
  height: 0;
  width: 0;
  border-style: none;
  padding: 1.5rem;
  font-size: 1.1rem;
  outline: none;
  transition: all 0.5s ease-in-out;
  background-color: transparent;
  color: var(--text-color);
  cursor: pointer;
}

.top-bar-search-global .input-search::placeholder {
  color: var(--text-color);
  font-size: 1.3rem;
  font-weight: 200;
  opacity: 0.8;
  line-height: normal;
}

.top-bar-search-global .btn-search {
  border-style: none;
  font-size: 1.4rem;
  outline: none;
  cursor: pointer;
  border-radius: 0.5rem;
  position: absolute;
  right: 0px;
  color: var(--button-text-color);
  background-color: transparent;
  pointer-events: painted;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
}

.top-bar-search-global .input-search:focus {
  width: 20rem;
  background-color: var(--card-background);
  border-radius: 0.5rem;
  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);
}

.os-ticket-content {
  display: flex;
  justify-content: center;
}

.os-ticket-btn {
  display: flex;
  justify-content: center;
}

.os-ticket-btn svg {
  fill: var(--button-text-color);
}

@media (max-width: 1024px) {
  .top-bar-search-global .input-search:focus {
    width: 18rem;
  }

  .top-bar-menu-content {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    padding: 1.5rem 1rem;
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 0;
    box-shadow: rgba(200, 200, 200, 0.1) 0px -10px 10px -10px;
  }

  .top-nav-menu {
    display: flex;
    justify-content: space-around;
    gap: 1.5rem;
    width: 100%;
  }

  .top-item-menu {
    color: var(--icon-color);
    flex-direction: column;
  }

  .top-item-menu span,
  .top-item-menu i {
    font-weight: 400;
  }

  .top-item-menu:hover,
  .top-item-menu:focus {
    color: var(--primary-color);
  }
}

@media (max-width: 500px) {
  .top-bar-search-global .input-search {
    position: absolute;
    right: 0;
  }

  .top-bar-search-global .input-search:focus {
    width: 20rem;
    position: absolute;
    right: 0;
  }

  #user-view-page .top-bar-search-global .input-search:focus {
    width: 67vw;
    position: absolute;
    right: 0;
  }
}

@media (max-width: 375px) {
  .top-bar-search-global .input-search:focus {
    width: 19rem;
    position: absolute;
    right: 0;
  }
}

@media (max-width: 320px) {
  .top-bar-search-global .input-search:focus {
    width: 15rem;
    position: absolute;
    right: 0;
  }
}

/* Web Conference Call */

.webconference_app video {
  background-color: #1b1a1d;
}

.webconference_app {
  font-family: "Roboto", sans-serif;
}

.webconference_app a,
.webconference_app a:hover,
.webconference_app a:visited {
  text-decoration: none;
}

.webconference_app .row {
  display: flex;
  margin: 0 !important;
}

.webconference_app .col-lg-12,
.webconference_app .col-lg-8,
.webconference_app .col-lg-4 {
  padding-left: 0;
  padding-right: 0;
}

.webconference_app .col-lg-12 {
  transition: width 0.5s ease;
}

.webconference_screen {
  background-color: #1b1a1d;
  display: flex;
  height: 100vh;
  flex-direction: column;
}

.webconference_header {
  color: var(--white);
  /* padding: 28px; */
  padding: 1rem 1rem;
  display: flex;
}

.webconference_sidebar_header_title {
  font-size: 18px;
  font-weight: bold;
}

.webconference_user {
  margin-right: auto;
  text-transform: capitalize;
  display: flex;
  color: #f9fafb;
  align-items: center;
  gap: 1rem;
}

.toggle-videos-btn {
  background-color: transparent;
  border: transparent;
}

.warning_time {
  color: var(--red);
  font-weight: 600;
  border: 1px solid var(--red);
}

.webconference-room-time {
  background-color: #2b2d2e;
  padding: 0.5rem 2rem;
  border-radius: 2rem;
}

.webconference-room-name {
  background-color: #2b2d2e;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.webconference-room-name .separator {
  margin: 0;
  height: 13px;
}

.webconference-room-name button {
  background-color: transparent;
  border: none;
}

.webconference-info {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.webconference_icon_expand {
  display: block;
}

.webconference_icon_expand a {
  color: var(--white);
}

.webconference_icon_hide {
  display: none;
}

.webconference_call {
  flex: 1;
  overflow: hidden;
  display: flex;
  /* background-image: url(video_call_profile.svg); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18%;

  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: grey #1b1a1d;

  &::-webkit-scrollbar {
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: grey;
  }

  &::-webkit-scrollbar-track {
    background-color: #000;
  }
}

.webconference_call::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20rem;
  height: 20rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.webconference_call.background-black::before {
  background-image: none;
  background-color: #1b1a1d;
}

.webconference_call_participantes {
  flex: 1;
  overflow: hidden;
  display: flex;
  /* background-image: url(video_call_profile.svg); */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30%;
  justify-content: center;
}

.webconference_user_picture {
  width: 9rem;
  height: 9rem;
  background-size: cover;
  border-radius: 10rem;
  background-repeat: no-repeat;
}

.video-wrap {
  margin: 0 auto;
  max-width: 1400px;
}

.my-video-call {
  display: flex;
  justify-content: center;
  align-items: center;
}

#video-screen {
  position: relative;
}

.grid-menor {
  flex-direction: column;
}

.grid-menor video {
  padding: 0.5rem;
}

.vid {
  width: 100%;
  height: auto;
}

.my-video-call img {
  max-height: 50%;
  width: 100%;
}

.webconference_btn_group {
  margin-bottom: 3rem;
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}

.webconference_btn_group button {
  border: none;
}

.webconference_btn_group .bg-modal-btn {
  display: inline-flex;
  position: relative;
}

.webconference_btn_group .btn-circle-v3 {
  margin: 0 10px;
  position: relative;
  transition: 0.3s;
  min-height: 5.5rem;
  min-width: 5.5rem;
}

.webconference_btn_group .btn-circle-v3 i {
  transition: transform 0.2s ease;
  font-size: 2.2rem;
}

.btn-desativado {
  background-color: var(--mute-grey) !important;
}

.webconference_item_desativado {
  width: 2px;
  height: 70%;
  background-color: var(--white);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.webconference_sidebar {
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.webconference_sidebar_header {
  display: flex;
  background-color: #2b2d2e;
  padding: 15px 30px 15px 15px;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #737373;
  color: #f9fafb;
}

.webconferente_sidebar_subtexto {
  margin-right: 5px;
}

.webconference_sidebar_itens {
  color: var(--grey);
  font-weight: 600;
}

.webconference_sidebar_itens .icon_online {
  font-size: 75%;
}

.webconferece_chat_fechar {
  color: var(--grey);
  font-size: 16px;
  cursor: pointer;
}

.webconferece_chat_fechar a {
  color: var(--grey);
}

.webconferece_chat_fechar:hover {
  color: var(--blue);
}

.webconference_sidebar_box {
  padding: 0.5rem;
  background-color: #2b2d2e;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: grey #2b2d2e;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;

  &::-webkit-scrollbar {
    width: 8px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: grey;
  }

  &::-webkit-scrollbar-track {
    background-color: #2b2d2e;
  }
}

.webconference_sidebar #chat {
  height: 80vh;
  flex: 1;
  box-shadow:
    inset 0 2rem 2rem -2rem rgba(0, 0, 0, 0.05),
    inset 0 -2rem 2rem -2rem rgba(0, 0, 0, 0.05);
}

.historico_chat_webconference {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.webconference_sidebar #users {
  height: 100vh;
}

.webconference_chat_message {
  display: flex;
  align-items: center;
  padding: 0.8rem 1rem;
  margin: 1rem;
  box-shadow:
    0 0 2rem rgba(0, 0, 0, 0.075),
    0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
  width: fit-content;
  max-width: 66%;
  box-sizing: border-box;
  background: var(--grey);
  border-radius: 1.125rem 1.125rem 1.125rem 0;
}

.chat_message_user_principal {
  justify-content: end;
  flex-direction: row-reverse;
  margin: 1rem 1rem 1rem auto;
  border-radius: 1.125rem 1.125rem 0 1.125rem;
  background: #1b1a1d;
  color: white;
}

.chat_message_user_principal .webconference_chat_itens {
  margin-right: 0;
  margin-left: 8px;
}

.chat_message_user_principal .webconference_chat_avatar {
  display: none;
}

.webconference_chat_itens {
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.webconference_chat_hora {
  font-size: 12px;
  line-height: normal;
  margin-right: 6px;
}

.webconference_chat_avatar {
  width: 30px;
  height: 30px;
  margin-right: 6px;
  border-radius: 3rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.webconference_chat_avatar img {
  border-radius: 25px;
}

.webconference_chat_usuario {
  font-weight: bold;
  font-size: 16px;
  margin-right: 3px;
}

.webconference_chat_texto {
  display: block;
  font-size: 15px;
  line-height: normal;
  overflow-wrap: anywhere;
}

.webconference_chat_copy_icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 8px;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  cursor: pointer;
  border-radius: 4px;
  padding: 2px;
  text-align: center;
}

.webconference_chat_copy_icon:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
}

.webconference_chat_copy_icon i {
  font-size: 12px;
  color: #9ca3af;
}

.webconference_chat_copy_icon:hover i {
  color: #f9fafb;
}

#no-chat-history {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.no-chat-history {
  text-align: center;
}

.no-chat-history h2 {
  font-size: 22px;
  font-weight: bold;
  color: #f9fafb;
}

.no-chat-history p {
  font-size: 16px;
  color: var(--grey);
}

.webconference_input_texto {
  width: 100%;
  padding: 1rem;
  background-color: #2b2d2e;
  align-self: flex-end;
}

.webconference_input_texto .form-control {
  border-radius: 6px !important;
  border: none;
  padding: 0.6rem;
  position: relative;
  resize: none;
  box-shadow: none;
  background-color: #1b1a1d;
  color: #f9fafb;
}

.webconference_input_and_button {
  display: flex;
  gap: 1rem;
}

.enviar_mensagem_webconference {
  border: 0;
  font-size: 1.2rem;
  color: var(--white);
  background: var(--blue);
  min-width: 3rem;
  min-height: 3rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
}

.enviar_mensagem_webconference:disabled {
  background: var(--mute-grey);
}

.webconference_privacidade_alerta {
  background-color: var(--light-grey);
  padding: 20px 30px 20px 30px;
}

.webconference_privacidade_alerta a {
  text-transform: uppercase;
  color: var(--blue);
  font-weight: bold;
}

.webconference_privacidade_alerta p {
  margin: 0 0 5px;
}

.webconference_participantes {
  display: flex;
  flex-wrap: wrap;
}

.participantes_screen {
  background-color: #1b1a1d;
  padding: 10px;
  flex-basis: calc(50% - 10px);
  margin: 5px;
  display: flex;
  flex-direction: column;
  height: 200px;
  border-radius: 5px;
  border: 3px solid #1b1a1d;
  position: relative;
  box-shadow:
    0 0 2rem rgba(0, 0, 0, 0.075),
    0rem 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
}

.participantes_screen.usuario_principal {
  border-color: var(--primary-color);
}

.participantes_screen.usuario_levanta_mao {
  border-color: var(--yellow) !important;
}

.participantes_screen.usuario_que_fala {
  border-color: var(--blue) !important;
}

.usuario_mao_levantada {
  color: var(--yellow);
  position: absolute;
  bottom: 17%;
  font-size: 20px;
  animation: maoBalanca 0.9s infinite;
  z-index: 99;
}

.btn_mao_levantada,
.btn_mao_levantada i {
  color: var(--yellow) !important;
}

.participante_levantou_mao {
  border: 0.3rem solid var(--yellow) !important;
}

.content-video-share {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}

.content-video-share video {
  border-radius: 1rem;
}

.content-video-cam {
  position: relative;
}

.user-info-share {
  position: absolute;
  z-index: 99999;
  bottom: 18px;
  left: 20px;
  color: white;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 1rem;
  border-radius: 5rem;
  font-size: 1rem;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
}

.user-info-cam {
  position: absolute;
  z-index: 99999;
  bottom: 10px;
  left: 10px;
  color: white;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0.5rem 1.5rem;
  border-radius: 5rem;
  font-size: 1rem;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.06);
}

#video-compartilhado {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0 1rem 1rem 1rem;
  max-width: 100%;
}

#video-compartilhado > .content-video-cam:only-child {
  height: 600px;
}

.users-video-content {
  flex-direction: row;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.users-video-content::-webkit-scrollbar {
  display: none;
}

.content-video-cam {
  flex: calc(25% - 2rem);
  height: 350px;
  scroll-snap-align: start;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: #1c1c1c;
}

.users-video-content .content-video-cam {
  flex: 0 0 200px;
  height: 120px !important;
}

.content-video-cam video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 800px) {
  .user-info-share,
  .user-info-cam {
    top: 10px;
    bottom: auto;
  }

  .webconference_call::before {
    width: 15rem;
    height: 15rem;
  }

  .webconference_btn_group {
    margin-bottom: 6rem;
  }

  .content-video-cam {
    flex: calc(50% - 3rem);
    height: 200px;
  }

  .users-video-content .content-video-cam {
    flex: 0 0 170px;
    height: 100px !important;
  }

  #video-compartilhado {
    padding: 0rem 1rem 1rem 1rem;
  }
}

@keyframes maoBalanca {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-5px) rotate(-5deg);
  }

  50% {
    transform: translateX(5px) rotate(5deg);
  }

  75% {
    transform: translateX(-5px) rotate(-5deg);
  }

  100% {
    transform: translateX(0);
  }
}

.participantes_screen_top {
  display: flex;
  justify-content: space-between;
  color: var(--white);
}

.participantes_screen_bottom {
  color: var(--white);
  margin-top: 8px;
}

.participantes_screen_bottom_itens {
  display: flex;
  justify-content: space-between;
}

.participantes_screen_name {
  text-transform: capitalize;
}

.webconference_remote_audios a {
  color: var(--white);
}

.acoes_menu_suspenso {
  position: absolute;
  bottom: 130%;
  right: 0;
  background-color: var(--white);
  border-radius: 10px;
  transform: translate3d(40px, 0px, 0px);
  min-width: 220px;
  z-index: 99999;
  display: none;
}

.acoes_menu_suspenso_header {
  background-color: var(--blue);
  padding: 10px;
  border-radius: 10px 10px 0 0;
  color: var(--white);
  font-size: 16px;
  text-align: center;
}

.acoes_menu_suspenso_itens a {
  display: block;
  width: 100%;
  padding: 10px 16px;
  text-align: right;
  font-size: 15px;
  color: var(--mid-grey);
  transition: background-color 0.3s ease;
}

.acoes_menu_suspenso_itens a:last-child {
  border-radius: 0 0 10px 10px;
}

.acoes_menu_suspenso_itens a:hover {
  background-color: #f4f4f4;
}

.acoes_menu_suspenso_itens a:not(:last-child) {
  border-bottom: 1px solid #d8d8d8;
}

.acoes_menu_suspenso_itens a:hover {
  color: var(--blue);
}

.acoes_menu_suspenso_itens a i {
  color: var(--blue);
  margin-left: 5px;
  font-size: 16px;
}

/* .menu_acoes_participantes {
  transform: translate3d(0px, 200px, 38px);
  min-width: 250px;
  display: block;
} */

.menu_acoes_participantes {
  transform: translate3d(0, 25px, 38px);
  min-width: 250px;
  display: block;
  bottom: auto;
  top: 0;
}

.abrir-mais-acoes {
  color: var(--white);
  font-size: 16px;
}

.webconference_participantes_screen {
  height: 100vh;
  width: 100%;
  display: table;
}

.webconference_participantes_screen .webconference_sidebar {
  height: 100vh;
  display: table-row;
}

.webconference_participantes_screen .webconference_sidebar_header {
  padding: 15px 50px 15px 50px;
}

.webconference_participantes_screen .webconference_sidebar_box {
  padding: 15px 40px 15px 40px;
  height: 100%;
}

.webconference_participantes_screen .participantes_screen {
  flex-basis: calc(25% - 10px);
  height: 200px;
}

.webconference_participantes_screen .webconferece_chat_fechar {
  display: none;
}

.login_webconference {
  display: flex;
  flex-direction: column;
  width: 35rem;
  justify-content: center;
  background: white;
  padding: 2rem;
  border-radius: 0.5rem;
}

.init-webconference {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 73vh;
}

.my-video-share {
  display: flex;
  justify-content: center;
  align-items: center;
}

a.hide-btn,
.hide-btn {
  display: none !important;
}

.webconference_lista_dispositivos_box {
  position: fixed;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999999;
  max-width: 600px;
}

.webconference_lista_dispositivos {
  background-color: var(--white);
  animation: slideDown 0.5s ease forwards;
  padding: 2rem;
  border-radius: 0.5rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.webconference_lista_dispositivo_header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.webconference_lista_dispositivo_header h3 {
  margin: 0;
  padding: 0;
}

.webconference_lista_dispositivo_header button {
  border: none;
  background: var(--light-grey);
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
  width: 2rem;
  height: 2rem;
  opacity: 0.7;
}

.webconference_lista_dispositivo_header button:hover {
  opacity: 1;
}

.webconference-lista-dispositivos.hide-btn {
  animation: slideUp 0.5s ease forwards;
}

.hide-on-desktop {
  display: none !important;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

@media screen and (max-width: 1199px) {
  .webconference_app .row {
    flex-direction: column;
  }

  .webconference_participantes_screen .participantes_screen {
    flex-basis: calc(33% - 10px);
    height: 200px;
  }
}

@media screen and (max-width: 768px) {
  .hide-on-mobile {
    display: none;
  }

  .hide-on-desktop {
    display: block !important;
  }

  .webconference_sidebar_header {
    padding: 15px 30px 15px 30px;
  }

  .webconference_sidebar_box {
    padding: 0.5rem;
    overflow: auto;
    height: 45vh;
  }

  .webconference_btn_group .btn-circle-v3 {
    margin: 0 8px;
  }

  .acoes_menu_suspenso {
    transform: translate3d(-20px, 0px, 0px);
  }

  .webconference_lista_dispositivos_box {
    width: 80%;
  }

  .webconference_sidebar {
    height: 50vh;
  }

  .no-chat-history p {
    font-size: 13px;
  }

  #participantes-v3-notification,
  #mao-levantada-notificacao {
    display: none !important;
  }

  .video-wrap {
    flex-direction: column;
  }

  .grid-menor {
    flex-direction: row;
  }

  .grid-menor video {
    width: 33%;
  }
}

@media screen and (max-width: 500px) {
  .menu_acoes_participantes {
    min-width: 170px;
    top: 25px;
    left: -130px;
  }

  .acoes_menu_suspenso {
    background-color: var(--white);
  }

  .acoes_menu_suspenso_itens a {
    font-size: 13px;
    padding: 10px 10px;
    background-color: var(--white);
  }

  .no-chat-history {
    text-align: center;
    margin: 50px 0;
  }
}

@media screen and (max-width: 425px) {
  .webconference_participantes_screen .participantes_screen {
    flex-basis: calc(50% - 10px);
    height: 160px;
  }

  .webconference_btn_group .btn-circle-v3 {
    min-width: 4rem;
    min-height: 4rem;
  }

  .webconference_btn_group .btn-circle-v3 i {
    font-size: 1.4rem;
  }

  .webconference_sidebar_header {
    padding: 15px 18px;
  }

  .webconference_header {
    padding: 16px;
  }
}

@media screen and (max-width: 320px) {
  .webconference_btn_group .btn-circle-v3 {
    min-width: 3.5rem;
    min-height: 3.5rem;
  }

  .webconference_btn_group .btn-circle-v3 {
    margin: 0 5px;
  }

  .webconference_input_texto {
    padding: 18px;
  }
}

@keyframes slideDownPop {
  0% {
    transform: translate(-50%, -100%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}

@keyframes slideUpPop {
  0% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, -100%);
  }
}

.mensagem-webconference-aviso {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: white;
  z-index: 999999;
  padding: 2rem;
  border-radius: 0.95rem;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  font-weight: 400;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  animation-name: slideUpPop;
  display: none;
}

.box-convidar-webconference {
  position: fixed;
  background: white;
  border-radius: 0.5rem;
  padding: 2rem;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, -50%);
  width: 40rem;
  text-align: center;
}

.box-convidar-webconference .btn-v3 {
  margin-top: 2rem;
}

.botao-chat-notificao-v3 {
  position: relative;
}

.botao-chat-notificao-v3 .user-v3-notification {
  position: absolute;
  top: 0;
  right: 0.5rem;
}

.levantou-mao-notification {
  position: absolute;
  color: var(--yellow);
  top: 0;
  font-size: 20px;
  animation: maoBalanca 0.9s infinite;
  z-index: 99;
  right: 0;
  background-color: white;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
}

.participantes-v3-notification {
  background-color: var(--dark-grey);
  left: 0.5rem !important;
}

.close-copy-modal-webconference {
  display: flex;
  justify-content: flex-end;
}

.menu_suspenso_item_desativado {
  pointer-events: none;
  color: var(--dark-grey) !important;
  text-decoration: none;
  cursor: not-allowed;
}

.menu_suspenso_item_desativado i {
  color: var(--dark-grey) !important;
}

#webconfere_principal_screen {
  height: 100vh;
}

.video-card-flutuante {
  width: 100%;
  max-width: 20rem;
  height: fit-content;
  position: absolute;
  z-index: 999999;
  left: 20%;
  bottom: 20%;
  border-radius: 0.8rem;
  cursor: not-allowed;
}

#videoCardDrag {
  touch-action: none;
}

.video-card-header span {
  font-size: 1.2rem;
}

.minimizar-video-card {
  cursor: pointer;
  padding: 0.2rem;
}

.minimizar-video-card:hover {
  cursor: pointer;
  padding: 0.2rem;
  color: var(--blue);
}

.video-card-icons {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 1rem;
}

#localMedia {
  position: relative;
}

.my-cam-flutuante {
  position: absolute;
  right: 3%;
  bottom: 5%;
  width: 30%;
  border: var(--blue) 2px solid;
}

@media (max-width: 768px) {
  .video-card-flutuante {
    max-width: 20rem;
    left: 10%;
    top: 10%;
  }

  .video-card-header {
    font-size: 1rem;
  }

  .video-card-header span {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
  .webconference_sidebar_header {
    padding: 15px 15px 15px 40px;
  }
}

@media (max-width: 425px) {
  .box-convidar-webconference {
    width: 25rem;
  }

  .box-convidar-webconference .text-v3 input {
    font-size: 1rem;
  }

  .box-convidar-webconference .btn-v3 {
    min-width: 10rem;
  }

  .mensagem-webconference-aviso {
    font-size: 1.3rem;
    width: 20rem;
  }
}

@media screen and (max-width: 320px) {
  .webconference_btn_group .btn-circle-v3 {
    min-width: 3.5rem;
    min-height: 3.5rem;
  }

  .webconference_btn_group .btn-circle-v3 {
    margin: 0 5px;
  }

  .webconference_input_texto {
    padding: 18px;
  }
}

@keyframes slideDownPop {
  0% {
    transform: translate(-50%, -100%);
  }
  100% {
    transform: translate(-50%, -50%);
  }
}

@keyframes slideUpPop {
  0% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(-50%, -100%);
  }
}

.webconference_chat_copy_icon {
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 8px;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  cursor: pointer;
  border-radius: 4px;
  padding: 2px;
  text-align: center;
}

.webconference_chat_copy_icon:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
}

.webconference_chat_copy_icon i {
  font-size: 12px;
  color: #9ca3af;
}

.webconference_chat_copy_icon:hover i {
  color: #f9fafb;
}

.mensagem-webconference-aviso {
  position: fixed;
  top: 50%;
  left: 50%;
  background-color: white;
  z-index: 999999;
  padding: 2rem;
  border-radius: 0.95rem;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  font-weight: 400;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
  animation-name: slideUpPop;
  display: none;
}

.box-convidar-webconference {
  position: fixed;
  background: white;
  border-radius: 0.5rem;
  padding: 2rem;
  top: 50%;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, -50%);
  width: 40rem;
  text-align: center;
}

.box-convidar-webconference .btn-v3 {
  margin-top: 2rem;
}

.botao-chat-notificao-v3 {
  position: relative;
}

.botao-chat-notificao-v3 .user-v3-notification {
  position: absolute;
  top: 0;
  right: 0.5rem;
}

.levantou-mao-notification {
  position: absolute;
  color: var(--yellow);
  top: 0;
  font-size: 20px;
  animation: maoBalanca 0.9s infinite;
  z-index: 99;
  right: 0;
  background-color: white;
  border-radius: 100%;
  width: 2rem;
  height: 2rem;
  justify-content: center;
  align-items: center;
}

.participantes-v3-notification {
  background-color: var(--dark-grey);
  left: 0.5rem !important;
}

.close-copy-modal-webconference {
  display: flex;
  justify-content: flex-end;
}

.close-copy-modal-webconference .close-btn-copy {
  background: transparent;
  border: transparent;
  font-size: 1.5rem;
  border-radius: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
  width: 3rem;
  height: 3rem;
}

.close-copy-modal-webconference .close-btn-copy:hover {
  background: var(--light-grey);
}

.menu_suspenso_item_desativado {
  pointer-events: none;
  color: var(--dark-grey) !important;
  text-decoration: none;
  cursor: not-allowed;
}

.menu_suspenso_item_desativado i {
  color: var(--dark-grey) !important;
}

#webconfere_principal_screen {
  height: 100vh;
}

.my-cam-div {
  border-radius: 0.5rem;
  height: 160px;
  background-color: transparent;
}

#videoCardDrag {
  touch-action: none;
}

.video-card-header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 0.5rem 1rem;
  font-size: 1.3rem;
  align-items: center;
  cursor: move;
}

.video-card-toper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0.6rem 1rem;
  z-index: 999999;
  border-radius: 0.5rem 0.5rem 0 0;
}

.video-card-itens {
  display: inline-flex;
  width: 100%;
}

.video-card-itens #titulo-card {
  margin-right: auto;
  margin-right: auto;
  color: white;
  font-weight: 500;
}

.video-card-header span {
  font-size: 1.2rem;
}

.video-card-header-arrastar {
  min-height: 2.2rem;
  min-width: 2.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: var(--blue);
  cursor: move;
}

.minimizar-video-card {
  cursor: pointer;
  padding: 0.2rem;
  color: white;
  font-weight: 600;
}

.minimizar-video-card:hover {
  cursor: pointer;
  padding: 0.2rem;
  color: var(--blue);
}

.video-card-content {
  padding: 0;
  cursor: move;
  border-radius: 0.5rem;
  position: relative;
}

.video-card-content video {
  border-radius: 0.5rem;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.video-card-icons {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 1rem;
}

#localMedia {
  position: relative;
}

.my-cam-flutuante {
  position: absolute;
  right: 3%;
  bottom: 5%;
  width: 30%;
  border: var(--blue) 2px solid;
}

.webconference-exit-content button {
  border: none;
}

.webconference_notice {
  margin-right: 1.5rem;
}

.webconference-fs-video {
  position: absolute;
  top: 10px;
  right: 20px;
  border: none;
  color: black;
  z-index: 99999;
  background: rgba(255, 255, 255, 0.6);
  padding: 0.6rem 1rem;
  border-radius: 2rem;
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  line-height: normal;
}

#video-screen .webconference-fs-video {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

#video-screen:has(video):hover .webconference-fs-video {
  display: inline-flex;
  pointer-events: all;
  opacity: 1;
}

.name-webconference-user {
  opacity: 0;
}

.init_webconference {
  display: flex;
  flex-direction: column;
  width: 50rem;
  justify-content: center;
  padding: 2rem;
  border-radius: 0.5rem;
}

.init_webconference h3 {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 6rem;
  font-weight: 600;
}

.card_webconference_cam {
  background-color: #dadada;
  width: 100%;
  height: 25rem;
  border-radius: 0.5rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.card_webconference_cam video {
  border-radius: 0.5rem;
}

.card_webconference_user_devises {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0.3;
}

.btn_init_webconference {
  display: inline-flex;
  justify-content: center;
  gap: 3rem;
  align-items: center;
  margin-top: 3rem;
}

.btn_init_webconference button {
  border: none;
}

.select_devices_init_webconference {
  display: flex;
  gap: 1rem;
  width: 100%;
  justify-content: center;
}

@media (max-width: 768px) {
  .select_devices_init_webconference {
    flex-direction: column;
  }
}

.devices_select_init {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid var(--grey);
  border-radius: 5rem;
  padding: 0.5rem 1rem;
  background-color: white;
}

.devices_select_init select {
  border: none;
  background: transparent;
  width: 95%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.devices_select_init option {
  background-color: transparent;
}

@media (max-width: 768px) {
  .video-card-flutuante {
    max-width: 20rem;
    left: 10%;
    top: 10%;
  }

  .video-card-header {
    font-size: 1rem;
  }

  .video-card-header-arrastar {
    min-height: 2rem;
    min-width: 2rem;
  }

  .video-card-header span {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1199px) {
  .webconference_sidebar_header {
    padding: 15px 15px 15px 40px;
  }
}

@media (max-width: 425px) {
  .box-convidar-webconference {
    width: 25rem;
  }

  .box-convidar-webconference .text-v3 input {
    font-size: 1rem;
  }

  .box-convidar-webconference .btn-v3 {
    min-width: 10rem;
  }

  .mensagem-webconference-aviso {
    font-size: 1.3rem;
    width: 20rem;
  }
}

/* Configurações V3 */

#configuracoes .title_page_v3 {
  border: none;
  margin-top: 2rem;
}

.card-config-link {
  display: flex;
  background-color: var(--card-background);
  border: 0.1rem solid var(--border-color);
  justify-content: space-between;
  align-items: center;
  padding: 1.8rem;
}

.card-config-disabled {
  display: flex;
  background-color: var(--theme-color);
  border-bottom: 2px solid var(--border-color);
  justify-content: space-between;
  align-items: center;
  padding: 1.8rem;
}

#configuracoes .card-config-link {
  margin-bottom: 0.5rem;
}

.collapse .card-config-link {
  border-top: none;
}

.card-config-content-flex {
  display: flex;
  align-items: center;
}

.card-config-em {
  color: var(--destaques);
  margin-left: 1rem;
}

.card-config-content-flex i {
  color: var(--primary-color);
  font-size: 2.3rem;
  line-height: 0;
  margin-right: 0.8rem;
}

a.card-config-link:hover {
  background-color: var(--hover-card);
}

.card-config-link h3 {
  margin: 0;
  font-size: 1.4rem;
  color: var(--text-color);
  font-weight: 700;
}

.card-config-disabled h3 {
  margin: 0;
  font-size: 1.4rem;
  color: var(--destaques);
  font-weight: 700;
}

.card-config-link h4 {
  margin: 0 1rem 0.5rem;
  font-size: 1.3rem;
  color: var(--text-color);
  font-weight: 400;
}

.card-config-icon i {
  color: var(--primary-color);
  font-size: 1.2rem;
  line-height: normal;
  transition: transform 0.2s ease;
}

.card-config-disabled .card-config-icon i {
  color: var(--destaques);
  font-size: 1.2rem;
  line-height: normal;
}

.card-config-switch .form-group {
  margin-bottom: 0;
}

.card-config-status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.card-config-status p {
  margin: 0;
  line-height: normal;
  font-weight: 500;
  color: var(--text-color);
  font-size: 1.1rem;
}

.status-icon-plataforma {
  border-radius: 100%;
  width: 16px;
  height: 16px;
  line-height: normal;
}

.status-icon-plataforma.online {
  background-color: var(--green);
}

.status-icon-plataforma.prevented {
  background-color: var(--error);
}

.status-icon-plataforma.maintenance {
  background-color: var(--warning);
}

.title-with-button {
  display: inline-flex;
  align-items: center;
  margin: 2rem 0;
  gap: 3rem;
  width: 100%;
}

.title-with-button .title_page_v3 {
  margin: 0 !important;
  padding: 0 !important;
}

.title-with-button .title_page_v3 h2 {
  line-height: normal;
  margin: 0;
}

.title-with-button .btn-v3 {
  margin: 0;
}

#permissoes .item-blocos .card-list-link {
  min-height: 10rem;
}

#termos-uso .card-list-link {
  min-height: 9rem;
}

#all-versoes .card-list-link {
  min-height: 9rem;
}

#icone_module {
  background-image: url(icon_module.svg);
  display: inline-block;
  width: 2rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.item-simple {
  background-color: transparent;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}

.item-simple-title {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-bottom: 1rem;
}

.item-simple-title h3 {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
  color: var(--text-color);
}

.item-simple-title span {
  color: var(--destaques);
  font-size: 1.1rem;
}

.item-simple-data {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  color: var(--destaques);
}

.item-simple-content {
  color: var(--text-color);
}

.item-simple-content p {
  margin: 0;
  font-size: 1.2rem;
  color: var(--text-color);
}

#traducoes-termos .card-list-link {
  min-height: 9rem;
}

#traducoes-termos .card-v3-links {
  min-width: 15rem;
}

#visualizacao-do-termo h3 {
  margin-top: 0;
}

.reaction-preview-exames {
  display: flex;
}

@media (max-width: 768px) {
  #configuracoes .input-search,
  #configuracoes .title_page_v3,
  #configuracoes .title-with-button {
    padding-left: 15px;
    padding-right: 15px;
  }

  #configuracoes .card-config-link {
    margin-bottom: 0;
  }
}

/* Boompe Pro */

.checkout-lms-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10rem;
  gap: 3rem;
}

.checkout-lms-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10rem;
}

.checkout-lms-success h2,
.checkout-lms-error h2 {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--text-color);
  margin: 0;
}

.checkout-lms-error p {
  color: var(--text-color);
  text-align: center;
  margin: 1rem 0;
  font-size: 1.3rem;
  line-height: normal;
}

.checkout-lms-success img {
  width: 60rem;
}

.checkout-lms-error img {
  width: 55rem;
  margin-bottom: 3rem;
}

#preview_cartao {
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
}

.checkout-preview-card-container {
  position: relative;
  width: 300px;
  height: 180px;
}

.checkout-preview-card-front,
.checkout-preview-card-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: z-index 0.6s ease;
  border-radius: 0.8rem;
}

.checkout-preview-card-front img,
.checkout-preview-card-back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.8rem;
  position: relative;
}

.checkout-preview-card-back {
  transform: translateX(115px) translateY(40px);
  z-index: -1;
}

.flipped .checkout-preview-card-front {
  z-index: -1;
}

.flipped .checkout-preview-card-back {
  z-index: 1;
}

.card-front-number {
  position: absolute;
  bottom: 20%;
  left: 5%;
  color: var(--white);
}

.card-front-name {
  position: absolute;
  bottom: 10%;
  left: 5%;
  color: var(--white);
}

.card-cvv-number {
  position: absolute;
  bottom: 30%;
  right: 10%;
  color: var(--white);
}

.content-bar-progress-info .line-progress {
  background-color: var(--primary-color);
  opacity: 1;
  border-radius: 0.8rem;
}

.info-bar {
  height: 3rem;
  border-radius: 0.8rem;
}

.info-bar span {
  color: var(--button-text-color);
  font-size: 1.3rem;
  font-weight: 500;
}

.boompe-pro-informations {
  display: flex;
  gap: 4rem;
}

.boompe-pro-informations .content-bar-progress-info {
  flex: 1;
}

.table-boompe-pro {
  width: 100%;
}

.table-boompe-pro thead {
  background-color: var(--primary-color);
}

.table-boompe-pro thead th {
  padding: 2rem 4rem;
  text-align: center;
  color: var(--button-text-color);
  font-size: 1.4rem;
  font-weight: 400;
}

.table-boompe-pro thead th p {
  margin: 0;
  line-height: normal;
}

.table-info-title {
  margin-bottom: 1rem !important;
  font-size: 1.5rem;
  font-weight: 600;
}

.table-boompe-pro thead th:first-child {
  text-align: left;
}

.table-boompe-pro thead th:nth-child(2) {
  border-left: 1px solid var(--white);
  border-right: 1px solid var(--white);
}

.table-boompe-pro tbody {
  background-color: var(--card-background);
}

.table-boompe-pro tbody tr th {
  padding: 1rem 4rem;
  border: 1px solid var(--border-color);
  border-top: none;
  color: var(--text-color);
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
}

.table-boompe-pro tbody tr th i {
  font-size: 1.5rem;
}

.table-boompe-pro tbody tr th:first-child {
  text-align: left;
  font-weight: 500;
}

.table-boompe-pro tbody tr:last-child th {
  padding: 3rem;
}

.table-boompe-pro .btn-v3 {
  margin-bottom: 0;
}

.table-boompe-pro .boompe-pro {
  color: var(--green);
}

.table-boompe-pro .boompe-free {
  color: var(--red);
}

.simulator-data-content {
  display: flex;
  gap: 2rem;
  align-items: stretch;
  margin-top: 2rem;
}

.simulator-data-text {
  flex: 1 1 85%;
}

.simulator-data-text p {
  font-size: 1.4rem;
  color: var(--text-color);
  margin-bottom: 4rem;
}

.simulator-data-text .title_page_v3,
.simulator-data-text .title_page_v3 h2 {
  margin: 0 !important;
}

.simulator-data-viewer {
  background-color: var(--theme-color);
  border-radius: 0.8rem;
  border: 1px solid var(--primary-color);
  flex: 1 1 15%;
  display: flex;
  flex-direction: column;
}

.simulator-data-viewer-title {
  color: var(--button-text-color);
  background-color: var(--primary-color);
  text-align: center;
  padding: 0.5rem;
  border-radius: 0.7rem;
}

.simulator-data-viewer-title p {
  margin: 0;
}

.simulator-data-viewer-content {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.simulator-data-viewer-content p {
  margin: 0;
  color: var(--text-color);
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}

.boompe-pro-total-price {
  font-weight: 600;
}

.boompe-pro-user-price {
  font-weight: 400;
}

.input-simulator-content {
  position: relative;
}

.user-input-simulator {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.user-input-simulator:hover {
  opacity: 1;
}

.user-input-simulator::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--primary-color);
  cursor: pointer;
}

.user-input-simulator::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: var(--primary-color);
  cursor: pointer;
}

.user-text-simulator {
  background-color: var(--primary-color);
  padding: 0.5rem;
  border-radius: 0.5rem;
  color: var(--button-text-color);
  min-width: 6rem;
  text-align: center;
  margin-bottom: 1rem;
  position: absolute;
  top: -3.5rem;
  transition: ease-in;
}

@media (max-width: 800px) {
  #preview_cartao {
    margin-bottom: 6rem;
  }
  .checkout-preview-card-back {
    transform: translateX(40px) translateY(50px);
    z-index: -1;
  }

  .checkout-preview-card-container {
    position: relative;
    width: 290px;
    height: 174px;
  }

  .checkout-lms-success,
  .checkout-lms-error {
    margin-top: 2rem;
  }

  .simulator-data-text {
    flex: 1 1 70%;
  }

  .simulator-data-viewer {
    flex: 1 1 30%;
  }

  .boompe-pro-informations {
    flex-direction: column;
    gap: 1rem;
  }
}

@media (max-width: 768px) {
  .content-bar-progress-info {
    padding-left: 15px;
    padding-right: 15px;
  }

  .content-bar-progress-info .title_page_v3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .simulator-data-content {
    padding-left: 15px;
    padding-right: 15px;
  }

  .simulator-data-content .title_page_v3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .user-text-simulator {
    margin-left: 1.5rem;
  }

  .table-boompe-pro thead th {
    padding: 2rem;
  }

  .table-boompe-pro tbody tr:last-child th {
    padding: 1rem;
  }

  .table-boompe-pro tbody tr th {
    padding: 1rem 2rem;
  }
}

@media (max-width: 500px) {
  #preview_cartao {
    justify-content: normal;
    margin-bottom: 6rem;
  }
}

@media (max-width: 375px) {
  .table-boompe-pro {
    table-layout: fixed;
  }

  .table-boompe-pro thead th {
    padding: 1rem;
  }

  .table-boompe-pro .btn-v3.small {
    min-width: 8rem;
  }
}

/* Icon Picker V3 */

.icon-picker-v3-add {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.icon-picker-preview {
  width: 55px;
  height: 55px;
  margin: 0 15px 0 0;
  border-radius: 5px;
  background-color: var(--card-background);
  text-align: center;
  font-size: 30px;
  line-height: 55px;
  color: var(--text-color);
  border: 1px solid var(--border-color);
}

.icon-picker-v3-add .btn-v3 {
  margin-bottom: 0;
}

/* Widgets V3 e Custom Page */

.size-1 {
  --size: 1;
}

.size-2 {
  --size: 2;
}

.size-3 {
  --size: 3;
}

.size-4 {
  --size: 4;
}

.size-5 {
  --size: 5;
}

.size-6 {
  --size: 6;
}

.size-7 {
  --size: 7;
}

.size-8 {
  --size: 8;
}

.size-9 {
  --size: 9;
}

.size-10 {
  --size: 10;
}

.size-11 {
  --size: 11;
}

.size-12 {
  --size: 12;
}

.content-cards-widget-retangular {
  display: flex;
  gap: 2rem;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.card-trilha-content-widget-retangular {
  display: flex;
  background-color: inherit;
  border-radius: 0.8rem;
  box-shadow: 0 0 20px #0000001a;
  overflow: hidden;
  color: var(--text-color);
  cursor: pointer;
  flex: 1;

  &:hover {
    color: var(--tabs-itens-color);
    background-color: var(--hover-card);
  }
}

.content-cards-widget-retangular:has(.card-trilha-content-widget-retangular:only-child) {
  justify-content: flex-start;
}

.card-trilha-content-widget-retangular:only-child {
  flex: 0.48;
}

.card-trilha-widget-image {
  max-width: 40%;
}

.card-trilha-widget-image img {
  /* width: 100%;
  height: 100%; */
  width: auto;
  height: auto;
  object-fit: cover;
}

.card-trilha-widget-content {
  display: flex;
  padding: 2rem;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  gap: 1rem;
}

.card-trilha-widget-texts {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  align-items: start;
}

.card-trilha-widget-texts h4 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: normal;
  text-align: start;
}

.card-trilha-widget-texts p {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: start;
}

.info-table-width {
  margin-top: 0.3rem;
  display: block;
  font-size: 1.2rem;
  color: var(--text-color);
}

@media (max-width: 800px) {
  .content-cards-widget-retangular {
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .card-trilha-content-widget-retangular {
    flex-direction: column;
  }

  .card-trilha-widget-image {
    max-width: 100%;
  }
}

.content-cards-widget-quadrado {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card-curso-content-widget-quadrado {
  display: flex;
  flex-direction: column;
  background-color: var(--card-background);
  border-radius: 0.8rem;
  box-shadow: 0 0 20px #0000001a;
  overflow: hidden;
  color: var(--text-color);
  cursor: pointer;
  flex: 1 1 calc(20% - 2rem * 4 / 5);
  max-width: calc(20% - 2rem * 4 / 5);

  &:hover {
    color: var(--tabs-itens-color);
    background-color: var(--hover-card);
  }
}

.card-curso-widget-image {
  max-width: 100%;
  height: auto;
}

.card-curso-widget-image img {
  /* width: 100%;
  height: 100%; */
  width: auto;
  height: auto;
  object-fit: cover;
}

.card-curso-widget-content {
  display: flex;
  padding: 1.2rem;
  align-items: center;
  justify-content: space-between;
}

.card-curso-widget-texts {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  align-items: start;
}

.card-curso-widget-texts h4 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: normal;
  text-align: start;
}

.card-curso-widget-texts p {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: start;
}

/* Page */

.widget-add-row {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.widget-add-row .hiperlink-v3 {
  color: var(--green) !important;
  font-size: 1.4rem;
  display: flex;
  gap: 0.5rem;
}

.widget-add-row .hiperlink-v3 i {
  background-color: var(--green);
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  line-height: normal;
}

/* Metro Row */

.container-v3 .link_metro {
  padding: 0;

  &:hover {
    padding: 0;
  }
}

.widget-row-v3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.widget-row-content-flex-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  justify-content: space-between;
}

.widget-master-row {
  position: relative;
}

.widget-master-row .widget_upd_new {
  top: 5%;
  right: 2%;
  z-index: 9;
}

.metro-content {
  padding: 0 1rem;
}

.widget-row-v3-empty {
  border: 1px dashed var(--border-color);
  width: 100%;
  padding: 2rem;
  text-align: center;
}

.widget-row-v3-empty a {
  color: var(--destaques);
  font-size: 1.4rem;

  &:hover {
    text-decoration: underline;
  }
}

.metro-row-menu {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 999;
}

.metro-row-group-editor {
  position: relative;
  height: 100%;
}

.metro-row-btn-editor {
  background-color: var(--blue);
  border: none;
  color: var(--white);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  border: 1px solid var(--white);
  border-style: revert;

  &:hover {
    filter: contrast(0.8);
  }
}

.drop-menu-metro-editor-row {
  min-width: 15rem;
  right: 100%;
  left: inherit;
  top: 50%;
  border-radius: 0.8rem;
  background: var(--card-background);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

.drop-menu-metro-editor-row li a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 1rem 1rem !important;
  color: var(--text-color);
  font-size: 1.3rem;
  line-height: 2rem;
  border-top: 0.1rem solid var(--border-color);
  gap: 0.5rem;
  line-height: 1rem;

  &:hover {
    background-color: var(--hover-card);
    color: var(--text-color);
  }
}

.drop-menu-metro-editor-row li:first-child a {
  border-top: 0;
}

.drop-menu-metro-editor-row li a i {
  color: var(--primary-color);
}

.drop-menu-widget-upd-icon i {
  color: var(--blue);
  font-size: 1.3rem;
  background-color: var(--white);
  border-radius: 100%;
  line-height: normal;
  border: 1px solid var(--white);
}

.drop-menu-widget-upd .dropdown-content {
  background-color: var(--card-background);
  padding: 1rem;
  justify-content: space-between;
}

.drop-menu-widget-upd:hover .dropdown-content {
  display: flex !important;
}

.btn-widget-upd {
  padding: 0.5rem 0.7rem;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-widget-upd i {
  color: var(--white);
}

/* Widgets */

.widget-metro-v3 {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% / 12) * var(--size));
  max-width: calc((100% / 12) * var(--size));
}

.title-metro-content {
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0 0 1rem;
  color: var(--text-color);
}

.banner-static-metro-content {
  min-height: 40rem;
  display: flex;
  justify-content: center;
  gap: 3rem;
  flex-direction: column;
}

.title-metro-banner-static {
  margin: 0;
  font-size: 4.3rem;
  font-weight: 800;
  line-height: normal;
  text-wrap: wrap;
}

.descricao-metro-banner-static {
  margin: 0;
  font-size: 2.2rem;
  line-height: normal;
  font-weight: 300;
  word-wrap: break-word;
  max-width: 50%;
}

.title-widget {
  padding: 5rem 0 1.5rem 0;
}

.title-widget .title-metro-content {
  line-height: normal;
  text-wrap: wrap;
  margin: 0;
  padding: 0;
}

.widget-metro-box {
  box-shadow: 0px 4px 11px #00000029;
  background-color: inherit;
  padding: 2rem 1rem;
  border-radius: 0.9rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 9rem;

  &:hover {
    opacity: 0.6;
  }
}

.widget-metro-box h3 {
  color: inherit;
  font-size: 1.4rem;
  text-wrap: wrap;
  line-height: normal;
  margin: 0;
}

.widget-metro-box i {
  font-size: 3.5rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
}

.widget-metro-v3 .accordion-v3 .panel-default {
  border-radius: 0.8rem;
}

.widget-metro-v3 .panel-title span {
  font-size: 1.7rem;
  text-align: left;
}

.widget-metro-v3 .accordion-v3 .panel-default > .panel-heading + .panel-collapse .panel-body p {
  font-size: 1.4rem;
}

.widget-metro-v3 .accordion-v3.panel-group .panel .panel-heading {
  padding: 2rem;
}

.widget-metro-v3 .accordion-v3 .panel-body {
  padding: 0 2rem 2rem;
}

@media (max-width: 991px) {
  .widget_metro {
    padding: 0 !important;
  }

  .widget-metro-v3 .accordion-v3 {
    margin-bottom: 3rem;
  }
}

@media (max-width: 800px) {
  .title-metro-banner-static {
    font-size: 3.5rem;
  }

  .descricao-metro-banner-static {
    font-size: 1.8rem;
    max-width: 100%;
  }

  .widget-row-content-flex-wrap {
    gap: 2rem;
  }

  .card-curso-content-widget-quadrado {
    flex: 1 1 calc(33.33% - 2rem * 2 / 3);
    max-width: calc(33.33% - 2rem * 2 / 3);
  }
}

@media (max-width: 800px) {
  .widget-master-row .widget_upd_new {
    top: 5%;
    right: inherit;
    left: 5%;
    z-index: 9;
  }

  .dropdown-content {
    right: inherit;
  }
}

@media (max-width: 500px) {
  .size-1,
  .size-2 {
    --size: 12;
  }

  .title-widget {
    padding: 4rem 0 2.5rem 0;
  }

  .card-curso-content-widget-quadrado {
    flex: 1 1 calc(50% - 1rem);
    max-width: calc(50% - 1rem);
  }
}

/* Pages V3 */

.card-page-content {
  margin-bottom: 5rem;
}

.card-page-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: stretch;
}

.box-card-pages {
  background-color: var(--card-background);
  border: 1px solid var(--border-color);
  border-radius: 0.8rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  width: calc((100% - 4 * 2rem) / 5);
  justify-content: space-between;
  overflow: hidden;

  @media (max-width: 1200px) {
    width: calc((100% - 3 * 2rem) / 4);
  }

  @media (max-width: 992px) {
    width: calc((100% - 2 * 2rem) / 3);
  }

  @media (max-width: 767px) {
    width: calc((100% - 1 * 2rem) / 2);
  }

  @media (max-width: 500px) {
    width: 100%;
  }
}

.box-card-pages a {
  padding: 2rem 2rem 0;

  &:hover {
    background-color: var(--hover-card);
  }
}

.box-card-pages-img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-card-pages-img img {
  width: 100%;
  height: auto;
  display: block;
}

.box-card-pages-img i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  color: var(--mute-grey);
}

.box-card-content {
  padding: 0 2rem;
}

.box-card-content p {
  color: var(--text-color);
  text-align: start;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: normal;
  overflow: hidden;
  font-weight: 500;
  font-size: 1.4rem;
}

.box-card-pages-links {
  border-top: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 1rem 2rem 1rem;
  gap: 1rem;
}

.box-card-pages-links button {
  color: var(--text-color);
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: none;
  justify-content: center;
  flex: 1;
}

.box-card-pages-links button i {
  color: var(--icon-color);
}

.card-page-content .title_page_v3 {
  margin-bottom: 1.5rem;
}

@media (max-width: 900px) {
  .box-card-pages-img i {
    font-size: 2rem;
  }

  .box-card-content p {
    font-size: 1.3rem;
  }

  .box-card-pages a {
    padding: 1.5rem 1.5rem 0;
  }

  .box-card-content {
    padding: 0 1.5rem;
  }

  .box-card-pages-links {
    padding: 1rem 1.5rem 1rem;
  }
}

@media (max-width: 800px) {
  .box-card-pages-links {
    gap: 0;
    justify-content: space-between;
  }
}

@media (max-width: 500px) {
  .card-page-wrap {
    gap: 1rem;
  }

  .card-page-content .title_page_v3 h2 {
    margin-top: 0;
  }
}

/* Busca Geraç */
#busca-geral .card-v3-links {
  min-width: 14rem;
}

#buscas-geral-filter {
  flex-wrap: wrap;
}

@media (max-width: 400px) {
  #buscas-geral-filter .mt-mobile {
    margin-top: 10px;
  }
}

footer * {
  overflow-wrap: anywhere;
}

.title-top {
  width: 52ch;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 19px;
  text-align: center;
}

@media (max-width: 1200px) {
  .title-top {
    width: 40ch;
  }
}

@media (max-width: 650px) {
  .title-top {
    width: 20ch;
  }
}

#tab-content .view-info .info-text {
  margin-bottom: 1rem;
}

.video-box {
  position: relative;
  height: 50vh;
}

.video-box .video-arrows {
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 1;
  transition: 0.3s;
}

.video-box .video-arrows.right {
  right: 0;
}

.video-box .video-arrows.arrow-hidden {
  opacity: 0;
  visibility: hidden;
}

.video-box .video-arrows .video-arrow-link {
  width: 8rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  background-color: rgba(255, 255, 255, 0);

  &:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
}

.video-box .video-arrows .video-arrow-link i {
  font-size: 40px;
  color: #fff;
}

@media (max-width: 767px) {
  .video-box .video-arrows .video-arrow-link {
    width: 6rem;
  }
}

/* slideshow */
.slideshow-main {
  background-color: #000;
  height: 50vh;
}

.slideshow-box {
  position: relative;
  margin: auto;
  height: 50vh;
  max-height: 86vh;
  overflow-y: auto;
}

#imagem-responsiva {
  display: block;
  max-width: 100%;
  height: 50vh;
  max-height: 86vh;
  object-fit: contain;
}

.markup {
  position: relative;
  text-align: center;
  margin-top: -44px;
}

.markup-child {
  background-color: white;
  border-radius: 5px;
  font-size: 2vh;
  padding: 4px 8px 4px 8px;
  color: black;
}

.slide-a4 {
  height: 80vh;
}

.slide-a4 .slideshow-main {
  height: 80vh;
}

.slide-a4 .slideshow-box {
  height: 80vh;
}

.slide-a4 #imagem-responsiva {
  height: 80vh;
}

footer * {
  overflow-wrap: anywhere;
}

.banner-boompe-link {
  display: block;

  .banner-boompe-pro {
    text-align: center;

    img {
      width: 100%;
      height: auto;
    }
  }
}

@media (max-width: 650px) {
  .banner-boompe-link .banner-boompe-pro img {
    object-fit: cover;
    height: 100px;
  }
}

@media (max-width: 500px) {
  .help-active {
    padding-bottom: 170px;
  }
}

.iframe-scorm {
  height: 50vh;
  background-color: #000;
  display: flex;
}

.iframe-scorm iframe {
  height: 100%;
  margin: auto;
  width: 50%;
  min-width: 625px;
}

@media (max-width: 992px) {
  .topisfixed-margem-superior {
    margin-top: 5rem;
  }
}

@media (max-width: 767px) {
  .topisfixed-margem-superior {
    margin-top: 4.5rem;
  }

  .iframe-scorm iframe {
    min-width: unset;
    width: 100%;
  }
}
.select-box {
  margin-top: 0;

  .select-box-busca {
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    font-size: 1.15rem;

    &,
    &::picker(select) {
      appearance: base-select;
      padding: 0.8rem;
      border: 1px solid #ddd;
      border-radius: 6px;
      background-color: var(--card-background);
      color: var(--text-color);
      margin-right: 15px;
    }

    &::picker(select) {
      margin-block-start: 0.5rem;
    }

    &::picker-icon {
      display: none;
    }

    .picker {
      transition: rotate 0.3s ease;

      :open & {
        rotate: 180deg;
      }
    }

    option {
      padding: 4px 8px;
      border-radius: 4px;
      margin-bottom: 4px;
      font-size: 1.15rem;
      white-space: normal;

      &::checkmark {
        display: none;
      }

      &:last-child {
        margin-bottom: 0;
      }
    }
  }
}

@media (min-width: 767px) {
  .filter-line {
    display: flex;
    flex-wrap: wrap;
  }

  .select-box {
    padding-left: 1rem;

    .select-box-busca {
      width: 19rem;
      margin-right: 0;
    }
  }
}

@media (min-width: 992px) {
  .select-box {
    .select-box-busca {
      width: 24rem;

      option {
        width: 22rem;
      }
    }
  }
}

.img-box {
  height: auto;
  max-height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;

  .presencial-image {
    height: 100%;
    max-height: 500px;
    width: auto;
    object-fit: contain;
    border-radius: 0.8rem;
    display: block;
    margin: 0 auto;
  }
}

.curso-presencial-usuario {
  .card-v3-links {
    min-width: 280px;
  }

  @media (max-width: 768px) {
    .card-v3-links {
      flex-wrap: wrap;

      .hiperlink-v3 {
        white-space: nowrap;
      }
    }
  }

  .item-menu-v3 {
    min-height: 130px;

    .item-user {
      min-height: 130px;

      .content-item-menu.item-blocos {
        min-height: 130px;

        .card-list-link {
          min-height: 130px;
          justify-content: center;
        }
      }
    }
  }
}

.item-menu-v3 {
  .card-title-with-tag {
    display: flex;
    align-items: center;

    .tag {
      display: inline-block;
      padding: 2px 6px;
      border-radius: 2px;
      margin-left: 1rem;
      color: #fff;

      &.success {
        background-color: #91cc77;
      }

      &.inverse {
        background-color: #717171;
      }

      &.info {
        background-color: #67c2ef;
      }

      &.danger {
        background-color: #ff5454;
      }

      &.warning {
        background-color: #fabb3d;
      }
    }
  }
}

.scorm-img-box {
  cursor: pointer;
  position: relative;
  min-width: 60%;

  @media (max-width: 600px) {
    min-width: 100%;
  }
}

.play-scorm-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;

  i {
    font-size: 60px;
    color: var(--primary-color);
  }
}

@media (max-width: 768px) {
  #conteudo-livre-filter {
    .select-filter-v3 {
      #categories_select {
        margin-top: 1rem;
      }
    }
  }
}

@media (min-width: 500px) and (max-width: 768px) {
  #conteudo-livre-filter {
    .select-filter-v3 {
      label {
        min-width: 180px;
        width: 180px;
      }

      select {
        width: 100%;
      }

      #categories_select {
        margin-top: 1rem;
      }
    }
  }
}

#presencial-preview {
  .item-menu-v3 .item-user .content-item-menu.item-blocos .card-v3-links .hiperlink-v3 {
    color: var(--dark-grey) !important;
    cursor: default;

    i {
      color: var(--dark-grey) !important;
    }
  }
}

.banner-static-metro-img {
  width: 100%;
  height: auto;

  img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

.no-color-filter {
  margin-left: 2rem;
}

.no-color-filter .no-color-label {
  margin-bottom: 0;
}

.navbar-notification .user-v3-notification {
  left: 4px;
  top: -10px;
  background: #fff;
  color: #000;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--primary-color);

  span {
    color: var(--primary-color);
    opacity: 1;
    font-size: .9rem;
    margin-right: 2px;
  }

  @media (max-width: 1024px) {
    left: 38px;
    top: -10px;
    border-color: var(--theme-color);
  }
}

.color-v3 .no-color-filter {
  .no-color-filter-input {
    min-width: 1.3rem;
    width: 1.3rem;
    min-height: 1.3rem;
    height: 1.3rem;
  }

  label {
    font-size: 1.3rem;
  }
}

#add_agenda_curso .item-menu-v3 .card-v3-links {
  min-width: 130px;

  i {
    min-width: 20px;
    max-width: 20px;
    text-align: center;

    @media (min-width: 769px) {
      min-height: 20px;
      max-height: 20px;
    }
  }
}

.capitulos-actions {
  min-width: 260px;

  @media (max-width: 500px) {
    min-width: 110px;
  }
}

.aulas-actions {
  min-width: 170px;

  @media (max-width: 767px) {
    min-width: 60px;
  }
}

.aulas-arquivos-actions {
  min-width: 280px;

  @media (max-width: 767px) {
    min-width: 100px;
  }
}

@media (max-width: 992px) {
  #sumario-save {
    margin-top: 2rem;
  }
}

@media (max-width: 799px) {
  .menu-modal-open-donw {
    right: unset;
    left: 0;
    width: 22rem !important;
  }
}

@media (max-width: 799px) {
  .content-add-agenda-info-button {
    flex-direction: column;

    .label-v3 {
      margin-bottom: 1rem !important;
    }

    #search {
      margin-left: 0 !important;
    }
  }
}