/* COMPONENTE mosaico */
.form-mosaico .load-more {
  margin-top: 40px; }

.form-mosaico .grid-hab {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 70px;
  margin-top: 10px;
  margin-right: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  color: black;
  border-style: solid;
  text-align: center;
  border-color: #f5f5f5;
  padding: 5px;
  font-weight: 700; }

.form-mosaico .grid-hab:hover {
  background-color: #fff;
  cursor: pointer; }

.form-mosaico .grid-hab:focus {
  border-style: solid;
  border-color: #4797ff; }

.form-mosaico .isSelected {
  border-style: solid;
  border-width: 5px;
  border-color: #4797ff; }

.form-mosaico .expand {
  width: 200px;
  height: auto;
  padding: 20px;
  border: transparent;
  background-color: #fff; }

.form-mosaico .expand:hover {
  background-color: #e7e9eb;
  border: 1px solid #fff;
  cursor: pointer; }

.form-mosaico .short:hover, .form-mosaico .description:hover {
  cursor: pointer; }

.form-mosaico .short {
  margin: 0; }

.form-mosaico .description {
  flex: 1;
  line-height: 1;
  white-space: pre-wrap;
  opacity: 0;
  transition: 0s;
  color: #000;
  font-size: 14px;
  font-weight: 300;
  display: none;
  margin-top: 2px; }

.form-mosaico .description.fade {
  opacity: 1;
  transition: 1s;
  display: block; }

.form-mosaico .direita-colum {
  display: flex;
  height: 100%;
  background-color: #ffffff;
  min-height: 300px;
  padding: 26px 33px; }
  .form-mosaico .direita-colum .titulo {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin-bottom: 35px;
    display: block; }
  .form-mosaico .direita-colum .descricao {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    margin-bottom: 25px;
    display: block; }

.form-mosaico .hab-title {
  margin-top: 0px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: #000; }

.form-mosaico .feature {
  color: #000;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 24px; }

.form-mosaico .feature-title {
  margin-top: 30px;
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 14px; }

.form-mosaico .esquerda-colum {
  height: 100%; }

.form-mosaico .filters-button-group {
  display: block; }

.form-mosaico .filter-button {
  margin-left: -1px;
  padding: 4px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #dadada;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  margin-right: 5px;
  margin-bottom: 5px; }

.form-mosaico .filter-button:hover {
  background-color: #e7e9eb; }

.form-mosaico .is-checked {
  background-color: #e7e9eb; }

.form-mosaico .main-title {
  font-size: 16px;
  font-weight: 700; }

.form-mosaico .item-botao {
  color: #757679;
  font-size: 14px;
  font-weight: 700;
  text-align: center; }

.form-mosaico .item-botao.expand {
  text-align: left; }

.form-mosaico .item-botao:hover {
  background-color: #e7e9eb;
  cursor: pointer; }

.form-mosaico .btExpandir {
  background-color: #fff;
  width: 113px;
  height: 40px;
  color: #464749;
  font-weight: 600;
  font-size: 14px;
  border: 0; }

.form-mosaico .expand {
  font-weight: 700;
  color: #000;
  font-size: 16px;
  margin-bottom: 6px; }

.form-mosaico .btMore {
  background-color: #fff;
  border: none;
  font-size: 14px;
  color: #464749; }

/* COMPONENTE multi-component-list */
.multi-component-list button:disabled i {
  opacity: 0.3; }

.multi-component-list .list-group-item h5.mb-1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.multi-component-list .list-group-item .form-group {
  margin-bottom: 1rem; }

/* COMPONENTE toggle */
.form-toggle .toggle-inline input[type=radio] {
  display: none; }

.form-toggle .toggle-inline {
  background-color: transparent;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.05); }

.form-toggle .toggle-inline:hover, .form-toggle .toggle-inline label:hover {
  cursor: pointer; }

.form-toggle .caed-toggle-selected {
  background-color: #E0E0E0; }

.multi-select-combo-box button {
  color: #606060;
  background-color: #FFFF00;
  height: 3.2rem;
  margin: 0.5rem;
  border: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.multi-select-combo-box button[disabled="disabled"] {
  color: #ebebeb;
  background-color: #c9c9c9; }

.multi-select-combo-box .fa-search {
  margin-bottom: 5px; }

.multi-select-combo-box select {
  min-width: 100px;
  overflow: auto;
  background: transparent; }

caed-pure-grid-export .btn {
  background-color: #FF0;
  border-radius: 5px; }
  caed-pure-grid-export .btn:not(:first-child) {
    margin-left: 5px; }

#pdf-viewer-object {
  width: 100%;
  resize: vertical;
  overflow: auto; }
  #pdf-viewer-object.height-auto {
    height: auto; }
  #pdf-viewer-object.height-fixed {
    height: 500px; }

caed-form-modal .caed-form-modal-icon {
  font-size: 15px;
  background-color: yellow;
  border-radius: 50px;
  padding: 4px 5px; }

.text-select .text-container {
  margin-top: 10px;
  border-style: solid;
  border-width: 1px;
  padding: 15px; }

.text-select span {
  white-space: pre-line;
  border-radius: 8%; }

.text-select .word {
  cursor: pointer; }

.text-select .unselected-word:hover {
  background-color: rgba(220, 0, 0, 0.7); }

.text-select .selected-word {
  background-color: #dc0000; }

.text-select .final-word {
  font-weight: bold; }

.text-select .after-final-word {
  opacity: 0.5; }

.text-select .stats {
  margin-top: 20px; }

.caed-audio-outer-container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 100; }

.caed-audio-inner-container {
  border-style: solid;
  border-width: 1px;
  background-color: white;
  margin: auto;
  width: 50%; }

.caed-audio-inner-container-hidden {
  display: none; }

.caed-audio-hide-btn {
  width: 5rem; }