@charset "UTF-8";
/*========================================================*/
:root {
  /* Cores pro tema LIGHT */
  --azul_software: #08089e;
  --vermelho_tera: #c00055;
  /* ------------------ */

  /* Cores pro tema DARK */
  --azul_software_dark: #5957de;
  --vermelho_tera_dark: #c92b76;

  /* ------------------ */

  --degrade_tera: linear-gradient(
    30deg,
    var(--azul_software) 30%,
    var(--vermelho_tera) 100%
  );

  --degrade_tera_inverse: linear-gradient(
    -30deg,
    var(--azul_software) 30%,
    var(--vermelho_tera) 100%
  );

  /* Font do sistema */
  --bs-font-titillium-web: "Titillium Web", Helvetica, "sans-serif";
  --bs-body-font-family: var(--bs-font-titillium-web) !important;

  --fa-primary-color: var(--vermelho_tera);
  --fa-primary-opacity: 0.5;
  --fa-secondary-color: var(--azul_software);
  --fa-secondary-opacity: 0.7;
}

body,
html {
  font-family: var(--bs-body-font-family);
}

/* Substituindo as variáveis padrões */
[data-theme="light"] {
  --kt-primary: var(--azul_software);
  --kt-primary-active: var(--azul_software_dark);

  --kt-text-primary: var(--azul_software);
  --kt-menu-link-color-active: var(--azul_software);
  --kt-menu-link-color-hover: var(--azul_software);

  --bs-primary: var(--azul_software);
  --bs-danger: var(--vermelho_tera);
}

[data-theme="dark"] {
  --kt-primary: var(--azul_software_dark);
  --kt-primary-active: var(--azul_software);

  --kt-text-primary: var(--azul_software_dark);
  --kt-menu-link-color-active: var(--azul_software_dark);
  --kt-menu-link-color-hover: var(--azul_software_dark);

  --bs-primary: var(--azul_software_dark);
  --bs-danger: var(--vermelho_tera_dark);

  --kt-form-check-label-color: #cdcdde;
  --kt-input-color: #cdcdde;
  /* --kt-input-solid-placeholder-color: #fff !important; */
}
/* FIM - Substituindo as variáveis padrões */
/*========================================================*/

input {
  text-transform: uppercase;
}
.normal {
  text-transform: none;
}
.lowercase {
  text-transform: lowercase;
}
::-webkit-input-placeholder {
  text-transform: none;
}
:-moz-placeholder {
  text-transform: none;
}
::-moz-placeholder {
  text-transform: none;
}
:-ms-input-placeholder {
  text-transform: none;
}
::placeholder {
  text-transform: none;
}

/*========================================================*/
/* Font padrão do manual da marca */
@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb-SemiBoldItalic.eot");
  src: url("../font/TitilliumWeb-SemiBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../font/TitilliumWeb-SemiBoldItalic.woff2") format("woff2"),
    url("../font/TitilliumWeb-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb-Regular.eot");
  src: url("../font/TitilliumWeb-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../font/TitilliumWeb-Regular.woff2") format("woff2"),
    url("../font/TitilliumWeb-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb-SemiBold.eot");
  src: url("../font/TitilliumWeb-SemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("../font/TitilliumWeb-SemiBold.woff2") format("woff2"),
    url("../font/TitilliumWeb-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Titillium Web";
  src: url("../font/TitilliumWeb-Italic.eot");
  src: url("../font/TitilliumWeb-Italic.eot?#iefix") format("embedded-opentype"),
    url("../font/TitilliumWeb-Italic.woff2") format("woff2"),
    url("../font/TitilliumWeb-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/* FIM - Font padrão do manual da marca */
/*========================================================*/

/*========================================================*/
/* Header */
.app-header {
  background: var(--degrade_tera);
}
/* Fix bug ao abrir submenu */
@media (min-width: 992px) {
  .app-header-menu .menu .menu-item .menu-link.menuHeader .menu-title {
    color: #fff;
  }
  .app-header-menu .menu .menu-item.show .menu-link.menuHeader .menu-title,
  .app-header-menu .menu > .menu-item.show > .menu-link {
    background-color: var(--kt-app-header-base-menu-link-bg-color-active);
    color: var(--kt-gray-800);
  }
}
/* FIM - Fix bug ao abrir submenu */
/*========================================================*/

/*========================================================*/
/* Margens */
.mr-1 {
  margin-right: 1px;
}
.mr-2 {
  margin-right: 2px;
}
.mr-3 {
  margin-right: 3px;
}
.mr-4 {
  margin-right: 4px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-6 {
  margin-right: 6px;
}
.mr-7 {
  margin-right: 7px;
}
.mr-8 {
  margin-right: 8px;
}
.mr-9 {
  margin-right: 9px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-15 {
  margin-right: 15px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-25 {
  margin-right: 25px;
}
/* FIM - Margens */
/*========================================================*/

/*========================================================*/
/* Fundo da tela 404 */
.bg-pattern {
  position: relative;
  height: 100vh;
  width: 100vw;
  background-size: cover !important;
}
[data-theme="light"] .bg-pattern {
  background: url("../imagens/pattern-cantoneira.jpg");
}
[data-theme="dark"] .bg-pattern {
  background: url("../imagens/pattern-cantoneira-dark.jpg");
}
/* FIM - Fundo da tela 404 */
/*========================================================*/

/*========================================================*/
/* Estilização do botão terasoft */
.btn-terasoft {
  --bs-btn-color: #000000;
  --bs-btn-bg: #009ef7;
  --bs-btn-border-color: #009ef7;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #26adf8;
  --bs-btn-hover-border-color: #1aa8f8;
  --bs-btn-focus-shadow-rgb: 0, 134, 210;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #33b1f9;
  --bs-btn-active-border-color: #1aa8f8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #009ef7;
  --bs-btn-disabled-border-color: #009ef7;
}

.btn.btn-terasoft {
  color: var(--kt-primary-inverse);
  background: var(--degrade_tera);
  background-color: var(--azul_software);
}
.btn.btn-terasoft .svg-icon,
.btn.btn-terasoft i {
  color: var(--kt-primary-inverse);
}

.btn.btn-terasoft.dropdown-toggle:after {
  color: var(--kt-primary-inverse);
}

.btn-check:active + .btn.btn-terasoft,
.btn-check:checked + .btn.btn-terasoft,
.btn.btn-terasoft.active,
.btn.btn-terasoft.show,
.btn.btn-terasoft:active:not(.btn-active),
.btn.btn-terasoft:focus:not(.btn-active),
.btn.btn-terasoft:hover:not(.btn-active),
.show > .btn.btn-terasoft {
  color: var(--kt-primary-inverse);
  border-color: var(--kt-primary-active);
  background: var(--degrade_tera_inverse) !important;
}
.btn-check:active + .btn.btn-terasoft .svg-icon,
.btn-check:active + .btn.btn-terasoft i,
.btn-check:checked + .btn.btn-terasoft .svg-icon,
.btn-check:checked + .btn.btn-terasoft i,
.btn.btn-terasoft.active .svg-icon,
.btn.btn-terasoft.active i,
.btn.btn-terasoft.show .svg-icon,
.btn.btn-terasoft.show i,
.btn.btn-terasoft:active:not(.btn-active) .svg-icon,
.btn.btn-terasoft:active:not(.btn-active) i,
.btn.btn-terasoft:focus:not(.btn-active) .svg-icon,
.btn.btn-terasoft:focus:not(.btn-active) i,
.btn.btn-terasoft:hover:not(.btn-active) .svg-icon,
.btn.btn-terasoft:hover:not(.btn-active) i,
.show > .btn.btn-terasoft .svg-icon,
.show > .btn.btn-terasoft i {
  color: var(--kt-primary-inverse);
}

.btn-check:active + .btn.btn-terasoft.dropdown-toggle:after,
.btn-check:checked + .btn.btn-terasoft.dropdown-toggle:after,
.btn.btn-terasoft.active.dropdown-toggle:after,
.btn.btn-terasoft.show.dropdown-toggle:after,
.btn.btn-terasoft:active:not(.btn-active).dropdown-toggle:after,
.btn.btn-terasoft:focus:not(.btn-active).dropdown-toggle:after,
.btn.btn-terasoft:hover:not(.btn-active).dropdown-toggle:after,
.show > .btn.btn-terasoft.dropdown-toggle:after {
  color: var(--kt-primary-inverse);
}
/* FIM - Estilização do botão terasoft */
/*========================================================*/

/*========================================================*/
/* Formatação de formulários e validações */
/***********************************************************/

/* Modal do sweet alert */
.swal2-styled.swal2-confirm {
  background-color: var(--bs-primary);
}
.swal2-styled.swal2-cancel {
  background-color: var(--bs-danger);
}
.swal2-popup .swal2-title {
  font-weight: 600;
  font-size: 1.7rem;
}
.swal2-popup .swal2-content,
.swal2-popup .swal2-html-container {
  font-size: 1.3rem;
}
.swal2-popup {
  width: 40em;
  padding: 0.5rem;
}
.swal2-styled {
  padding: 1em 1.6em;
}
/* FIM - Modal do sweet alert */

label:not(.form-check-label) {
  font-weight: 500;
  margin-bottom: 5px;
}

/* Validação de campos */
.labelerro {
  color: var(--bs-danger) !important;
}
.form-control.is-invalid,
.was-validated .form-control:valid {
  border-color: var(--bs-danger);
  padding-right: calc(1.1em + 1.1rem);
  /* background-image: url("imagens/icons/inputs/_erro.svg"); */
  box-shadow: 0px 0px 10px 1px var(--bs-light-danger) !important;
  /* background-size: calc(.5em + .5rem) calc(.5em + .5rem); */
}
.form-control.is-invalid:focus,
.was-validated .form-control:valid:focus {
  border-color: var(--bs-danger);
  box-shadow: 0px 0px 10px 1px var(--bs-light-danger) !important;
}
.inputInvalido {
  color: var(--bs-danger);
  font-size: 11px;
  margin-top: 5px;
  text-align: right;
}
.btn-invalid {
  border: 1px solid var(--bs-danger) !important;
}
.labelsucesso {
  color: var(--bs-success) !important;
}
.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: var(--bs-success);
  padding-right: calc(1.1em + 1.1rem);
  /* background-image: url("imagens/icons/inputs/_sucesso.svg"); */
  box-shadow: 0px 0px 10px 1px var(--bs-light-success) !important;
  /* background-size: calc(.5em + .5rem) calc(.5em + .5rem); */
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: var(--bs-success);
  box-shadow: 0px 0px 10px 1px var(--bs-light-success) !important;
}
.btn-valid {
  border: 1px solid var(--bs-success) !important;
}
/* FIM - Validação de campos */
/***********************************************************/
/* FIM - Formatação de formulários e validações */

/*========================================================*/
.link {
  cursor: pointer;
}

label:not(.form-check-label) {
  font-weight: 600;
}

[data-theme="dark"] .note-btn {
  color: var(--kt-light-inverse) !important;
  border-color: var(--kt-light) !important;
  background-color: var(--kt-light) !important;
}

/* Date Range Picker */
[data-theme="dark"] .daterangepicker {
  background-color: var(--kt-body-bg);
  border: 1px solid var(--kt-gray-200);
}

[data-theme="dark"] .daterangepicker:after {
  border-bottom: 6px solid var(--kt-body-bg);
}
[data-theme="dark"] .daterangepicker:before {
  border-bottom: 7px solid var(--kt-gray-200);
}
[data-theme="dark"] .daterangepicker .drp-buttons {
  border-top: 1px solid var(--kt-gray-200);
}
[data-theme="dark"] .daterangepicker .ranges li:hover {
  background-color: var(--kt-light-active);
}
[data-theme="dark"] .daterangepicker .calendar-table {
  border: 1px solid var(--kt-gray-200);
  background-color: var(--kt-body-bg);
}
[data-theme="dark"] .daterangepicker td.off,
[data-theme="dark"] .daterangepicker td.off.in-range,
[data-theme="dark"] .daterangepicker td.off.start-date,
[data-theme="dark"] .daterangepicker td.off.end-date {
  background-color: var(--kt-body-bg);
}
/* FIM - Date Range Picker */
/*========================================================*/
/* ClockPicker */
[data-theme="dark"] .clockpicker-popover .popover-title {
  background-color: var(--kt-gray-200);
  border-bottom: 1px solid var(--kt-light-active);
}
[data-theme="dark"] .clockpicker-popover .popover-content {
  background-color: var(--kt-light-active);
}
[data-theme="dark"] .popover.bottom > .arrow:after {
  border-bottom-color: var(--kt-light-active);
}
[data-theme="dark"] .popover {
  background-color: var(--kt-light-active);
}
[data-theme="dark"] .clockpicker-tick {
  color: var(--kt-gray-600);
}
[data-theme="dark"] .clockpicker-plate {
  background-color: var(--kt-body-bg);
  border: 1px solid var(--kt-gray-600);
}
/* FIM - ClockPicker */
/*========================================================*/
/* CKEditor */
[data-theme="dark"] .ck .ck-toolbar__items,
[data-theme="dark"] .ck.ck-toolbar.ck-toolbar_grouping {
  background-color: var(--kt-gray-200);
}
[data-theme="dark"] .ck-reset_all :not(.ck-reset_all-excluded *),
[data-theme="dark"] .ck.ck-reset_all {
  color: var(--kt-gray-600);
}
/* FIM - CKEditor */

/*========================================================*/
/**********************************************************/
/********************** NOVAS CLASSES *********************/
/**********************************************************/
/*========================================================*/
:root,
[data-bs-theme="light"] {
  --bs-app-footer-border-top: 20px;
}
[data-bs-theme="dark"] {
  --bs-app-toolbar-base-bg-color: #222025 !important;
  --bs-app-footer-bg-color: #222025 !important;
}
.end-15 {
  right: 15px !important;
}
/* Footer */
[data-bs-theme="light"] {
  --bs-app-bg-color: #f5f8fa;
  --bs-app-blank-bg-color: #ffffff;
  --bs-app-header-base-bg-color: #ffffff;
  --bs-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
  --bs-app-toolbar-base-bg-color: #ffffff;
  --bs-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
  --bs-app-toolbar-base-border-top: 1px solid #f4f4f4;
  --bs-app-footer-bg-color: #ffffff;
  --bs-app-footer-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
}
[data-bs-theme="dark"] {
  --bs-app-bg-color: #161616;
  --bs-app-blank-bg-color: #161616;
  --bs-app-header-base-bg-color: #2f3138;
  --bs-app-header-base-box-shadow: none;
  --bs-app-toolbar-base-bg-color: #181719;
  --bs-app-toolbar-base-box-shadow: none;
  --bs-app-toolbar-base-border-top: 0;
  --bs-app-footer-bg-color: var(--bs-app-header-minimize-bg-color);
  --bs-app-footer-box-shadow: none;
}
/* FIM - Footer */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/* Card do menu */
.text-glare {
  text-shadow: 1px 0px 21px rgba(255, 255, 255, 1);
}
[data-bs-theme="dark"] .text-glare {
  text-shadow: 1px 0px 21px rgba(0, 0, 0, 1);
}
.bg-cardMenu {
  background: linear-gradient(270deg, #c0005500, #08089e3d);
}
[data-bs-theme="dark"] .bg-cardMenu {
  background: linear-gradient(270deg, #c0005524, #08089e3d);
}
/* FIM - Card do menu */
/**********************************************************/
/**********************************************************/
/**********************************************************/
/* Cores dos rankings */
.color-gold {
  background-image: linear-gradient(to bottom, #ffd700, #ffd300);
  color: #fff !important;
}
.color-silver {
  background-image: linear-gradient(to bottom, #cccccc, #c4c4c4);
  color: #fff !important;
}
.color-bronze {
  background-image: linear-gradient(to bottom, #c49a5b, #a77e42);
  color: #fff !important;
}
/* FIM - Cores dos rankings */

[data-bs-theme="dark"] .accordion-button:not(.collapsed) {
  background-color: var(--bs-app-toolbar-base-bg-color);
}
/**********************************************************/
/**********************************************************/
/**********************************************************/
/* Accordian DRG */
.item-primary {
  border: 1px solid var(--bs-primary-active);
  border-left: 6px solid var(--bs-primary-active);
}
.item-primary .accordion-button::after {
  display: none;
}
.item-primary > .accordion-header > .accordion-button {
  color: var(--bs-primary-active) !important;
  font-weight: 700;
}
.item-primary > .collapse {
  margin-top: -17px;
}
.accordion-item:first-of-type .accordion-button {
  border-radius: var(--bs-accordion-inner-border-radius);
}
/**********************************************************/
/* Subitens */
.subitem-primary {
  color: var(--bs-primary-active) !important;
  font-weight: 700;
  cursor: pointer;
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-left: -20px !important;
  margin-top: -19px !important;
  margin-right: -19px !important;
  background-color: var(--bs-primary-light);
  text-align: center;
}
.subitem-success {
  color: var(--bs-success-active) !important;
  font-weight: 700;
  cursor: pointer;
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-left: -18px !important;
  margin-top: -19px !important;
  margin-right: -19px !important;
  background-color: var(--bs-success-light);
  text-align: center;
}
.subitem-success.subitem-danger {
  color: var(--bs-danger-active) !important;
  font-weight: 700;
  cursor: pointer;
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-left: -18px !important;
  margin-top: -19px !important;
  margin-right: -19px !important;
  background-color: var(--bs-danger-light);
  text-align: center;
}
.subitem-gray {
  color: var(--bs-gray-700) !important;
  font-weight: 700;
  cursor: pointer;
  padding: 8px 10px;
  font-size: 1.1rem;
  margin-left: -18px !important;
  margin-top: -19px !important;
  margin-right: -19px !important;
  background-color: var(--bs-gray-200);
  text-align: center;
}

@media (max-width: 992px) {
  .subitem-primary {
    margin-left: -18px !important;
    margin-right: -18px !important;
  }
  .subitem-success {
    margin-left: -18px !important;
    margin-right: -18px !important;
  }
}

/**********************************************************/
.title-subitem {
  border-radius: 10px;
}
.title-subitem + div {
  margin-left: calc(8.33333333% / 2) !important;
}
/**********************************************************/
.item-success {
  margin-left: -10px !important;
  margin-right: -19px !important;
  border: none;
  border-left: 6px solid var(--bs-success-active);
}
.item-success > .collapse {
  margin-top: -18px;
}
.item-success:last-of-type {
  margin-bottom: -19px !important;
}
.item-success .accordion-button::after {
  display: none;
}
.item-success > .accordion-header > .accordion-button {
  color: var(--bs-success-active) !important;
  font-weight: 700;
}
@media (max-width: 992px) {
  .item-success {
    margin-left: -8px !important;
    margin-right: -18px !important;
  }
  .item-success:first-of-type {
    margin-top: -17px !important;
  }
  .item-success:last-of-type {
    margin-bottom: -18px !important;
  }
}

.item-success.item-danger {
  margin-left: -10px !important;
  margin-right: -19px !important;
  border-left: 6px solid var(--bs-danger-active);
}
.item-success.item-danger:first-of-type {
  margin-top: -19px !important;
}
.item-success.item-danger:last-of-type {
  margin-bottom: -19px !important;
}
.item-success.item-danger .accordion-button::after {
  display: none;
}
.item-success.item-danger > .accordion-header > .accordion-button {
  color: var(--bs-danger-active) !important;
  font-weight: 700;
}
@media (max-width: 992px) {
  .item-success.item-danger {
    margin-left: -8px !important;
    margin-right: -18px !important;
  }
  .item-success.item-danger:first-of-type {
    margin-top: -17px !important;
  }
  .item-success.item-danger:last-of-type {
    margin-bottom: -18px !important;
  }
}
/**********************************************************/
.item-gray {
  margin-left: -10px !important;
  margin-right: -20px !important;
  border-left: 6px solid var(--bs-gray-600);
}
.item-gray > .show {
  margin-bottom: -20px !important;
}
.item-gray:first-of-type {
  margin-top: -19px !important;
}
.item-gray:last-of-type {
  margin-bottom: -20px !important;
}
.item-gray .accordion-button::after {
  display: none;
}
.item-gray > .accordion-header > .accordion-button {
  color: var(--bs-gray-600) !important;
  font-weight: 700;
}
@media (max-width: 992px) {
  .item-gray {
    margin-left: -8px !important;
    margin-right: -18px !important;
  }
  .item-gray:first-of-type {
    margin-top: -19px !important;
  }
  .item-gray:last-of-type {
    margin-bottom: -18px !important;
  }
}

.modal.show .modal-dialog {
  z-index: 9999;
}

input[type="checkbox"][id^="chk"] {
  display: none;
}

label[for^="chk"] {
  border: 1px solid #fff;
  padding: 0;
  display: block;
  position: relative;
  margin: 0px;
  cursor: pointer;
}

label[for^="chk"]:before {
  background-color: var(--bs-modal-bg);
  content: " ";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

:checked + label[for^="chk"]:before {
  top: 5px;
  left: 5px;
  width: 25px;
  height: 25px;
  border: none;
  transform: scale(2);
  z-index: 999999;
  content: "\f058";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: var(--bs-primary);
  font-size: 1.1rem;
}

/* *************************** */
/*         17/01/2024          */
/* *************************** */

.max-h-200px {
  max-height: 200px !important;
}
.max-h-220px {
  max-height: 222px !important;
}
.max-h-450px {
  max-height: 450px !important;
}

/* Efeito de vidro no card */
.card-glass:not(:hover) {
  background: rgba(255, 255, 255, 0.1) !important;
}
.card-glass:has(.show) {
  background: rgba(255, 255, 255, 1) !important;
}
[data-bs-theme="dark"] .card-glass:not(:hover) {
  background: #15171ca1 !important;
}
[data-bs-theme="dark"] .card-glass:has(.show) {
  background: #15171c !important;
}

[data-bs-theme="dark"] .card-glass:not(:hover) {
  background: #15171ca1;
}

/* Icone de fundo do card */
.icon-bg {
  --fa-primary-color: var(--bs-gray-800);
  --fa-primary-opacity: 0.6;
  --fa-secondary-color: var(--bs-gray-500);
  --fa-secondary-opacity: 0.8;
}

/* Botão de excluir o item no card do ecommerce */
.card-actions-items {
  position: absolute;
  top: 4px;
  right: 4px;
  display: flex;
  flex-direction: column;
}

/* Shimmer - Efeito de loading */
.shimmer .name {
  width: 55%;
}
.shimmer .address {
  width: 60%;
}
.shimmer .cep {
  width: 40%;
}
.stroke {
  height: 15px;
  background: #777;
  margin-bottom: 5px;
}
.wrapper {
  width: 0px;
  margin-top: -10px;
  animation: fullView 0.5s forwards linear;
}

@keyframes fullView {
  100% {
    width: 100%;
  }
}
.animate {
  animation: shimmer 3s;
  animation-iteration-count: infinite;
  background: linear-gradient(
    to right,
    var(--bs-gray-100) 5%,
    var(--bs-gray-200) 25%,
    var(--bs-gray-100) 35%
  );
  background-size: 1000px 100%;
}
@keyframes shimmer {
  from {
    background-position: -1000px 0;
  }
  to {
    background-position: 1000px 0;
  }
}
/* FIM - Shimmer - Efeito de loading */

/* Mensagens (setinha no balão) */
.msg-div-in {
  position: relative;
}
.msg-in::after {
  content: "";
  position: absolute;
  top: -9px;
  left: 13px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--bs-info-light) transparent transparent transparent;
  transform: rotate(180deg);
}
.msg-div-out {
  position: relative;
}
.msg-out::after {
  content: "";
  position: absolute;
  top: -9px;
  right: 13px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--bs-primary-light) transparent transparent transparent;
  transform: rotate(180deg);
}
/* FIM - Mensagens (setinha no balão) */

/* Documentos - Webcam e croppie */
.image-input-wrapper {
  position: relative;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.overlay i {
  font-size: 24px;
  color: white;
  margin: 0 10px;
  cursor: pointer;
}
.image-input-wrapper:hover .overlay {
  opacity: 1;
}
.image-input-wrapper.profile {
  background-position: center center;
  background-size: cover;
  padding-bottom: 50%;
  border: 1px solid var(--bs-gray-200);
}
.image-input-wrapper.profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.webcam_ {
  display: block;
}
.capturedPhoto_ {
  display: none;
}
.borda-interna {
  position: relative;
}
.borda-interna::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  border: 10px solid rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.borda-interna::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border: 1px solid #fff;
  z-index: 100;
}
/* FIM - Documentos - Webcam e croppie */

[data-bs-theme="light"] .btn-dash:hover {
  background-color: #e9f3ff6b;
}
[data-bs-theme="light"] .btn-dash.active {
  border-width: 1px !important;
  border-style: dashed !important;
  border-color: var(--bs-primary-border-subtle) !important;
  background-color: #e9f3ff6b;
}

[data-bs-theme="dark"] .btn-dash:hover {
  background-color: #1723316b !important;
}
[data-bs-theme="dark"] .btn-dash.active {
  background-color: #1723316b !important;
}

.form-switch.form-check-solid-danger .form-check-input:not(:checked) {
  background-color: var(--bs-danger);
}
.form-switch.form-check-solid-primary .form-check-input:not(:checked) {
  background-color: var(--bs-primary);
}
[data-bs-theme="dark"]
  .form-switch.form-check-solid-danger
  .form-check-input:not(:checked),
[data-bs-theme="dark"]
  .form-switch.form-switch.form-check-solid-primary
  .form-check-input:not(:checked),
[data-bs-theme="dark"] .check-control:focus:not(:checked),
[data-bs-theme="dark"]
  .form-switch
  .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e") !important;
}
.check-control {
  transform: rotate(180deg);
}
.check-control:not(:checked) {
  background-color: var(--bs-primary) !important;
}
.text-primary-terasoft {
  color: var(--azul_software);
}
.textarea-solid {
  background-color: transparent !important;
  border-color: transparent !important;
}

.form-control.textarea-solid.focus,
.form-control.textarea-solid:focus {
  background-color: var(--bs-gray-200) !important;
  border-color: var(--bs-gray-200) !important;
  color: var(--bs-gray-700) !important;
  transition: color .5s ease !important;
}