/*
  SUMMARY:
  - Config (Theme, variables, resets, etc)
  - Text
  - Button
  - Form
  - Modal
  - Alert
  - Chip
  - Icon
  - Table
  - Dropdown
  - Utils
*/

/* -- Config -- */
:root {
  --primary-background: #D2EBF9;
  --primary-color-light: #4AA4D9;
  --primary-color: #055b8d;
  --primary-color-rgb: 5, 91, 141;
  --primary-color-dark: #03466D;
  --primary-filter: invert(20%) sepia(71%) saturate(2367%) hue-rotate(183deg) brightness(94%) contrast(96%);

  --secondary-background: #CCCCCC;
  --secondary-color-light: #999999;
  --secondary-color: #333333;
  --secondary-color-rgb: 51, 51, 51;
  --secondary-color-dark: #1A1A1A;
  --secondary-filter: invert(11%) sepia(24%) saturate(0%) hue-rotate(215deg) brightness(106%) contrast(79%);

  --tertiary-background: #F8E5DC;
  --tertiary-color-light: #EBA37C;
  --tertiary-color: #BD5823;
  --tertiary-color-dark: #843B15;
  --tertiary-filter: invert(41%) sepia(23%) saturate(2232%) hue-rotate(342deg) brightness(93%) contrast(90%);

  --success-background: #D1E7DA;
  --success-color-light: #52B671;
  --success-color: #178545;
  --success-color-dark: #00571C;
  --success-filter: invert(37%) sepia(100%) saturate(402%) hue-rotate(92deg) brightness(89%) contrast(86%);

  --warning-background: #FFF3CD;
  --warning-color-light: #FFF350;
  --warning-color: #FFC107;
  --warning-color-rgb: 255, 193, 7;
  --warning-color-dark: #946900;
  --warning-filter: invert(74%) sepia(74%) saturate(1203%) hue-rotate(353deg) brightness(101%) contrast(101%);
  --warning-dark-filter: invert(36%) sepia(98%) saturate(610%) hue-rotate(13deg) brightness(92%) contrast(104%);

  --info-background: #DAE1F1;
  --info-color-light: #7998EB;
  --info-color: #446AB8;
  --info-color-dark: #004088;
  --info-filter: invert(35%) sepia(77%) saturate(396%) hue-rotate(180deg) brightness(102%) contrast(98%);

  --error-background: #F8D7DA;
  --error-color-light: #8d6263;
  --error-color: #DC3545;
  --error-color-dark: #A3001E;
  --error-filter: invert(13%) sepia(100%) saturate(4269%) hue-rotate(340deg) brightness(65%) contrast(112%);

  --dark-color-light: #666;
  --dark-color: #333;
  --dark-color-dark: #000;
  --dark-home-color: #153852;
  --dark-home-light: #799AB8;
  --dark-home-filter: filter: invert(16%) sepia(7%) saturate(6372%) hue-rotate(168deg) brightness(96%) contrast(89%); 
  --dark-filter: invert(13%) sepia(0%) saturate(117%) hue-rotate(140deg) brightness(64%) contrast(72%);

  --disabled-color: #666666;
  --disabled-background: #F2F2F2;
  --disabled-color-light: #CCC;
  --disabled-filter: invert(10%) sepia(0%) saturate(100%) hue-rotate(140deg) brightness(84%) contrast(50%);

  --icon-search-primary: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z' stroke='%23055b8d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 22L20 20' stroke='%23055b8d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  --icon-arrow-primary: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.92 8.94995L13.4 15.47C12.63 16.24 11.37 16.24 10.6 15.47L4.07996 8.94995' stroke='%23055b8d' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body {
  background: #F2F2F2;
  color: var(--secondary-color);
  font-family: 'Jost', sans-serif;
}

h3 {
  font-size: 1.625rem;
}

* {
  transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
}

*:focus {
  outline: none;
}

*:focus-visible {
  box-shadow: 0 0 0 0.2rem rgb(0, 131, 128, 0.5);
  border-radius: 4px;
}

/* -- Text --*/

.text-primary {
  color: var(--primary-color) !important;
}

.text-primary-dark {
  color: var(--primary-color-dark) !important;
}

.text-secondary {
  color: var(--secondary-color) !important;
}

.text-tertiary {
  color: var(--tertiary-color) !important;
}

.text-error {
  color: var(--error-color-dark) !important;
}

.text-info {
  color: var(--info-color) !important;
}

.text-warning {
  color: var(--warning-color) !important;
}

.text-warning-dark {
  color: var(--warning-color-dark) !important;
}

.text-success {
  color: var(--success-color) !important;
}

.text-dark {
  color: var(--dark-color) !important;
}

.text-muted {
  color: #737373 !important;
}

.fs-6px {
  font-size: 6px !important;
}

.fs-12px {
  font-size: 12px !important;
}

.fs-14px {
  font-size: 14px !important;
}

.fs-16px {
  font-size: 16px !important;
}

.fs-18px {
  font-size: 18px !important;
}

.fs-20px {
  font-size: 20px !important;
}

.fs-22px {
  font-size: 22px !important;
}

.fs-26px {
  font-size: 26px !important;
}

.fs-32px {
  font-size: 32px !important;
}

.fw-regular {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fc-primary {
  color: var(--primary-color) !important;
}

.fc-dark {
  color: var(--dark-color) !important;
}

.fc-success {
  color: var(--success-color) !important;
}

.fc-secondary {
  color: var(--secondary-color) !important;
}

.fc-disabled {
  color: var(--disabled-color) !important;
}

.fc-error {
  color: var(--error-color) !important;
}

.fc-gray {
  color: #CCCCCC !important;
}

.fc-info {
  color: var(--info-color) !important;
}

.fc-tertiary {
  color: var(--tertiary-color) !important;
}

.fc-warning-dark {
  color: var(--warning-color-dark)
}

/* -- Backgrounds --*/
.bg-primary {
  background-color: var(--primary-color) !important;
}

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

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

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

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

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

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

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

.bg-gray25 {
  background-color: #F9F9F9;
}

.bg-gray50{
  background-color: #E6E6E6;
}

.bg-gray75 {
  background-color: #CCCCCC;
}

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

/* Utilities */
.col-1-5 {
  flex: 0 0 auto;
  width: 12.5%;
}

.col-2-5 {
  flex: 0 0 auto;
  width: 20.83%;
}

.border-gray {
  border-color: #ccc !important;
}

/*
  Component: Buttons
*/

/* Variation: Primary */
.v-btn {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 4px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 0 16px;
  color: white;
  font-weight: 600;
  font-size: 1.25rem;
  text-decoration: none;
  user-select: none;
  cursor: pointer;
  transition: all .2s ease-out;
}

.v-btn:hover:not([disabled]) {
  background-color: var(--primary-color-light);
  color: white;
  border-color: var(--primary-color-light);
}

.v-btn:focus-visible,
.v-btn:focus-within {
  outline: none;
  background-color: var(--primary-color-dark);
  color: white;
  border-color: var(--primary-color-dark);
  box-shadow: none;
}


.v-btn:not(.v-btn-outline, .v-btn-icon, .v-btn-link, .v-btn-light, .v-btn-light-primary) img,
.v-btn.active img {
  filter: brightness(0) invert(1);
}


.v-btn[disabled] {
  filter: grayscale(100%);
  opacity: 0.7;
  pointer-events: none;
}

/* Variation Secondary */
.v-btn.v-btn-secondary:not([disabled]) {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

.v-btn.v-btn-secondary:hover:not([disabled]) {
  background-color: var(--secondary-color-light);
  color: white;
  border-color: var(--secondary-color-light);
}

.v-btn.v-btn-secondary:focus-visible {
  background-color: var(--secondary-color-dark);
  border-color: var(--secondary-color-dark);
}

/* Variation Tertiary */
.v-btn.v-btn-tertiary:not([disabled]) {
  background-color: var(--tertiary-color);
  border-color: var(--tertiary-color);
}

.v-btn.v-btn-tertiary:hover:not([disabled]) {
  background-color: var(--tertiary-color-light);
  color: white;
  border-color: var(--tertiary-color-light);
}

.v-btn.v-btn-tertiary:focus-visible {
  background-color: var(--tertiary-color-dark);
  border-color: var(--tertiary-color-dark);
}

/* Variation Info */
.v-btn.v-btn-info:not([disabled]) {
  background-color: var(--info-color);
  border-color: var(--info-color);
}

.v-btn.v-btn-info:hover:not([disabled]) {
  background-color: var(--info-color-light);
  color: white;
  border-color: var(--info-color-light);
}

.v-btn.v-btn-info:focus-visible {
  background-color: var(--info-color-dark);
  border-color: var(--info-color-dark);
}

/* Variation Dark Home */
.v-btn.v-btn-dark-home:not([disabled]) {
  background-color: var(--dark-home-color);
  border-color: var(--dark-home-color);
}

.v-btn.v-btn-dark-home:hover:not([disabled]) {
  background-color: var(--dark-home-color);
  color: white;
  border-color: var(--dark-home-color);
}

.v-btn.v-btn-dark-home:focus-visible {
  background-color: var(--dark-home-color);
  border-color: var(--dark-home-color);
}

/* Variation Success */
.v-btn.v-btn-success:not([disabled]) {
  background-color: var(--success-color);
  border-color: var(--success-color);
}

.v-btn.v-btn-success:hover:not([disabled]) {
  background-color: var(--success-color-light);
  color: white;
  border-color: var(--success-color-light);
}

.v-btn.v-btn-success:focus-visible {
  background-color: var(--success-color-dark);
  border-color: var(--success-color-dark);
}

/* Variation Warning */
.v-btn.v-btn-warning:not([disabled]) {
  background-color: var(--warning-color);
  border-color: var(--warning-color);
  color: #333333;
}

.v-btn.v-btn-warning:hover:not([disabled]) {
  background-color: var(--warning-color-light);
  border-color: var(--warning-color-light);
}

.v-btn.v-btn-warning:focus-visible {
  background-color: var(--warning-color-dark);
  border-color: var(--warning-color-dark);
}

/* Variation Error */
.v-btn.v-btn-error:not([disabled]) {
  background-color: var(--error-color);
  border-color: var(--error-color);
}

.v-btn.v-btn-error:hover:not([disabled]) {
  background-color: var(--error-background);
  color: var(--error-color-dark);
  border-color: var(--error-color-dark);
}

.v-btn.v-btn-error:focus-visible {
  background-color: var(--error-color-dark);
  border-color: var(--error-color-dark);
}

.v-btn.v-btn-error:hover:not([disabled]) img {
  filter: var(--error-filter) !important;
}

/* Variation Light */
.v-btn.v-btn-light:not([disabled]) {
  background-color: white;
  border-color: white;
  color: #333;
}

.v-btn.v-btn-light:hover:not([disabled]) {
  background-color: #E6E6E6;
  border-color: #E6E6E6;
}

.v-btn.v-btn-light:focus-visible {
  background-color: #ccc;
  border-color: #ccc;
}

/* Variation Light */
.v-btn.v-btn-light-primary:not([disabled]) {
  background-color: transparent;
  border-color: transparent;
  color: var(--primary-color);
}

.v-btn.v-btn-light-primary:hover:not([disabled]) {
  background-color: var(--primary-background);
  border-color: var(--primary-background);
}

.v-btn.v-btn-light-primary:focus-visible {
  background-color: var(--primary-background);
  border-color: var(--primary-background);
}

/* Variation Dark */
.v-btn.v-btn-dark:not([disabled]) {
  background-color: var(--dark-color);
  border-color: var(--dark-color);
}

.v-btn.v-btn-dark:hover:not([disabled]) {
  background-color: var(--dark-color-light);
  color: white;
  border-color: var(--dark-color-light);
}

.v-btn.v-btn-dark:focus-visible {
  background-color: var(--dark-color-dark);
  border-color: var(--dark-color-dark);
}

/* Variation: Outline Primary */
.v-btn.v-btn-outline:not(.active, :hover, :focus-visible) {
  color: var(--primary-color);
  background-color: transparent;
}

.v-btn.v-btn-outline:focus-visible img,
.v-btn.v-btn-outline:hover img:not([disabled]) {
  filter: brightness(0) invert(1);
}

/* Variation: Outline Secondary */
.v-btn.v-btn-secondary.v-btn-outline:not(.active, :hover, :focus-visible, [disabled]) {
  color: var(--secondary-color);
}

/* Variation: Outline Tertiary */
.v-btn.v-btn-tertiary.v-btn-outline:not(.active, :hover, :focus-visible, [disabled]) {
  color: var(--tertiary-color);
}

/* Variation: Outline Info */
.v-btn.v-btn-info.v-btn-outline:not(.active, :hover, :focus-visible, [disabled]) {
  color: var(--info-color);
}

/* Variation: Dark Home */
.v-btn.v-btn-dark-home.v-btn-outline:not(.active, :hover, :focus-visible, [disabled]) {
  color: var(--dark-home-color);
}

/* Variation: Outline Success */
.v-btn.v-btn-success.v-btn-outline:not(.active, :hover, :focus-visible, [disabled]) {
  color: var(--success-color);
  border-color: var(--success-color);
}

/* Variation: Outline Warning */
.v-btn.v-btn-warning.v-btn-outline:not(.active, :hover, :focus-visible, [disabled]) {
  color: var(--warning-color-dark);
  border-color: var(--warning-color-dark);
}

/* Variation: Outline Error */
.v-btn.v-btn-error.v-btn-outline:not(.active, :hover, :focus-visible, [disabled]) {
  color: var(--error-color-dark);
  border-color: var(--error-color-dark);
}

/* Variation: Outline Light */
.v-btn.v-btn-light.v-btn-outline:not([disabled]) {
  color: white;
}
.v-btn.v-btn-light.v-btn-outline:hover,
.v-btn.v-btn-light.v-btn-outline.active,
.v-btn.v-btn-light.v-btn-outline:focus-visible {
  background: rgba(255, 255, 255, 0.20);
}

/* Variation: Outline Dark */
.v-btn.v-btn-dark.v-btn-outline:not(.active, :hover, :focus-visible, [disabled]) {
  color: var(--dark-color);
}

/* Variation: Medium */
.v-btn.v-btn-medium {
  height: 40px;
  min-width: 40px;
  font-size: 1.125rem;
  font-weight: 500;
}

/* Variation: Small */
.v-btn.v-btn-small {
  height: 32px;
  min-width: 32px;
  font-size: 1rem;
  font-weight: 500;
}

/* Variation: Icon */
.v-btn.v-btn-icon {
  background-color: transparent !important;
  border: none;
  border-radius: 50%;
  padding: .5rem;
  height: max-content;
  min-width: auto;
  aspect-ratio: 1/1;
}

.v-btn.v-btn-icon:hover:not([disabled]) {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}

.v-btn.v-btn-icon:focus-visible {
  background: none;
  border: none;
  box-shadow: 0 0 0 0.2rem rgb(0, 131, 128, 0.5);
}

.v-btn.v-btn-warning.v-btn-icon:hover:not([disabled]) {
  background-color: rgba(var(--warning-color-rgb), 0.1) !important;
}

/* Variation: Link */
.v-btn.v-btn-link,
a {
  display: inline-block;
  height: auto;
  padding: .0;
  border: none;
  border-bottom: none;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  color: var(--primary-color);
}

.v-btn.v-btn-link {
  background-color: transparent !important;
}

.v-btn.v-btn-link:hover {
  color: var(--primary-color) !important;
}

/* Variation: Link Secondary */
.v-btn.v-btn-secondary.v-btn-link {
  color: var(--secondary-color) !important;
}

/* Variation: Link Success */
.v-btn.v-btn-success.v-btn-link {
  color: var(--success-color) !important;
}

/* Variation: Link Error */
.v-btn.v-btn-warning.v-btn-link {
  color: var(--warning-color) !important;
}

/* Variation: Link Error */
.v-btn.v-btn-error.v-btn-link {
  color: var(--error-color) !important;
}

/* Variation: Link Tertiary */
.v-btn.v-btn-tertiary.v-btn-link {
  color: var(--tertiary-color) !important;
}

/* Variation: Link Dark */
.v-btn.v-btn-dark.v-btn-link {
  color: var(--dark-color) !important;
}

.v-btn.v-btn-link:focus-visible {
  border: none;
  background-color: transparent;
  color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgb(0, 131, 128, 0.5);
}

.v-btn.v-btn-link:hover {
  border: none;
  background-color: transparent;
  color: var(--primary-color);
}

.accordion-item {
  border: none;
  overflow: hidden;
}

.accordion .accordion-item:first-child {
  border-radius: 4px 4px 0 0;
}

.accordion .accordion-item:last-child {
  border-radius: 0 0 4px 4px;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button:focus-visible {
  box-shadow: 0 0 0 0.2rem rgb(0, 131, 128, 0.5) !important;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
}

.accordion-button::after, .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.92 8.94995L13.4 15.47C12.63 16.24 11.37 16.24 10.6 15.47L4.07996 8.94995' stroke='%23008380' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
  background-size: 100%;
}


/*
  Component: Forms
*/
.v-form label {
  font-size: 1rem;
  color: var(--secondary-color);
  font-weight: 500;
  display: flex;
  width: 100%;
  margin-bottom: .25rem;
}

.v-form input[type="text"][readonly],
.v-form input[type="number"][readonly] {
  pointer-events: none !important;
  cursor: default !important;
  border: 1px solid #CCC;
  background: #E6E6E6;
  color: #737373;
}

.v-form p {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
}

/* Form Inputs */
.v-form input,
.v-form select:not(.select2-hidden-accessible),
.v-form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  height: 48px;
  font-size: 1rem;
  color: #333333;
  padding: 0 1rem;
  accent-color: var(--primary-color);
  flex: 1;
  background-color: transparent;
}

.v-form input[type=search] {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z' stroke='%23CCCCCC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 22L20 20' stroke='%23CCCCCC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 3rem;
}

.v-form.v-form-primary input[type=search],
.v-form input[type=search]:focus-visible {
  background-image: var(--icon-search-primary);
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* Form Textarea only */
.v-form textarea {
  height: auto;
  padding: .5rem 1rem;
}

/* Form Select only */
.v-form select:not(.select2-hidden-accessible) {
  cursor: pointer;
  padding-right: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.92 8.94995L13.4 15.47C12.63 16.24 11.37 16.24 10.6 15.47L4.07996 8.94995' stroke='%23ccc' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  text-overflow: ellipsis;
}

.v-form.v-form-primary select,
.v-form select:focus-visible {
  background-image: var(--icon-arrow-primary);
}

.v-form select:not(.select2-hidden-accessible) option {
  padding: 13px 24px !important;
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}

.v-form select:not(.select2-hidden-accessible) option:checked {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}

/* Form Checkbox Only */
.v-form input[type=checkbox] {
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
  padding: 0;
  margin: 0;
  margin-right: 0.5rem;
  border-radius: 4px;
}

.v-form input[type=checkbox]::before {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: -1px -1px;
  filter: invert(1);
}

.v-form input[type=checkbox]:checked {
  background-color: var(--primary-color);
}

.v-form input[type=checkbox]:checked::before {
  box-shadow: none;
  background-image: url('../../images/v2/icons/check.svg');
}

/* Form Radio Only */
.v-form input[type=radio] {
  width: 16px;
  height: 16px;
  max-width: 16px;
  min-width: 16px;
  max-height: 16px;
  padding: 0;
  margin: 0;
  margin-right: 0.5rem;
  margin-bottom: .25rem;
  border-radius: 50%;
  appearance: auto;
}

.v-form input[type=file] {
  padding: .5rem 1rem;
  height: auto;
}

/* v-form help texts */
.v-form .is-invalid {
  border-color: var(--error-color)
}

.v-form .invalid-feedback {
  color: var(--error-color)
}

.v-form .error-field + input {
  border-color: var(--bs-danger);
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/></svg>");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.v-form .valid-feedback {
  color: var(--success-color)
}

/* Select 2 */
.v-form .select2 {
  width: 100% !important;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  min-height: 48px;
  overflow: hidden;
}

.was-validated :invalid~.select2,
.v-form .error-field ~ .select2 {
  border: 1px solid var(--error-color) !important;
}

.v-form .select2-selection.select2-selection--single {
  display: flex;
  align-items: center;
  height: 48px !important;
  min-height: 48px !important;
  border: none !important;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: transparent;
}

.select2-container--open .select2-dropdown {
  z-index: 1070;
}

.select2 .select2-search--dropdown .select2-search__field {
  outline: none;
}

.v-form .select2 .select2-selection--single .select2-selection__rendered {
  line-height: 48px !important;
  padding-left: 0px;
  padding-right: 24px;
  margin-right: auto;
  font-size: 16px;
  z-index: 50;
}

.v-form .select2 .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
  min-height: 48px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.92 8.94995L13.4 15.47C12.63 16.24 11.37 16.24 10.6 15.47L4.07996 8.94995' stroke='%23ccc' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(100% - 14px) center;
  width: 100%;
}

.v-form .select2 .select2-selection--single *:nth-child(3).select2-selection__arrow {
  display: none;
}

.v-form .select2 .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.v-form .select2 .select2-selection--single .select2-selection__clear {
  order: 2;
  margin-right: 0;
  height: 48px;
  color: var(--primary-color);
  font-size: 20px;
  font-weight: 400;
}

.v-form .select2 .select2-selection--single .select2-selection__rendered:nth-child(2) {
  padding-right: 0;
}

.v-form .select2-selection__placeholder {
  font-weight: 400;
}

.select2-results__option.select2-results__message {
  font-weight: 400;
}

.select2-results__group {
  color: var(--secondary-color);
}

.select2-results__option.select2-results__option--selectable {
  color: var(--primary-color);
  font-weight: 500;
}

.select2-results__option.select2-results__option--selectable.select2-results__option--selected {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}

.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
  background-color: var(--primary-background) !important;
  color: var(--primary-color) !important;
}

.select2-search__field {
  background-image: none !important;
}

.select2-container--default .select2-selection--multiple {
  border: 0 !important;
  padding-bottom: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  height: 48px;
  margin-top: 0;
}

.select2-selection__choice {
  background-color: var(--primary-background) !important;
  border-color: var(--primary-background) !important;
  color: var(--primary-color-dark);
}

.select2-selection__choice__remove {
  border-color: var(--primary-color) !important;
  color: var(--primary-color-dark) !important;
}

.select2-selection__choice__remove:hover {
  background-color: var(--primary-background) !important;
}

.select2-selection.select2-selection--multiple  .select2-search__field {
  margin-top: 0;
}

/* Password */
.v-form .v-input-password-wrapper {
  position: relative;
}

.v-form .v-input-password-wrapper .v-btn {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.v-form .v-input-password-wrapper input {
  padding-right: 56px;
}

/* Focus */
.v-form input:focus,
.v-form input:focus-visible,
.v-form textarea:focus-visible,
.v-form select:focus,
.v-form .select2-selection:focus,
.v-form .select2:focus-within,
.v-form .select2-container--open,
.select2-search__field:focus-visible {
  border-color: var(--primary-color) !important;
  outline: none;
  box-shadow: none;
}

/* Variation: Small */
.v-form.v-form-small input,
.v-form.v-form-small select:not(.select2-hidden-accessible),
.v-form.v-form-small .select2 {
  height: 32px;
  min-height: 32px;
}

.v-form.v-form-small input[type=checkbox] {
  width: 16px;
  height: 16px;
  max-width: 16px;
  max-height: 16px;
}

.v-form.v-form-small .select2-selection.select2-selection--single,
.v-form.v-form-small .select2 .select2-selection--single .select2-selection__arrow {
  height: 32px !important;
  min-height: 32px !important;
}

/* Variation: Medium */
.v-form.v-form-medium input,
.v-form.v-form-medium select:not(.select2-hidden-accessible),
.v-form.v-form-medium .select2 {
  height: 40px;
}

.v-form.v-form-medium input[type=checkbox] {
  width: 24px;
  height: 24px;
  max-width: 24px;
  max-height: 24px;
}

.v-form.v-form-medium .select2-selection.select2-selection--single,
.v-form.v-form-medium .select2 .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
  min-height: 40px !important;
}

/* Variation: Large */
.v-form.v-form-large input,
.v-form.v-form-large select:not(.select2-hidden-accessible) {
  height: 48px;
}

.v-form.v-form-large input[type=checkbox] {
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
}

/* Variation: Primary */
.v-form.v-form.v-form-primary .select2 {
  border-color: var(--primary-color);
}

.v-form.v-form-primary input,
.v-form.v-form-primary select:not(.select2-hidden-accessible) {
  border-color: var(--primary-color);
}

.v-form.v-form-primary .select2 .select2-selection--single .select2-selection__arrow,
.v-form .select2:focus-within .select2-selection--single .select2-selection__arrow,
.v-form .select2-container--open .select2-selection--single .select2-selection__arrow {
  background-image: var(--icon-arrow-primary);
}

/* Variation: ReadOnly */
.v-form.v-form-readonly {
  border-radius: 5px;
  background: #F2F2F2;
}

.v-form.v-form-readonly input:not([type='checkbox']),
.v-form.v-form-readonly textarea,
.v-form.v-form-readonly select,
.v-form.v-form-readonly .select2-selection.select2-selection--single {
  background-color: transparent !important;
  pointer-events: none !important;
  cursor: default !important;
}

.v-form.v-form-readonly select {
  background-image: none !important;
}

.v-form.v-form-readonly label img {
  display: none;
}

.readOnlyContainer {
  background-color: #F9F9F9;
}

.readOnlyContainer input:not([type='checkbox']),
.readOnlyContainer textarea,
.readOnlyContainer select,
.readOnlyContainer .select2-selection.select2-selection--single,
.readOnlyContainer .border-gray {
  background-color: #F2F2F2 !important;
}

.readOnlyContainer label {
  color: var(--disabled-color) !important;
}

.readOnlyContainer select {
  background-image: none !important;
}

.readOnlyContainer {
  border-radius: 5px;
}

.readOnlyContainer .row img{
  display: none;
}

/* Variation: Collapse classes on v2/components/formset_collapse.css */

/* Variation: Collapse classes on v2/components/formset_collapse.css */

.v-field-collapse {
  display: flex;
  align-items: center;
  padding: 0 .5rem;
  height: 32px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #737373;
  font-weight: 500;
  transition: filter .3s ease-out;
}

.v-field-collapse:hover,
.v-field-collapse:focus-within {
  filter: brightness(.5);
}

.v-field-collapse input,
.v-field-collapse select {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-variant-numeric: tabular-nums;
  width: 0;
  color: #737373;
}

.v-field-collapse input:focus-visible,
.v-field-collapse select:focus-visible {
  box-shadow: none;
}

.v-field-collapse input:-webkit-autofill,
.v-field-collapse input:-webkit-autofill:hover,
.v-field-collapse input:-webkit-autofill:focus {
  -webkit-text-fill-color: #737373;
  -webkit-background-clip: text;
}
.v-field-externo {
  display: flex;
  align-items: center;
  padding: 0 .5rem;
  height: 32px;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #737373;
  font-weight: 500;
  transition: color border-color .3s ease-out;
  position: relative;
}

.v-field-externo.filled {
  background-color: var(--primary-background);
}

.v-field-externo input,
.v-field-externo select {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-variant-numeric: tabular-nums;
  width: 0;
  color: #262626;
  transition: color .3s ease-out;
}

.v-field-externo input:focus-visible,
.v-field-externo select:focus-visible {
  box-shadow: none;
}

.v-field-externo input:-webkit-autofill,
.v-field-externo input:-webkit-autofill:hover,
.v-field-externo input:-webkit-autofill:focus {
  -webkit-text-fill-color: #737373;
  -webkit-background-clip: text;
}

.v-field-externo .v-icon {
  transition: filter .3s ease-out;
}

.v-field-externo:hover,
.v-field-externo:focus-within {
  border-color: #333;
  color: #333 !important;
}

.v-field-externo:hover input,
.v-field-externo:hover select,
.v-field-externo:focus-within input,
.v-field-externo:focus-within select {
  color: #333;
}

.v-field-externo:hover .v-icon,
.v-field-externo:focus-within .v-icon {
  filter: var(--primary-filter) grayscale(100%) brightness(.5);
}

.v-field-externo .v-field-externo__label {
  position: absolute;
  padding: 0 4px;
  border-radius: 4px;
  background: #F9F9F9;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.04);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  top: -12px;
  left: 32px;
}

.dropdownFiltrosAplicados {
  min-width: 300px;
  max-width: 621px;
  width: max-content;
}

.v-chip-filters:hover {
  background-color: rgba(var(--primary-color-rgb), .3) !important;
}


/*
  Component: Modal
*/
.v-modal .modal-content {
  border-radius: 4px;
  overflow: hidden;
  min-height: 100px;
  height: 100%;
  transition: max-height 1s ease-out;
}

.v-modal .modal-header {
  height: 56px;
  font-size: 1.625rem;
  font-weight: 600;
  background-color: var(--tertiary-color);
  color: white;
  border-radius: 0;
}

.v-modal.v-new-modal .modal-header {
  background-color: white !important;
}

.v-modal .modal-header .modal-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.v-modal.v-new-modal .modal-header .modal-title {
  color: var(--dark-color);
  font-weight: 400;
}

.v-modal:not(.v-new-modal) .modal-header .v-icon {
  filter: invert(100%);
}

.v-modal .modal-header .v-btn-icon:hover,
.v-modal .modal-header .v-btn-icon:focus-visible {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}

.v-modal .modal-body {
  max-height: 678px;
  overflow-y: auto;
}

.v-modal .modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  height: 72px;
}

/* Variation: sm */
.v-modal .modal-sm {
  max-width: 400px;
}

/* Variation: Success */
.v-modal.v-modal-success .modal-header,
.v-modal .success-header {
  background-color: var(--success-color);
}

.v-modal.v-modal-success .modal-body {
  color: var(--success-color);
}

.v-modal .success-text {
  color: #178545;
}

/* Variation: Error */
.v-modal.v-modal-error .modal-header,
.v-modal .error-header {
  background-color: var(--error-color);
}

.v-modal.v-modal-error .modal-body {
  color: var(--error-color-dark);
}

.v-modal .error-text {
  color: #A3001E;
}

/* Variation: Warning */
.v-modal.v-modal-warning .modal-header,
.v-modal .warning-header {
  background-color: var(--warning-color);
}

.v-modal.v-modal-warning .modal-body {
  color: var(--warning-color-dark);
}

.v-modal .warning-text {
  color: var(--warning-color-dark);
}

/* Variation: Dark */
.v-modal.v-modal-dark .modal-header,
.v-modal .dark-header {
  background-color: var(--dark-color);
}

.v-modal.v-modal-dark .modal-body {
  color: var(--dark-color);
}


@media screen and (max-width: 768px) {
  .v-modal .modal-dialog {
    margin: 0;
    height: 100%;
  }

  .v-modal .modal-content {
    height: 100%;
  }

  .v-modal .modal-body {
    overflow-y: scroll;
  }

  .v-modal .modal-header {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }

  .v-modal .modal-header .btn-voltar {
    position: absolute;
    left: 10px;
    transform: rotate(-180deg);
    background: none;
    border: none;
  }

  .v-modal .modal-header .btn-voltar img {
    width: 11px;
  }
}

/*
  Component: offcanvas
*/
.v-offcanvas {
  --bs-offcanvas-width: 936px;

  /* z-index maior que o tooltip > 1080*/
  z-index: 1090;
  
  transition: all 0.3s ease-in-out;
}

.v-offcanvas.full-width {
  --bs-offcanvas-width: 100%;
}

@media screen and (max-width: 768px) {
  .v-offcanvas {
    --bs-offcanvas-width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .v-modal .modal-lg {
    max-width: 744px;
  }
}


/* -- Alerts -- */
.v-alert {
  font-size: 1rem;
  font-weight: 400;
  padding: 8px 16px;
  border-radius: 4px;
  display: flex;
}

.v-alert.v-alert-primary {
  background-color: var(--primary-background);
  color: var(--primary-color-dark);
}

.v-alert.v-alert-secondary {
  background-color: var(--secondary-background);
  color: var(--secondary-color);
}

.v-alert.v-alert-info {
  background-color: var(--info-background);
  color: var(--info-color);
}

.v-alert.v-alert-success {
  background-color: var(--success-background);
  color: var(--success-color);
}

.v-alert.v-alert-warning {
  background-color: var(--warning-background);
  color: var(--warning-color-dark);
}

.v-alert.v-alert-error {
  background-color: var(--error-background);
  color: var(--error-color-dark);
}

.v-alert-disaled {
  background-color: rgba(230, 230, 230, 1);
  color: rgba(153, 153, 153, 1);
}
/*
  Component: Chip
*/
.v-chip {
  height: 32px;
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 .75rem;
  border-radius: 8rem;
  background-color: var(--info-background);
  color: var(--info-color);
}

.v-chip .v-icon {
  filter: var(--info-filter);
}

/* Variation: Primary */
.v-chip.v-chip-primary {
  background-color: var(--primary-background);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.v-chip.v-chip-primary .v-icon {
  filter: var(--primary-filter);
}

/* Variation: Secondary */
.v-chip.v-chip-secondary {
  background-color: var(--secondary-background);
  color: var(--secondary-color);
}

.v-chip.v-chip-secondary .v-icon {
  filter: var(--secondary-filter);
}

/* Variation: Tertiary */
.v-chip.v-chip-tertiary {
  background-color: var(--tertiary-background);
  color: var(--tertiary-color);
}

.v-chip.v-chip-tertiary .v-icon {
  filter: var(--tertiary-filter);
}

/* Variation: Info */
.v-chip.v-chip-info {
  background-color: var(--info-background);
  color: var(--info-color);
}

.v-chip.v-chip-info .v-icon {
  filter: var(--info-filter);
}

/* Variation: Success */
.v-chip.v-chip-success {
  background-color: var(--success-background);
  color: var(--success-color);
}

.v-chip.v-chip-success .v-icon {
  filter: var(--success-filter);
}

/* Variation: Warning */
.v-chip.v-chip-warning {
  background-color: var(--warning-background);
  color: var(--warning-color-dark);
}

.v-chip.v-chip-warning .v-icon {
  filter: var(--warning-dark-filter);
}

/* Variation: Error */
.v-chip.v-chip-error {
  background-color: var(--error-background);
  color: var(--error-color-dark);
}

.v-chip.v-chip-error .v-icon {
  filter: var(--error-filter);
}

/* Variation: Light */
.v-chip.v-chip-light {
  background-color: #EBEBEB;
  color: #262626;
}

.v-chip.v-chip-error .v-icon {
  filter: brightness(0);
}

/* Variation: Outline */
.v-chip.v-chip-outline {
  background-color: transparent;
  border: 1px solid;
}

/* Variation: small */
.v-chip.v-chip-small {
  height: 28px;
  font-size: 0.9rem;
  font-weight: 400;
}

/* Variation: medium */
.v-chip.v-chip-medium {
  height: 40px;
  font-size: 1.125rem;
}

/* Variation: large */
.v-chip.v-chip-large {
  height: 48px;
  font-size: 1.125rem;
  font-weight: 500;
}

.v-chip-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 4px;
}

.v-chip-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 4px;
}

/*
  Component: Icon
*/
.v-icon,
.v-icon.v-icon-primary {
  filter: var(--primary-filter);
}

.v-icon.v-icon-secondary {
  filter: var(--secondary-filter);
}

.v-icon.v-icon-tertiary {
  filter: var(--tertiary-filter);
}

.v-icon.v-icon-info {
  filter: var(--info-filter);
}

.v-icon.v-icon-success {
  filter: var(--success-filter);
}

.v-icon.v-icon-warning {
  filter: var(--warning-filter);
}

.v-icon.v-icon-warning-dark {
  filter: var(--warning-dark-filter);
}

.v-icon,
.v-icon.v-icon-dark-home {
  filter: var(--dark-home-filter);
}

.v-icon.v-icon-error {
  filter: var(--error-filter);
}

.v-icon.v-icon-gray {
  filter: var(--primary-filter) grayscale(100%);
}

.v-icon.v-icon-black {
  filter: invert(22%) sepia(0%) saturate(1456%) hue-rotate(140deg) brightness(88%) contrast(99%);
}

.v-icon.v-icon-rating {
  filter: invert(79%) sepia(65%) saturate(2343%) hue-rotate(353deg) brightness(104%) contrast(102%);
}

.v-icon.v-icon-light {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(5deg) brightness(104%) contrast(103%);
}

.v-icon.v-icon-dark {
  filter: var(--dark-filter);
}

.v-icon.v-icon-disabled {
  filter: var(--disabled-filter);
}

/* -- Table -- */
.v-table {
  width: 100%;
  border-collapse: collapse;
  display: table;
  margin-bottom: 1rem;
  font-size: 1rem;
  padding: 1rem;
}

.v-table tr {
  background-color: inherit;
  border-bottom: 1px solid #CCCCCC;
}

.v-table.emphasis tr:nth-child(1) td {
  background-color: var(--info-background);
  border-bottom: 1px solid #CCCCCC;
}

.v-table th,
.v-table td {
  padding: 0.75rem;
  white-space: nowrap;
}

.v-table.v-table--no-scroll th,
.v-table.v-table--no-scroll td {
  white-space: normal;
}

.v-table.border-all tbody tr {
  border: 1px solid #CCCCCC;
}

@media screen and (min-width: 992px) {
  .table-responsive::-webkit-scrollbar {
    height: 8px;
    background-color: #fff;
  }

  .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #CCCCCC;
  }
}

/* Dropdown */
.v-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--primary-color);
}

.v-dropdown .dropdown-item:hover {
  background-color: var(--primary-background);
}

.v-dropdown .dropdown-item:active {
  background-color: var(--primary-color);
  color: white;
}

.v-dropdown .dropdown-item:active img {
  filter: brightness(0) invert(1);
}

.v-dropdown .dropdown-item[selected] {
  background-color: rgba(var(--primary-color-rgb), 0.1);
}

/*
  Component: Spinner
*/
.v-spinner {
  background-image: url('../../images/v2/spinner-small.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: inline-block;
  animation-name: spin;
  animation-duration: 1250ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.v-spinner.v-spinner-tinny {
  background-image: url('../../images/v2/spinner-tinny.png');
  width: 24px;
  height: 24px;
}

.v-spinner.v-spinner-small {
  background-image: url('../../images/v2/spinner-small.png');
  width: 40px;
  height: 40px;
}

.v-spinner.v-spinner-medium {
  background-image: url('../../images/v2/spinner-medium.png');
  width: 96px;
  height: 96px;
}

.v-spinner.v-spinner-large {
  background-image: url('../../images/v2/spinner-large.png');
  width: 200px;
  height: 200px;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.rotate-0 {
  transform: rotate(0deg);
  transition: 0.2s ease-out;
}

.rotate-180 {
  transform: rotate(-180deg);
  transition: 0.2s ease-out;
}

/* Component: Stepper */
.v-stepper {
  counter-reset: step;
  display: flex;
  flex-wrap: nowrap;
  font-size: 20px;
  color: var(--secondary-color);
  font-weight: 500;
  gap: 8px;
}

.v-stepper .v-step {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.v-stepper .v-step:not(:last-child) {
  flex-grow: 1;
}

.v-stepper .v-step:not(:last-child)::after {
  content: '';
  height: 1px;
  width: 100%;
  background: #E6E6E6;
}

.v-stepper .v-step::before {
  counter-increment: step;
  content: counter(step);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
}

.v-stepper .v-step.active::before {
  background: var(--primary-color);
  color: white;
}


.v-combobox-dropdown {
  margin-top: 4px;
  min-width: 250px;
  max-height: 250px;
  overflow-y: auto;
  margin-left: -4px !important;
}

.v-combobox-dropdown .dropdown-item {
  font-weight: 500;
  cursor: pointer;
}

.v-combobox {
  visibility: hidden;
}

/* Component: Switch */
.v-switch {
  position: relative;
  display: inline-block;
  width: 72px;
  height: 34px;
}

.v-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999999;
  transition: .4s;
  border-radius: 34px;
}

.v-switch.active .slider, .v-switch-field input:checked + .slider  {
  background-color: var(--primary-color-dark);
}

.v-switch .slider:before {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

.v-switch.active .slider:before, .v-switch-field input:checked + .slider:before {
  left: 42px;
}

.v-switch .label, .v-switch-field .slider::after {
  position: absolute;
  left: 65%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight: 500;
  font-size: 16px;
}

.v-switch.active .label{
  left: 35%;
}

.v-switch-field {
  width:  72px !important;
}

.v-switch-field input {
  display: none;
}

.v-switch-field .slider::after {
  content: "Não";
}

.v-switch-field input:checked + .slider:after {
  content: "Sim";
  left: 35%;
}