/**region Outros */

.divider {
  margin-left: 1rem;
  margin-right: 1rem;
  width: 1px;
  height: auto;
  background-color: #8F9EB9;
}

.divider--horizontal {
  margin-top: 1rem;
  margin-bottom: 1rem;
  height: 1px;
  width: auto;
  background-color: #8F9EB9;
}

.nowrap {
  white-space: nowrap;
}

.item--required:before {
  margin-right: 0.125rem;
  color: #FE6868;
  content: '*';
}
.iconeLoading__holder {
  display: flex;

  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;

  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.iconeLoading {
  --loading-spinner: url('../../../_imagens/icons/ac/ac/ic_spinner.svg');
  height: 2rem;
  width: 2rem;
  color: #0082f2;
  background: url("../../../_imagens/icons/ac/ac/ic_spinner.gif") no-repeat center;
  background-image: var(--loading-spinner);
  background-size: contain;
}
.iconeLoading--white {
  --loading-spinner: url('../../../_imagens/icons/ac/ac/ic_spinner_white.svg');
  background-image: var(--loading-spinner);
}

.iconeLoading__text--gray {
  color: #222222;
}

.sortable__ghost {
  -webkit-box-shadow: 4px 4px 10px 0 rgba(101, 176, 242, 0.4);
  -moz-box-shadow: 4px 4px 10px 0 rgba(101, 176, 242, 0.4);
  box-shadow: 4px 4px 10px 0 rgba(101, 176, 242, 0.4);
  opacity: 1 !important;
  background-color: #EFF5FC;
}

.sortable__fallback {
  opacity: 0 !important;
}

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

.fill-current {
  fill: currentColor;
}

.resize-none {
  resize: none;
}

.box-border {
  box-sizing: border-box;
}

.opacity-50{
  opacity: 0.5;
}
/**endregion Outros */

/**region Classes de utilidade para serem usadas em elements que precisam apenas de um pequenoooo cheirinho*/
.hidden {
  display: none;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

/**endregion Classes de utilidade para serem usadas em elements que precisam apenas de um pequenoooo cheirinho*/

/**region Flexy*/
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.inline {
  display: inline;
}

.flex-1 {
  flex: 1;
}

.flex-col {
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.block {
  display: block;
}

.justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-right {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-end{
  justify-content: flex-end;
}
.justify-items-end {
  justify-items: end;
}
.items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.flex-center-y {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-center-li {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-center-li label {
  margin-top: 0 !important;
}
.flex-center-li input {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.self-start {
  -ms-flex-item-align: flex-start;
  align-self: flex-start;
}
.self-center {
  -ms-flex-item-align: center;
  align-self: center;
}
.self-end {
  -ms-flex-item-align: flex-end;
  align-self: flex-end;
}
.place-self-center {
  -ms-grid-row-align: center;
  -ms-grid-column-align: center;
  place-self: center;
}

.shrink-0 {
  flex-shrink: 0;
}

.basis-1\/2 {
  flex-basis: 50%;
}

/**endregion Flexy*/

/**region Borders */

.border-t-0 {
  border-top: 0px;
}

.border-b {
  border-bottom-width: 1px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-none {
  border-radius: 0px;
}
/**endregion Borders */

/** region Elements position */

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.top-0 {
  top:0;
}

.top-12 {
  top: 3rem;
}

/** endregion Elements position */

/**region Margens*/
/* 4 = 16px
**/
.m-auto {
  margin: auto;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: 0.25rem;
}

.m-4{
  margin: 1rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: .25rem;
}

.mt-2 {
  margin-top: .5rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-16 {
  margin-top: 4rem;
}

.mt-20	{
  margin-top: 5rem;
}

.mt-auto {
  margin-top: auto;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-0\.5 {
  margin-bottom: 0.125rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-14 {
  margin-bottom: 3.5rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-20	{
  margin-bottom: 5rem;
}

.mb-24 {
  margin-bottom: 6rem;
}

.mb-28 {
  margin-bottom: 7rem;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-0 {
  margin-left: 0;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 0.75rem;
}

.ml-4 {
  margin-left: 1rem;
}

.ml-5 {
  margin-left: 1.25rem;
}

.ml-6 {
  margin-left: 1.5rem;
}

.ml-7 {
  margin-left: 1.75rem;
}

.ml-8 {
  margin-left: 2rem;
}

.ml-10 {
  margin-left: 2.5rem;
}

.ml-32 {
  margin-left: 8rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 0.75rem;
}

.mr-4 {
  margin-right: 1rem;
}
.mr-5 {
  margin-right: 1.25rem;
}
.mr-6 {
  margin-right: 1.5rem;
}

.mr-8 {
  margin-right: 2rem;
}

.mr-10 {
  margin-right: 2.5rem;
}

.mr-12 {
  margin-right: 3rem;
}

.mr-14 {
  margin-right: 3.5rem;
}

.mr-16 {
  margin-right: 4rem;
}

.mr-24 {
  margin-right: 6rem;
}

.mr-auto {
  margin-right: auto;
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

/** Container para adicionar margem aos p **/
.my-p-3 p {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
/**endregion Margens*/

/**region Paddings */
/* 4 = 16px
**/
.p-1 {
  padding: .25rem;
}

.p-2 {
  padding: .5rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pr-0 {
  padding-right: 0;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-24 {
  padding-left: 6rem;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.p-1 {
  padding: .25rem;
}

.p-2 {
  padding: .5rem;
}

.p-3 {
  padding: .75rem;
}

.p-4 {
  padding: 1rem;
}

.p-6 {
  padding: 1.5rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: .25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-16 {
  padding-top: 4rem;
}

.pb-0 {
  padding-bottom: 0;
}
.pb-1{
  padding-bottom: 0.25rem;
}
.pb-2{
padding-bottom: 0.5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pb-14 {
  padding-bottom: 3.5rem;
}

.pb-16 {
  padding-bottom: 4rem;
}

.pr-0 {
  padding-right: 0;
}

.pr-4 {
  padding-right: 1rem;
}

.pr-8 {
  padding-right: 2rem;
}

.pr-12 {
  padding-right: 3rem;
}

.pr-16 {
  padding-right: 4rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-4 {
  padding-left: 1rem;
}

.pl-5 {
  padding-left: 1.25rem;
}

.pl-8 {
  padding-left: 2rem;
}

.pl-24 {
  padding-left: 6rem;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/**endregion Paddings */

/**region Gap */
.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-2\.5 {
  gap: 0.625rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-12 {
  gap: 3rem;
}
/**endregion Gap */


/**region Heights */
/**
*   https://tailwindcss.com/docs/height
*   https://nekocalc.com/px-to-rem-converter
*/
.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-20 {
  height: 5rem;
}

.h-28 {
  height: 7rem;
}

.h-72 {
  height: 18rem;
}

.h-100 {
  height: 25rem;
}

.max-w-400 {
  max-width: 25rem;
}

.h-full {
  height: 100%;
}

.min-h-10 {
  min-height: 2.5rem;
}

.min-h-16 {
  min-height: 4rem;
}

.min-h-80 {
  min-height: 20rem;
}
/**endregion Heights */
/**region Widths */
/** https://tailwindcss.com/docs/width
 * https://nekocalc.com/px-to-rem-converter
*/
.w-0 {
  width: 0rem;
}

.w-4 {
  width: 1rem;
}
.w-6 {
  width: 1.5rem;
}
.w-8 {
  width: 2rem;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-16 {
  width: 4rem;
}
.w-18 {
  width: 4.5rem;
}
.w-20 {
  width: 5rem;
}
.w-22 {
  width: 5.5rem;
}
.w-24 {
  width: 6rem;
}
.w-26 {
  width: 6.5rem;
}
.w-28 {
  width: 7rem;
}
.w-30 {
  width: 7.5rem;
}
.w-32 {
  width: 8rem;
}
.w-34 {
  width: 8.5rem;
}
.w-36 {
  width: 9rem;
}
.w-40 {
  width: 10rem;
}
.w-44 {
  width: 11rem;
}
.w-48 {
  width: 12rem;
}
.w-50 {
  width: 12.5rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}

.w-68 {
  width: 17rem;
}

.w-72 {
  width: 18rem;
}

.w-80{
  width: 20rem;
}

.w-120 {
  width: 30rem;
}

.w-3\/12 {
  width: 25%;
}

.w-min {
  width: min-content;
}
.w-max {
  width: max-content;
}
.w-full {
  width:100%;
}
.w-auto {
  width: auto;
}

.w-fit {
  width: fit-content;
}

.w-1\/2 {
  width: 50%;
}

.min-w-1\/4 {
  min-width: 25%;
}

.min-w-28 {
  min-width: 7rem;
}

.min-w-64 {
  min-width: 16rem;
}

.min-w-96 {
  min-width: 24rem; /* 384px */
}

.max-w-52 {
  max-width: 13rem;
}

.max-w-400 {
  max-width: 25rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-full {
  max-width: 100%;
}
/**endregion Widths */

/**region Icons */
.icon {
  fill: currentColor;
}

.icon--sm,
.icon-3 {
  width: 0.75rem;
  height: 0.75rem;
}

.icon-4 {
  width: 1rem;
  height: 1rem;
}

.icon-5 {
  width: 1.25rem;
  height: 1.25rem;
}

.icon-6 {
  width: 1.5rem;
  height: 1.5rem;
}

.icon-8 {
  width: 2rem;
  height: 2rem;
}

.icon-10 {
  width: 2.5rem;
  height: 2.5rem;
}

.icon-12 {
  width: 3rem;
  height: 3rem;
}
/**endregion Icons */

/**region Floats */

.float-right {
  float: right;
}

.float-left {
  float: left;
}
/**endregion Floats */

/**region Alinhamento de textos */
.align-top {
  vertical-align: top;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-wrap {
  text-wrap: wrap !important;
}

/**endregion Alinhamento de textos */

/**region Scroll em elementos */

.duration-200 {
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.scrollable {
  width: 100%;
  overflow-y: auto;
  max-height: max(18rem, 30vh);
}

.scrollable-x {
  width: 100%;
  overflow-x: auto;
}

.scrollable--xs {
  max-height: max(13rem, 21vh);
}

.scrollable--sm {
  max-height: max(16rem, 25vh);
}

.scrollable--lg {
  max-height: max(20rem, 35vh);
}

.scrollable--xl {
  max-height: max(24rem, 45vh);
}

.scrollable .table-simple__header {
  position: sticky;
  top: 0px;
}
.scrollable::-webkit-scrollbar,
.scrollable-x::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.25rem;
  background: #C9D0DD;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.scrollable::-webkit-scrollbar:hover,
.scrollable-x::-webkit-scrollbar:hover {
  background: transparent;
}

.scrollable::-webkit-scrollbar-thumb,
.scrollable-x::-webkit-scrollbar-thumb {
  border-radius: 0.5rem;
  background: #8F9EB9;
}

/**endregion Scroll em elementos */

/**region Curdors and pointer events */
.cursor-pointer {
  cursor: pointer;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-default {
  cursor: default;
}

.pointer-events-none {
    pointer-events: none;
}

/**endregion Curdors and pointer events */

/**region Z-Index */
.z-10 {
  z-index: 10;
}

/**endregion Z-Index */

/**region Backgrounds */

.bg-error-145 {
  background-color: #8C3939;
}

.bg-neutral-16 {
  background-color: #EDEFF4;
}

.bg-primary-25 {
  background-color: #BFE0FC;
}
/**endregion Backgrounds */

/**region Links */

a.link-text {
  cursor: pointer;
  color: inherit;
}

a.link-text:hover {
  text-decoration-line: inherit;
}
/**endregion Links */


/**region Text-Color */

.text-neutral-116 {
  color: #78859B;
}

.text-primary-100 {
  color: #0082F2;
}

.text-primary-160 {
  color: #003461;
}

.text-secondary-100 {
  color: #303A4D;
}
/**endregion Text-Color */

/**region Hover Color */
.hover-primary-100:hover {
  color: #0082F2;
}
/**endregion Hover Color */

/**region Text-Decorations */
.line-through {
  text-decoration-line: line-through;
}

.text-ellipsis {
  text-overflow: ellipsis;
}
/**endregion Text-Decorations */

/**region Lists */
.list-disc {
  list-style-type: disc;
}
/**endregion Lists */

/**region MediaQueries */
/**
* Tailwind responsive breakpoints
* sm -> 640px
* md -> 768px
* lg -> 1024px
* xl -> 1280px
* 2xl -> 1536px
**/
@media (min-width: 1024px) {
  .lg\:hidden {
    display: none;
  }

  .lg\:block {
    display: block;
  }

  .lg\:justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .lg\:flex-nowrap  {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (min-width: 768px) {
  .md\:hidden {
    display: none;
  }

  .md\:block {
    display: block;
  }
}

@media (min-width: 640px) {
  .sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .sm\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:block {
    display: block;
  }
}